/* NAVIGATION */
.quiz_navigation {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.7rem;
  z-index: 300;
}

.quiz_navigation .logo {
  fill: white;
  width: 60px !important;
}

.btn_hide a {
  width: 49%;
  min-width: auto !important;
}

.btn_hide a:first-child {
  float: left;
}

.btn_hide a:last-child {
  float: right;
}

.btn_hide {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 85px;
  text-align: center;
  -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: 100;
  background: white;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

@media (min-width: 992px) {
  .btn_hide {
    display: none;
  }
}
.btn_hide.nav-up {
  bottom: -85px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn_hide.hidden {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  z-index: -99 !important;
}

.btn_hide .btn {
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

/* QUESTIONS */
body {
  background-color: #ebebd4;
}

.quiz_item,
.quiz_item_quickscript {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 2rem;
  height: 0;
  /*  transition: all .5s cubic-bezier(0.23, 1, 0.32, 1); */
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.quiz_item {
  overflow: hidden;
}

.quiz_item .quiz_item_body {
  /*opacity:0;
  transition:all .5s cubic-bezier(0.23, 1, 0.32, 1); */
  position: relative;
  /* -webkit-transition: all .5s cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition: -webkit-all .5s cubic-bezier(0.23, 1, 0.32, 1); */
}

.quiz_item .quiz_item_question {
  -webkit-transition: opacity ease 0.2s, -webkit-transform ease 0.2s;
  transition: opacity ease 0.2s, -webkit-transform ease 0.2s;
  transition: opacity ease 0.2s, transform ease 0.2s;
  transition: opacity ease 0.2s, transform ease 0.2s, -webkit-transform ease 0.2s;
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  opacity: 0;
  margin-bottom: 6px;
}

.quiz_item .quiz_button,
.quiz_item .search_medication,
.quiz_item .strength_slider_container {
  opacity: 0;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transform: translateY(-7px);
          transform: translateY(-7px);
}

.quiz_item.quiz_item_show .quiz_button,
.quiz_item.quiz_item_show .quiz_item_question,
.quiz_item.quiz_item_show .search_medication,
.quiz_item.quiz_item_show .strength_slider_container {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.quiz_item.quiz_item_show button:nth-child(2) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.quiz_item.quiz_item_show button:nth-child(3) {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.quiz_item.quiz_item_show button:nth-child(4) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.quiz_item.quiz_item_show button:nth-child(5) {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

.quiz_item.quiz_item_show button:nth-child(6) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.quiz_item.quiz_item_show button:nth-child(7) {
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}

.quiz_item_body_no_image .quiz_button {
  background-image: none;
  min-height: 3.5rem;
}

#question_list_section .skin_q2 .quiz_item_answer {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#question_list_section .skin_q2 .quiz_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 165px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-bottom: 15px;
  background-size: 90px;
  background-position: center top 20px;
  width: calc(50% - 5px);
  -webkit-box-flex: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
}

@media (min-width: 992px) {
  .quiz_item_body_no_image .quiz_button {
    min-height: 4.5rem;
  }
}
.quiz_item.quiz_item_show .quiz_item_body {
  opacity: 1;
}

@media (max-width: 768px) {
  #quiz-footer {
    padding-bottom: 4rem;
  }
}
.quiz-footer-link {
  display: block;
  line-height: 1.5;
}

.quiz-footer-link h3,
.quiz-sitename h3 {
  font-size: 70% !important;
}

.footer-divider {
  display: none;
}

h3.footer-divider {
  color: #e7e7e7 !important;
  font-weight: 400;
}

.quiz_item_quickscript {
  position: static;
}

.quiz_item_body.quiz_item_body_short {
  padding-top: 3rem;
}

.quickscript_details_btn {
  margin-top: 20px;
}

@media (min-width: 992px) {
  .quiz_item_body.quiz_item_body_short {
    padding-top: 0;
  }
  .quiz-footer {
    padding-bottom: 0;
  }
  .quiz_item {
    margin-top: 0;
  }
  /*
  .quiz_item, .quiz_item_quickscript{
      box-shadow:0px 10px 40px rgba(0, 0, 0, 0.05);
  }

  */
  .quiz_item_body {
    padding: 1.5rem;
    padding-bottom: 1.7rem;
    padding-top: 3rem;
  }
  .quiz-footer-link {
    display: inline-block;
  }
  .footer-divider {
    display: inline-block;
  }
}
.quiz_item {
  opacity: 0;
  z-index: -100;
  /*  transform:translateY(0.3rem); */
}

/*
.quiz_item.quiz_item_hide{
    opacity:0;
    transform:translateX(-1rem);
}
*/
.quiz_item.quiz_item_show {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  z-index: 200;
  position: static;
  height: auto;
  overflow: visible;
}

.quiz_item_body {
  /*  background-color:white;  */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 75vh;
}

.quiz_button,
.female_btn,
.quiz_button_no_js {
  width: 100%;
  margin-bottom: 0.6rem;
  text-decoration: none;
  /*  border:1px solid #e8eded;
  background-color: rgba(0,0,0,0.01);
  border: 1px solid #edeae8;
  background-color: rgba(235,235,212,0.1); */
  border: 1px solid #003d3b;
  background-color: transparent;
  background-position: center top 15px;
  background-size: 70px;
  background-repeat: no-repeat;
  /*  transition: all .3s cubic-bezier(0.23, 1, 0.32, 1); 
  transition: opacity 1s ease-in;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 7rem;
  cursor: pointer;
  line-height: 1.4;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  color: #003d3b;
}

.star_rating .quiz_button {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.quiz_button span {
  margin-top: 66px;
}

.female_btn span {
  margin-top: 66px;
}

.quiz_item_question h1 {
  font-size: 21px;
  font-family: "MaisonNeue-Demi";
  line-height: 1.3;
  letter-spacing: 0;
}

@media (min-width: 768px) {
  .quiz_item_question h1 {
    font-size: 26px;
  }
}
.quiz_item_body.quiz_item_body_large_button .quiz_button span {
  margin-top: 85px;
}

.quiz_item_body.quiz_item_body_large_button .quiz_button {
  min-height: 8rem;
}

@media (min-width: 992px) {
  .female_btn {
    background-position: center top 35px;
    background-size: 85px;
    min-height: 10rem;
  }
  .quiz_button,
  quiz_button_no_js {
    background-position: center top 35px;
    background-size: 85px;
    min-height: 10rem;
  }
  .quiz_button span {
    margin-top: 100px;
  }
  .quiz_item_body.quiz_item_body_large_button .quiz_button {
    min-height: 11rem;
  }
  .quiz_item_body.quiz_item_body_large_button .quiz_button span {
    margin-top: 100px;
  }
}
.quiz_item_body_no_image span {
  margin-top: 0;
}

.quiz_button .emphasis {
  text-decoration: underline;
  font-weight: 500;
}

@media (min-width: 992px) {
  .quiz_button:hover,
  .quiz_button:active {
    background-color: #fff;
    border-color: #fff;
    -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.01);
            box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.01);
  }
  .quiz_button:active {
    border-color: #003d3b;
  }
}
label.quiz_button:active {
  background-color: white;
  border-color: #003d3b;
}

@media (max-width: 992px) {
  .hair_q6d label {
    min-height: 110px;
  }
}
.quiz_item_answer,
.quiz_item_question {
  width: 100%;
}

.quiz_item .form_row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
}

.qform .form_row {
  max-width: 500px;
}

form > div {
  margin-top: 0;
}

@media (max-width: 768px) {
  .quiz_item_body input[type=checkbox] + label {
    -webkit-transition: none;
    transition: none;
  }
}
.quiz_button.image_checkbox span {
  margin-top: 0;
}

/*
.quiz_item_body input[type="checkbox"]:checked+label:hover{
    border-color: #c54801;
}
*/
.quiz_item_body input[type=checkbox] {
  display: none;
}

/*preload*/
.quiz_item_body:first-child {
  background-image: url(https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/check_active.svg);
  background-position: top -999px left -999px;
  background-size: 1px;
  background-repeat: no-repeat;
}

.image_checkbox img,
.quiz_button_image {
  height: 85px;
  width: 85px;
  margin-bottom: 10px;
  background-size: 85px;
  background-position: center;
  background-repeat: no-repeat;
}

.quiz_item_navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  border-radius: 0 3px 3px 0;
  position: relative;
  width: 100%;
  height: 3.5rem;
}

@media (min-width: 992px) {
  .quiz_item_navigation {
    height: 4.5rem;
  }
}
.quiz_item_question {
  min-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 992px) {
  .quiz_item .quiz_item_navigation {
    display: none;
  }
  .quiz_item_question {
    min-height: 55px;
  }
}
.quiz_item_navigation.quiz_item_navigation_mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 500;
}

@media (min-width: 992px) {
  .quiz_item .quiz_item_navigation {
    display: none;
  }
  /*

  .quiz_item_navigation.quiz_item_navigation_mobile{
      display:none;
  }
  */
}
.quiz_item_navigation {
  background-color: #82c780;
}

.quiz_item_navigation h5 {
  color: white;
  margin-bottom: 0;
  cursor: pointer;
}

.quiz_item_navigation_previous,
.quiz_item_navigation_next {
  background-color: #82c780;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0 2.5rem;
  background-repeat: no-repeat;
  background-size: 13px;
  -webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.quiz_item_navigation h3,
.quiz_item_navigation_counter h3 {
  font-size: 0.8rem;
}

.quiz_item_navigation_previous {
  background-position: center left 20px;
  background-image: url("https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/arrows/arrow_left_small_white.svg");
}

.quiz_item_navigation_next {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  background-position: center right 20px;
  background-image: url("https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/arrows/arrow_right_small_white.svg");
}
.quiz_item_navigation_next.hidden {
  display: none !important;
}

.quiz_item_navigation_next.quiz_item_navigation_continue {
  background-image: none;
  padding-right: 1rem;
}

.quiz_item_navigation_next.quiz_item_navigation_continue h5 {
  background-color: #fff;
  color: #003d3b;
  padding-left: 1.2rem;
  padding-right: 1.8rem;
  background-image: url("https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/arrows/arrow_right_small_dark.svg");
  background-size: 13px;
  background-position: center right 10px;
  background-repeat: no-repeat;
}

.quiz_item_navigation_previous:hover {
  background-position: center left 18px;
}

.quiz_item_navigation_next:hover {
  background-position: center right 18px;
}

.quiz_item_navigation_counter,
.quiz_item_navigation_next.quiz_item_navigation_continue h5 {
  height: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.quiz_item_navigation_counter {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  /*
  background-color: rgba(255, 255, 255, 0.2);
  */
  text-align: center;
  max-width: 115px;
}

.quiz_item_navigation_counter_of {
  font-weight: 200;
  opacity: 0.5;
}

.quiz_item_navigation_counter_no {
  font-weight: 500;
  opacity: 1;
}

.quiz_item_answer.quiz_item_answer_checkboxes .quiz_button {
  min-height: 4.5rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 3rem;
  background-position: center left 23px;
  text-align: left;
}

@media (min-width: 992px) {
  .quiz_item,
  .quiz_item_quickscript {
    max-width: 1250px;
  }
  .quickscript_tab_text_container {
    opacity: 0.5;
  }
  .quiz_item_answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 0.7rem;
  }
  .quiz_item_answer.quiz_item_answer_checkboxes {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .quiz_item_answer.quiz_item_answer_checkboxes .quiz_button {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(50% - 0.6rem);
            flex: 1 0 calc(50% - 0.6rem);
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .quiz_item_answer_booking {
    padding-top: 20px;
  }
  .quiz_item_body {
    padding: 0;
    min-height: 70vh;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .quiz_button {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
.quiz_button.quiz_button_no_text {
  background-position: center center;
}

.bloodpressure_error_text {
  max-width: 600px;
}

.bloodpressure_error_text_text {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.bloodpressure_error_text a {
  font-size: 1em;
}

.quiz_button_single {
  margin-left: auto;
  margin-right: auto;
  min-height: 6rem;
}

/*
.quiz_button.age .quiz_button_image{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/skin_concern_ageing-1.svg');
}
.quiz_button.acne .quiz_button_image{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/skin_concern_acne-2-1.svg');
}
.quiz_button.yes{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/new_quiz_icons/yn_yes.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_yes.svg');
}
.quiz_button.no{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/new_quiz_icons/yn_no.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_no_dark.svg');


}
.quiz_button.maybe{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/new_quiz_icons/yn_maybe.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_maybe.svg');
}
.quiz_button.dontknow{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_dontknow_grey-1.svg');

}
.quiz_button.yes_grey{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/new_quiz_icons/yn_yes_grey.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_yes_grey-1.svg');

}
.quiz_button.no_grey{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/new_quiz_icons/yn_no_grey.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_no_grey-1.svg');

}
.quiz_button.no_red{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_no.svg')
}
.quiz_button.continue{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/new_quiz_icons/yn_continue.svg');
}
.quiz_button.restart{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/new_quiz_icons/yn_restart-1.svg');
}
.quiz_button.repeat{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/new_quiz_icons/yn_repeat-2.svg');
}
.quiz_button.male{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/icon_male_3.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_male-3.svg');
}
.quiz_button.female{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/icon_female_3-1.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_female-3.svg');

}

.female_btn.female{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/icon_female_3-1.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_female-3.svg');
}
.quiz_button.skintype_1{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/skin_type_dry.svg');
}
.quiz_button.skintype_2{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/skin_type_normal.svg');
}
.quiz_button.skintype_3{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/skin_type_oily.svg');
}
.quiz_button.sensitivity_1{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/sensitivity_1.svg');
}
.quiz_button.sensitivity_2{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/sensitivity_2.svg');
}
.quiz_button.sensitivity_3{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/sensitivity_3.svg');
}
.quiz_button.redness_1{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/redness_1-1.svg');
}
.quiz_button.redness_2{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/redness_2.svg');
}
.quiz_button.redness_3{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/skin_concern_other-1.svg');
}
.quiz_button.sunscreen_1{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/sun_1-1.svg');
}
.quiz_button.sunscreen_2{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/sun_2-1.svg');
}
.quiz_button.sunscreen_3{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/sun_3-1.svg');
}
.quiz_button.wrinklegrade_1{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/wrinkle_grade_1-1.png');
}
.quiz_button.wrinklegrade_2{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/wrinkle_grade_2-1.png');
}
.quiz_button.wrinklegrade_3{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/wrinkle_grade_3-1.png');
}
.quiz_button.date_0{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/cal_0.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_date_1.svg');
}
.quiz_button.date_1{
    background-image:url('https://www.getmosh.com.au/hubfs/images/icons/new_quiz_icons/cal_1-1.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_date_2.svg');
}
.quiz_button.date_2{
    background-image:url('https://www.getmosh.com.au/hubfs/images/icons/new_quiz_icons/cal_2-1.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_date_3.svg');
}
.quiz_button.date_3{
    background-image:url('https://www.getmosh.com.au/hubfs/images/icons/new_quiz_icons/cal_3-1.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_date_4.svg');
}
.quiz_button.date_4{
    background-image:url('https://www.getmosh.com.au/hubfs/images/icons/new_quiz_icons/cal_4-1.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_date_5.svg');

}
.quiz_button.spf_1{
    background-image:url('https://www.getmosh.com.au/hubfs/mosh/icons/quiz/spf_1.svg');
}
.quiz_button.spf_2{
    background-image:url('https://www.getmosh.com.au/hubfs/mosh/icons/quiz/spf_2.svg');
}
.quiz_button.spf_3{
    background-image:url('https://www.getmosh.com.au/hubfs/mosh/icons/quiz/spf_3.svg');
}
.quiz_button.hairpattern_1{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/hairpattern_1-1.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_hairpattern_1.svg');
}
.quiz_button.hairpattern_2{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/hairpattern_2-1.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_hairpattern_2.svg');
}
.quiz_button.hairpattern_3{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/hairpattern_3-1.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_hairpattern_3.svg');
}
.quiz_button.hairpattern_4{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/hairpattern_4-1.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_hairpattern_4.svg');
}
.quiz_button.hairpattern_5{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/hairpattern_5-2.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_hairpattern_5.svg');
}
.quiz_button.tablet{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/tablet.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_tablets.svg');
}
.quiz_button.topical{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/topical.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_topical.svg');

}
.quiz_button.whatever{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/whatever.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_whatever.svg');

}
.quiz_button.maintain_1{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/maintain_1-2.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_maintain_1-1.svg');
}
.quiz_button.maintain_2{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/maintain_2-2.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_maintain_2-1.svg');
}
.quiz_button.maintain_3{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/maintain_3-2.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_maintain_3-1.svg');
}
.quiz_button.maintain_4{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/maintain_4-2.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_maintain_4-1.svg');
}
.quiz_button.within_1{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/within_1-1.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_time_1-1.svg');
}
.quiz_button.within_2{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/within_2-1.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_time_2-1.svg');
}
.quiz_button.within_3{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/within_3-1.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_time_3-1.svg');
}
.quiz_button.within_4{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/within_4-1.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_time_4-1.svg');
}
.quiz_button.sooner_1{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/sooner_1-1.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_champagne_1-1.svg');
}
.quiz_button.sooner_2{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/sooner_2-1.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_champagne_2-1.svg');

}
.quiz_button.sooner_3{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/sooner_3-1.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_champagne_3-1.svg');

}
.quiz_button.sooner_4{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/sooner_4-1.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_champagne_4-1.svg');

}

.quiz_button.happiness_1{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/happiness_1-1.svg');
}
.quiz_button.happiness_2{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/happiness_2-1.svg');
}
.quiz_button.happiness_3{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/happiness_3-1.svg');
}
.quiz_button.happiness_4{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/happiness_4-1.svg');
}
.quiz_button.happiness_5{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/happiness_5-1.svg');
}

.quiz_button.gel{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/gel.svg');
}
.quiz_button.ed .quiz_button_image{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/`icons/quiz_icons/ed.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_ed-1.svg');
}
.quiz_button.pe .quiz_button_image{
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/pe.svg');
    background-image:url('https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/quiz/quiz_pe-1.svg');
}
*/
.quiz_button.wrinklegrade_1 {
  background-image: url(/assets/icons/wrinkle-grade-1-e9ab162406dee16b40646ea0dc80b4fc381dddb700ca15798369809712b44eaf.png);
}

.quiz_button.wrinklegrade_2 {
  background-image: url(/assets/icons/wrinkle-grade-2-cfd7575e647e262eef942cfd89298041bd6ad0a1fbfbdf7955eaba056697d1b7.png);
}

.quiz_button.wrinklegrade_3 {
  background-image: url(/assets/icons/wrinkle-grade-3-98d56b3730274a027c5b938b61902385a59e453237fa2eb027fa0a920353d1b9.png);
}

.quiz_button.wrinklegrade_4 {
  background-image: url(/assets/icons/no-wrinkle-grade-a4479a69eb7ee29f62d50ec12904780deb026ae56584228a6d8d4f73ae7477c6.svg);
}

#question_list_section .quiz_button.skin_q5_a1 {
  background-image: url(/assets/illustrations/quiz/skin_type_1-c5a1aa7d0e05ca70770ae4a91ef40443a9e0ac3b57941722416824c15fdc007e.png);
}

#question_list_section .quiz_button.skin_q5_a3 {
  background-image: url(/assets/illustrations/quiz/skin_type_2-49701428faed9bed9cf68921afb0621fd808fb73328e829a5ee332cb9b68c4a3.png);
}

#question_list_section .quiz_button.skin_q5_a2 {
  background-image: url(/assets/illustrations/quiz/skin_type_3-af231f2060e8665a66ac323b24bd3173ca8c9ad3575703be3a593fd476d631b5.png);
}

#question_list_section .quiz_button.skin_q5_a4 {
  background-image: url(/assets/illustrations/quiz/skin_type_4-fec44de376928ac98525f436d2e3ad9cf1fbd6b42155f884c2b7eca38e3d37fc.png);
}

#question_list_section .quiz_button.skin_q5_a5 {
  background-image: url(/assets/illustrations/quiz/unsure-c5ff5c1e9e83b58978a4a8f7c25d16a028dd68e1fcda67ef35aeaad4b9f5629e.png);
}

#question_list_section .quiz_button.skin_q6_a1 {
  background-image: url(/assets/illustrations/quiz/sensitivity_1-9ac4c19120d92ab8cf88ca5b3784c29e0582a4be09cebefaab5ca37fb2c71720.png);
}

#question_list_section .quiz_button.skin_q6_a2 {
  background-image: url(/assets/illustrations/quiz/sensitivity_2-32c08d69fab19196c5232a453ef23c19e6a65733d95d6737635b10cb264b6da1.png);
}

#question_list_section .quiz_button.skin_q6_a3 {
  background-image: url(/assets/illustrations/quiz/unsure-c5ff5c1e9e83b58978a4a8f7c25d16a028dd68e1fcda67ef35aeaad4b9f5629e.png);
}

#question_list_section .quiz_button.skin_q7_a2 {
  background-image: url(/assets/illustrations/quiz/blush_1-8c67562d1afed20f426d6289e89c5db4115ca36754b697da2261af81f2351cd4.png);
}

#question_list_section .quiz_button.skin_q7_a1 {
  background-image: url(/assets/illustrations/quiz/blush_2-f413245388e3415db505f8c1a07dc6f839a854160d5b6f6117021e0895e387bc.png);
}

#question_list_section .quiz_button.skin_q7_a3 {
  background-image: url(/assets/illustrations/quiz/unsure-c5ff5c1e9e83b58978a4a8f7c25d16a028dd68e1fcda67ef35aeaad4b9f5629e.png);
}

