/*
 *Colors
 */
/*
 *Flatsome breakpoints
 */
/*
 *Mixin
 */
/*
 *Helper class
 */
@media only screen and (min-width: 550px) {
  .sq-mobile-down {
    display: none; } }

@media only screen and (max-width: 549px) {
  .sq-tablet-up {
    display: none; } }

@media only screen and (max-width: 549px) {
  .sq-tablet-only {
    display: none; } }
@media only screen and (min-width: 850px) {
  .sq-tablet-only {
    display: none; } }

@media only screen and (min-width: 850px) {
  .sq-tablet-down {
    display: none; } }

@media only screen and (max-width: 849px) {
  .sq-desktop-up {
    display: none; } }

.sq-question,
#sq-thank-for-completion {
  position: relative;
  padding-bottom: 30px;
  padding-top: 30px; }
  @media only screen and (min-width: 850px) {
    .sq-question,
    #sq-thank-for-completion {
      padding-bottom: 60px;
      padding-top: 60px; } }
  .sq-question.inactive,
  #sq-thank-for-completion.inactive {
    display: none; }

#sq-thank-for-completion .col {
  padding: 0 15px; }
  @media only screen and (min-width: 550px) {
    #sq-thank-for-completion .col {
      text-align: center; } }

div[id^="sq-question-anchor-"],
#sq-thank-for-completion-anchor {
  position: absolute;
  width: 1px;
  height: 1px;
  top: -75px;
  left: 0; }
  @media only screen and (min-width: 850px) {
    div[id^="sq-question-anchor-"],
    #sq-thank-for-completion-anchor {
      top: -165px; } }

iframe#sq-pdf-generator {
  width: 1px;
  height: 1px; }

#sq-symptom-questionnaire {
  margin-bottom: 60px; }
  #sq-symptom-questionnaire .col-inner {
    padding: 0 15px; }
  @media only screen and (max-width: 849px) {
    #sq-symptom-questionnaire .sq-start-column {
      text-align: center; }
      #sq-symptom-questionnaire .sq-start-column #sq-start {
        margin-bottom: 1.5rem; } }

.sq-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .sq-row .sq-col-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%; }
  .sq-row .sq-col-4 {
    -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%; }
  .sq-row .sq-col-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%; }

.sq-boldItalic {
  font-weight: bold;
  font-style: italic; }

.section--symptom-questionnaire .sq-errorMsg {
  color: red;
  display: none; }
.section--symptom-questionnaire.sq-show-error .sq-errorMsg {
  display: inline; }

#main .sq-question .col {
  padding: 0 15px; }
#main .sq-question .sq-with-underline {
  margin-bottom: 16px;
  margin-bottom: 1rem; }
  #main .sq-question .sq-with-underline:after {
    content: '';
    display: block;
    margin-top: 12.8px;
    margin-top: 0.8rem;
    border-bottom: 2px solid #e6e6e6; }
#main .sq-question .sq-button-container {
  text-align: center; }
  @media only screen and (min-width: 850px) {
    #main .sq-question .sq-button-container {
      text-align: left; } }
#main .sq-question.gray-bg .sq-with-underline:after {
  border-bottom: 2px solid #d4d4d4; }
#main .sq-question .sq-followup,
#main .sq-question .sq-optional {
  display: none; }
  #main .sq-question .sq-followup.active,
  #main .sq-question .sq-optional.active {
    display: block; }
#main .sq-question .sq-row.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
#main .sq-question .sq-next-button.locked {
  background-color: #a4a4a4 !important;
  pointer-events: none; }
#main .sq-question form label:hover {
  cursor: pointer; }
#main .sq-question form label .sq-label-light {
  font-weight: normal; }
#main .sq-question form input[type="radio"]:hover, #main .sq-question form input[type="checkbox"]:hover {
  cursor: pointer; }
#main .sq-question form input[type="text"]::-webkit-input-placeholder {
  color: #8a8b88; }
#main .sq-question form input[type="text"]:-ms-input-placeholder {
  color: #8a8b88; }
