/**
 * The site`s device breakpoints:
 * @mobile-max: Used for old mobile devices 
 */
/**
 * This mixin is used for adding media queries nested in a SCSS class or mixin.
 * Adds a screen max-width query.
 *
 * Parameters:
 * $breakpoint
 * $delimiter
 *
 * Usage:
 * .my-class {
 *   font-size: 12px;
 *     @include layout('desktop') {
 *	     font-size: 14px;
 *	   }
 *	}
 */
@media (max-width: 479px) {
  .breadcrumb {
  	display: none !important;
  }
}
@media (max-width: 1023px) {
	.hide-mobile {
    	display: none !important;
  	}
}
@media (min-width: 1024px) {
  .hide-desktop {
    display: none !important;
  }
}
.consultation-modal__swipe-example .js-loaded {
  width: auto;
}
.consultation-modal__swipe-wrapper .js-loaded {
  width: auto;
}

.consultation-intro {
  height: 670px;
  text-align: center;
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  min-height: 350px;
  color: #FFFFFF;
  background-size: inherit;
  background-position: center bottom;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url("../images/questionnaire/landing-page.jpg");
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/questionnaire/landing-page.jpg");
  background-repeat: no-repeat;
}
.consultation-intro__wrapper {
	width: 60%;
	margin: 0 auto;
	padding-top: 10%;
}
@media (max-width: 1023px) {
  .consultation-intro {
    width: 92%;
    margin: 0 auto;
    height: 612px;
	background-position: 90% 75%;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))), url("../images/questionnaire/landing-page.jpg");
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/questionnaire/landing-page.jpg");
	background-repeat: no-repeat;
  }
  .consultation-intro__wrapper {
	width: 80%;
	padding-top: 15%;
  }
}
.consultation-intro__head {
  font-family: "ClarinsRegular", "Times New Roman", Times, serif;
  font-size: 45px;
  line-height: 120%;
  letter-spacing: -1px;
}
@media (max-width: 1023px) {
  .consultation-intro__head {
    line-height: 100%;
  }
}
.consultation-intro-btn {
    cursor: pointer;
}
.consultation-intro__line {
  margin: 24px auto;
  width: 55%;
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
}
.consultation-intro__button {
  background: #FFFFFF;
  font-size: 11px;
  line-height: 16px;
  text-transform: uppercase;
  color: #000000;
  padding: 16px 20px;
  width: 30%;
  margin: 35px auto 24px auto;
  cursor: pointer;
}
.consultation-intro__button:hover {
	background-color: #E5E5E5;
}
@media (max-width: 767px) {
  .consultation-intro__button {
    margin: 35px auto 31px auto;
    width: 60%;
  }
  .consultation-intro__line {
  	width: 80%;
  }
}
.consultation-intro__howto{
  font-size: 12px;
  line-height: 22px;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  text-transform: uppercase;
  cursor: pointer;
}