#question_list_section .quiz_button.skin_q8_a1 {
  background-image: url(/assets/illustrations/quiz/sunscreen_1-8e47676a5a8de39ecd1c69218a7fff424907154eb663142a75590c5e27daf079.png);
}

#question_list_section .quiz_button.skin_q8_a2 {
  background-image: url(/assets/illustrations/quiz/sunscreen_2-572a3d5088b15369bceecc060cecac1bf05067bb64aea28a666fc3c35291bde3.png);
}

#question_list_section .quiz_button.skin_q8_a3 {
  background-image: url(/assets/illustrations/quiz/sunscreen_3-1d946359cbda37e60f57b569c9776a34992704129f75bb1d782383f5bb7ca9b1.png);
}

#question_list_section .quiz_button.skin_q9_a1 {
  background-image: url(/assets/illustrations/quiz/spf_1-578db46571dbccb515b8ef2ada719962915feabef087d4aa2baacbb072c3390d.png);
}

#question_list_section .quiz_button.skin_q9_a2 {
  background-image: url(/assets/illustrations/quiz/spf_2-5a16fdeae7c53574717aeadb8ea7f358fc8c4dc7b068ddacb51344f8e8716517.png);
}

#question_list_section .quiz_button.skin_q9_a3 {
  background-image: url(/assets/illustrations/quiz/unsure-c5ff5c1e9e83b58978a4a8f7c25d16a028dd68e1fcda67ef35aeaad4b9f5629e.png);
}

#question_list_section .quiz_button.mental_q4_a1 {
  background-image: url(/assets/illustrations/quiz/mhcp-yes-501bec58031bbc273121380486f8ed75faf56c06e47d76453f76464ebfe512de.png);
}

#question_list_section .quiz_button.mental_q4_a2 {
  background-image: url(/assets/illustrations/quiz/mhcp-no-27832b9f4184960cd66d1b0ad207edb3ad8d6a3bfb077a4035a036be989d6484.png);
}

#question_list_section .quiz_button.mental_q4_a3 {
  background-image: url(/assets/illustrations/quiz/mhcp-unsure-e0a460e9eba68c0087b23bbe8679433f549504d812730a3e62c79e7fc4a21248.png);
}

.bp_top {
  background-image: url(/assets/icons/bp_top-de915940b49a21eb98f4c0210c91f6ad7641c3bc9f9d4f74bc8c68d058605506.svg);
}

.bp_bottom {
  background-image: url(/assets/icons/bp_bottom-3632b562a33cc2aad4d319dac1769fe774f6b3454c5e6a38d732d43024a75f74.svg);
}

.bp_example {
  width: 150px;
  height: 60px;
  margin-bottom: 30px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}

/* DROPDOWN */
.radio_switch_container input[type=radio] {
  display: none;
}

#rebate_postcodeInput {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

/*
.radio_switch_container label:hover{
    box-shadow:5px 0 20px rgba(0,0,0,0.05);
}
.radio_switch_container .radio_switch.last{
    border-left-color:#ebebd4;
}
.radio_switch_container .radio_switch.first{
    border-right-color:#ebebd4;
}
.radio_switch_container .radio_checked{
    border-color:#003d3b !important;
}
*/
.radio_switch_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.radio_switch_container label {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex: 1;
      flex: 1;
  text-align: center;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 0;
  line-height: 1.5;
}

.dropdown_list .radio_switch_container {
  margin-bottom: 20px;
  margin-top: 5px;
  border: 1px solid #003d3b;
}

.radio_switch_container input[type=radio]:checked + label,
.radio_checked {
  background-color: #c54801;
  border-color: #c54801;
  color: white;
}

.dropdown_list input[type=text] {
  margin-bottom: 20px;
}

.dropdown_list select {
  margin-bottom: 20px;
}

.dropdown_list textarea {
  margin-bottom: 15px;
}

.dropdown_list h3 {
  font-size: 25px;
}

@media (min-width: 768px) {
  .dropdown_list h3 {
    font-size: 29px;
  }
}
.quiz_more_details {
  max-height: 0;
  width: 100%;
  overflow: hidden;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
  padding-top: 1rem;
}

.quiz_more_details.quiz_more_details_expanded {
  max-height: 2000px;
  overflow: auto;
}

/**/
.search_medication {
  background-image: url("https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/ui/search.svg");
  background-repeat: no-repeat;
  background-size: 23px;
  background-position: center left 20px;
  padding-left: 55px !important;
  font-size: 100% !important;
  border: none;
  margin-bottom: 0 !important;
  width: 100%;
  border: 1px solid #003d3b;
  color: #003d3b;
  background-color: white;
  padding: 20px;
  margin-top: 10px;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
}

.search_list {
  max-height: 250px;
  overflow-y: scroll;
  border: 1px solid #003d3b;
  border-top: 0;
  -webkit-box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}

.search_list {
  display: none;
}

.search_list.show {
  display: block;
}

.dropdown {
  position: relative;
  display: inline-block;
  margin-bottom: 4.3rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 500px;
}

.dropdown_content {
  position: absolute;
  min-width: 230px;
  z-index: 1;
  width: 100%;
}

.dropdown_content button {
  color: #003d3b;
  padding: 16px;
  text-decoration: none;
  width: 100%;
  border: 0;
  text-align: left;
  font-size: 0.9em;
  display: block;
  background-color: #fff;
  cursor: pointer;
}

button#button_custom {
  display: block !important;
}

.dropdown_content button:hover {
  background-color: #f9f9f0;
}

.dropdown_list {
  /*
  padding-top:1rem;
  */
  padding-bottom: 0.7rem;
  -webkit-transition: border-color 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: border-color 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px dashed transparent;
}

.dropdown_list.active {
  border-color: #e8eded;
  border-color: transparent;
}