#main .sq-question form input[type="text"]::-ms-input-placeholder {
  color: #8a8b88; }
#main .sq-question form input[type="text"]::placeholder {
  color: #8a8b88; }
#main .sq-question form textarea {
  min-width: 250px; }
#main .sq-question .sq-child-q1-p-container {
  width: 300px;
  padding-right: 40px; }
  @media only screen and (max-width: 549px) {
    #main .sq-question .sq-child-q1-p-container {
      width: 100%;
      padding: 0; } }
#main .sq-question #sq-q2-p2-question {
  -ms-flex-preferred-size: 65%;
      flex-basis: 65%; }
  @media only screen and (max-width: 549px) {
    #main .sq-question #sq-q2-p2-question {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; } }
#main .sq-question #sq-q2-p2-other-text {
  display: none; }
  #main .sq-question #sq-q2-p2-other-text.active {
    display: block; }
#main .sq-question #sq-q2-p2-body-svg {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%; }
  @media only screen and (max-width: 549px) {
    #main .sq-question #sq-q2-p2-body-svg {
      display: none; } }
  #main .sq-question #sq-q2-p2-body-svg svg#sq-ped-body {
    width: 128%;
    height: auto;
    margin-top: -35%;
    margin-bottom: -35%; }
  #main .sq-question #sq-q2-p2-body-svg svg#sq-adult-body {
    width: 120%;
    height: auto;
    margin-top: -20%;
    margin-bottom: -30%; }
    @media only screen and (min-width: 850px) {
      #main .sq-question #sq-q2-p2-body-svg svg#sq-adult-body {
        margin-bottom: -100%; } }
  #main .sq-question #sq-q2-p2-body-svg svg .st0:hover {
    cursor: pointer; }