@-webkit-keyframes fade-yes {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fade-yes {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes fade-no {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-no {
  0% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes move-card {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(15deg) translate(10px, 0);
            transform: rotate(15deg) translate(10px, 0);
  }
  20% {
    -webkit-transform: rotate(15deg) translate(10px, 0);
            transform: rotate(15deg) translate(10px, 0);
  }
  30% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  60% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  70% {
    -webkit-transform: rotate(-15deg) translate(-10px, 0);
            transform: rotate(-15deg) translate(-10px, 0);
  }
  80% {
    -webkit-transform: rotate(-15deg) translate(-10px, 0);
            transform: rotate(-15deg) translate(-10px, 0);
  }
  90% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@keyframes move-card {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(15deg) translate(10px, 0);
            transform: rotate(15deg) translate(10px, 0);
  }
  20% {
    -webkit-transform: rotate(15deg) translate(10px, 0);
            transform: rotate(15deg) translate(10px, 0);
  }
  30% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  60% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  70% {
    -webkit-transform: rotate(-15deg) translate(-10px, 0);
            transform: rotate(-15deg) translate(-10px, 0);
  }
  80% {
    -webkit-transform: rotate(-15deg) translate(-10px, 0);
            transform: rotate(-15deg) translate(-10px, 0);
  }
  90% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
}
@-webkit-keyframes move-cursor {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  10% {
    -webkit-transform: translate(100px, 0);
            transform: translate(100px, 0);
  }
  20% {
    -webkit-transform: translate(100px, 0);
            transform: translate(100px, 0);
  }
  30% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  60% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  70% {
    -webkit-transform: translate(-100px, 0);
            transform: translate(-100px, 0);
  }
  80% {
    -webkit-transform: translate(-100px, 0);
            transform: translate(-100px, 0);
  }
  90% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes move-cursor {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  10% {
    -webkit-transform: translate(100px, 0);
            transform: translate(100px, 0);
  }
  20% {
    -webkit-transform: translate(100px, 0);
            transform: translate(100px, 0);
  }
  30% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  60% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  70% {
    -webkit-transform: translate(-100px, 0);
            transform: translate(-100px, 0);
  }
  80% {
    -webkit-transform: translate(-100px, 0);
            transform: translate(-100px, 0);
  }
  90% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
.consultation-modal {
  display: none;
  position: relative;
  width: auto;
  height: 500px;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.9);
  border: 1px solid #FFFFFF;
  margin-top: 35px;
}
@media (max-width: 1023px) {
  .consultation-modal {
    height: 95%;
    margin: 10px;
    overflow: hidden;
    margin: 15px 10px;
  }
}
.consultation-modal__wrapper {
  position: fixed;
  z-index: 1;
  padding-top: 76px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 1023px) {
  .consultation-modal__wrapper {
    border: 1px solid #FFFFFF;
    height: 100%;
    position: relative;
    overflow: hidden;
    padding-top: 0;
  }
}
.consultation-modal--close {
  position: absolute;
  top: 0;
  right: 10px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: normal;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.consultation-modal--close:hover, .consultation-modal--close:focus {
  text-decoration: none;
  cursor: pointer;
}
.consultation-modal__swipe-wrapper {
  width: 100%;
  height: 100%;
}
.consultation-modal__swipe-wrapper--text {
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 140%;
  text-align: center;
  color: #FFFFFF;
  width: 45%;
  margin: -45px auto;
}
@media (max-width: 1023px) {
	.consultation-modal__swipe-wrapper {
		margin-top: 40%;
	}
  .consultation-modal__swipe-wrapper--text {
    width: 50%;
    font-size: 17px;
    margin-top: 25%;
  }
}
.hide-mobile .consultation-modal__swipe-wrapper--text {
    background: linear-gradient(45deg, grey, transparent);
}
.consultation-modal__swipe-wrapper--image {
  position: relative;
  margin: 80px auto;
  width: 100%;
  text-align: center;
}
.consultation-modal__swipe-wrapper--image-row {
  position: relative;
  margin-top: 39px;
}
.consultation-modal__swipe-wrapper--image-row-line {
  position: relative;
  bottom: 30px;
  left: 20px;
  z-index: -1;
}
.consultation-modal__swipe-wrapper--image-row-line.second {
  left: -20px;
}
.consultation-modal__swipe-wrapper--image-row-thumb {
  position: relative;
}
.consultation-modal__swipe-wrapper--image-row-thumb-2 {
  position: relative;
}
.consultation-modal .center {
  position: absolute;
  top: -20px;
  bottom: 0;
  margin: auto auto;
}
.consultation-modal__swipe-example {
  width: 540px;
  height: 530px;
  left: 0;
  right: 0;
}
img.consultation-modal__swipe-example--yes,
img.consultation-modal__swipe-example--yes-hover,
img.consultation-modal__swipe-example--no,
img.consultation-modal__swipe-example--no-hover {
	width: 67px;
}
.consultation-modal__swipe-example--yes, .consultation-modal__swipe-example--yes-hover {
  position: absolute;
  left: auto;
  right: 0;
}
.consultation-modal__swipe-example--no, .consultation-modal__swipe-example--no-hover {
  position: absolute;
  right: auto;
  left: 0;
}
.consultation-modal__swipe-example--yes-hover {
  opacity: 0;
  -webkit-animation: fade-yes 8s infinite;
          animation: fade-yes 8s infinite;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.consultation-modal__swipe-example--no-hover {
  opacity: 0;
  -webkit-animation: fade-no 8s infinite;
          animation: fade-no 8s infinite;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.consultation-modal__swipe-example--cursor {
  left: 0;
  right: 0;
  -webkit-animation: move-cursor 8s infinite;
          animation: move-cursor 8s infinite;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.consultation-modal__swipe-example--question {
  left: 0;
  right: 0;
  width: 260px;
  padding: 1px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-background-clip: content-box;
  background-clip: content-box;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-animation: move-card 8s infinite;
          animation: move-card 8s infinite;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}

.howtodialog.ui-dialog {
  background: none;
  overflow: hidden;
  min-height: 560px;
  width: 720px;
  border: 1px solid #FFFFFF;
}
@media (max-width: 1023px) {
  .howtodialog.ui-dialog {
    width: 100%;
    min-height: 100%;
    height: 100%;
    background: #262626;
    border: none;
    padding: 10px;
    overflow: hidden;
  }
  .howtodialog .ui-dialog-content {
  	overflow: hidden;
  	padding: 0.5em 1em;
  }
}

.newsletter-body .newsletter-heading h3 {
  z-index: 0;
}

i.fa.fa-arrow-right {
  display: inline-block;
  padding: 3px;
  font-size: x-large;
}

.navigational-arrow {
  display: none;
  text-align: left;
  font-size: 13px;
}
@media (min-width: 1024px) {
	.navigational-arrow {
		margin-left: 3%;
	}
}
@media (max-width: 1023px) {
  .navigational-arrow {
    text-align: left;
    font-size: 13px;
    line-height: 16px;
    margin-top: 15px;
	margin-left: 4%;
  }
}
.navigational-arrow a {
  margin-left: 10px;
}

i.fa.fa-angle-left {
  display: inline-block;
  padding: 2px;
  font-size: medium;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.consultation-progress-bar {
  display: -webkit-box;
  display: flex;
  padding: 0% 3%;
}

.consultation-progress-bar1 {
  display: inline-block;
  border: 2px solid #BE0F34;
  background: #BE0F34;
  margin: 1% 0% 1% 0%;
  height: 0;
  border-radius: 2px;
}

.consultation-progress-bar2 {
  display: inline-block;
  top: 1px; 
  position: relative;
  border: 1px solid #CBCBCB;
  background: #CBCBCB;
  margin: 1% 0% 1% 0%;
  height: 0;
}

.consultation-progress-completed {
  width: 100%;
  display: inline-block;
  border: 2px solid #56AF31;
  background: #56AF31;
  margin: 1% 0% 1% 0%;
  border-radius: 2px;
}
@media (max-width: 1023px) {
	.consultation-progress-bar {
		padding: 0% 5% 0% 4%;
	}
    .consultation-progress-completed {
        border: 2px solid #32A400; 
    }
}

.consultation-questionnaire {
  text-align: center;
  font-size: 30px;
  display: none;
}
.consultation-questionnaire__questions {
  width: 100%;
  height: 664px;
  margin-top: 20px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .consultation-questionnaire__questions {
    margin-top: 0;
    width: 95%;
    padding: 0% 3% 0% 4%;
  }
}
.consultation-questionnaire__card.bumper-enabled {
	top: -25px;
	height: 90%;
}
.consultation-questionnaire__card-multi.bumper-enabled {
	margin: 20px auto 80px auto;
}
@media (min-width: 1024px) {
  .consultation-questionnaire__background:after {
  		content: '';
  		display: block;
	  	position: absolute;
	  	top: 0;
	  	left: 0;
	  	height: 100%;
	  	width: 100%;
	  	background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/questionnaire/2020_consultation_question_fine_lines.jpg");
		filter: blur(15px);
		z-index: 1;
  }
  .consultation-questionnaire__background.bgQuestion_makeup_night:after {
  		background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/questionnaire/2020_consultation_question_makeup_night.jpg");
        background-size: cover;
  }
  .consultation-questionnaire__background.bgQuestion_using_water:after {
  		background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/questionnaire/2020_consultation_question_using_water.jpg");
  }
  .consultation-questionnaire__background.bgQuestion_skin_shiny:after {
  		background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/questionnaire/2020_consultation_question_skin_shiny.jpg");
        background-position: 112% 0%;
  }
  .consultation-questionnaire__background.bgQuestion_tight_uncomfortable:after {
  		background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/questionnaire/2020_consultation_question_tight_uncomfortable.jpg");
        background-position: 94% 0%;
  }
  .consultation-questionnaire__background.bgQuestion_dehydrated:after {
  		background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/questionnaire/2020_consultation_question_dehydrated.jpg");
        background-size: cover;
        background-position: center 50%;
  }
  .consultation-questionnaire__background.bgQuestion_dry:after {
  		background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/questionnaire/2020_consultation_question_dry.jpg");
        background-size: cover;
		background-position: 20% center;
  }
  .consultation-questionnaire__background.bgQuestion_fine_lines:after {
  		background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/questionnaire/2020_consultation_question_fine_lines.jpg");
        background-size: cover;
        background-position: 100% center;
  }
  .consultation-questionnaire__background.bgQuestion_expression_lines:after {
  		background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/questionnaire/2020_consultation_question_expression_lines.jpg");
        background-size: cover;
		background-position: 100% 30%;
  }
  .consultation-questionnaire__background.bgQuestion_age:after {
  		background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/questionnaire/2020_consultation_question_age.jpg");
        background-size: cover;
  }
  .consultation-questionnaire__background.bgQuestion_hormonal_changes:after {
  		background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/questionnaire/2020_consultation_question_hormonal_changes.jpg");
  }
  .consultation-questionnaire__background.bgQuestion_over_it:after {
  		background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/questionnaire/2020_consultation_question_over_it.jpg");
        transform: scale(1.5);
		background-position: 100% 0%;
  }
  .consultation-questionnaire__background.bgQuestion_sensitive_skin:after {
  		background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/questionnaire/2020_consultation_question_sensitive_skin.jpg");
  }
  .consultation-questionnaire__background.bgQuestion_dull_skin:after {
  		background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/questionnaire/2020_consultation_question_dull_skin.jpg");
        background-position: right center;
  }
  .consultation-questionnaire__background.bgQuestion_puffy_face:after {
  		background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/questionnaire/2020_consultation_question_puffy_face.jpg");
        background-size: cover;
        background-position: 100% 0%;
  }
  .consultation-questionnaire__background.bgQuestion_dark_spots:after {
  		background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/questionnaire/2020_consultation_question_dark_spots.jpg");
        background-size: cover;
  }
  .consultation-questionnaire__background.bgQuestion_eye_care:after {
  		background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/questionnaire/2020_consultation_question_eye_care.jpg");
  }
  .consultation-questionnaire__background.bgQuestion_beauty_routine:after {
  		background: linear-gradient(0deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), url("../images/questionnaire/2020_consultation_question_beauty_routine.jpg");
        background-size: cover;
		background-position: bottom center;
  }
  
  .consultation-questionnaire__questions.complete {
    font-family: "ClarinsRegular", "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
    background: url("../images/questionnaire/consultation-complete.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFFFFF;
  }
  .consultation-questionnaire__questions.complete .complete-wrapper {
    margin-bottom: 70px;
  }
  .consultation-questionnaire__questions.complete .complete-title {
    font-size: 45px;
    line-height: 120%;
    letter-spacing: -1px;
  }
  .consultation-questionnaire__questions.complete .complete-animation{
  		width:40%;
  		height:100%;
  		display:inline-block;
  }
  .consultation-questionnaire__questions.complete .complete-description {
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
    font-size: 22px;
    line-height: 140%;
    width: 50%;
    margin: 0 auto;
    letter-spacing: 0;
  }
  .consultation-questionnaire__questions.complete img {
    width: 180px;
  }
}
@media (max-width: 1023px) {
  .consultation-questionnaire__questions.complete {
    font-family: "ClarinsRegular", "Times New Roman", Times, serif;
    font-style: normal;
    font-weight: normal;
    background: url("../images/questionnaire/consultation-complete.jpg");
    background-repeat: no-repeat;
    background-position: center;
    color: #FFFFFF;
    width: 91%;
    padding: 0;
    margin: 20px 4%;
  }
  .consultation-questionnaire__questions.complete .complete-wrapper {
    margin-bottom: 0;
  }
  .consultation-questionnaire__questions.complete .complete-title {
    font-size: 45px;
    line-height: 113%;
    letter-spacing: -1px;
  }
  
  .consultation-questionnaire__questions.complete .complete-description {
    font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 140%;
    width: 70%;
    margin: 0 auto;
    letter-spacing: 0;
  }
  .consultation-questionnaire__questions.complete img {
    width: 132px;
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
	.consultation-questionnaire__questions.complete {
		background: url("../images/questionnaire/consultation-complete-mobile.jpg");
		height: 576px;
		background-size: cover;
	}
}
.consultation-questionnaire__action-yes, .consultation-questionnaire__action-no {
  position: absolute;
  top: 290px;
  z-index: 2;
}
.consultation-questionnaire__action-yes img, .consultation-questionnaire__action-no img {
  width: 85px;
}
.consultation-questionnaire__action-yes .btn-hover, .consultation-questionnaire__action-no .btn-hover {
  display: none;
}
.consultation-questionnaire__action-yes:hover .btn-hover, .consultation-questionnaire__action-yes.hover .btn-hover, .consultation-questionnaire__action-no:hover .btn-hover, .consultation-questionnaire__action-no.hover .btn-hover {
  display: inline-block;
}
.consultation-questionnaire__action-yes:hover .btn-normal, .consultation-questionnaire__action-yes.hover .btn-normal, .consultation-questionnaire__action-no:hover .btn-normal, .consultation-questionnaire__action-no.hover .btn-normal {
  display: none;
}
.consultation-questionnaire__action-no {
  left: 13%;
}
.consultation-questionnaire__action-yes {
  right: 13%;
}
.consultation-questionnaire__action-yes .btn-hover {
  display: none;
}
.consultation-questionnaire__content {
  background-color: #FFFFFF;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 36%;
  height: 576px;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0 auto;
  top: 40px;
  left: 32%;
  z-index: 2;
  cursor: pointer;
  background-position: 35% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.consultation-questionnaire__content.alternative {
	background-color: #FFFFFF;
}
.consultation-questionnaire__content.below {
	z-index: 1;
}
@media (max-width: 1023px) {
  .consultation-questionnaire__content {
    left: 0%; 
    margin: 0% 4%; 
    width: 90%;
  }
}
.consultation-questionnaire__content.bgQuestion_makeup_night {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/questionnaire/2020_consultation_question_makeup_night.jpg");
	background-position: 48% 50%;
}
.consultation-questionnaire__content.bgQuestion_using_water {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/questionnaire/2020_consultation_question_using_water.jpg");
	background-size: cover;
}
.consultation-questionnaire__content.bgQuestion_skin_shiny {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/questionnaire/2020_consultation_question_skin_shiny.jpg");
	background-position: 52% 0%;
}
.consultation-questionnaire__content.bgQuestion_tight_uncomfortable {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/questionnaire/2020_consultation_question_tight_uncomfortable.jpg");
	background-size: cover;
	background-position: center;
}
.consultation-questionnaire__content.bgQuestion_dehydrated {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/questionnaire/2020_consultation_question_dehydrated.jpg");
	background-size: cover;
}
.consultation-questionnaire__content.bgQuestion_dry {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/questionnaire/2020_consultation_question_dry.jpg");
	background-size: cover;
	background-position: 20% center;
}
.consultation-questionnaire__content.bgQuestion_fine_lines {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/questionnaire/2020_consultation_question_fine_lines.jpg");
	background-size: cover;
	background-position: 55% 50%;
}
.consultation-questionnaire__content.bgQuestion_expression_lines {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/questionnaire/2020_consultation_question_expression_lines.jpg");
	background-position: 45% 80%;
	background-size: cover;
}
.consultation-questionnaire__content.bgQuestion_age {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/questionnaire/2020_consultation_question_age.jpg");
	background-size: cover;
	background-position: center;
}
.consultation-questionnaire__content.bgQuestion_hormonal_changes {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/questionnaire/2020_consultation_question_hormonal_changes.jpg");
	background-size: cover;
	background-position: 65% 15%;
}
.consultation-questionnaire__content.bgQuestion_over_it {
  	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/questionnaire/2020_consultation_question_over_it.jpg");
  	background-position: 45% 20%;
	background-size: cover;
}
.consultation-questionnaire__content.bgQuestion_sensitive_skin {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/questionnaire/2020_consultation_question_sensitive_skin.jpg");
	background-position: 60% 60%;
	background-size: initial;
}
.consultation-questionnaire__content.bgQuestion_dull_skin {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/questionnaire/2020_consultation_question_dull_skin.jpg");
	background-size: cover;
    background-position: 50% 40%;
}
.consultation-questionnaire__content.bgQuestion_puffy_face {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/questionnaire/2020_consultation_question_puffy_face.jpg");
	background-size: cover;
	background-position: 48.5% 50%;
}
.consultation-questionnaire__content.bgQuestion_dark_spots {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/questionnaire/2020_consultation_question_dark_spots.jpg");
	background-size: cover;
	background-position: 50% 30%;
}
.consultation-questionnaire__content.bgQuestion_eye_care {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/questionnaire/2020_consultation_question_eye_care.jpg");
	background-size: cover;
    background-position: 50% 30%;
}
.consultation-questionnaire__content.bgQuestion_beauty_routine {
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../images/questionnaire/2020_consultation_question_beauty_routine.jpg");
}

@media (max-width: 1023px) {
	
 .consultation-questionnaire__content.bgQuestion_makeup_night {
          background-position: 43% 0%;
  }
  .consultation-questionnaire__content.bgQuestion_skin_shiny {
          background-position: 64% 0%;
  }
   .consultation-questionnaire__content.bgQuestion_tight_uncomfortable {
          background-position: center 0%;  
  }
  .consultation-questionnaire__content.bgQuestion_dehydrated {
         background-position-x: center;
  }
  .consultation-questionnaire__content.bgQuestion_dry {
         background-position: 65% 23%;
  }
  .consultation-questionnaire__content.bgQuestion_fine_lines {
         background-position: 30% 50%;
  }
  .consultation-questionnaire__content.bgQuestion_puffy_face {
         background-position: 41% 2%;
  }
}

@media screen and (min-device-width: 360px) and (max-device-width: 1110px) {
    .consultation-questionnaire__content.bgQuestion_over_it {
            background-position: 42% 20%;
    }
}

.consultation-questionnaire__content.to-left {
  -webkit-transform: rotate(-10deg) translate(-10px, 0);
          transform: rotate(-10deg) translate(-10px, 0);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}
.consultation-questionnaire__content.revert {
 	-webkit-transform: rotate(0) translate(0, 0);
    transform: rotate(0) translate(0, 0);
	-webkit-transition: .25s linear;
	transition: .25s linear;
}
.consultation-questionnaire__content.to-left-complete {
	-webkit-transform: translateX(-90rem) rotate(-90deg) !important;
	transform: translateX(-90rem) rotate(-90deg) !important;
	-webkit-transition: .5s linear;
	transition: .5s linear;
}
.consultation-questionnaire__content.to-right-complete {
	transform: translate(90rem) rotate(90deg) !important;
	-webkit-transform: translate(90rem) rotate(90deg) !important;
	transition: .5s linear;
	-webkit-transition: .5s linear;
}
.consultation-questionnaire__content.to-right {
  -webkit-transform: rotate(10deg) translate(10px, 0);
          transform: rotate(10deg) translate(10px, 0);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}
.consultation-questionnaire__header {
  height: 6rem;
  background: #002942;
}
.consultation-questionnaire__card-cont {
  position: relative;
  width: 24rem;
  height: 32rem;
  margin: 0 auto 5rem;
}
.consultation-questionnaire__card {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  font-family: "ClarinsRegular", "Times New Roman", Times, serif;
  font-weight: normal;
  font-style: normal;
}
.consultation-questionnaire__card.multi {
  padding-top: 60px;
}
.consultation-questionnaire__card.reset {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translateX(0) !important;
          transform: translateX(0) !important;
}
.consultation-questionnaire__card.reset .consultation-questionnaire__card__choice {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0 !important;
}
.consultation-questionnaire__card.inactive {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.consultation-questionnaire__card__name {
  text-align: center;
  font-size: 35px;
  letter-spacing: -1px;
  line-height: 40px;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
  width: 55%;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  color: #FFFFFF;
  margin: 0 auto 0 auto;
  -webkit-box-pack: center;
          justify-content: center;
}
@media (max-width: 1023px) {
  .consultation-questionnaire__content {
  	top: 25px;
  }	
  .consultation-questionnaire__card__name {
    font-size: 35px;
    line-height: 40px;
    width: 65%;
  }
}
.consultation-questionnaire__card__description {
  font-size: 16px;
  line-height: 22px;
  color: #FFFFFF;
  width: 70%;
  margin: 20px auto 0 auto;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
  letter-spacing: 0px;
}
.consultation-questionnaire__card__actions {
  position: absolute;
  width: 50%;
  left: 25%;
  bottom: 70px;
}
.consultation-questionnaire__card__actions .thumb {
  width: 35px;
  position: absolute;
  top: 0;
  right: 44%;
}
@media (max-width: 1023px) {
	.consultation-questionnaire__card__actions .thumb {
		right: 46%;
	}
}
@media (max-width: 480px) {
	.consultation-questionnaire__card__actions .thumb {
		right: 43%;
	}
}
.consultation-questionnaire__card__actions.normal .thumb.red, .consultation-questionnaire__card__actions.normal .thumb.green, .consultation-questionnaire__card__actions.red .thumb.normal, .consultation-questionnaire__card__actions.red .thumb.green, .consultation-questionnaire__card__actions.green .thumb.red, .consultation-questionnaire__card__actions.green .thumb.normal {
  display: none;
}
.consultation-questionnaire__card__actions.red .thumb.red, .consultation-questionnaire__card__actions.green .thumb.green, .consultation-questionnaire__card__actions.normal .thumb.normal {
  display: inline-block;
}
.consultation-questionnaire__card-multi {
  margin: 60px auto;
  font-family: "ClarinsRegular", "Times New Roman", Times, serif;
}
.consultation-questionnaire__card-multi__options {
  width: 60%;
  margin: 20px auto;
  font-size: 14px;
  line-height: 16px;
  font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  text-align: center;
  color: #000000;
}
.consultation-questionnaire__card-multi__options .option {
  background: #FFFFFF;
  padding: 15px 0;
  margin: 30px 0;
  cursor: pointer;
}
.consultation-questionnaire__card-multi__options .option:hover {
	background-color: #E5E5E5;
}
.consultation-questionnaire__tip {
  display: none;
  margin-top: -200px;
  text-align: center;
  font-size: 2.2rem;
}
@media (max-width: 1023px) {
	.consultation-questionnaire__card__actions {
		bottom: 50px;
	}
}
@media screen and (min-device-width: 375px) and (max-device-width: 413px) {
	.consultation-questionnaire__card {
		top: -25px;
		height: 90%;
	}
	.consultation-questionnaire__card-multi {
		margin: 20px auto 80px auto;
	}
}

/* Result page */
.bc-skin-profile {
	background: url("../images/results/skin-profile.jpg") no-repeat;
	background-position: center; 
	background-size: cover;
	text-align: left;
	height: 609px;
	width: 100%;
	color: #000;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
	margin: 0;
}

.bc-skin-profile__left {
	position: relative;
	margin: 10% 2%;
}
.bc-skin-profile__restart {
	position: absolute;
	left: 0;
	top: -51px;
}
.bc-skin-profile__restart a {
	color: #000;
	font-size: 13px;
	
}
.bc-skin-profile__title {
	font-family: "ClarinsRegular", "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 110px;
	line-height: 95%;
	letter-spacing: -1px;
	width: 70%;
}
.bc-skin-profile__right {
	margin: 10% auto 10% 5%;
	font-size: 22px;
	line-height: 140%;
}
.bc-skin-profile__right--separator {
	height: 0;
	width: 30%;
	border: 1px solid #BE0F34;
	background-color: #BE0F34;
	display: block;
}
.bc-skin-profile__list-item--header {
	font-size: 24px;
	line-height: 140%;
	font-weight: bold;
}
.bc-skin-profile__list-item {
	font-size: 22px;
	line-height: 120%;
}
.bc-skin-profile__list-item i {
	font-size: medium;
	font-weight: lighter;
}
@media (max-width: 1023px) {
	.bc-skin-profile {
		background-image: url("../images/results/skin-profile.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		height: 535px;
		overflow: hidden;
		width: 100%;
		margin: 0 auto;
	}
	.bc-skin-profile__title {
		font-size: 40px;
		line-height: 100%;
		text-align: center;
		width: 100%;
		margin-top: 75px;
	}
	.bc-skin-profile__restart {
		top: 0;
	}
	.bc-skin-profile__list {
		text-align: center;
		width: 80%;
		margin: 0 auto;
	}
	.bc-skin-profile__list-item--header {
		font-size: 18px;
		line-height: 140%;
		text-align: center;
	}
	.bc-skin-profile__list-item {
		font-size: 15px;
	}
	.bc-skin-profile__left {
		margin: 3% 0 26px 0%;
	}
	.bc-skin-profile__right {
		font-size: 15px;
		line-height: 140%;
		margin: 0 auto auto 0%;
	}
	.bc-skin-profile__right--separator {
		margin: 0 auto 26px auto;
	}
}
.bc-ingredients {
	font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
	font-style: normal;
	color: #000;
	font-weight: normal;
	margin: 87px 0 0 0;
}
.bc-ingredients h2 {
	font-family: "ClarinsRegular", "Times New Roman", Times, serif;
	font-size: 44px;
	line-height: 120%;
	text-align: center;
	width: 100%;
	margin-top: 0;
}
.bc-ingredients p {
	font-size: 18px;
	line-height: 140%;
	width: 50%;
	text-align: center;
	margin: 0 auto;
}
.bc-ingredients__list {
	margin: 50px auto;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: stretch;
}
.bc-ingredient {
	width: 25%;
	display: inline-block;
}
.bc-ingredient__inner {
	width: 70%;
	margin: 0 auto;
}
.bc-ingredient__title {
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	height: 50px;
}
.bc-ingredient__image img {
	width: 148px;
	height: 148px;
	margin: 20px auto;
}
.bc-ingredient__description {
	text-align: center;
	font-size: 14px;
	
}
@media (max-width: 1023px) {
	.bc-ingredients {
		margin-top: 35px;
	}
	.bc-ingredients h2 {
		font-size: 32px;
		line-height: 120%;
		margin-bottom: 15px;
		margin-top: 0;
	}
	.bc-ingredients p {
		font-size: 15px;
		line-height: 140%;
		margin-bottom: 0;
		width: 80%;
	}
	.bc-ingredients__list {
		margin: 33px auto;
	}
	.bc-ingredient:only-child {
		width: 148px;
	}
	.bc-ingredient__title {
		font-size: 15px;
		line-height: 22px;
		text-align: center;
		margin: 8px 0;
	}
	.bc-ingredient__description {
		text-align: center;
		font-size: 14px;
		line-height: 140%;
	}
	.bc-ingredient__inner {
		width: 100%;
	}
	
}
.bc-products {
	margin: 0;
	position: relative;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
	font-style: normal;
	color: #000;
}
.bc_products--separator {
	height: 0;
	width: 100%;
	border: 1px solid #E5E5E5;
	background: #E5E5E5;
	top: 118px;
	position: absolute; 
	left: 0;	
}
.bc-products .tab {
	padding: 0% 3%;
	margin-bottom: 0;
}
.bc-products .tab__child {
	border-bottom: none;
}
.bc-products .tab__parent {
	width: 50%;
	display: flex;
	margin: 50px auto 20px auto;
}
.bc-products .tab-content h2 {
	text-align: center;
	width: 60%;
	margin: 0 auto;
	font-family: "ClarinsRegular", "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 44px;
	line-height: 120%;
}
h2.text-center.routine-sent-text{ 
    font-size: 34px; 
 }
.bc-product {
	font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
	font-style: normal;
	padding-bottom: 65px;
}
.bc-product__header-step {
	border-top: 1px solid #E5E5E5;
}
.bc-product__name {
	font-size: 20px;
	line-height: 140%;
	margin-bottom: 7px;
}
.bc-product__price {
	font-size: 16px;
	line-height: 19px;
	margin-top: 17px;
	color: #000000;
	display: flex;
	width: 100%;
}
.product-prices__full-block {
	width: auto;
	padding-right: 5%;
}
.bc-product-prices__free, .bc-product-prices__standard, .bc-product-prices__sales {
	font-family: gotham ssm medium a,gotham ssm medium b,Helvetica,Arial,sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
	color: #000000;
}
.bc-product-prices__standard.product-prices__standard--reduced, .bc-product-prices__perunit {
	font-size: 16px;
	line-height: 19px;
	color: #8B8B8B;
}
.product-prices__right-block-border {
    position: absolute;
    top: 2px;
    bottom: 1px;
    left: 0;
    border-left: 1px solid #CBCBCB;
    width: 2px;
}
.product-prices__serenity {
	color:#8B8B8B;
	font-family: gotham ssm medium a,gotham ssm medium b,Helvetica,Arial,sans-serif;
    font-size: 22px;
    line-height: 26px;
}
.product-prices__serenity-text {
	font-family: gotham ssm medium a,gotham ssm medium b,Helvetica,Arial,sans-serif;
    font-size: 9px;
    line-height: 11px;
    color: #8B8B8B;
}
@media (max-width: 1023px) {
	.bc-product__price {
		display: block;
	}
	.product-prices__left-block, .product-prices__right-block {
		width: 100%;
	}
	.product-prices__right-block {
		padding-left: 0%;
	}
	.product-prices__right-block-border {
		display: none;
	}
	.bc-product-prices__free, .bc-product-prices__standard, .bc-product-prices__sales {
		font-family: gotham ssm medium a,gotham ssm medium b,Helvetica,Arial,sans-serif;
		font-style: normal;
		font-weight: normal;
		font-size: 16px;
		line-height: 19px;
		color: #000000;
		margin-bottom: 9px;
	}
	.bc-product-prices__standard.product-prices__standard--reduced, .bc-product-prices__perunit {
		font-size: 12px;
		line-height: 14px;
		color: #8B8B8B;
		margin-bottom: 9px;
	}
	.product-prices__serenity {
		color:#8B8B8B;
		font-family: gotham ssm medium a,gotham ssm medium b,Helvetica,Arial,sans-serif;
		font-size: 16px;
		line-height: 19px;
	}
	.product-prices__serenity-text {
		font-family: gotham ssm medium a,gotham ssm medium b,Helvetica,Arial,sans-serif;
		font-size: 9px;
		line-height: 11px;
		color: #8B8B8B;
	}
}
.bc-product__description {
	color: #333333;
	font-size: 14px;
	padding-right: 2%;
	line-height: 140%;
}
.bc-product button {
	width: 80%;
	font-size: 14px;
}
.bc-product__actions, .bc-product__description {
	margin-top: 10px;
}
.bc-product__try-sample {
	margin-top: 12px;
}
.bc-product__try-sample button.button-secondary {
	color: #333333;
}
.bc-products .tab-content .bc-products-list h2 {
	font-family: "ClarinsRegular", "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	line-height: 35px;
	font-size: 34px;
	width: 100%;
	text-align: left;
	margin-bottom: 20px;
}
.bc-products .tab-content .bc-products-list h2.bordered {
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 20px;
}
.bc-products .tab-content .weekly-subtitle {
	margin: 10px 0 40px 0;
	font-size: 15px;
	line-height: 140%;
}
#wrapper .bc-products .ui-tooltip {
	display: none; 
	top: 60px; 
	left:0; 
	width: 250px; 
	height: auto;
	z-index: 0;
}
#wrapper .bc-products .ui-tooltip .arrow {
	bottom: 0;
	top: -22px;
}
.bc-products .tooltip-text {
	font-family: gotham ssm medium a,gotham ssm medium b,Helvetica,Arial,sans-serif;
	font-size: 14px;
	text-align: center;
	letter-spacing: .22px;
	line-height: 20px;
	color: #000;
}
.bc-products .tooltip-content {
	text-transform: none;
	display: block;
}
.tooltip-content.bc-price-hidden {
    display: none;
}
.bc-products .ui-tooltip .arrow::after {
	top: 20px;
}
.bc-products-list {
	margin-top: 0;
}
.notify-me-wrapper {
    display: none;
}
.product-info .flex-column-center i-notify-button {
    display: none;
}
.bc-products-list h3 {
	font-family: "ClarinsRegular", "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 35px;
	color: #8B8B8B;
	margin-top: 12px;
}
.bc-products-list.weekly .bc-product {
	border-bottom: 0;
}
.bc-products-list .subtitle {
	font-size: 15px;
	line-height: 140%;
}
.bc_products__send-routine--link {
	text-align: center;
	margin: 30px auto 40px auto;
	font-size: 14px;
	line-height: 17px;
	color: #BE0F34;
}
.bc_products__send-routine--link a {
	text-decoration-line: underline;
	color: #BE0F34;
	text-transform: uppercase;
}
.bc-results-content-title {
	margin: 0;
	padding: 0% 3%;
}
.bc-results-content-title h2 {
	color: #000;
	font-family: "ClarinsRegular", "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 34px;
	line-height: 35px;
	margin-top: 0;
}
.clear {
    clear: both;
}
.bc_products__essential-subtitle {
	font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 22px;
	line-height: 140%;
	text-align: center;
	color: #000000;
	margin: 14px auto 0 auto;
	width: 60%;
	font-weight: bold;
}
.bc-results-content {
	background: #F3F3F3;
	font-family: "ClarinsRegular", "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	padding: 35px 0;
	margin: 0 0 65px 0;
}
.bc-results-content-clarins-me {
	background-image: url("../images/results/clarins-and-me.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	font-family: "ClarinsRegular", "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	padding: 35px 0;
	margin: 0 0 65px 0;
}
.bc-results-content-clarins-me__text {
	background: #fff;
	padding: 0 3%;
	text-align: center;
}
.bc-results-content__title,
.bc-results-content-clarins-me__title {
	font-size: 44px;
	line-height: 120%;
	color: #000;
	margin: 65px 0 20px 0;
}
.bc-results-content-clarins-me__title {
	margin-top: 35px;
}
.bc-results-content__description,
.bc-results-content-clarins-me__description {
	font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
	font-style: normal;
	font-size: 18px;
	line-height: 140%;
}
.bc-results-content__link a,
.bc-results-content-clarins-me__link {
	font-size: 20px;
	line-height: 35px;
	text-decoration: underline;
	text-transform: uppercase;
}
.bc-results-content-clarins-me__link {
	margin-bottom: 35px;
	text-transform: uppercase;
}
.bc-results-content-clarins-me a:hover {
	color: #000;
}
.bc-products .tab__heading {
	text-transform: none; 
    font-size: 22px;
    margin: 21px 0;
}
.bc-results-content__inner {
	padding: 0% 3%;
}
.bc-results-content img {
	width: 100%;
}
.bc-product__shortdescription {
	margin-top: 10px;
}
@media (min-width: 1280px) {
	.bc-results-content__inner {
		padding: 0% 3%;
	}
}
@media (max-width: 1023px) {
	.bc-products .tab {
		margin-left: 0;
		margin-right: 0;
		padding: 0;
		left: 0;
	}
	.bc-product__shortdescription {
	margin-top: 19px;
	}
	.bc-products .tab__parent {
		width: 100%;
	}
	.bc-products .tab__heading {
		text-transform: none;
		font-size: 16px;
		margin: 15px 0;
	}
	.bc-products .tab__child {
		width: 50%;
	}
	#wrapper .bc-products .ui-tooltip {
		width: 85%;
	}
	.bc-products .tab--selected {
		border-top: 4px solid #be0f34;
	}
	.bc-products .tab-content h2 {
		width: 80%;
		font-size: 24px;
		line-height: 120%;
	}
	.bc_products--separator {
		top: 108px;
	}
	.bc-products-list {
		width: 90%;
		margin: 40px auto 0 auto;
	}
	.bc-product__header-step {
		border-top: 0;
	}
	.bc-products .tab-content .bc-products-list h2 {
		border-bottom: 1px solid #E5E5E5;
		padding-bottom: 10px;
		margin-bottom: 0;
	}
	.bc_products__essential-subtitle {
		width: 80%;
		font-size: 15px;
		font-weight: normal;
	}
	.bc-product__description {
		padding-left: 10px;
		margin: 0%;
	}
	.bc-product__image img {
		width: 100%;
	}
	.bc-product__name {
		font-size: 14px;
		line-height: 18px;
	}
	.bc-product__actions {
		margin: 20px 0;
	}
	.bc-product button {
		font-size: 10px;
	}
	.bc-product button.add-to-cart {
		width: 48%;
		float: left;
	}
	.bc-product button.open-quickview {
		width: 48%;
		float: left;
	}
	.bc-product__try-sample {
		width: 48%;
		float: left;
		margin-top: 0;
		margin-left: 4%;
	}
	.bc-product__try-sample button {
		width: 100%;
	}
	.bc-product {
		border: 0;
		padding-bottom: 20px;
	}
	.bc-product__rating {
		margin-top: 10px;
	}
	.bc-products-list.weekly {
		margin-top: 50px;
	}
	.bc-products-list .subtitle {
		font-size: 16px;
		margin-bottom: 50px;
	}
	.tab-content:last-child {
		border: 0;
	}
	.bc-results-content {
		padding: 5% 2%;
	}
	.bc-results-content__inner,
	.bc-results-content__text {
		margin: 0;
	}
	.bc-results-content-title {
		left: 0;
		margin: 0 auto;
		float: none;
		padding: 0 5%;
	}
	.bc-results-content-title h2 {
		border-bottom: 1px solid #E5E5E5;
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	.bc-results-content__title {
		font-size: 18px; 
		line-height: 22px;
		font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
		font-weight: bold;
		margin-top: 5%;
	}
	.bc-results-content-clarins-me__title {
		font-size: 18px; 
		line-height: 1em;
		font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
		font-weight: 400;
		margin-top: 5%;
	}
	.bc-results-content-clarins-me {
		background: none;
	}
	.bc-results-content-clarins-me__inner {
		background-color: #e3e3e3;
	}
	.bc-results-content-clarins-me__link {
		font-size: 11px;
		line-height: 1.5em;
		font-family: "gotham ssm medium a", "gotham ssm medium b", "Gotham",Helvetica,Arial,sans-serif;
		letter-spacing: .1em;
	}
	.bc-results-content-clarins-me__text {
		margin-top: 60px;
	}
}

@media (max-width: 767px) {
	.bc-results-content-clarins-me__text {
		width: 100%;
		margin-top: 0;
	}
}

.bc-howto {
	margin: 0 0 65px 0;
}
.bc-howto__container {
	padding: 0 3%;
}
.bc-howto h2 {
	font-family: "ClarinsRegular", "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	line-height: 35px;
	font-size: 34px;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 20px;
	margin: 0;
}
.bc-howto-wrapper {
	margin: 0;
	
}
.bc-howto p.subtitle {
	font-size: 15px;
	line-height: 140%;
	font-family: "Gotham SSm book A", "Gotham SSm book B", Helvetica, Arial, sans-serif;
	font-style: normal;
	margin-bottom: 35px;
}
.bc-howto .YTplayer,
.bc-howto__description {
	width: 100%;
	height: auto;
	background: none;
	margin-bottom: 0;
}
.bc-howto__ytlist {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.bc-howto__ytlist-item {
	width: 24%;
}
.bc-howto .YTthumbnail {
	position: relative;
}
.bc-howto .YTplayer.restyle .YTbtnlaunchplayer {
	left: -10px;
}
.bc-howto .YTVideoPreview {
	transform: none;
	-webkit-transform: none;
}
.bc-howto .YTbtnlaunchplayer_45px {
	width: 45px;
	height: 45px;
	top: 70%;
	left: 15%;
	background: rgba(40,43,48,.5);;
}
.bc-howto__description {
	margin-top: 15px;
	font-size: 15px;
}
.bc-howto__seeall {
	margin-top: 25px;
	font-family: "ClarinsRegular", "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 25px;
	line-height: 35px;
	text-align:center;
}
.bc-howto__seeall a {
	text-decoration: underline;
	font-size: 20px;
	text-transform: uppercase;
}
#essentials-tab {
	position: relative;
}
@media (max-width: 1023px) {
	.bc-howto {
		margin: 0 auto 30px auto;
		width: 90%;
	}
	.bc-howto__container {
		margin-left: 0;
		padding: 0;
	}
	.bc-howto h2 {
		font-size: 33px;
		line-height: 40px;
		padding-bottom: 10px;
	}
	.bc-howto p.subtitle {
		margin-top: 10px;
		margin-bottom: 25px;
	}
	.bc-howto__seeall {
		font-size: 20px;
	}
	.bc-howto__description {
		font-weight: bold;
		margin: 5px 0 15px 0;
	}
	.bc-howto__ytlist-item {
		width: 48%;
	}
}

body.noscroll {
	overflow: hidden;
    position: fixed;
    width: 100%;

}

body:after {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  content: 
  	url("../images/questionnaire/2020_consultation_question_makeup_night.jpg") 
  	url("../images/questionnaire/2020_consultation_question_using_water.jpg") 
  	url("../images/questionnaire/2020_consultation_question_skin_shiny.jpg") 
  	url("../images/questionnaire/2020_consultation_question_tight_uncomfortable.jpg") 
  	url("../images/questionnaire/2020_consultation_question_dehydrated.jpg") 
  	url("../images/questionnaire/2020_consultation_question_dry.jpg") 
  	url("../images/questionnaire/2020_consultation_question_fine_lines.jpg") 
  	url("../images/questionnaire/2020_consultation_question_expression_lines.jpg") 
  	url("../images/questionnaire/2020_consultation_question_age.jpg") 
  	url("../images/questionnaire/2020_consultation_question_hormonal_changes.jpg") 
  	url("../images/questionnaire/2020_consultation_question_over_it.jpg") 
  	url("../images/questionnaire/2020_consultation_question_sensitive_skin.jpg") 
  	url("../images/questionnaire/2020_consultation_question_dull_skin.jpg") 
  	url("../images/questionnaire/2020_consultation_question_puffy_face.jpg") 
  	url("../images/questionnaire/2020_consultation_question_dark_spots.jpg") 
  	url("../images/questionnaire/2020_consultation_question_eye_care.jpg") 
  	url("../images/questionnaire/2020_consultation_question_beauty_routine.jpg")
  	url("../images/questionnaire/times-thin.png")
  	url("../images/questionnaire/line-curve.png")
  	url("../images/questionnaire/check-thin.png")
  	url("../images/questionnaire/thumb.svg")
  	url("../images/questionnaire/thumb-green.png")
  	url("../images/questionnaire/thumb-red.png")
  	url("../images/questionnaire/btn-no.svg")
  	url("../images/questionnaire/btn-no-hover.png")
  	url("../images/questionnaire/btn-yes.svg")
  	url("../images/questionnaire/btn-yes-hover.png");
}

body.megamenu-open:after {
	width: auto;
	height: auto;
	content: "";
}
.no-padding-top {
    padding-top: 0 !important;
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
	#main,.footer-wrapper{
		 overflow-x:hidden;
	}
}