.dropdown_list .list_item {
  position: relative;
  border: 1px solid #003d3b;
  padding: 27px 30px 20px 30px;
  margin-bottom: 15px;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.medication_dosage .times {
  position: relative;
  top: 2px;
  font-size: 110%;
  padding-right: 1px;
}

.medication_name .medication_dosage .times {
  opacity: 0.5;
  padding-right: 2px;
}

/*
.dropdown_list.dropdown_list_skin .list_item{
    padding:19px 30px 19px 30px;
}
*/
.item_container {
  position: absolute;
  opacity: 0;
  max-height: 0;
  -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
  z-index: -999;
}

.item_container.show {
  position: static;
  z-index: 1;
  opacity: 1;
}

.quiz_item.quiz_item.show .item_container.show {
  max-height: 2000px;
}

.item_container.hide {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.dropdown,
.dropdown_list {
  margin-left: auto;
  margin-right: auto;
}

.dropdown {
  margin-top: 10px;
}

.item_container.show {
  max-height: 2000px !important;
}

.medication_form textarea {
  min-height: 70px;
  /*margin-bottom:0 !important; */
}

.medication_form label {
  margin-bottom: 0 !important;
}

.medication_name {
  display: none;
}

.item_container {
  -webkit-transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 1.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.mg {
  position: absolute;
  right: 15px;
  top: 27px;
}

.medication_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  margin-top: 5px;
  margin-left: -3px;
}

.medication_info > a {
  margin-right: 0.5rem;
  padding-right: 1.75rem;
  padding-top: 2px;
  position: relative;
  display: block;
  border: 1px dashed #e8eded;
  padding-left: 0.55rem;
  border-radius: 31px;
  font-size: 0.8em !important;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.medication_info > a:hover {
  background-color: #fcf9f2;
  border: 1px solid #fcf9f2;
  color: black !important;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
}

.medication_info > a:hover .medication_edit {
  background-position: 0 0;
}

.dropdown .medication_dosage {
  color: #a8b1b1;
  font-size: 80% !important;
  padding-left: 5px;
}

.medication_name .medication_dosage {
  display: inline;
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.01);
  border: 1px solid #e8eded;
  margin-left: 0.55rem;
  border-radius: 31px;
  font-size: 0.8em !important;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

@media (max-width: 768px) {
  .medication_name .medication_dosage {
    display: table;
    margin-left: 0;
    padding: 2px 10px;
  }
  .dropdown_list.dropdown_list_skin .list_item {
    min-height: 80px;
    padding: 11px 20px;
  }
}
.medication_close {
  color: #003d3b !important;
  position: absolute;
  top: 1px;
  right: 10px;
  cursor: pointer !important;
  font-size: 1rem;
}

.medication_edit {
  position: absolute;
  top: 9px;
  right: 9px;
  background-image: url("https://cdn2.hubspot.net/hubfs/2624959/images/icons/edit_sprite.svg");
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: 0 -10px;
}

.medication_close:hover {
  opacity: 0.7;
}

.add_another_medication {
  border: 1px dashed #003d3b;
  text-decoration: none;
  background-image: url("https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/ui/plus_small_dark.svg");
  background-repeat: no-repeat;
  background-position: center left 20px;
  background-size: 15px;
  padding: 20px;
  width: 100%;
  max-width: 650px;
  display: none;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer !important;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.add_another_medication.show {
  display: block;
  margin-bottom: 100px;
}

#add_another_medication_link {
  position: relative;
  top: -200px;
}

.add_another_medication h5 {
  margin-bottom: 0;
}

.add_another_medication:hover {
  background-color: white;
  border: 1px solid white;
}

/* QUIZ CHOICE */
ul.tailor {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

ul {
  margin: 0;
  padding: 0;
}

.info_block ul {
  padding-left: 1.5rem;
}

ul.tailor li {
  list-style: none;
  padding-left: 3rem;
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: top 5px left;
  margin-bottom: 0.8rem;
}

.quiz_choice_option_container .container {
  max-width: 1300px;
}

.quiz_choice_option_container {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
}

.quiz_choice_header {
  text-align: center;
  padding-bottom: 2rem;
}

.quiz_choice_option {
  text-align: center;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #003d3b;
}

.btn-ghost.translucent {
  background-color: rgba(255, 255, 255, 0.5) !important;
  border: 0 !important;
}

/*
@media (max-width:768px) {
    .quiz_choice_header{
        padding-bottom:1rem;
        padding-top:5rem;
    }

    .quiz_choice_option {
        height: auto;
        margin-bottom: 2rem;
    }
}
.quiz_choice_option .pad {
    padding: 2rem;
    padding-top: 1rem;
    flex-grow: 1;
}
.quiz_choice_option.darkyellow p {
    color: black !important;
}
.quiz_choice_option_2 p {
    color: black !important;
}
.quiz_choice_option_2 .price {
    color: #19b6af !important;
}
@media (min-width:768px) {
    .quiz_choice_option .btn, .book_now_btn {
        min-width: 350px;
    }
    .quiz_choice_option_1 h2 {
        max-width: 20ch;
    }
}
.quiz_choice_option_1 h2 {
    margin-left: auto;
    margin-right: auto;
}


.quiz_choice_option .img {
    min-height: 8.5rem;
    background-position: center top;
    background-size: cover;
    border-radius: 5px 5px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quiz_choice_cant_wait .img{
    min-height:7rem;
}

.quiz_choice_cant_wait > div p {
    padding-left: 15px;
    padding-right: 15px;
}

.quiz_choice_option.quiz_choice_option_1 .img {
    align-items: flex-end;
    padding-bottom:0.5rem;
}

*/
.quiz_choice_option .headshot {
  border-radius: 50%;
  width: 80px;
  position: relative;
  display: none;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 18px;
}

.quiz_choice .choice_heading {
  margin-top: 3.5rem;
  margin-bottom: 2rem;
}

.quiz_choice {
  padding-bottom: 10vh;
}

@media (min-width: 992px) {
  .quiz_choice_info .btn {
    margin-top: 3rem !important;
  }
  .quiz_choice_option .headshot {
    margin-left: 0;
  }
}
.quiz_choice_option .headshot.show {
  display: block;
}

.quiz_choice_skin .quiz_choice_option_1 h2 {
  max-width: 14ch;
}

.sex_q4 h1,
.sex_q2 h1,
.sex_q13 h1 {
  margin-left: auto;
  margin-right: auto;
}

.sex_q4 h1 {
  max-width: 40ch;
}

.sex_q2 h1 {
  max-width: 50ch;
}

.sex_q13 h1 {
  max-width: 44ch;
}

.mentalhealth_q7 h1,
.mentalhealth_q13 h1,
.mentalhealth_q10 h1 {
  max-width: 39ch;
}

.mental_health_q4 p {
  max-width: 70ch;
}

.mental_health_q1_a1 {
  padding-left: 20px;
  padding-right: 20px;
}

.mentalhealth_q4 p {
  max-width: 60ch;
}

.mentalhealth_q1 h1 {
  max-width: 32ch;
}

.mentalhealth_q1 p {
  max-width: 44ch;
}

.quiz_choice_option .headshot img {
  width: 80px;
  border-radius: 50%;
  border: 1px solid #003d3b;
}

.quiz_choice_cant_wait .headshot img {
  width: 60px;
}

.quiz_choice_option .headshot .online,
.btn .online {
  background-color: #89e986;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

.quiz_choice_option .headshot .online {
  position: absolute;
  top: 2px;
  left: 2px;
}

.btn .online {
  margin-right: 5px;
  margin-bottom: 1px;
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-left: -10px;
}

.quiz_choice_option .price {
  color: white;
  margin-bottom: 0.7rem;
}

@media (min-width: 992px) {
  .quiz_choice_option .price {
    margin-top: -0.2rem;
  }
}
@media (max-width: 768px) {
  .quiz_choice_option .price {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
.quiz_choice_option .price h5 {
  margin-bottom: 0;
  margin-top: 0;
}

@media (max-width: 768px) {
  .btn .online {
    margin-right: 5px;
    width: 6px;
    height: 6px;
  }
  .quiz_choice_option_1 .pad {
    padding-top: 0.5rem !important;
  }
}
.quiz_choice_option.quiz_choice_option_2 .img {
  background-position: center;
}

.quiz_choice_skin .quiz_choice_option.quiz_choice_option_2 .img {
  background-image: url("https://cdn2.hubspot.net/hubfs/2624959/images/skin/skin_o_d-2.jpg");
}

.quiz_choice_hair .quiz_choice_option.quiz_choice_option_2 .img {
  background-image: url("https://cdn2.hubspot.net/hubfs/2624959/images/landing_pages/starter_pack_2.jpg");
}

.quiz_choice_sex .quiz_choice_option.quiz_choice_option_2 .img {
  background-image: url("https://cdn2.hubspot.net/hubfs/2624959/images/misc/quiz_libido.jpg");
}

@media (max-width: 768px) {
  .quiz_choice_skin .quiz_choice_option.quiz_choice_option_2 .img {
    background-image: url("https://cdn2.hubspot.net/hubfs/2624959/images/skin/skin_o-2.jpg");
    background-size: 115%;
    background-position: center;
  }
  .desktop-only {
    display: none;
  }
  .quiz_choice_option .img {
    min-height: 5.5rem;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-bottom: 0;
  }
  .quiz_choice_skin .quiz_choice_option.quiz_choice_option_2 .img {
    min-height: 9rem;
  }
  .quiz_choice_option {
    margin-bottom: 1.3rem;
  }
  .quiz_choice_option .headshot,
  .quiz_choice_option .headshot img {
    width: 60px;
  }
  .quiz_choice_option .headshot .online {
    width: 11px;
    height: 11px;
    left: 4px;
    top: 4px;
  }
  .quiz_choice_option .pad {
    padding-top: 1rem;
  }
  .quiz_choice_option_1 .img {
    border-radius: 0;
  }
}
/* QUICKSCRIPT */
.quickscript {
  position: relative;
}

.credit_card_form.quickscript_credit_card_form {
  max-width: 1050px;
  margin-left: auto;
  margin-right: auto;
}

.credit_card_form h1 {
  /*
  font-size:1.8rem !important;
  */
  /*
  max-width:17ch;
  */
}

.credit_card_form.hair_credit_card_form h1 {
  max-width: none;
}

.quickscript_credit_card_section {
  margin-top: 1.5rem;
}

.hair_credit_card_form.quickscript_credit_card_section {
  margin-top: 0;
}

/*
@media (min-width:992px){
.quickscript_credit_card_section{
margin-top:5rem;
}
}
*/
@media (max-width: 768px) {
  .credit_card_form.quickscript_credit_card_form h2 {
    font-size: 1.7rem !important;
  }
}
.quickscript_credit_card_form .form {
  margin-left: auto;
  margin-right: auto;
  max-width: 780px;
}

.quickscript_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 100%;
  padding-bottom: 2rem;
}

.quickscript_left {
  width: 30%;
}

.quickscript_image {
  background-image: url(https://cdn2.hubspot.net/hubfs/2624959/mosh/product/isolated/product_box-2.png);
  background-position: bottom -13px left;
  min-height: 170px;
  background-size: 220px;
  min-width: 250px;
  background-repeat: no-repeat;
}

.quickscript_details {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.quickscript_details .form_row {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.form_row .btn.booking_payment_and_address {
  margin-top: 2rem;
  min-width: 300px;
}

@media (max-width: 992px) {
  .form_row .btn.booking_payment_and_address {
    margin-top: 1.6rem;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .quickscript_image {
    display: none;
  }
  .quickscript_left {
    padding-left: 120px;
  }
  .sex_quickscript .quickscript_left {
    padding-left: 0;
  }
  .quickscript_credit_card_form .quiz_item_body {
    background-image: url("https://cdn2.hubspot.net/hubfs/2624959/mosh/product/isolated/product_box-2.png");
    /*  background-position:top 70px left 13px; */
    background-size: 100px;
    background-repeat: no-repeat;
    padding-top: 20px;
    padding-top: 90px;
  }
  .quickscript_credit_card_form .hair_quickscript .quiz_item_body {
    padding-top: 0;
    background-position: top 17px left 1px;
  }
  .quickscript_credit_card_form .sex_quickscript .quiz_item_body {
    /*  padding-top:0; */
    background-position: top 0px left -11px;
  }
  .skin_quickscript .quiz_item_body {
    background-position: top left;
  }
  .quickscript_included span {
    margin-top: 1.7rem;
  }
}
.quiz_item.general_q9 h1 {
  max-width: 43ch;
}

.quickscript_refund_info {
  padding: 10px;
  width: 100%;
  margin-top: 0.5rem;
  padding-left: 0;
}

.total p {
  margin-bottom: 0 !important;
}

.quickscript_total_times_3_container {
  font-size: 100%;
}

.quickscript_total_times_3_title {
  display: inline;
  margin-right: 3px !important;
}

.quickscript_included {
  border: 1px solid #e8eded;
  background: rgba(0, 0, 0, 0.01);
  padding: 10px;
  min-height: 6rem;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url("https://cdn2.hubspot.net/hubfs/2624959/images/icons/teal_tick.svg");
  background-position: top 13px left 13px;
  background-repeat: no-repeat;
  background-size: 13px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.quickscript_included span {
  max-width: 10ch;
  line-height: 1.5;
}

.skin_quickscript .quiz-header {
  width: 100%;
}

.total_container > div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0;
  border-radius: 5px;
}

.total_container > div:last-child {
  margin-left: 0;
}

.quickscript .btn {
  min-width: auto !important;
}

@media (max-width: 992px) {
  .quickscript_container {
    display: block;
  }
  .quickscript_container > div {
    width: 100%;
    padding-bottom: 1rem;
  }
  .quickscript_image {
    min-height: 115px;
    background-size: 130px;
    position: relative;
    left: -10px;
  }
  .quickscript .quiz-header {
    margin-bottom: 0 !important;
    padding-top: 95px !important;
  }
  .quickscript_included {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    min-height: 6.7rem;
    padding-bottom: 20px;
    background-position: top 13px center;
  }
}
.confirm_container {
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.credit_card_form .confirm_container h2 {
  font-size: 1.8rem;
}

@media (max-width: 768px) {
  .credit_card_form .confirm_container h2 {
    font-size: 1.7rem;
  }
}
@media (min-width: 992px) {
  .confirm_container,
  .confirm_container h2 {
    margin-top: 0;
  }
  .quickscript_credit_card_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /*  height: 100vh; */
  }
  .quiz_terms_form_qs {
    margin-top: 10vh;
  }
}
@media (max-width: 992px) {
  .container-fluid .quiz-item .shadow-container {
    min-height: 73vh !important;
  }
}
#doctor #meeting {
  border: 0 !important;
}

.quiz_questions {
  width: 100%;
  padding-bottom: 15vh;
}

.quiz_questions .col-12 {
  position: relative;
}

.dropdown_list_skin .medication_form input[type=text],
.dropdown_list_skin .medication_form textarea {
  height: 44px;
  line-height: 1;
}

@media (min-width: 992px) {
  .confirm_container {
    margin-top: 2rem;
  }
}
.confirm_question_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.confirm_question_container .confirm_question {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.confirm_question_container .confirm_answer {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding-top: 0;
}

.confirm_question_container .confirm_answer input[type=checkbox] {
  display: block !important;
}

.confirm_question_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.confirm_question_container .confirm_question {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.confirm_question_container .confirm_answer {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.confirm_question_container .confirm_answer input[type=checkbox] {
  display: block !important;
}

.finaliseBookingPaymentandAddress {
  margin-top: 2.5rem;
  margin-left: auto;
  margin-right: auto;
}

.dod_credit_card_form .finaliseBookingPaymentandAddress {
  max-width: 300px;
}

#carousel_reviews {
  width: 100%;
}

#carousel_reviews p {
  font-size: 90%;
  max-width: 50ch;
  margin-left: auto;
  margin-right: auto;
}

#carousel_reviews .carousel-item h3 {
  font-size: 60%;
  opacity: 0.6;
}

#carousel_reviews .carousel-item {
  background-image: url("https://cdn2.hubspot.net/hubfs/2624959/images/icons/quiz_icons/5star-1.svg");
  background-position: top 23px center;
  background-repeat: no-repeat;
  background-size: 64px;
  padding-top: 45px;
  min-height: 200px;
  border-top: 1px solid #e8eded;
  margin-top: 10px;
}

@media (min-width: 992px) {
  #carousel_reviews .carousel-item {
    min-height: 170px;
  }
}
#carousel_reviews .carousel-indicators li {
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.1);
  height: 5px;
  width: 5px;
}

#carousel_reviews .carousel-indicators li.active {
  background-color: rgba(0, 0, 0, 0.7);
}

#carousel_reviews .carousel-indicators {
  bottom: 0;
  margin-bottom: 0;
}

.no_choice_error,
.incomplete_error,
.bloodpressure_error_text {
  overflow: visible;
  height: 0;
}

.no_choice_error,
.incomplete_error,
.bloodpressure_error_text_text,
.form_submission_error,
.invalid_phone,
.invalid_email {
  color: #c54801;
  font-size: 80%;
}

@media (max-width: 992px) {
  .no_choice_error,
  .bloodpressure_error_text {
    top: -30px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .bloodpressure_error_text {
    background-color: white;
    padding-bottom: 20px;
    padding-top: 40px;
  }
}
.bloodpressure_error_text {
  height: auto;
}

/*
         .quiz_item{
            opacity:1;
            transform:translateX(0);
            z-index:200; 
        }


        .quiz_item.quiz_item_slideright{
            opacity:0;
            z-index:-100;
            transform:translateX(3rem);
        }


        .quiz_item.quiz_item_slideleft{
            opacity:0;
            z-index:-100p;
            transform:translateX(-3rem);
        }
        */
@media (min-width: 992px) {
  #offer .pack {
    max-width: 100%;
  }
}
#returning_step2 .medication_name_title {
  display: block;
}

.minimum_one_item {
  height: 0;
  position: relative;
  top: -23px;
  overflow: visible;
}

.pack h2 {
  max-width: 20ch;
  margin-left: auto;
  margin-right: auto;
}

input[type=radio] {
  display: none;
}

html,
body {
  background-color: #ebebd4;
}

html,
body {
  /* Allows content to fill the viewport and go beyond the bottom */
  /*height: 100%; */
  /* Allows you to scroll below the viewport; default value is visible */
  /*overflow-y: scroll; */
  /* To smooth any scrolling behavior */
  /*-webkit-overflow-scrolling: touch; */
}

/* */
/* SCROLL CARDS */
.scroll_card,
.review {
  height: 100%;
}

.scroll_card {
  height: 22rem;
}

.scroll_container {
  padding-top: 2rem;
}

@media only screen and (max-width: 992px) {
  .scroll_card {
    height: 28rem;
  }
  .scroll_container_video {
    height: 41rem;
  }
}
.scroll_card {
  border-radius: 7px;
}

.scroll_card video,
.scroll_card img {
  height: 100%;
  border-radius: 7px;
}

.scroll_card {
  width: auto !important;
  height: 25rem !important;
  position: static;
  -webkit-box-shadow: 0px 25px 15px -20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 25px 15px -20px rgba(0, 0, 0, 0.15);
  margin-right: 0;
}

@media (max-width: 576px) {
  .scroll_container_video {
    height: 33rem;
  }
  .scroll_card {
    height: 18rem !important;
  }
}
.scroll_card.vd {
  position: relative;
  top: 38%;
}

.scroll_card.rvw {
  border: 1px solid #e8eded;
}

.scroll_card.rvw {
  padding: 2%;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 0;
}

.scroll_card.rvw img {
  border: 1px solid #e8eded;
  -webkit-box-shadow: 0px 25px 25px -20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 25px 25px -20px rgba(0, 0, 0, 0.1);
}

.scroll_card.gif {
  padding: 3%;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.scroll_card.gif img {
  -webkit-box-shadow: 0px 25px 15px -20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 25px 15px -20px rgba(0, 0, 0, 0.15);
}

@media only screen and (min-width: 768px) {
  .mobile-only {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .mobile-only {
    display: none;
  }
  .scroll_card.gif {
    padding: 6%;
  }
}
@media only screen and (max-width: 992px) {
  .desktop-only {
    display: none;
  }
  .scroll_card:first-child {
    margin-left: 15px !important;
  }
  .scroll_container .scroll_card:last-child {
    margin-right: 15px !important;
  }
}
.booknow_ordernow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 15px;
  padding-right: 15px;
  max-width: 600px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.booknow_ordernow .btn {
  padding-left: 0;
  padding-right: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

@media (max-width: 992px) {
  .booknow_ordernow .btn {
    width: 49%;
    margin-left: 0;
    margin-right: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  .booknow_ordernow {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.price .linethrough {
  text-decoration: line-through;
  opacity: 0.5;
}

.scroll_section_video .scroll_container {
  height: 26rem;
}

.scroll_section_video .scroll_card {
  margin-top: -7rem;
}

@media (min-width: 992px) {
  .scroll_section_video .scroll_container {
    height: 37rem;
  }
  .mobile_break {
    display: none;
  }
}
.quiz_item_navigation .incomplete_error {
  background-color: #82c780;
  z-index: 999;
  line-height: 1.3;
  position: absolute;
  left: 0;
  right: 0;
  top: 15px;
  width: 145px;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}

.quiz_payment_form section {
  padding-top: 0;
}

@media (min-width: 992px) {
  .quiz_payment_form section {
    padding-top: 10vh;
  }
}
/*
@media (min-width: 992px){
    .quiz_item_navigation .incomplete_error{
    top: 25px;
    }
}
*/
.quiz_item_answer textarea {
  min-height: 110px;
  max-width: 700px;
}

/*

@media (min-width:992px){
    .quiz_item_navigation .incomplete_error{
    display:none;
    }

}
*/
@media (max-width: 992px) {
  .hair_q6 .incomplete_error {
    display: none;
  }
}
.hairpattern_slider_container {
  max-width: calc(100% - 60px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .hairpattern_slider_container {
    max-width: 430px;
  }
}

.hair_q2 .quiz_item_navigation_next.static {
  -webkit-transform: translateY(75px);
          transform: translateY(75px);
}
@media (min-width: 768px) {
  .hair_q2 .quiz_item_navigation_next.static {
    -webkit-transform: translateY(85px);
            transform: translateY(85px);
  }
}

.ui-slider-handle.ui-corner-all.ui-state-default {
  border-radius: 0;
  background-color: #82c780;
  border: 0;
  height: calc(60px - 2px) !important;
  width: calc(60px - 2px) !important;
  top: 1px !important;
  margin-left: calc(-30px + 1px) !important;
  background-image: url(/assets/icons/arrow-right-tail-light-4d8756eafe47f5a34d865b20d9be52f4a3d7022bce9c9fb171df998725cb67c1.svg);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  position: relative;
  z-index: 3;
}
@media (min-width: 768px) {
  .ui-slider-handle.ui-corner-all.ui-state-default {
    height: calc(70px - 2px) !important;
    width: calc(70px - 2px) !important;
    margin-left: calc(-35px + 1px) !important;
  }
}

#hairpattern_slider {
  position: relative;
}

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  7% {
    -webkit-transform: translateX(11px);
            transform: translateX(11px);
  }
  15% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  25% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@keyframes bounce {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  7% {
    -webkit-transform: translateX(11px);
            transform: translateX(11px);
  }
  15% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    -webkit-transform: translateX(4px);
            transform: translateX(4px);
  }
  25% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
#hairpattern_slider.slider_animate .ui-slider-handle.ui-corner-all.ui-state-default {
  -webkit-animation: bounce 1.4s cubic-bezier(0.07, 0.42, 0.58, 1) 1.3s infinite;
          animation: bounce 1.4s cubic-bezier(0.07, 0.42, 0.58, 1) 1.3s infinite;
}

/* animation */
@-webkit-keyframes slide {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes slide {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
.hairpattern_image {
  width: 130px;
  height: 130px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .hairpattern_image {
    margin-bottom: 25px;
    width: 140px;
    height: 140px;
  }
}

.hairpattern_text {
  margin-bottom: 17px;
}
@media (min-width: 768px) {
  .hairpattern_text {
    margin-bottom: 25px;
  }
}

.hair_q2 .quiz_item_answer,
.hair_q2 .quiz_item_question,
.hair_q2 .question_next_btn {
  max-width: 500px;
}

.review_mini .carousel-cell {
  width: 100%;
}

.review_mini p {
  margin-bottom: 1rem;
}

.review_mini .review_stars {
  margin-top: 17px;
  margin-bottom: 0;
}

.alldone {
  width: 100%;
  text-align: center;
  border: 1px solid #003d3b;
  padding: 10px 20px 30px;
  margin-top: 2rem;
}

@media (min-width: 992px) {
  .alldone {
    padding: 30px 15px 60px;
    margin-top: 19vh;
  }
}
.alldone p {
  max-width: 62ch;
  margin-left: auto;
  margin-right: auto;
}

.quiz_choice_cant_wait {
  width: 100%;
  height: auto;
  position: relative;
  padding: 0;
}

.quiz_choice_cant_wait .btn {
  margin-top: 0;
}

.quiz_choice_inner {
  padding: 25px 20px;
}

.speak_now {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 20px;
  padding-bottom: 30px;
}

@media (min-width: 992px) {
  .quiz_choice_inner {
    padding: 30px;
  }
  .speak_now {
    padding: 0;
  }
}
.quiz_choice_info ul {
  padding-left: 30px;
  list-style-type: circle;
}

.whathappensnow {
  padding-left: 33px;
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: left 8px center;
}

.whathappensnow.do {
  background-image: url(https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/misc/tick.svg);
}

.whathappensnow.dont {
  background-image: url(https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/misc/cross.svg);
  margin-top: 2rem;
}

.qform .slick_slider,
.qform .slick-slide {
  max-width: 500px;
  width: 100%;
}

.qform,
.quiz_dod {
  margin-top: 2rem;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .qform h1 {
    max-width: 40ch;
  }
  .qform,
  .quiz_dod {
    margin-top: 10vh;
    margin-bottom: 0;
  }
}
.quiz_questions .container-fluid > .row,
.quiz_questions .container-fluid .row > .col-12 {
  margin: 0 !important;
  padding: 0 !important;
}

.doctorwork_icon {
  width: 44px;
  height: 44px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: -11px;
  left: 12px;
}

.doctorwork h4 {
  padding-left: 50px;
}

.doctorwork p {
  margin-bottom: 1.5rem;
}

@media (max-width: 992px) {
  .doctorwork p {
    font-size: 100%;
  }
}
@media (min-width: 992px) {
  .doctorwork_icon {
    width: 53px;
    height: 53px;
    top: -13px;
    left: 10px;
  }
  .doctorwork h4 {
    padding-left: 60px;
  }
  .doctorwork p {
    margin-bottom: 0;
  }
}
#doctorwork_icon_1 {
  background-image: url("https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/misc/doctorwork_1-1.svg");
}

#doctorwork_icon_2 {
  background-image: url("https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/misc/doctorwork_2-1.svg");
}

#doctorwork_icon_3 {
  background-image: url("https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/misc/doctorwork_3-1.svg");
}

input[type=text],
input[type=select],
input[type=password] {
  width: 100%;
}

@media (max-width: 992px) {
  .nav .wrapper {
    padding: 13px;
  }
}
.body-container-wrapper {
  margin-top: 55px;
}

@media (min-width: 992px) {
  /*
      .nav .logo {
          width: 65px;
      }

      */
  .nav {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.quiz_item_question p {
  margin-bottom: 10px;
}

.form_row .btn.qform_button {
  margin-top: 1rem;
}

/*
    html, body {
        height: 100%;
        overflow: hidden;
    }

.body-container-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}
*/
/*
.body-container-wrapper{
    -webkit-overflow-scrolling: touch !important;
    overflow: auto !important;
}

html,body {
    margin: 0 0 !important;
    height: 100% !important;
    width: 100% !important;
    overflow: auto !important;
}

*/
.loading_overlay {
  background-position: center top 40vh;
}

h3.tomorrowDate {
  font-family: "MaisonNeue-Demi";
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 15px;
}

.quiz_item_quickscript .ul_tick li {
  color: #82c780;
}

.quickscript_credit_card_section {
  padding-top: 0;
  padding-bottom: 0;
}

.quiz_choice,
.quiz_dod,
.credit_card_form {
  display: none;
}

.credit_card_form .container {
  padding-bottom: 1rem;
}

/* Mental health */
.psychologist_bio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.psychologist_bio .psychologist_details {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 25px;
}

.psychologist_details h4 {
  margin-bottom: 4px;
}

.info {
  cursor: pointer;
}

.psychologist_image {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.psychologist_image.jarrodwhite {
  background-image: url("https://cdn2.hubspot.net/hubfs/2624959/mosh/headshots/drjarrodwhite.png");
}

.psychologist_image.jamesmoran {
  background-image: url("https://cdn2.hubspot.net/hubfs/2624959/images/headshots/dod/moran.jpg");
}

.psychologist_bio_container {
  border: 1px solid #003d3b;
  padding: 24px 30px;
  text-align: left;
  margin-bottom: 1.5rem;
}

.psychologist_bio_container h4 {
  margin-bottom: 5px;
  margin-top: 4px;
}

#psychologist_pricing_container {
  margin-top: 2.5rem;
}

.psychologist_label {
  width: 100%;
  padding: 1rem;
  padding-top: 1.1rem;
  padding-left: 55px;
  text-align: left;
  border: 1px solid #003d3b;
  background-image: url(https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/ui/radio.svg), url(https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/ui/radio_active.svg);
  background-position: center left 21px, center left -999px;
  background-size: 14px;
  -webkit-transition: border-color 0.05s ease;
  transition: border-color 0.05s ease;
  background-repeat: no-repeat;
}

@media (min-width: 768px) {
  .psychologist_label {
    padding: 1.5rem;
    padding-top: 1.6rem;
    padding-left: 55px;
  }
}
#choose_psychologist input[type=radio]:checked + label {
  background-color: white;
  border-color: #003d3b;
  background-image: url(https://cdn2.hubspot.net/hubfs/2624959/mosh/icons/ui/radio_active.svg);
  background-position: center left 21px;
}

.psychologist_choose_label {
  background-position: top 42px left 21px, center left -999px;
}

#choose_psychologist input[type=radio]:checked + .psychologist_choose_label {
  background-position: top 42px left 21px;
}

@media (min-width: 992px) {
  .psychologist_choose_label {
    background-position: top 55px left 21px, center left -999px;
  }
  #choose_psychologist input[type=radio]:checked + .psychologist_choose_label {
    background-position: top 55px left 21px;
  }
}
.psychologist_pricing_label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.psychologist_pricing_label > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.psychologist_pricing_label > div:last-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.quiz_choice_mentalhealth .container {
  max-width: 750px;
}

/*
    .mentalhealth_credit_card_form .quiz_payment_form{
      max-width:750px;
      margin-left:auto;
      margin-right:auto;
  }

  .mentalhealth_credit_card_form .btn{
      width:100%;
      max-width:unset;
  }
*/
.psychologist_details .info.expanded {
  opacity: 0.5;
}

.psychologist_info {
  max-height: 0;
  opacity: 0;
  margin-left: -30px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease, opacity 0.3s ease;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}

.psychologist_info > div {
  padding-top: 20px;
}

.psychologist_info.expanded {
  max-height: 1000px;
  opacity: 1;
  overflow: visible;
}

.psychologist_details .info {
  margin-left: 8px;
}

/* QUIZ UNIVERSAL */
.quiz_item_body {
  overflow-x: hidden !important;
}

.nav .wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 72px;
}

.nav {
  background-color: transparent;
  z-index: 96;
  background-color: white;
}

.quiz_item_navigation {
  display: none;
}

/*
#question_section {
    margin-top: 30px;
    margin-bottom: 100px;
    text-align: center;
}
*/
#question_section {
  margin: 0;
}

.loading_screen_section_1 h2,
.loading_screen_section_2 h2,
.loading_screen_section_3 h2 {
  max-width: 20ch;
  margin-left: auto;
  margin-right: auto;
}

.loading_screen_section_3 h2:last-child {
  margin-top: 20px;
}

.loading_screen {
  z-index: 97;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 15px;
  width: 100vw;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform: translatex(100vw);
          transform: translatex(100vw);
  opacity: 0;
}

@media (max-width: 768px) {
  .loading_screen.loading_screen_scroll {
    padding: 0 !important;
    padding-top: 90px !important;
  }
  .loading_screen.loading_screen_scroll > div {
    overflow: scroll;
    padding-top: 100px;
    padding: 0 15px 60px 15px;
    overflow: scroll;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    height: 100%;
    width: 100%;
  }
}
.loading_screen.loading_screen_scroll > div::-webkit-scrollbar {
  display: none;
}

.loading_screen h2 {
  opacity: 1;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.quiz_button,
.loading_screen,
.quiz_progress_bar {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (min-width: 992px) {
  .loading_screen {
    -webkit-transition: -webkit-transform 0.7s ease;
    transition: -webkit-transform 0.7s ease;
    transition: transform 0.7s ease;
    transition: transform 0.7s ease, -webkit-transform 0.7s ease;
  }
}
.loading_screen.loading_screen_show {
  -webkit-transform: translatex(0);
          transform: translatex(0);
  opacity: 1;
}

.loading_screen.loading_screen_hide {
  -webkit-transform: translatex(-100vw);
          transform: translatex(-100vw);
  opacity: 1;
}

.loading_screen_hide > h2 {
  opacity: 0;
}

.gif {
  width: 100px;
  height: 100px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
}
.gif.gif_small {
  width: 80px;
  height: 80px;
}
.gif.magnifying_glass {
  width: 130px;
  height: 130px;
}

@media (min-width: 992px) {
  .gif {
    width: 130px;
    height: 130px;
  }
  .gif.gif_small {
    width: 100px;
    height: 100px;
  }
  .gif.magnifying_glass {
    width: 150px;
    height: 150px;
  }
}
.gif.bald_man {
  background-image: url(/assets/illustrations/gifs/bald-74eedb83a26e4f6a240e62c8a04cc0e51313d46247368a00f1edcd606b1fd379.gif);
}

.gif.skin_gif {
  background-image: url(/assets/illustrations/gifs/cream-c2e1d971a8f49b03ac93e4e5e65534c632d9a6fc969303402a9c7338fd80794a.gif);
}

.gif.rain {
  width: 130px;
  height: 130px;
}

@media (min-width: 992px) {
  .gif.rain {
    width: 170px;
    height: 170px;
  }
}
.gif.couch {
  background-image: url(/assets/illustrations/gifs/mh-chair-e5dda3241cae39655911df0c77e96f0838cdbeb76b35b472b9cfa9cc1c6c0054.gif);
  width: 180px;
}
@media (min-width: 768px) {
  .gif.couch {
    width: 280px;
    height: 150px;
  }
}

.gif.magnifying_glass {
  background-image: url(/assets/illustrations/gifs/magnifying_glass-27329e0d6f6468c06e6079a426af91e403760ac14add8cd25773de163b79c5ac.gif);
}

.gif.eggplant {
  background-image: url(/assets/illustrations/gifs/eggplant-20dfdb19e1685aa4b66922c0a0d3d5ab943169986d98c0bb5fe0e9e0173ccc4c.gif);
}

.gif.runner {
  background-image: url(/assets/illustrations/gifs/runner-643267d6cb5d68440d4d2d4844553fd95a50d976c597004351dff0186a9fb40b.gif);
}

.gif.doc_serious {
  background-image: url(/assets/illustrations/gifs/doc-serious-85edd2f66dd4eede2708a19fcc4ee71b718656aa9a68bd4987829311b4050c67.gif);
}

.gif.hair_doc {
  background-image: url(https://f.hubspotusercontent00.net/hubfs/2624959/mosh/illustrations/gifs/hair_doc.gif);
}

.gif.hair_doc_dark {
  background-image: url(https://f.hubspotusercontent00.net/hubfs/2624959/mosh/illustrations/gifs/hair_doc_dark.gif);
  width: 150px;
  height: 150px;
  min-width: 150px;
  min-height: 150px;
}
@media (min-width: 992px) {
  .gif.hair_doc_dark {
    width: 200px;
    height: 200px;
  }
}

.gif.sex_doc_dark {
  background-image: url(https://f.hubspotusercontent00.net/hubfs/2624959/mosh/illustrations/gifs/sex_doc_dark.gif);
  width: 200px;
  height: 200px;
  min-width: 200px;
  min-height: 200px;
}

.gif.skin_doc {
  background-image: url(/assets/illustrations/doctor_skin-2f771f60c775b74fdefc87a99b6427729b183ace9be062951f323a826f33fdab.png);
  width: 200px;
  height: 200px;
  min-width: 200px;
  min-height: 200px;
}

.portal_main {
  height: auto;
}

.portal_main.container {
  max-width: none;
  /*  overflow:hidden; */
  padding-left: 0;
  padding-right: 0;
}

.medication_close {
  right: 0;
  top: 24px;
  font-size: 1.3rem;
}

.returning .medication_close {
  padding: 20px;
  top: 10px;
  right: -10px;
}

.quiz_item_body {
  padding-top: 95px;
  padding-bottom: 122px;
  padding-left: 15px;
  padding-right: 15px;
}

.portal {
  overflow-x: hidden;
}

.quiz_item_body,
.question_next_btn {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.quiz_item_answer,
.quiz_item_question,
.question_next_btn {
  max-width: 600px;
}

@media (min-width: 992px) {
  .quiz_item_body {
    min-height: auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-top: 22vh;
    padding-bottom: 150px;
  }
  .hair_q6 .quiz_item_body,
  .sex_q8 .quiz_item_body {
    min-height: 100vh;
  }
}
.loading_screen_sequential > div {
  opacity: 0;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-timing-function: 0.3s;
          transition-timing-function: 0.3s;
}

@media (min-width: 992px) {
  .loading_screen_sequential > div {
    -webkit-transition-duration: 0.85s;
            transition-duration: 0.85s;
  }
}
.loading_screen_sequential.reveal > div {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.loading_screen_section_list_1 > div:nth-child(2) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.loading_screen_section_list_1 > div:nth-child(3) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.loading_screen_section_list_1 > div:nth-child(4) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.loading_screen h2 {
  margin-bottom: 1.2rem;
}

.loading_screen .btn {
  margin-top: 1.8rem;
}

body,
html,
.portal_main {
  background-color: #fff;
}

.quiz_item_question {
  margin-top: 30px;
}

.quiz_item_answer {
  margin-top: 8px;
}

@media (min-width: 992px) {
  .quiz_item_answer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.nav .logo {
  margin-right: 0;
}

.quiz_button {
  margin-left: 0;
  margin-right: 0;
}

.quiz_button span {
  margin-top: 0;
}

#question_list_section .quiz_button {
  /*  background-image:none; */
  min-height: 66px;
  /* font-family: 'MaisonNeue-Demi'; */
  border: 1px solid #003d3b;
}

.quiz_button.select {
  background-color: #ebebd4;
}

@media (min-width: 992px) {
  .quiz_button:hover {
    background-color: #ebebd4;
  }
  .quiz_button_no_js:hover {
    background-color: #ebebd4;
  }
}
#question_list_section input[type=checkbox] + label,
#medication_select_section input[type=checkbox] + label {
  background-image: url(/assets/icons/check-unselected-85c404ff0bc713aa00f26fed3e4b946adbfdbfda1469def914ed8a22a543b2ba.svg);
  background-size: 32px;
  background-position: center left 6px;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 40px;
  padding-right: 50px;
}

#medication_select_section input[type=checkbox] + label {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 45px;
  min-height: 73px;
  margin-bottom: 0.6rem;
  text-align: left;
  height: auto;
}
@media (min-width: 992px) {
  #medication_select_section input[type=checkbox] + label {
    min-height: 80px;
  }
}

#medication_select_section input[type=checkbox] + label:hover {
  border-color: #003d3b;
}

#medication_select_continue .btn {
  pointer-events: none !important;
  background-color: #e1e1e1;
  display: block;
}

#medication_select_continue.reveal .btn {
  pointer-events: all !important;
  background-color: #c54801;
}

#medication_select_section .search_list {
  padding-bottom: 71px;
}

#question_list_section input[type=checkbox]:checked + label,
#medication_select_section input[type=checkbox]:checked + label {
  background-image: url(/assets/icons/check-selected-df49dedd87a0312fb00a3b716e90d47289026f5c50ee0e81c68303da463b74bf.svg);
  background-color: #ebebd4;
}

.nav {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (min-width: 992px) {
  .quiz_fineprint {
    margin-left: auto;
    margin-right: auto;
    max-width: 70ch;
  }
}
#question_back_btn,
.question_back_btn {
  display: block;
  position: fixed;
  top: 60px;
  left: 15px;
  width: 21px;
  height: 21px;
  background-image: url(/assets/icons/arrow_tail_left_small_dark-1c4305d8e0cc8fa1224b3b8bda8ee109d7908d94f17c1b7bf37f0c50579eccf5.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 96;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

#question_back_btn.disabled,
.question_back_btn.disabled {
  opacity: 0;
}

@media (min-width: 992px) {
  #question_back_btn,
  .question_back_btn {
    top: 0px;
    left: 0;
    background-size: 21px;
    width: 72px;
    height: 72px;
    position: fixed;
  }
}
@media (max-height: 800px) and (min-width: 992px) {
  .assigned_doctor > div:last-child {
    width: 110px;
  }
  .assigned_doctor_container {
    min-height: auto;
    padding-top: 20px;
    padding-bottom: 50px;
  }
}
@media (max-height: 617px) and (min-width: 992px) {
  .assigned_doctor_container {
    display: none;
  }
}
.black_text {
  color: #000;
}

.assigned_doctor_collapse {
  position: relative;
  display: inline-block !important;
  margin-top: 14px;
  margin-bottom: 10px;
  text-decoration: underline !important;
}

@media (min-width: 992px) {
  .assigned_doctor_collapse {
    margin-top: 22px;
  }
}
.assigned_doctor_collapse::after {
  content: "";
  display: block;
  height: 13px;
  width: 13px;
  background-image: url(https://f.hubspotusercontent00.net/hubfs/2624959/mosh/icons/ui/arrow_down_small_dark.svg);
  background-repeat: no-repeat;
  background-size: 13px;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  position: absolute;
  right: -20px;
  top: 0;
}

.assigned_doctor_collapse.expand::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.assigned_doctor_collapse_text {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  opacity: 0;
  line-height: 1.3;
}

.assigned_doctor_collapse_text > div {
  padding-bottom: 40px;
  -webkit-transform: translateY(-40px);
          transform: translateY(-40px);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  max-width: 445px;
}

.assigned_doctor_collapse_text.expand {
  max-height: 150px;
  opacity: 1;
}

.assigned_doctor_collapse_text.expand > div {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.assigned_doctor_image {
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.assigned_doctor_image.moran {
  background-image: url(https://f.hubspotusercontent00.net/hubfs/2624959/mosh/headshots/headshot_moran_3-1.jpg);
}

.assigned_doctor_image.ings {
  background-image: url(https://f.hubspotusercontent00.net/hubfs/2624959/mosh/headshots/headshot_ings-1.jpg);
}

@media (min-width: 992px) {
  #question_back_btn {
    background-size: 21px;
    width: 72px;
    height: 72px;
    position: fixed;
  }
}
@media (max-width: 992px) {
  #quiz_navigation_section {
    position: relative;
  }
}
.quiz_progress_bar_container {
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: auto;
  background-color: #82c780;
  z-index: 2;
}

.quiz_progress_bar_container > div {
  width: 100%;
  position: relative;
}

.quiz_progress_bar_text h5 {
  color: white;
  margin-bottom: 0;
  font-size: 13px;
}

.quiz_progress_bar,
.quiz_progress_bar_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
}

.quiz_progress_bar_container,
.quiz_progress_bar,
.quiz_progress_bar_text,
.quiz_progress_bar_container > div {
  height: 30px;
}

@media (min-width: 992px) {
  .quiz_progress_bar_container,
  .quiz_progress_bar,
  .quiz_progress_bar_text,
  .quiz_progress_bar_container > div {
    height: 50px;
  }
  #question_list_section .quiz_button {
    min-height: 80px;
  }
}
.quiz_progress_bar_text {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.quiz_progress_bar > div {
  background-color: #003d3b;
  -webkit-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

.quiz_item_navigation_next.question_next_btn_container,
.float_next.question_next_btn_container {
  padding: 15px;
  padding-top: 0;
  opacity: 0;
  /* height:0;
  overflow:hidden; */
  -webkit-transform: translateY(150px);
          transform: translateY(150px);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  -webkit-transition: opacity ease 0.4s, -webkit-transform ease 0.4s;
  transition: opacity ease 0.4s, -webkit-transform ease 0.4s;
  transition: opacity ease 0.4s, transform ease 0.4s;
  transition: opacity ease 0.4s, transform ease 0.4s, -webkit-transform ease 0.4s;
  height: auto;
}

@media (min-width: 992px) {
  .quiz_item_navigation_next.question_next_btn_container,
  .float_next.question_next_btn_container {
    padding: 0;
    padding-bottom: 5vh;
  }
}
#question_next_btn {
  width: 100%;
}

.quiz_item_navigation_next {
  background-color: transparent;
}

.quiz_item_question {
  margin-top: 0;
}

.question_next_btn_container.quiz_item_navigation_continue {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  z-index: 1;
  opacity: 1;
}

.btn_lrg,
#hair_submit {
  font-size: 1.1em;
  padding-bottom: 20px;
  padding-top: 20px;
}

#hair_submit {
  margin-bottom: 10px;
  margin-top: 5px;
}

.qform {
  margin-top: 0;
  margin-bottom: 0;
}

/*
#question_list_section .quiz_item_question, #question_list_section .quiz_item_answer{
transform:translateX(100vw);
transition:transform 0.45s ease, opacity 0.3s ease;
opacity:0;
}

#question_list_section .quiz_item_question.quiz_item_load, #question_list_section .quiz_item_answer.quiz_item_load{
    transform:translateX(0);
    opacity:1;
}

#question_list_section .quiz_item_question.quiz_item_unload, #question_list_section .quiz_item_answer.quiz_item_unload{
    transform:translateX(-100vw) !important;
    opacity:0 !important;
}



@media (min-width:992px){
    #question_list_section .quiz_item_question, #question_list_section .quiz_item_answer{
        transition:transform 0.45s ease, opacity 0.2s ease;
        transform:translateX(50vw);
    }

    #question_list_section .quiz_item_question.quiz_item_unload, #question_list_section .quiz_item_answer.quiz_item_unload{
        transform:translateX(-50vw) !important;
    }
}

*/
/* TRANSITIONS */
#question_list_section .quiz_item_question,
#question_list_section .quiz_item_answer {
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.45s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.45s ease;
  transition: transform 0.45s ease, opacity 0.3s ease;
  transition: transform 0.45s ease, opacity 0.3s ease, -webkit-transform 0.45s ease;
  opacity: 0;
}

#question_list_section .quiz_item_question.quiz_item_load,
#question_list_section .quiz_item_answer.quiz_item_load {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

#question_list_section .quiz_item_question.quiz_item_unload,
#question_list_section .quiz_item_answer.quiz_item_unload {
  -webkit-transform: translateY(0) !important;
          transform: translateY(0) !important;
  opacity: 0 !important;
}

.hair_q11 {
  margin-top: 0 !important;
}

.loading_screen_section_list h2 {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 2px solid transparent;
}

.loading_screen_section_list .green_text {
  border-bottom: 2px solid #82c780;
}

.loading_screen_section_list h2 {
  line-height: 0.85;
}

.quiz_item_answer textarea::-webkit-input-placeholder, .quiz_item_answer input::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder {
  /*color:rgb(0 61 59 / 0.5);*/
}

.quiz_item_answer textarea::-moz-placeholder, .quiz_item_answer input::-moz-placeholder, input[type=search]::-moz-placeholder {
  /*color:rgb(0 61 59 / 0.5);*/
}

.quiz_item_answer textarea:-ms-input-placeholder, .quiz_item_answer input:-ms-input-placeholder, input[type=search]:-ms-input-placeholder {
  /*color:rgb(0 61 59 / 0.5);*/
}

.quiz_item_answer textarea::-ms-input-placeholder, .quiz_item_answer input::-ms-input-placeholder, input[type=search]::-ms-input-placeholder {
  /*color:rgb(0 61 59 / 0.5);*/
}

.quiz_item_answer textarea::placeholder,
.quiz_item_answer input::placeholder,
select option[value=""],
option[value=""][disabled],
select:required:invalid,
select:invalid,
input[type=search]::placeholder {
  /*color:rgb(0 61 59 / 0.5);*/
}

.quiz_item_navigation_next.static {
  position: static;
  padding: 0;
  opacity: 1;
  z-index: 2;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.quiz_item_navigation_next.static .question_next_btn {
  background-color: #e1e1e1;
}

.quiz_item_navigation_next.static.quiz_item_navigation_continue .question_next_btn {
  background-color: #c54801;
}

.quiz_button {
  background-position: center right 5px;
  background-size: 60px;
}

@media (min-width: 992px) {
  .quiz_button {
    background-position: center right 12px;
    background-size: 65px;
    cursor: pointer;
  }
}
.quiz_item_body input[type=text],
.quiz_item_body input[type=number],
.quiz_item_body input[type=email],
.quiz_item_body select,
.quiz_item_body input[type=search],
.quiz_item_body input[type=password] {
  height: 66px;
}

.quiz_item_body textarea {
  margin-top: 0;
  margin-bottom: 15px;
}

.quiz_item_body textarea,
.quiz_item_body input[type=text],
.quiz_item_body input[type=number],
.quiz_item_body input[type=email],
.quiz_item_body select,
.quiz_item_body input[type=search] {
  border: 1px solid #003d3b;
  padding: 20px;
  color: #003d3b;
}

.form_error {
  border-color: #c54801 !important;
}

.trustpilot_quiz_stars {
  margin-top: 20px;
  margin-bottom: 5px;
}

@media (min-width: 992px) {
  .portal_main {
    padding: 0;
  }
  .hair_q4 h1 {
    margin-left: auto;
    margin-right: auto;
  }
  .hair_q4 h1 {
    max-width: 32ch;
  }
}
.dropdown_list .list_item {
  padding: 0;
  border: 0;
  margin-top: 0;
  margin-bottom: 35px;
  padding-top: 30px;
}

.dropdown_list .item_container .list_item {
  border-top: 1px solid #003d3b;
}

.returning .dropdown_list .list_item {
  padding-top: 20px;
  border-top: 0;
}

.dropdown_list .item_container:first-child .list_item {
  border-top: 0;
}

.hair_q6d label {
  min-height: auto;
}

.quiz_item_body {
  text-align: center;
  max-width: none !important;
}

.hair_q13 .quiz_item_answer,
.hair_q13 .quiz_item_question,
.skin_q33 .quiz_item_answer,
.skin_q33 .quiz_item_question,
.sex_q18 .quiz_item_answer,
.sex_q18 .quiz_item_question,
.mental_q8 .quiz_item_answer,
.mental_q8 .quiz_item_question {
  max-width: 500px !important;
}

.hair_q13 .no_choice_error,
.sex_q18 .no_choice_error {
  padding: 0;
  max-height: 0;
}

.hair_q13 .no_choice_error.reveal,
.sex_q18 .no_choice_error.reveal {
  max-height: 30px;
  padding-bottom: 27px;
  margin-top: -5px;
}

.hair_q13 .quiz_item_answer,
.sex_q18 .quiz_item_answer {
  margin-bottom: 120px;
}

.portal {
  margin-top: 0;
  padding-top: 0;
}

.add_another_medication.show {
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  .add_another_medication.show {
    margin-bottom: 65px;
  }
}
.loading_overlay {
  background-color: #fff;
}

.assigned_doctor_card,
.assigned_doctor_collapse_text {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
}

.assigned_doctor_scroller,
.assigned_doctor_collapse_text {
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
}

.assigned_doctor_container .flickity-button {
  width: 20px;
  height: 20px;
  background: none;
  top: auto;
  bottom: auto;
  top: 53px;
}

.assigned_doctor_container .flickity-prev-next-button.previous {
  left: 5px;
}

.assigned_doctor_container .flickity-prev-next-button.next {
  right: 5px;
  left: auto;
}

@media (min-width: 992px) {
  .assigned_doctor_card,
  .assigned_doctor_collapse_text {
    padding-left: 15px;
    padding-right: 15px;
  }
  .assigned_doctor_container .flickity-prev-next-button.previous {
    left: -30px;
  }
  .assigned_doctor_container .flickity-prev-next-button.next {
    right: -30px;
  }
  .assigned_doctor_container .flickity-button {
    top: 43px;
  }
}
.loading_screen_section_5 h5 {
  margin-bottom: 25px;
  color: #82c780 !important;
}

.loading_screen_section_5 p {
  max-width: 29ch;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .loading_screen_section_5 p {
    max-width: 39ch;
  }
}
.loading_screen_section_5 h2 {
  max-width: 20ch;
}

.loading_screen_section_5 {
  padding-top: 95px !important;
  padding-bottom: 72px !important;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media (min-width: 992px) {
  .loading_screen_section_5 {
    min-height: auto;
    -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
    padding-top: 22vh !important;
    padding-bottom: 0 !important;
  }
}
@media (min-width: 992px) {
  .bp_example {
    margin-top: -5vh;
  }
}
.nav .wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 72px;
}

@media (max-width: 768px) {
  .psychologist_submit {
    font-size: 0.9rem !important;
  }
}
.mental_health_q15 h1 {
  max-width: 24ch;
}

#question_list_section input[type=checkbox]:disabled + label {
  opacity: 0.2 !important;
  cursor: auto !important;
}

#question_list_section input[type=checkbox]:disabled + label:hover {
  background-color: transparent;
}

.skin_q12 .quiz_item_body {
  height: 100vh;
}

/* Start slide */
/* .loading_screen_start p {
		max-width: 60ch;
	  }*/
.loading_screen_start .fineprint {
  max-width: 42ch;
}

.loading_screen_start .green_text {
  color: #82c780 !important;
}

.loading_screen_start .gif.doctor {
  background-image: url(https://cdn2.hubspot.net/hubfs/2624959/mosh/illustrations/emojis/emojis_doc.png);
}

.loading_screen_start {
  padding: 0;
  padding-top: 20px;
}

.loading_screen_start {
  padding-top: 80px;
}
.referral-applied .loading_screen_start {
  padding-top: 8rem;
}

@media (max-width: 768px) {
  .loading_screen_start {
    display: block;
    padding-top: 90px;
  }
  .loading_screen_start#loading_screen_start_sex:not(.referral-applied) .loading_screen_start#loading_screen_start_sex {
    padding-top: 70px;
  }
  .loading_screen .btn {
    margin-top: 1rem;
  }
}
@media (min-width: 992px) and (max-height: 700px) {
  .loading_screen_start {
    display: block;
    padding-top: 100px;
  }
}
.loading_screen_start p {
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

.loading_screen_beginconsult > div {
  opacity: 0;
  -webkit-transition: opacity ease 1s;
  transition: opacity ease 1s;
}

.loading_screen_start > div {
  margin-left: auto;
  margin-right: auto;
}

.loading_screen_start > div::-webkit-scrollbar {
  display: none;
}

.loading_screen_start > div {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.loading_screen_beginconsult > div > div {
  max-width: 540px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 768px) {
  #loading_screen_start_sex > div > div {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.loading_screen_mid > div {
  padding-right: 15px;
  padding-left: 15px;
  max-width: 700px;
}

@media (min-width: 768px) {
  .loading_screen_mid > div {
    width: 700px;
  }
  .loading_screen_mid#loading_screen_mid_1 > div {
    width: 600px;
  }
}
@media (max-width: 992px) {
  .loading_screen_start > div {
    overflow: scroll;
    padding-top: 20px;
    padding-bottom: 40px;
    height: 100%;
  }
}
@media (min-width: 992px) and (max-height: 750px) {
  .loading_screen_start > div {
    overflow: scroll;
    padding-top: 20px;
    padding-bottom: 40px;
    height: 100%;
  }
}
@media (min-width: 992px) and (max-height: 850px) {
  #loading_screen_start_mh > div {
    overflow: scroll;
    padding-top: 20px;
    padding-bottom: 40px;
    height: 100%;
  }
}
/* 
  @media (min-width:992px) and (max-height:960px){
      #loading_screen_mid_1 > div{
        overflow: scroll;
        padding-top:20px;
        padding-bottom:40px;
        height:100%;
      }
  } */
.loading_screen_beginconsult > div.reveal,
.quizzes .portal_logo.reveal {
  opacity: 1;
}

.loading_screen_beginconsult h4 {
  color: white;
  line-height: 1.32;
  font-size: 23px;
}

.startingconsult_title {
  display: inline-block;
  margin-bottom: 30px;
  color: #82c780 !important;
  border-bottom: 1px solid #82c780;
}

.loading_screen_beginconsult > div > div {
  max-width: 530px;
}

@media (min-width: 768px) {
  .loading_screen_beginconsult h4 {
    font-size: 35px;
    line-height: 1.2;
  }
  .loading_screen_beginconsult > div > div {
    max-width: 700px;
  }
  #loading_screen_start_hair > div > div {
    max-width: 680px;
  }
}
@media (min-width: 1400px) {
  .loading_screen_beginconsult h4 {
    font-size: 40px;
  }
  .loading_screen_beginconsult > div > div {
    max-width: 810px;
  }
  #loading_screen_start_hair > div > div {
    max-width: 720px;
  }
  #loading_screen_start_skin > div > div {
    max-width: 727px;
  }
}
.text_emoji {
  height: 0;
  position: relative;
  display: inline-block;
  width: 56px;
  margin-left: -10px;
}
@media (min-width: 768px) {
  .text_emoji {
    margin-left: -15px;
    width: 61px;
  }
}
.text_emoji.down {
  width: 46px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .text_emoji.down {
    width: 56px;
  }
}
@media (max-width: 768px) {
  .text_emoji.bald {
    width: 53px;
  }
}