/* PROGRESS BAR */
.sq-progress-bar {
  background-color: #d8d8e5;
  width: 100vw;
  height: 75px;
  padding: 20px 0; }
  .sq-progress-bar.sticky {
    position: fixed;
    top: 0px;
    z-index: 100; }
    @media only screen and (min-width: 850px) {
      .sq-progress-bar.sticky {
        top: 90px; } }
  .sq-progress-bar.inactive {
    display: none; }
  .sq-progress-bar .sq-progress-icons {
    height: 30px;
    width: auto; }
    .sq-progress-bar .sq-progress-icons a {
      pointer-events: none;
      position: relative; }
      .sq-progress-bar .sq-progress-icons a:before {
        content: '';
        position: absolute;
        top: 12px;
        left: -15px;
        width: 30px;
        height: 3px;
        background-image: -webkit-gradient(linear, left top, right top, from(#2d2d48), color-stop(50%, #2d2d48), color-stop(50%, white), to(white));
        background-image: linear-gradient(90deg, #2d2d48 0%, #2d2d48 50%, white 50%, white 100%);
        background-size: 200%;
        background-position-x: 100%;
        -webkit-transition: background-position-x 0.5s ease-in-out;
        transition: background-position-x 0.5s ease-in-out; }
      .sq-progress-bar .sq-progress-icons a:first-child:before {
        display: none; }
      .sq-progress-bar .sq-progress-icons a.unlocked:before {
        background-position-x: 0%; }
      .sq-progress-bar .sq-progress-icons a.unlocked, .sq-progress-bar .sq-progress-icons a.current, .sq-progress-bar .sq-progress-icons a.completed {
        pointer-events: auto; }
      .sq-progress-bar .sq-progress-icons a .sq-progress-icon {
        display: inline-block;
        vertical-align: middle;
        background-color: white;
        width: 25px;
        height: 25px;
        margin: 5px 15px;
        border: 2px solid #2d2d48;
        border-radius: 50%;
        z-index: 1; }
      .sq-progress-bar .sq-progress-icons a.unlocked .sq-progress-icon {
        background-color: #2d2d48;
        -webkit-transition: background-color 0s;
        transition: background-color 0s;
        -webkit-transition-delay: 0.5s;
                transition-delay: 0.5s; }
      .sq-progress-bar .sq-progress-icons a.completed .sq-progress-icon {
        background-color: #2d2d48;
        width: 29px;
        height: 29px;
        margin: 3px 13px;
        position: relative; }
        .sq-progress-bar .sq-progress-icons a.completed .sq-progress-icon:after {
          content: "";
          position: absolute;
          top: 3px;
          bottom: 3px;
          left: 3px;
          right: 3px;
          background: url("../images/sq-tick-mark-white.svg") no-repeat;
          background-size: cover; }
      .sq-progress-bar .sq-progress-icons a.current .sq-progress-icon {
        background-color: #2d2d48;
        width: 35px;
        height: 35px;
        margin: 0 10px;
        position: relative; }
      .sq-progress-bar .sq-progress-icons a:nth-child(1).current .sq-progress-icon:after {
        content: "1";
        color: white;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        font-family: "Open Sans";
        font-size: 20px;
        background: transparent; }
      .sq-progress-bar .sq-progress-icons a:nth-child(2).current .sq-progress-icon:after {
        content: "2";
        color: white;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        font-family: "Open Sans";
        font-size: 20px;
        background: transparent; }
      .sq-progress-bar .sq-progress-icons a:nth-child(3).current .sq-progress-icon:after {
        content: "3";
        color: white;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        font-family: "Open Sans";
        font-size: 20px;
        background: transparent; }
      .sq-progress-bar .sq-progress-icons a:nth-child(4).current .sq-progress-icon:after {
        content: "4";
        color: white;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        font-family: "Open Sans";
        font-size: 20px;
        background: transparent; }
      .sq-progress-bar .sq-progress-icons a:nth-child(5).current .sq-progress-icon:after {
        content: "5";
        color: white;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        font-family: "Open Sans";
        font-size: 20px;
        background: transparent; }

.sq-progress-bar-placeholder {
  height: 75px;
  width: 100%;
  display: none; }
  .sq-progress-bar-placeholder.sticky {
    display: block; }

#sq-thank-for-completion .sq-progress-bar {
  background-color: #2d2d48; }
  #sq-thank-for-completion .sq-progress-bar .sq-progress-icons a.completed .sq-progress-icon {
    background-color: #8587af;
    border: 2px solid #8587af; }

#main .sq-question .sq-did-you-know {
  padding: 32px 40px 40px;
  background-color: #c0bed5;
  margin: 30px -15px -30px;
  text-align: center; }
  @media only screen and (min-width: 850px) {
    #main .sq-question .sq-did-you-know {
      max-width: 315px;
      margin: 0 0 0 auto; } }
  @media only screen and (max-width: 549px) {
    #main .sq-question .sq-did-you-know {
      text-align: left; } }
  #main .sq-question .sq-did-you-know .sq-dyk-header .sq-heading-container .sq-dyk-heading {
    font-weight: bold;
    font-size: 20px;
    color: #2f2f28; }
  #main .sq-question .sq-did-you-know .sq-dyk-header .sq-icon-container {
    margin: 15px auto; }
    #main .sq-question .sq-did-you-know .sq-dyk-header .sq-icon-container .sq-did-you-know-icon {
      max-width: 150px;
      width: 100%;
      height: auto; }
      @media only screen and (max-width: 849px) {
        #main .sq-question .sq-did-you-know .sq-dyk-header .sq-icon-container .sq-did-you-know-icon {
          max-width: 120px; } }
  @media only screen and (max-width: 549px) {
    #main .sq-question .sq-did-you-know .sq-dyk-header div {
      display: inline-block;
      vertical-align: middle; }
      #main .sq-question .sq-did-you-know .sq-dyk-header div.sq-heading-container {
        max-width: 90px; }
      #main .sq-question .sq-did-you-know .sq-dyk-header div.sq-icon-container {
        margin: 10px 15px; } }
  #main .sq-question .sq-did-you-know .sq-dyk-content .sq-dyk-text p {
    line-height: 1.2;
    max-width: 450px;
    margin: 0 auto; }
    @media only screen and (max-width: 549px) {
      #main .sq-question .sq-did-you-know .sq-dyk-content .sq-dyk-text p {
        max-width: none; } }