/*
 *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: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .sq-row .sq-col-3 {
    flex-basis: 25%; }
  .sq-row .sq-col-4 {
    flex-basis: 33.33%; }
  .sq-row .sq-col-6 {
    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; }

#section-symptom-quiz {
  position: relative; }
  #section-symptom-quiz #symptom-quiz-bg {
    position: absolute;
    width: 460px;
    top: 20px;
    right: 0; }
    #section-symptom-quiz #symptom-quiz-bg img {
      margin-left: calc(555px - 50vw + 95px); }
    @media (min-width: 768px) and (max-width: 991px) {
      #section-symptom-quiz #symptom-quiz-bg {
        width: 415px; }
        #section-symptom-quiz #symptom-quiz-bg img {
          margin-left: 60px; } 
		
		}
    @media (min-width: 992px) and (max-width: 1199px) {
      #section-symptom-quiz #symptom-quiz-bg {
        top: 30px;
        width: 420px; }
        #section-symptom-quiz #symptom-quiz-bg img {
          margin-left: 75px; } }
    @media only screen and (min-width: 1200px) {
      #section-symptom-quiz #symptom-quiz-bg {
        width: 410px; } }

#main .sq-question .col {
  padding: 0 15px; }
#main .sq-question .sq-with-underline {
  margin-bottom: 1rem; }
  #main .sq-question .sq-with-underline:after {
    content: '';
    display: block;
    margin-top: 0.8rem;
    height: 5px;
    background: linear-gradient(to right, #F47423, #EE3042, #E10D7E);
    margin-left: calc(50% - 50vw); }
#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 .cta .sq-next-button.locked .cta-button {
  background: #B9B8BB; }
#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: flex; }
#main .sq-question .sq-next-button.locked {
  background-color: #edeef1 !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"], #main .sq-question form input[type="checkbox"] {
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  display: inline-block;
  border: 2px solid #B9B8BB;
  vertical-align: middle;
  position: relative;
  vertical-align: top; }
  #main .sq-question form input[type="radio"]:checked:after, #main .sq-question form input[type="checkbox"]:checked:after {
    content: '';
    position: absolute; }
  #main .sq-question form input[type="radio"]:hover, #main .sq-question form input[type="checkbox"]:hover {
    cursor: pointer; }
  #main .sq-question form input[type="radio"] + label, #main .sq-question form input[type="checkbox"] + label {
    color: #868586;
    margin-left: 5px;
    width: calc(100% - 40px); }
    @media only screen and (max-width: 575px) {
      #main .sq-question form input[type="radio"] + label, #main .sq-question form input[type="checkbox"] + label {
        font-size: 14px; } }
#main .sq-question form input[type="radio"] {
  border-radius: 50%; }
  #main .sq-question form input[type="radio"]:checked:after {
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border-radius: 50%;
    background: #252225; }
#main .sq-question form input[type="checkbox"] {
  background: #edeef1;
  border: 2px solid #edeef1; }
  #main .sq-question form input[type="checkbox"]:checked:after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("/wp-content/plugins/symptom-quiz/public/images/sq-tick-mark.svg") no-repeat;
    background-size: contain; }
#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-question-2 > .row > .col-md-5 {
  pointer-events: none; }
#main .sq-question .sq-question-2-part-2 {
  margin-bottom: 3rem; }
  @media only screen and (max-width: 549px) {
    #main .sq-question .sq-question-2-part-2 {
      margin-bottom: 1.5rem; } }
@media only screen and (max-width: 549px) {
  #main .sq-question #sq-q2-p2-question {
    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 {
  position: absolute;
  top: 0;
  width: 300px;
  right: -300px; }
  @media only screen and (max-width: 767px) {
    #main .sq-question #sq-q2-p2-body-svg {
      display: none; } }
  #main .sq-question #sq-q2-p2-body-svg svg#sq-ped-body {
    width: 100%;
    height: auto; }
  #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 {
  width: 100%;
  left: 0;
  height: 60px;
  padding: 12px 0;
  pointer-events: none;
  background-color: #e6e6e6;
  margin-top: 30px; }
  @media only screen and (min-width: 992px) {
    .sq-progress-bar {
      margin-top: 50px; } }
  .sq-progress-bar.sticky {
    position: fixed;
    top: 57px;
    margin-top: 0;
    z-index: 9; }
    @media only screen and (min-width: 992px) {
      .sq-progress-bar.sticky {
        top: 100px; } }
    body.scrolling.downward .sq-progress-bar.sticky {
      top: 0 !important; }
  .sq-progress-bar.inactive {
    display: none; }
  .sq-progress-bar .sq-progress-icons {
    height: 36px;
    width: auto;
    max-width: 400px;
    margin: 0 auto;
    position: relative; }
    .sq-progress-bar .sq-progress-icons a {
      pointer-events: none;
      position: relative; }
      .sq-progress-bar .sq-progress-icons a:before {
        content: '';
        position: absolute;
        top: 8px;
        left: -15px;
        width: 30px;
        height: 3px;
        background-color: #edeef1;
        background-size: 200%; }
      .sq-progress-bar .sq-progress-icons a:first-child:before {
        display: none; }
      .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: #B9B8BB;
        width: 25px;
        height: 25px;
        margin: 5px 15px;
        border-radius: 50%;
        z-index: 1; }
      .sq-progress-bar .sq-progress-icons a.unlocked .sq-progress-icon {
        background: linear-gradient(to right, #EE3042, #E10D7E);
        transition: background-color 0s;
        transition-delay: 0.5s; }
      .sq-progress-bar .sq-progress-icons a.completed .sq-progress-icon {
        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: 5px;
          bottom: 5px;
          left: 5px;
          right: 5px;
          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: 4px;
        bottom: 4px;
        left: 0;
        right: 0;
        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: 4px;
        bottom: 4px;
        left: 0;
        right: 0;
        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: 4px;
        bottom: 4px;
        left: 0;
        right: 0;
        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: 4px;
        bottom: 4px;
        left: 0;
        right: 0;
        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: 4px;
        bottom: 4px;
        left: 0;
        right: 0;
        font-size: 20px;
        background: transparent; }
      .sq-progress-bar .sq-progress-icons a:nth-child(6).current .sq-progress-icon:after {
        content: "6";
        color: white;
        position: absolute;
        top: 4px;
        bottom: 4px;
        left: 0;
        right: 0;
        font-size: 20px;
        background: transparent; }	
      .sq-progress-bar .sq-progress-icons a:nth-child(7).current .sq-progress-icon:after {
        content: "7";
        color: white;
        position: absolute;
        top: 4px;
        bottom: 4px;
        left: 0;
        right: 0;
        font-size: 20px;
        background: transparent; }
      .sq-progress-bar .sq-progress-icons a:nth-child(8).current .sq-progress-icon:after {
        content: "8";
        color: white;
        position: absolute;
        top: 4px;
        bottom: 4px;
        left: 0;
        right: 0;
        font-size: 20px;
        background: transparent; }
      .sq-progress-bar .sq-progress-icons a:nth-child(9).current .sq-progress-icon:after {
        content: "9";
        color: white;
        position: absolute;
        top: 4px;
        bottom: 4px;
        left: 0;
        right: 0;
        font-size: 20px;
        background: transparent; }
.sq-progress-bar .sq-progress-icons a:nth-child(10).current .sq-progress-icon:after {
        content: "10";
        color: white;
        position: absolute;
        top: 4px;
        bottom: 4px;
        left: 0;
        right: 0;
        font-size: 20px;
        background: transparent; }
.sq-progress-bar-placeholder {
  height: 60px;
  width: 100%;
  display: none;
  margin-top: 30px; }
  @media only screen and (min-width: 992px) {
    .sq-progress-bar-placeholder {
      margin-top: 50px; } }
  .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 30px 40px;
  background-color: #edeef1;
  margin: 30px -15px -30px;
  text-align: center; }
  @media only screen and (min-width: 850px) {
    #main .sq-question .sq-did-you-know {
      max-width: 385px;
      margin: 0 0 0 auto; } }
  @media only screen and (max-width: 549px) {
    #main .sq-question .sq-did-you-know {
      text-align: left;
      padding: 32px 15px 40px; } }
  #main .sq-question .sq-did-you-know .sq-dyk-header .sq-heading-container .sq-dyk-heading {
    font-weight: bold;
    font-size: 20px;
    font-style: italic;
    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: 130px;
      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;
    font-weight: 500;
    font-size: 16px; }
    @media only screen and (max-width: 549px) {
      #main .sq-question .sq-did-you-know .sq-dyk-content .sq-dyk-text p {
        max-width: none;
        font-size: 14px; } }

.assessment-heading{ color:#FF8235;}
.assessment-info { padding-top: 10px; }
.assessment-note { font-size: 13px; color: #868586; width:100%; padding-bottom: 30px;}
.assessment-heading-wl{    color: #ff8235; display: block; padding: 10px 0px; font-size: 20px;}
.form-check-inline{ margin-right: 0.74rem !important;}
#main .sq-question .assessment-heading-wl.sq-with-underline:after {
content: '';
display: block;
margin-top: -0.95rem;
height: 5px;
background: linear-gradient(to right, #ff8235, #ee4245, #E10D7E);
margin-left: calc(38%);
}
.assessment-heading-wl.sq-with-underline { width: 98%; }
#main #sq-question-form-6 .assessment-heading-wl.sq-with-underline:after { margin-left: calc(30%); }
#main #sq-question-form-8 .assessment-heading-wl.sq-with-underline:after { margin-left: calc(42%); }

.rate .lable-min { position: relative; top: -5px; }
.rate .lable-max{ position: relative; top: -5px; }
#main form#sq-question-form-4 .form-check-input {margin-right: 0.0125rem;}
#main form#sq-question-form-4 .form-check-label {margin-left: 3px;}
#main form#sq-question-form-4 .form-check-inline {margin-right: 0.54rem !important;}
#main form#sq-question-form-7 .disable_date{background-color: #B9B8BB;}

/*# sourceMappingURL=style.css.map */
@media only screen and (max-width: 900px) {
  .assessment-heading {
   padding-left:15px;
	  padding-right:15px;
	} 
	.assessment-info , p, .assessment-note, .form-check-inline{
		 padding-left:15px;
	  padding-right:15px;
	}
	.form-check-input{
		margin-left:15px;
	}
	.mob-pt15{
padding-top:15px;
}
	.form-bottom-terms, .form-bottom-submit{
		margin-bottom:0px !important;
	}
}


@media only screen and (max-width:900px){
    .sq-progress-bar{ height:auto !important; }
	.sq-heading-container{ max-width: 100% !important;}
	/*.sq-progress-bar .sq-progress-icons a .sq-progress-icon{    margin: 5px 10px;}*/
}