.text_emoji::after {
  content: "";
  display: inline-block;
  width: 60px;
  height: 60px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  margin: auto;
  top: -15px;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 768px) {
  .text_emoji::after {
    width: 70px;
    height: 70px;
  }
}
@media (min-width: 1400px) {
  .text_emoji::after .text_emoji::after {
    width: 88px;
    height: 88px;
  }
}

.text_emoji.down::after {
  background-image: url(/assets/emojis/small_down-8f80adc1c3c6794a866472230d408eb52f15054945cbd7c6f87d2de97c3f2a1f.png);
}

.text_emoji.doctor::after {
  background-image: url(/assets/emojis/small_doc-a564aab91f106d0bf1b14904a422d27d791ed1e2e053f6ec0c4bb93fea69457d.png);
}

.text_emoji.bald::after {
  background-image: url(/assets/emojis/small_bald-d1d20badda10ded43ed3b42116cf097d7470668e3b31ba7d8a8c877cc16d1ca6.png);
}

.text_emoji.guarantee::after {
  background-image: url(/assets/emojis/small_guarantee-023bf14c6300d909eef4296697e20a40df6b119e3378a5f7dae9d6c864efce56.png);
}

.text_emoji.skin::after {
  background-image: url(/assets/emojis/small_skin-9f5ef6387e3fc3f2c062ba400f33c4265ffa6f0faf39088fcdd0239939dd3c12.png);
}

.text_emoji.moon_stars::after {
  background-image: url(/assets/emojis/small_moon_stars-9489db42c5f5336fad72fb330d329c08370f9d869e02f75a2ae3be494282bf87.png);
}

/* 
    @media (min-width:992px){
    .text_emoji.guarantee::after{
      background-size:49px
    }
  } */
/* Offset progress bar */
body.quizzes {
  padding-top: 25px;
  -webkit-transition: padding ease 300ms;
  transition: padding ease 300ms;
}
body.quizzes.referral-applied {
  padding-top: 4rem;
}

.quizzes .portal_logo {
  top: 45px;
  opacity: 0;
  -webkit-transition: all ease 1s;
  transition: all ease 1s;
}

.quizzes.referral-applied .portal_logo {
  top: 5.25rem;
}

.quizzes .nav,
.quizzes .nav_links {
  top: 25px;
}

.quizzes.referral-applied .nav, .quizzes.referral-applied .nav_links {
  top: 4rem;
}

.quizzes #question_back_btn {
  top: 48px;
}
@media (min-width: 992px) {
  .quizzes #question_back_btn {
    top: 25px;
  }
}

.quizzes.referral-applied #question_back_btn {
  top: 5.5rem;
}
@media (min-width: 768px) {
  .quizzes.referral-applied #question_back_btn {
    top: 4rem;
  }
}

.quiz_progress_bar_container {
  top: 0;
  bottom: auto;
  -webkit-transition: top ease 300ms;
  transition: top ease 300ms;
}
.referral-applied .quiz_progress_bar_container {
  top: 2.5rem;
}

.quiz_progress_bar_container,
.quiz_progress_bar,
.quiz_progress_bar_text,
.quiz_progress_bar_container > div {
  height: 25px !important;
}

/**/
.star_rating button img {
  width: 24px;
  margin-left: 3px;
  margin-right: 3px;
}
@media (min-width: 992px) {
  .star_rating button img {
    width: 30px;
  }
}

.hair_q25 .star_rating button img {
  width: 35px;
}
@media (min-width: 992px) {
  .hair_q25 .star_rating button img {
    width: 45px;
  }
}

.quiz_item_answer select {
  margin-bottom: 5px;
}

.quiz_item_answer_input input[type=text],
.quiz_item_answer_input input[type=number] {
  margin-bottom: 15px;
}

.units {
  position: absolute;
  right: 19px;
  top: 26px;
  pointer-events: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

@media (min-width: 992px) {
  .loading_screen_mid h5.green_text {
    font-size: 16px;
    margin-bottom: 18px;
  }
}
.dob_slash {
  padding: 0 4px;
  font-size: 20px;
}
@media (min-width: 992px) {
  .dob_slash {
    padding: 0 10px;
  }
}

#question_list_section .lrg_buttons.quiz_item_answer,
#question_list_section .lrg_checkboxes.quiz_item_answer {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.mental_q1 .quiz_item_answer,
.mental_q1 .question_next_btn {
  max-width: 800px;
}

#question_list_section .lrg_buttons .quiz_button,
#question_list_section .lrg_checkboxes .quiz_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 145px;
  padding-bottom: 15px;
  -webkit-box-flex: unset;
      -ms-flex-positive: unset;
          flex-grow: unset;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: calc(50% - 5px);
}

#question_list_section .lrg_buttons .quiz_button {
  background-size: 80px;
  background-position: center top 15px;
}

#question_list_section .lrg_checkboxes .quiz_button {
  background-position: top 6px left 6px;
  -webkit-box-flex: unset;
      -ms-flex: unset;
          flex: unset;
  min-height: 115px;
  padding-bottom: 14px;
  padding-left: 0;
  padding-right: 0;
}

#question_list_section .quiz_item_answer_booking input[type=radio]:checked + label {
  background-color: #bbdeb6;
}

#question_list_section .lrg_checkboxes .quiz_button .checkbox_image {
  background-size: contain;
  width: 65px;
  height: 65px;
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  #question_list_section .lrg_checkboxes .quiz_button .checkbox_image {
    width: 75px;
    height: 75px;
  }
}

.sal_avatar {
  width: 120px;
  height: 120px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 5px;
}
@media (min-width: 992px) {
  .sal_avatar {
    width: 150px;
    height: 150px;
  }
}

.loading_screen_start .sal_avatar {
  margin-top: -10px;
  width: 100px;
  height: 100px;
}
@media (min-width: 992px) {
  .loading_screen_start .sal_avatar {
    margin-bottom: 10px;
    width: 130px;
    height: 130px;
  }
}

@media (min-width: 1400px) {
  #loading_screen_start_mh h4 {
    font-size: 36px;
  }
  #loading_screen_start_mh > div > div {
    max-width: 690px;
  }
}
@media (min-width: 992px) {
  #question_list_section .lrg_buttons .quiz_button {
    width: calc(33.3333% - 5px);
    min-height: 165px;
  }
  #question_list_section .lrg_checkboxes .quiz_button {
    width: calc(25% - 8px);
    min-height: 128px;
    padding-bottom: 17px;
  }
  #question_list_section .lrg_buttons .quiz_button {
    background-size: 90px;
    background-position: center top 20px;
  }
  #question_list_section .lrg_buttons.quiz_item_answer {
    max-width: 700px;
  }
}
label[for=Anxiety] .checkbox_image {
  background-image: url(/assets/illustrations/icons/anxiety-6b0ccc372d0101c322e02c7e28c22db9e58b819ea1b5bf706f527d6345b222c9.png);
}

label[for=Relationships] .checkbox_image {
  background-image: url(/assets/illustrations/icons/relationships-027071e3373a7ab1d98fff58802c306ef06952d6b49eec9270b7c12f975a7694.png);
}

label[for="Grief & Loss"] .checkbox_image {
  background-image: url(/assets/illustrations/icons/grief-and-loss-06a0689ec30bfa8e631b4e8d704c397faffc2155ab8c44c8bbab5517f525283f.png);
}

label[for=Addiction] .checkbox_image {
  background-image: url(/assets/illustrations/icons/addiction-5416d0c26fdf2c1c55665bc2cc83b25b325bb1542ecac6ec4fd9918c7e873130.png);
}

label[for=Mood] .checkbox_image {
  background-image: url(/assets/illustrations/icons/mood-f570a0b6b7560a80147252191fc92a2bf2abbc200b920997933e8cf01665b131.png);
}

label[for=Wellbeing] .checkbox_image {
  background-image: url(/assets/illustrations/icons/general-wellbeing-c3a267e6303dd69b4f9dc0c56fe5c2c162a7f339d120a1611a47f6e09a86dda0.png);
}

label[for=Supporting] .checkbox_image {
  background-image: url(/assets/illustrations/icons/supporting-others-55fbdac82da0526094cebb7edb935ef2e220a00399169f94fbaf54b0be91667d.png);
}

label[for=Stress] .checkbox_image {
  background-image: url(/assets/illustrations/icons/stress-0105d670654069c8fe1a918885f7f35ec00c08ac58bc3b0ad14812b9c5ebf6ff.png);
}

label[for=Workplace] .checkbox_image {
  background-image: url(/assets/illustrations/icons/workplace-issues-4bad8702f87fe90ce2a39f44f3874250bdde53025b07982854ea4490991d46c4.png);
}

label[for=Anger] .checkbox_image {
  background-image: url(/assets/illustrations/icons/anger-8e2e4acbea197e8a0d4a2c76396955ec8381d146070196ebd048fc107401e9b2.png);
}

label[for=Depression] .checkbox_image {
  background-image: url(/assets/illustrations/icons/depression-0eca2adea9dd0d5cb72bbe3b66c4ecef4c1c0a09171624a638c5438c00b676d8.png);
}

label[for=Other] .checkbox_image {
  background-image: url(/assets/illustrations/icons/other-a0ce4e02ac2eee5b17e58720b55ff79cb9c4c5ed4a17e1ba9047f1cae090431b.png);
}

.lrg_buttons .quiz_button.hairpattern_1,
.hairpattern_image.hairpattern_1,
.hairpattern_1 {
  background-image: url(/assets/illustrations/quiz/hairpattern_1-1-ab626733692700d250c42395968b779ae994aed1ee2edd0605c9143879ea5087.png);
}

.lrg_buttons .quiz_button.hairpattern_2,
.hairpattern_image.hairpattern_2,
.hairpattern_2 {
  background-image: url(/assets/illustrations/quiz/hairpattern_2-1-6d6276441f98a7b8d01cbeccd9c9a5cc9cf713900e62038fb6142f7b1fffe595.png);
}

.lrg_buttons .quiz_button.hairpattern_3,
.hairpattern_image.hairpattern_3,
.hairpattern_3 {
  background-image: url(/assets/illustrations/quiz/hairpattern_3-1-a256b90da63b0ed1b119693413e2e5d4d569897d5c3eacfa7633cc6caec9b688.png);
}

.lrg_buttons .quiz_button.hairpattern_4,
.hairpattern_image.hairpattern_4,
.hairpattern_4 {
  background-image: url(/assets/illustrations/quiz/hairpattern_4-1-cf6b68044579251b04684a9e9ac02b04090e7e8259d13a4eafea16f1c338bc7e.png);
}

.lrg_buttons .quiz_button.hairpattern_5,
.hairpattern_image.hairpattern_5,
.hairpattern_5 {
  background-image: url(/assets/illustrations/quiz/hairpattern_5-1-9bea5aad1c2e89958fd4d8a4ef4715e5440f10f0e57fa90dc6d8d5db5202c4fd.png);
}

.lrg_buttons .quiz_button.hairpattern_6,
.hairpattern_image.hairpattern_6,
.hairpattern_6 {
  background-image: url(/assets/illustrations/quiz/hairpattern_6-1-ebcb08f4526cb191e9e369a1708b380727782c1ce13cc29cd11459e63eed9a4e.png);
}

.quiz_button.purpose_1 {
  background-image: url(/assets/illustrations/quiz/purpose_1-21adc4d8b2f1caeb14c3b838f4b26759ca66027cb092d1f0afb4d3f15c4bd982.png);
}

.quiz_button.purpose_2 {
  background-image: url(/assets/illustrations/quiz/purpose_2-4bd9e84c99d0d674917adfed07763eaf01e75835e129ef7276419bd9f9eead63.png);
}

.quiz_button.purpose_3 {
  background-image: url(/assets/illustrations/quiz/purpose_3-e7ba4708bae787b9e17727789ea74599df80ae66b1fc615ac9b057c57d4dca45.png);
}

.lrg_buttons .quiz_button {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 992px) {
  .lrg_buttons .quiz_button.purpose_3 {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  .loading_screen_mid h3,
  .loading_screen_start h3 {
    font-size: 29px;
  }
}

#aussie_doc {
  width: 120px;
  height: 120px;
  margin-bottom: 16px;
}

@media (min-width: 992px) {
  #aussie_doc {
    width: 150px;
    height: 150px;
  }
}
@media (min-width: 992px) {
  .loading_screen_mid h3 {
    font-size: 50px;
  }
}
.quiz_item_answer .trustpilot_widget_container {
  margin-top: 6px;
  background-image: url(https://f.hubspotusercontent00.net/hubfs/2624959/mosh/icons/trustpilot_logo.svg);
  background-repeat: no-repeat;
  background-position: bottom 1px right;
  background-size: 80px;
  padding-right: 85px;
  text-decoration: none;
  margin-bottom: -3px;
  text-decoration: none;
  font-size: inherit;
  max-width: 307px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.quiz_item_answer .trustpilot_widget_container span {
  position: relative;
  top: 3px;
}

@media (min-width: 992px) {
  .quiz_item_answer .trustpilot_widget_container {
    margin-top: 5px;
  }
}
.returning_item label {
  position: relative;
}

.returning_item label::after {
  content: "";
  display: block;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 45px;
  height: 45px;
  right: 5px;
}
@media (min-width: 576px) {
  .returning_item label::after {
    right: 15px;
    width: 50px;
    height: 50px;
  }
}

.returning_item.tablet label::after {
  background-image: url(https://f.hubspotusercontent00.net/hubfs/2624959/mosh/icons/async_icon_pill-4.svg);
}

.returning_item.topical label::after {
  background-image: url(https://f.hubspotusercontent00.net/hubfs/2624959/mosh/icons/async_icon_spray-4.svg);
}

.returning_step_block {
  opacity: 0;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;
  pointer-events: none;
  height: 0;
  overflow: hidden;
  width: 100%;
  max-width: 600px;
}

.returning_step_block.reveal {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  pointer-events: all;
  height: auto;
}

#medication_select_continue {
  width: 100%;
}

.medication_item_question {
  margin-top: 15px;
}

#returning_step2 .confirm_question_container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#returning_step2 input,
#returning_step2 select {
  height: auto !important;
}

.slider_ingredient#retinoid {
  background-image: url(/assets/illustrations/gifs/retinoid-397180ffedc916496790734006d8db2dcf311275093ac296897c2d048de6a1be.gif);
}

.slider_ingredient#hyaluronic {
  background-image: url(/assets/illustrations/gifs/hyaluronic-789b300089f5c03888758b15470386a3526cbfcb6c37cdf3c498e841a7928c5b.gif);
}

.slider_ingredient#coenzyme {
  background-image: url(/assets/emojis/skin/skin_coenzyme-d8f033af57caa050ea2bc2642a647a859694dab54c3811f1bf5e83532b701480.png);
}

.slider_ingredient#niacinamide {
  background-image: url(/assets/illustrations/gifs/niacinamide-d1599f15f1dcf66edee94d68e45e2853278d7b83eb9845d576236aa93c326d77.gif);
}

.slider_ingredient#senegal {
  background-image: url(/assets/emojis/skin/skin_senegal-ba274e3e3a653015de32c9eda666a71b1a1599084e88bdbdfa5ff9a81b79302e.png);
}

.slider_ingredient {
  background-size: 100px;
  background-repeat: no-repeat;
  background-position: center top 5px;
  width: calc(33.33% - 5px);
  min-height: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 10px;
  padding-right: 10px;
  background-color: white;
}
@media (min-width: 992px) {
  .slider_ingredient {
    background-size: 120px;
    min-height: 170px;
    width: calc(33.33% - 10px);
    background-position: center top center top 10px;
  }
}

@media (max-width: 992px) {
  #loading_screen_section_1_skin p {
    min-height: 68px;
  }
}
#slider_ingredient_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 35px;
}
@media (min-width: 992px) {
  #slider_ingredient_container {
    margin-top: 25px;
    margin-bottom: 25px;
  }
}

.slider_ingredient strong {
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.3;
}

#slider_ingredient_container .slider_ingredient:nth-child(2) {
  -webkit-transform: translateY(28px);
          transform: translateY(28px);
  position: relative;
}

#slider_ingredient_container .slider_ingredient:nth-child(2)::before,
#slider_ingredient_container .slider_ingredient:nth-child(2)::after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/assets/icons/green-plus-3765aea33ddb8a0730a3070c18af343090dcbc4a8ecebb9b8d0a621a6864869f.svg);
  top: 0;
  bottom: 0;
  left: -14px;
  margin: auto;
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}
@media (min-width: 992px) {
  #slider_ingredient_container .slider_ingredient:nth-child(2)::before,
  #slider_ingredient_container .slider_ingredient:nth-child(2)::after {
    left: -22px;
    width: 30px;
    height: 30px;
  }
}

#slider_ingredient_container .slider_ingredient:nth-child(2)::after {
  left: auto;
  right: -14px;
}
@media (min-width: 992px) {
  #slider_ingredient_container .slider_ingredient:nth-child(2)::after {
    right: -22px;
  }
}

#mhcp_instructions {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
  padding-bottom: 25px;
}

#mhcp_instructions .fineprint {
  padding-top: 0;
}

#loading_screen_mh_2 .collapse_container {
  border: 1px dashed rgb(0, 61, 59);
  border-radius: 4px;
  padding: 12px;
  position: relative;
  margin-bottom: 16px;
  background-color: #82c780;
  padding-right: 35px;
}

#loading_screen_mh_2 .collapse_link > * {
  text-decoration: none;
}

#loading_screen_mh_2 .collapse_link > *::after {
  right: 14px;
  top: 23px;
  bottom: auto;
}

@media (max-width: 576px) {
  #loading_screen_mh_2 .collapse_link > *::after {
    top: 30px;
  }
}
#loading_screen_mh_2 .collapse_item p:first-child {
  margin-top: 10px;
}

#loading_screen_mh_2 .collapse_container .collapse_link > *,
#loading_screen_mh_2 .collapse_container .collapse_link {
  position: static;
  min-height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#loading_screen_mh_2 hr {
  margin: 0;
  padding: 0;
  margin-bottom: 35px;
}

#loading_screen_mh_2 .big {
  font-size: 1.1em;
}

#continue_quiz_mh_2 {
  margin-top: 35px;
}

.where_youre_going {
  width: 100%;
  max-width: 260px;
  border: 10px solid white;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  text-align: right;
}
@media (min-width: 768px) {
  .where_youre_going {
    border: 15px solid white;
    max-width: 400px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.where_youre_going h5 {
  margin-top: 13px;
  margin-bottom: 2px;
  color: #82c780 !important;
}
@media (min-width: 768px) {
  .where_youre_going h5 {
    margin-top: 17px;
    margin-bottom: 3px;
  }
}
@media (max-width: 768px) {
  .where_youre_going h5 {
    font-size: 12px;
  }
}

.where_youre_going img {
  width: 100%;
}

.auto_continue {
  position: relative;
  color: #c54801 !important;
}

.auto_continue::before {
  content: "";
  display: block;
  width: 0%;
  background-color: #003d3b;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  animation: grow-width 4s linear;
  -webkit-animation: grow-width 4s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.auto_continuelong::before {
  animation: grow-width 5s linear;
  -webkit-animation: grow-width 5s linear;
}

.auto_continue::after {
  content: "Continue";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 14px;
  color: white;
  z-index: 2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  width: 100%;
}

@-webkit-keyframes grow-width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@keyframes grow-width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.quiz_loading_bar {
  height: 26px;
  width: 100%;
  max-width: 250px;
  border: 2px solid #003d3b;
  background-color: transparent;
  position: relative;
  margin-top: 22px;
  border-radius: 100px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  .quiz_loading_bar {
    max-width: 330px;
    margin-top: 35px;
  }
}
.quiz_loading_bar::after {
  content: "";
  display: block;
  border-radius: 100px;
  background: #003d3b;
  width: 100%;
  height: 22px;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: auto;
}
.quiz_loading_bar.load::after {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  animation: grow-width-bar 4s linear;
  -webkit-animation: grow-width-bar 4s linear;
}

@-webkit-keyframes grow-width-bar {
  0% {
    width: 22px;
  }
  100% {
    width: 100%;
  }
}

@keyframes grow-width-bar {
  0% {
    width: 22px;
  }
  100% {
    width: 100%;
  }
}
.preparing_plan_bottle {
  margin-bottom: 15px;
  position: relative;
}
.preparing_plan_bottle .circle {
  content: "";
  display: block;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  z-index: 1;
  background-color: white;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.preparing_plan_bottle .bottle_image {
  background-image: url(/assets/product/skin_bottle_blank-e400bde9336ca09254274748666ff193ce27e32f368c3bd6f04a52aee40e4e93.png);
  z-index: 2;
  width: 150px;
  height: 150px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-position: center;
}

#skin_quiz_doc_chat {
  width: 100%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  #skin_quiz_doc_chat {
    max-width: 370px;
  }
}

.abcRioButton {
  margin-left: auto !important;
  margin-right: auto !important;
}

.g-signin2,
.abcRioButton,
.sign_in_with_email_btn,
.abcRioButtonContents {
  width: 100% !important;
}

.abcRioButton {
  height: 66px !important;
}
@media (min-width: 992px) {
  .abcRioButton {
    height: 80px !important;
  }
}

.abcRioButtonContentWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.abcRioButtonIcon {
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.abcRioButtonIconImage,
.abcRioButtonIconImage svg {
  width: 25px !important;
  height: 25px !important;
}
@media (min-width: 992px) {
  .abcRioButtonIconImage,
  .abcRioButtonIconImage svg {
    width: 35px !important;
    height: 35px !important;
  }
}

#email_backarrow {
  display: none;
  background-color: white;
  z-index: 97;
  top: 48px;
}
@media (min-width: 992px) {
  #email_backarrow {
    top: 25px;
  }
}

.g-signin2 {
  border: 1px solid rgba(0, 61, 59, 0.2);
  border-radius: 1px;
}

@media (max-width: 992px) {
  .quiz_dropoff {
    height: 73vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .quiz_dropoff .btn {
    margin-left: auto;
    margin-right: auto;
    max-width: 190px;
  }
  .quiz_dropoff h4 {
    font-size: 27px;
  }
}
.quiz_dropoff h4 {
  max-width: 27ch;
  margin-left: auto;
  margin-right: auto;
}

.legitscript_icon {
  margin-top: 28px;
}
@media (min-width: 768px) {
  .legitscript_icon {
    margin-top: 26px;
  }
}

.legitscript_icon img {
  width: 90px;
}
@media (min-width: 768px) {
  .legitscript_icon img {
    width: 100px;
  }
}

#expert_select {
  z-index: 2;
  margin-top: 35px;
  margin-bottom: 35px;
}
@media (min-width: 768px) {
  #expert_select {
    margin-top: 50px;
    margin-bottom: 43px;
  }
}

#expert_select .doc_image {
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
@media (min-width: 768px) {
  #expert_select .doc_image {
    width: 70px;
    height: 70px;
  }
}

.doc_image_left.doc_image_animate {
  -webkit-animation-name: doc_image_left;
          animation-name: doc_image_left;
}

.doc_image_left.doc_image_animate:first-child {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.doc_image_right.doc_image_animate {
  -webkit-animation-name: doc_image_right;
          animation-name: doc_image_right;
}

.doc_image_right.doc_image_animate:last-child {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.doc_image_center.doc_image_animate {
  -webkit-animation-name: doc_image_center;
          animation-name: doc_image_center;
}

@-webkit-keyframes doc_image_left {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(-12px);
            transform: translateX(-12px);
  }
  100% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
}

@keyframes doc_image_left {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(-12px);
            transform: translateX(-12px);
  }
  100% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
}
@-webkit-keyframes doc_image_right {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(12px);
            transform: translateX(12px);
  }
  100% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}
@keyframes doc_image_right {
  0% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(12px);
            transform: translateX(12px);
  }
  100% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
}
@-webkit-keyframes doc_image_center {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
  }
  100% {
    -webkit-transform: scale(1.7);
            transform: scale(1.7);
  }
}
@keyframes doc_image_center {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
  }
  100% {
    -webkit-transform: scale(1.7);
            transform: scale(1.7);
  }
}
@-webkit-keyframes expert_select_tooltip_animate {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateY(6px);
            transform: translateY(6px);
  }
  100% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
    opacity: 1;
  }
}
@keyframes expert_select_tooltip_animate {
  0% {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateY(6px);
            transform: translateY(6px);
  }
  100% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
    opacity: 1;
  }
}
#expert_select_tooltip {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
  display: inline-block;
  padding: 8px 15px;
  position: relative;
  opacity: 0;
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
  -webkit-animation-duration: 0.35s;
          animation-duration: 0.35s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@media (max-width: 768px) {
  #expert_select_tooltip {
    font-size: 14px;
  }
}
#expert_select_tooltip strong {
  color: #003d3b;
}
#expert_select_tooltip::before {
  content: "";
  display: block;
  border-color: transparent #82c780 transparent transparent;
  border-style: solid;
  border-width: 9px;
  width: 0px;
  height: 0px;
  position: absolute;
  top: -17px;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
#expert_select_tooltip.expert_select_tooltip_animate {
  -webkit-animation-name: expert_select_tooltip_animate;
          animation-name: expert_select_tooltip_animate;
}

#doc_next_steps {
  padding-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  width: 100%;
  margin-top: 30px;
}
@media (min-width: 768px) {
  #doc_next_steps {
    padding-top: 20px;
    margin-top: 50px;
  }
}
#doc_next_steps strong {
  display: block;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  #doc_next_steps strong {
    margin-bottom: 25px;
  }
}
#doc_next_steps > div {
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  #doc_next_steps > div {
    max-width: 320px;
  }
}
#doc_next_steps .doc_next_steps_row {
  text-align: left;
  position: relative;
  padding-left: 48px;
  margin-bottom: 14px;
}
@media (min-width: 768px) {
  #doc_next_steps .doc_next_steps_row {
    padding-left: 58px;
    margin-bottom: 34px;
  }
}
#doc_next_steps .doc_next_steps_row h3 {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#doc_next_steps_container {
  opacity: 0;
  -webkit-transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) opacity;
  transition: 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) opacity;
  padding-left: 15px;
  padding-right: 15px;
}
#doc_next_steps_container.reveal {
  opacity: 1;
}
#doc_next_steps_container .btn {
  display: block;
  margin-top: 30px !important;
}
@media (min-width: 768px) {
  #doc_next_steps_container .btn {
    margin-top: 45px !important;
  }
}

#doc_next_steps_container .btn,
#doc_next_steps {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}

#doc_next_steps_container .btn {
  max-width: 200px;
}

@media (min-width: 768px) {
  #expert_screen p {
    font-size: 22px;
  }
}
#expert_screen > div {
  max-width: 610px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 55px;
  height: 100%;
}

@media (min-width: 768px) and (max-height: 745px) {
  #expert_screen {
    display: block;
    padding-top: 80px;
    overflow: scroll;
    z-index: 1;
  }
  #expert_screen > div {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
  }
  #doc_next_steps_container .btn {
    margin-top: 35px !important;
  }
  #doc_next_steps {
    margin-top: 30px;
  }
  #expert_select {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    margin-top: 37px;
    margin-bottom: 31px;
  }
  #doc_next_steps strong {
    margin-bottom: 21px;
  }
}
#expert_screen {
  overflow: scroll;
}
@media (max-width: 768px) {
  #expert_screen {
    padding-top: 70px !important;
  }
}
@media (min-width: 768px) {
  #expert_screen > div {
    min-width: 480px;
    min-width: 610px;
    overflow: none;
  }
}
.slider_video {
  border-radius: 100%;
  border: 3px solid #82c780;
  width: 150px;
  height: 150px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .slider_video {
    width: 170px;
    height: 170px;
    margin-top: 20px;
    margin-bottom: 5px;
  }
}

@media (max-width: 500px) {
  #loading_screen_section_3_skin p {
    max-width: 23ch;
  }
}
@media (max-width: 768px) and (min-height: 620px) {
  #loading_screen_section_3_skin > div,
  #loading_screen_section_2_skin > div,
  #loading_screen_mid_1 > div,
  #loading_screen_mid_3 > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-top: 0;
  }
}
#loading_screen_section_3_skin h3,
#loading_screen_mid_1 h3 {
  max-width: 27ch;
}

#loading_screen_section_2_skin h3 {
  max-width: 27ch;
}

.quiz_photo_upload {
  width: 120px;
  height: 120px;
}
@media (min-width: 992px) {
  .quiz_photo_upload {
    width: 130px;
    height: 130px;
  }
}

.patchy_upload {
  margin-top: 5px;
}

#password_screen {
  z-index: 100;
}
#password_screen .btn {
  margin-top: 20px;
}
#password_screen form {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  padding: 0px 15px;
}
#password_screen h3 {
  margin-bottom: 15px;
  max-width: 27ch;
  margin-left: auto;
  margin-right: auto;
}
#password_screen h5.green_text {
  color: #82c780;
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  #password_screen {
    padding-top: 120px !important;
  }
  #password_screen > div {
    padding-bottom: 50px !important;
  }
}
@media (max-height: 630px) {
  #password_screen {
    padding-top: 120px !important;
    display: block;
    overflow: scroll;
  }
  #password_screen > div {
    padding-bottom: 50px !important;
  }
}

.loading_screen_start_a#loading_screen_start_hair.loading_screen_show {
  padding-top: 58px;
}
@media screen and (min-width: 768px) {
  .loading_screen_start_a#loading_screen_start_hair.loading_screen_show {
    padding-top: 153px;
  }
}
.loading_screen_start_a#loading_screen_start_hair > div {
  padding-top: 0;
}
.loading_screen_start_a#loading_screen_start_hair > div > div {
  max-width: 858px;
}
.loading_screen_start_a#loading_screen_start_hair > div > div .loading_inner {
  max-width: 540px;
  margin: 0 auto;
}
.loading_screen_start_a#loading_screen_start_hair > div > div .loading_inner .fineprint {
  margin-top: 0 !important;
  opacity: 1 !important;
  font-size: 10px !important;
  line-height: 16px !important;
}
@media screen and (min-width: 768px) {
  .loading_screen_start_a#loading_screen_start_hair > div > div .loading_inner .fineprint {
    font-size: 12px !important;
    margin-top: 4px !important;
    max-width: 100%;
  }
}
.loading_screen_start_a#loading_screen_start_hair > div > div .loading_inner_lg {
  max-width: 650px;
  margin: 0 auto;
}
.loading_screen_start_a#loading_screen_start_hair > div > div .loading_inner_lg > p {
  max-width: 570px;
}
.loading_screen_start_a#loading_screen_start_hair > div > div .loading_inner_lg > h4 {
  font-size: 30px !important;
  line-height: 32px !important;
  margin-bottom: 18px;
}
@media screen and (min-width: 768px) {
  .loading_screen_start_a#loading_screen_start_hair > div > div .loading_inner_lg > h4 {
    font-size: 38px !important;
    line-height: 45px !important;
    margin-bottom: 27px;
  }
}
.loading_screen_start_a#loading_screen_start_hair .hair_start_feature_wrp {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .loading_screen_start_a#loading_screen_start_hair .hair_start_feature_wrp {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-top: 72px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .loading_screen_start_a#loading_screen_start_hair .hair_start_feature_wrp {
    padding-left: 56px;
    padding-right: 56px;
  }
}
.loading_screen_start_a#loading_screen_start_hair .hair_start_feature_wrp > img {
  display: none;
}
@media screen and (min-width: 768px) {
  .loading_screen_start_a#loading_screen_start_hair .hair_start_feature_wrp > img {
    display: block;
    -ms-flex-item-align: start;
        align-self: flex-start;
    padding-top: 40px;
  }
  .loading_screen_start_a#loading_screen_start_hair .hair_start_feature_wrp > img.hair_start_arrow_2 {
    padding-top: 50px;
  }
}
.loading_screen_start_a#loading_screen_start_hair .hair_start_feature_wrp .hair_start_single_feature {
  height: 100%;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 290px;
  margin: 0 auto;
}
.loading_screen_start_a#loading_screen_start_hair .hair_start_feature_wrp .hair_start_single_feature img {
  max-height: 70px;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .loading_screen_start_a#loading_screen_start_hair .hair_start_feature_wrp .hair_start_single_feature img {
    max-height: 92px;
    height: 92px;
  }
}
@media screen and (min-width: 1240px) {
  .loading_screen_start_a#loading_screen_start_hair .hair_start_feature_wrp .hair_start_single_feature img {
    max-height: 120px;
    height: 120px;
  }
}
.loading_screen_start_a#loading_screen_start_hair .hair_start_feature_wrp .hair_start_single_feature h4 {
  font-size: 18px;
  line-height: 21px;
  color: #82c780;
  margin-top: 0px;
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  .loading_screen_start_a#loading_screen_start_hair .hair_start_feature_wrp .hair_start_single_feature h4 {
    margin-top: 25px;
    font-size: 18px;
    line-height: 22px;
  }
}
@media screen and (min-width: 1240px) {
  .loading_screen_start_a#loading_screen_start_hair .hair_start_feature_wrp .hair_start_single_feature h4 {
    margin-top: 25px;
    font-size: 24px;
    line-height: 28px;
  }
}
.loading_screen_start_a#loading_screen_start_hair .hair_start_est_time {
  margin-top: 21px;
  margin-bottom: 5px !important;
  font-size: 14px;
  line-height: 21px !important;
  font-family: "MaisonNeue-Book";
}
@media screen and (min-width: 768px) {
  .loading_screen_start_a#loading_screen_start_hair .hair_start_est_time {
    margin-top: 85px;
    margin-bottom: 12px !important;
  }
}
.loading_screen_start_a#loading_screen_start_hair .hair_start_quiz_btn {
  width: 100%;
  max-width: 540px;
  margin-top: 0 !important;
  font-size: 13px !important;
  line-height: 13px !important;
}

.loading_screen_start_b#loading_screen_start_hair {
  background-color: rgba(235, 235, 212, 0.3);
  padding-top: 0;
}
.loading_screen_start_b#loading_screen_start_hair > div {
  padding-top: 0;
  max-width: 100%;
  width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 990px) {
  .loading_screen_start_b#loading_screen_start_hair > div {
    max-width: 100%;
    width: 100%;
  }
}
.loading_screen_start_b#loading_screen_start_hair > div > div {
  padding-left: 0;
  padding-right: 0;
  max-width: 1240px;
}
.loading_screen_start_b#loading_screen_start_hair .hair_start_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 990px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-top: 35px;
  }
}
.loading_screen_start_b#loading_screen_start_hair .hair_start_left, .loading_screen_start_b#loading_screen_start_hair .hair_start_right {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.loading_screen_start_b#loading_screen_start_hair .hair_start_left .mobile-tablet, .loading_screen_start_b#loading_screen_start_hair .hair_start_right .mobile-tablet {
  display: block;
}
@media screen and (min-width: 992px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_left .mobile-tablet, .loading_screen_start_b#loading_screen_start_hair .hair_start_right .mobile-tablet {
    display: none;
  }
}
.loading_screen_start_b#loading_screen_start_hair .hair_start_left .desktop, .loading_screen_start_b#loading_screen_start_hair .hair_start_right .desktop {
  display: none;
}
@media screen and (min-width: 992px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_left .desktop, .loading_screen_start_b#loading_screen_start_hair .hair_start_right .desktop {
    display: block;
  }
}
.loading_screen_start_b#loading_screen_start_hair .hair_start_left > img, .loading_screen_start_b#loading_screen_start_hair .hair_start_right > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 120px;
  max-width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 990px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_left > img, .loading_screen_start_b#loading_screen_start_hair .hair_start_right > img {
    height: 224px;
  }
}
@media screen and (min-width: 992px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_left > img, .loading_screen_start_b#loading_screen_start_hair .hair_start_right > img {
    border-radius: 12px;
  }
}
@media screen and (max-width: 990px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_left > img.hero_variation_c, .loading_screen_start_b#loading_screen_start_hair .hair_start_right > img.hero_variation_c {
    height: 150px;
    -o-object-position: center -50px;
       object-position: center -50px;
  }
}
@media screen and (min-width: 990px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_left > img, .loading_screen_start_b#loading_screen_start_hair .hair_start_right > img {
    height: 100%;
  }
}
.loading_screen_start_b#loading_screen_start_hair .hair_start_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  margin-left: 28px;
  margin-right: 28px;
  position: relative;
  margin-top: 37px;
}
@media screen and (min-width: 768px) and (max-width: 990px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_right {
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 56px;
  }
}
@media screen and (min-width: 990px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_right {
    margin-top: 0;
    text-align: left;
    padding-left: 60px;
  }
}
@media screen and (min-width: 1240px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_right {
    padding-left: 111px;
  }
}
.loading_screen_start_b#loading_screen_start_hair .hair_start_right .hair_start_slider_header {
  font-size: 28px;
  line-height: 26px;
  color: #003d3b;
  position: relative;
  font-family: "Clearface-Bold";
}
@media screen and (min-width: 768px) and (max-width: 990px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_right .hair_start_slider_header {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 4px;
    max-width: 410px;
    font-size: 36px;
    line-height: 36px;
  }
}
@media screen and (min-width: 990px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_right .hair_start_slider_header {
    font-size: 30px;
    line-height: 34px;
  }
}
.loading_screen_start_b#loading_screen_start_hair .hair_start_right .hair_start_slider_header + p {
  font-size: 14px;
  line-height: 26px;
  max-width: 410px;
  margin-bottom: 3px;
  margin-top: 10px;
}
@media screen and (min-width: 768px) and (max-width: 990px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_right .hair_start_slider_header + p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 990px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_right .hair_start_slider_header + p {
    font-size: 16px;
    max-width: 100%;
  }
}
.loading_screen_start_b#loading_screen_start_hair .hair_start_right .hair_start_slider_header .free {
  position: absolute;
  display: inline-block;
  right: -30px;
  background-image: url(/assets/hair/free-6175ca3cdbf5af61f2bf6ab7c0a67eaa6b5d61cb932dfbcfcf0806e3a09dd524.svg);
  width: 60px;
  height: 31px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  top: -20px;
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
}
@media screen and (min-width: 768px) and (max-width: 990px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_right .hair_start_slider_header .free {
    right: -44px;
  }
}
@media screen and (min-width: 990px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_right .hair_start_slider_header .free {
    position: relative;
    top: -28px;
    -webkit-transform: none;
            transform: none;
    right: 20px;
  }
}
.loading_screen_start_b#loading_screen_start_hair .hair_start_right h5 {
  font-size: 12px;
  line-height: 26px;
  font-family: "MaisonNeue-Book";
}
@media screen and (min-width: 990px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_right h5 {
    font-size: 16px;
    line-height: 34px;
    font-family: "MaisonNeue-Demi";
  }
}
.loading_screen_start_b#loading_screen_start_hair .hair_start_features_wrp {
  margin-top: 16px;
  margin-bottom: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 4px;
}
@media screen and (min-width: 990px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_features_wrp {
    margin-top: 34px;
    margin-bottom: 44px;
  }
}
.loading_screen_start_b#loading_screen_start_hair .hair_start_features_wrp .single_feature {
  padding: 14px 16px;
  background-color: rgba(130, 199, 128, 0.2);
  margin-bottom: 14px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 12px;
}
.loading_screen_start_b#loading_screen_start_hair .hair_start_features_wrp .single_feature.feature_3 {
  margin-bottom: 6px;
}
.loading_screen_start_b#loading_screen_start_hair .hair_start_features_wrp .single_feature.feature_3:last-of-type {
  margin-bottom: 14px;
}
@media screen and (min-width: 768px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_features_wrp .single_feature {
    margin-bottom: 14px;
  }
}
@media screen and (min-width: 990px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_features_wrp .single_feature {
    margin-bottom: 16px;
    padding: 28px;
  }
}
.loading_screen_start_b#loading_screen_start_hair .hair_start_features_wrp .single_feature img {
  max-height: 54px;
  max-width: 54px;
}
@media screen and (min-width: 990px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_features_wrp .single_feature img {
    max-height: unset;
    max-width: unset;
  }
}
.loading_screen_start_b#loading_screen_start_hair .hair_start_features_wrp .single_feature_right {
  margin-left: 18px;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.loading_screen_start_b#loading_screen_start_hair .hair_start_features_wrp .single_feature p {
  font-size: 14px;
  line-height: 18px;
  color: #003d3b;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_features_wrp .single_feature p {
    font-size: 16px;
  }
}
.loading_screen_start_b#loading_screen_start_hair .hair_start_features_wrp .single_feature p.single_feature_title {
  font-size: 18px;
  line-height: 21px;
  font-family: "MaisonNeue-Demi";
  margin-bottom: 2px;
}
@media screen and (min-width: 768px) and (max-width: 990px) {
  .loading_screen_start_b#loading_screen_start_hair .hair_start_features_wrp .single_feature p.single_feature_title {
    font-size: 20px;
    margin-bottom: 8px;
  }
}
.loading_screen_start_b#loading_screen_start_hair .fineprint {
  color: #003d3b;
  font-size: 10px;
  line-height: 16px;
  margin-top: 0 !important;
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .loading_screen_start_b#loading_screen_start_hair .fineprint {
    max-width: 100%;
  }
}
.loading_screen_start_b#loading_screen_start_hair .hair_start_quiz_btn {
  margin-top: 0;
  background-image: none;
  padding-left: 30px;
  padding-right: 30px;
}

.quizzes .portal_logo.logo_small {
  background-size: 40px;
  height: 20px;
  top: 20px;
}

@media screen and (min-width: 768px) {
  [id*=renewal_mh] .question_type_slider {
    max-width: calc(100% - 12px);
    margin-left: auto;
    margin-right: auto;
  }
}
[id*=renewal_mh] .slider_handle_wrap .slider_handle {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[id*=renewal_mh] .form_row.question_type_slider div.slider_progress .slider_draggable_handle.dragged {
  -webkit-box-shadow: 1px 4px 7px rgba(0, 0, 0, 0.15);
          box-shadow: 1px 4px 7px rgba(0, 0, 0, 0.15);
}
[id*=renewal_mh] input[type=checkbox] + label {
  min-height: unset !important;
}

.returning [id*=renewal_mh] .quiz_item_answer .question_type_slider input:checked + label.slider_handle {
  background-color: transparent !important;
}

.quiz_item_body#medication_select_section input[type=checkbox] + label {
  min-height: unset !important;
}

.mhcp_explainer_text {
  height: 0;
  -webkit-transition: height ease 0.2s;
  transition: height ease 0.2s;
}
.mhcp_explainer_text.show {
  height: 24px;
}

.small-font {
  font-size: 12px;
}

.quiz-upload-later-button.hidden {
  display: none !important;
}

#loading_screen_start_mh_v2 .mh_start_1 h4.quiz-init-subtitle.heading {
  font-size: 2.5rem;
}
@media (min-width: 0) and (max-width: 767px) {
  #loading_screen_start_mh_v2 .mh_start_1 h4.quiz-init-subtitle.heading {
    font-size: 1.5rem;
  }
  #loading_screen_start_mh_v2 .mh_start_1 h4.quiz-init-subtitle.heading .text_emoji:after {
    max-height: 2rem;
  }
}

.returning .form_row {
  margin-bottom: 1rem;
}
@media (max-width: 599px) {
  .returning #question_list_section {
    padding-bottom: 300px;
  }
}
@media (max-width: 599px) {
  .returning .renewal_block .quiz_item_answer label {
    font-size: 1.2ch;
  }
}