.distress-quiz.parbase{position:relative;z-index:auto;font-size:16px}
.distress-quiz.component{position:relative;margin:0 auto;max-width:996px;width:100%}
.distress-quiz.component .hide{display:none}
@media screen and (min-width:992px){.distress-quiz.component h3{// font-size:2.625em}
}
.distress-quiz.component p{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-size:14px;line-height:20px}
@media screen and (min-width:768px){.distress-quiz.component p{// font-size:1.125em}
}
.distress-quiz.component .btn-quiz:hover{background:#f9f9f9;color:#a6b3fc;text-decoration:none}
.distress-quiz.component .btn-quiz:focus{background:#f9f9f9;color:#2746f8;text-decoration:none;box-shadow:0 0 2.5px 2.5px #4196f9}
.distress-quiz.component .btn-quiz:active{color:#fff;background:#2746f8;//border:4px solid #2746f8}
.distress-quiz.component .quiz-wrapper{min-height:500px;background-color:#f6f8ff;overflow:hidden}
@media screen and (min-width:992px){.distress-quiz.component .quiz-wrapper{// min-height:608px;height:auto}
}
.distress-quiz.component .quiz-wrapper .intro,.distress-quiz.component .quiz-wrapper .quiz-steps>.quiz-form>.step{text-align:center;width:100%}
.distress-quiz.component .quiz-wrapper .quiz-steps>.quiz-form>.step.active{height:500px}
@media screen and (min-width:992px){.distress-quiz.component .quiz-wrapper .intro,.distress-quiz.component .quiz-wrapper .quiz-steps>.quiz-form>.step{min-height:608px;height:auto}
}
.distress-quiz.component .quiz-wrapper .intro h3,.distress-quiz.component .quiz-wrapper .quiz-steps>.quiz-form>.step h3,.distress-quiz.component .quiz-wrapper .intro p,.distress-quiz.component .quiz-wrapper .quiz-steps>.quiz-form>.step p{color:#000}
.distress-quiz.component .quiz-wrapper .intro{transition:display 1s linear;// min-height:500px;height:auto}
.distress-quiz.component .quiz-wrapper .intro h3{margin-bottom:10px}
@media screen and (min-width:992px){.distress-quiz.component .quiz-wrapper .intro h3{margin-bottom:20px}
}
.distress-quiz.component .quiz-wrapper .intro p{margin-bottom:30px}
@media screen and (min-width:992px){.distress-quiz.component .quiz-wrapper .intro p{// font-size:1.375em}
}
.distress-quiz.component .quiz-wrapper .intro.hide{display:none}
.distress-quiz.component .quiz-wrapper .intro .content{width:80%;margin:0 auto;padding:20vh 0}
@media screen and (min-width:992px){.distress-quiz.component .quiz-wrapper .intro .content{max-width:65%}
}
@media screen and (min-width:1200px){.distress-quiz.component .quiz-wrapper .intro .content{margin:0 158px;padding:186px 0}
}
.distress-quiz.component .quiz-wrapper .quiz-steps{position:relative;width:100%;display:none}
.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav{position:absolute;top:0;left:30px;right:30px;padding-top:46px;float:left;width:auto;z-index:999}
@media screen and (min-width:992px){.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav{top:30%;height:140px;border-bottom:0;margin:0;padding:0}
}
.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button{color:#000;background:#dce1fe;width:50%;display:flex;align-items:center;padding:10px 0;border:0;font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-size:14px;line-height:20px}
@media screen and (min-width:992px){.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button{position:absolute;width:120px;height:120px}
}
@media screen and (max-width:992px){.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button{background-color:transparent}
}
.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button[disabled="disabled"]{opacity:.5}
@media screen and (min-width:992px){.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button[disabled="disabled"]:hover{background:#2746f8}
}
.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button.prev{transition:opacity .25s}
.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button.prev[disabled="disabled"]{opacity:0}
.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button:hover,.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button:focus,.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button:active{text-decoration:none}
.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button:hover span,.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button:focus span,.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button:active span{text-decoration:underline}
@media screen and (min-width:992px){.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button:hover,.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button:focus,.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button:active{text-decoration:none;background:#a6b3fc}
.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button:hover span,.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button:focus span,.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button:active span{text-decoration:none}
}
@media screen and (max-width:991px){.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button:hover span,.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button:focus span,.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button:active span{text-decoration:none}
}
.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button:first-child{justify-content:flex-start}
@media screen and (min-width:992px){.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button:first-child{justify-content:center;left:0}
}
.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button:first-child i{display:inline-block;padding-right:10px;font-size:1.20em}
@media screen and (min-width:992px){.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button:first-child i{// font-size:2em;padding-right:5px}
}
.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav.next{left:auto;float:right}
.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav.next button:first-child{justify-content:flex-end}
@media screen and (min-width:992px){.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav.next button:first-child{justify-content:center;right:0;left:auto}
}
.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav.next button:first-child i{padding-left:10px;font-size:1.2em;padding-right:0}
@media screen and (min-width:992px){.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav.next button:first-child i{// font-size:2em;padding-left:5px;margin-right:-20px}
}
.distress-quiz.component .quiz-wrapper .quiz-steps .step{position:absolute;transition:left .5s linear;z-index:-1}
@media screen and (min-width:992px){.distress-quiz.component .quiz-wrapper .quiz-steps .step{padding:93px 0}
}
@media screen and (max-width:992px){.distress-quiz.component .quiz-wrapper .quiz-steps .step.active{margin-top:100px;padding-top:24px !important;border-top:1px solid #dce1fe}
}
.distress-quiz.component .quiz-wrapper .quiz-steps .step.active{display:block;padding-top:90px;z-index:99}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .q-count{font-family:'Poppins';font-style:normal;font-weight:700;font-size:16px;line-height:24px;padding:2.2rem;display:inline-block;width:75px;height:75px;background:#dce1fe;border-radius:50%}
@media screen and (min-width:768px){.distress-quiz.component .quiz-wrapper .quiz-steps .step .q-count{width:95px;height:95px;margin:0 0 30px;padding:2.2rem 1rem}
}
@media screen and (max-width:767px){.distress-quiz.component .quiz-wrapper .quiz-steps .step .q-count{margin:0 0 24px;padding:1.7rem 1rem}
}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .question{color:#fff;font-weight:700;margin:0 auto;margin-bottom:24px}
@media screen and (min-width:768px){.distress-quiz.component .quiz-wrapper .quiz-steps .step .question{width:60%;margin-bottom:24px;min-width:588px}
}
@media screen and (min-width:992px){.distress-quiz.component .quiz-wrapper .quiz-steps .step .question{// font-size:2em}
}
@media screen and (min-width:1200px){.distress-quiz.component .quiz-wrapper .quiz-steps .step .question{width:45%}
}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer{width:80%;margin:0 auto;position:relative;z-index:50}
@media screen and (min-width:768px){.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer{width:60%}
}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer label,.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer button{position:relative;font-weight:700;width:120px;height:40px}
@media screen and (max-width:767px){.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer button{width:100%;margin-bottom:24px}
}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer input[type='radio'],.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer input[type='checkbox']{position:absolute;width:0}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer input[type='radio']:checked + .btn-quiz,.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer input[type='checkbox']:checked + .btn-quiz{color:#fff;background:#051c9e;//border:4px solid #2746f8}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer input[type='radio']:focus + .btn-quiz,.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer input[type='checkbox']:focus + .btn-quiz{text-decoration:none;box-shadow:0 0 2.5px 2.5px #4196f9}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer input[type="checkbox"],.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer input[type="radio"]{opacity:0}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer input[type='range']{-webkit-appearance:none;width:100%;position:relative;z-index:5;cursor:pointer}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer input[type='range']::-moz-focus-outer{border:0}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer input[type='range']::-webkit-slider-runnable-track{width:100%;height:3px;cursor:pointer;background:#3d3d3d;border-radius:0;border:0 solid transparent}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer input[type='range']::-webkit-slider-thumb{display:block;width:30px;height:30px;border:0 solid transparent;border-radius:50%;background:#2746f8;-webkit-appearance:none;margin-top:-13.5px}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer input[type='range']::-moz-range-track{width:100%;height:3px;cursor:pointer;background:#fff;border-radius:0;border:0 solid transparent}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer input[type='range']::-moz-range-thumb{display:block;width:30px;height:30px;border:0 solid transparent;border-radius:50%;background:#fff}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer input[type='range']::-ms-track{width:100%;height:3px;cursor:pointer;background:transparent;border-color:transparent;border-width:0;color:transparent;height:16px}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer input[type='range']::-ms-fill-lower,.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer input[type='range']::-ms-fill-upper{background:#fff;border:0 solid transparent;border-radius:0}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer input[type='range']::-ms-thumb{display:block;width:30px;height:30px;border:0 solid transparent;border-radius:50%;background:#fff;border-radius:0;background:#2746f8}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer input[type='range']:focus::-ms-fill-lower,.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer input[type='range']:focus::-ms-fill-upper{background:#fff}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer button[disabled="disabled"]{opacity:.5}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .slider-details{list-style-type:none;display:flex;justify-content:space-between;padding:0;margin-bottom:30px}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .slider-details li{margin:-15px 0 0 10px;padding:0;color:#3d3d3d;font-size:1.125em;line-height:1;font-weight:700}
@media screen and (min-width:992px){.distress-quiz.component .quiz-wrapper .quiz-steps .step .slider-details li{font-size:1.5em;margin:-18px 0 0 10px}
}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .slider-details li:before{content:" ";width:1px;height:20px;background:#a3a3a3;display:block;margin:0 auto 20px;opacity:.5}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .btn-quiz{display:block;width:100%;margin-bottom:15px}
@media screen and (min-width:768px){.distress-quiz.component .quiz-wrapper .quiz-steps .step .btn-quiz{width:208px;display:inline-block;margin-bottom:24px}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .btn-quiz:nth-child(2){margin-right:24px}
}
@media screen and (min-width:992px){.distress-quiz.component .quiz-wrapper .quiz-steps{min-height:500px;height:auto}
.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav{left:0;right:0}
}
.distress-quiz.component .results{background:#012169;color:#FFF}
@media screen and (min-width:992px){.distress-quiz.component .results{min-height:608px;height:auto}
}
.distress-quiz.component .results .content{width:80%;margin:0 auto;padding:166px 0}
@media screen and (max-width:992px){.distress-quiz.component .results .content{padding:40px 0}
}
@media screen and (min-width:992px){.distress-quiz.component .results .content{width:60%}
}
.distress-quiz.component .results .content .res-title{font-size:1.25em;line-height:1;font-weight:700;text-transform:uppercase;margin-bottom:0}
@media screen and (min-width:992px){.distress-quiz.component .results .content .res-title{font-size:2em;line-height:1;margin-bottom:24px}
}
.distress-quiz.component .results .content .res-text h2,.distress-quiz.component .results .content .res-text p{margin-bottom:24px}
.distress-quiz.component .results .content .res-text a{color:#fff}
.distress-quiz.component .results .content .res-text a:hover,.distress-quiz.component .results .content .res-text a:focus,.distress-quiz.component .results .content .res-text a:active{text-decoration-color:#fff}
.distress-quiz.component .results .content .res-text ul{list-style-type:none;margin:0;padding:0;padding-left:20px}
@media screen and (min-width:768px){.distress-quiz.component .results .content .res-text ul{padding-left:0;margin-bottom:30px}
}
.distress-quiz.component .results .content .res-text ul li{padding-left:20px;padding-bottom:20px;text-indent:2px;font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-size:14px;line-height:20px}
.distress-quiz.component .results .content .res-text p{font-family:'Source Sans Pro';font-style:normal;font-weight:400;font-size:14px;line-height:20px}
@media screen and (min-width:992px){.distress-quiz.component .results .content .res-text ul li{padding-bottom:5px}
}
.distress-quiz.component .results .content .res-text ul li:before{content:"•";position:relative;font-size:2em;padding-right:10px;margin-left:-20px;vertical-align:sub}
.distress-quiz.component .results .content .btn.btn-blue{width:172px;text-align:center;padding:13px 0;font-weight:700;font-size:1.125em;line-height:1;display:block;margin-bottom:24px;text-decoration:none}
@media screen and (max-width:767px){.distress-quiz.component .results .content .btn.btn-blue{width:100%}
}
@media screen and (min-width:768px){.distress-quiz.component .results .content .btn.btn-blue{display:inline-block;margin-right:15px}
}
.distress-quiz.component.authoring .quiz-wrapper{height:auto}
.distress-quiz.component.authoring .quiz-wrapper .intro{height:auto}
.distress-quiz.component.authoring .quiz-wrapper .quiz-steps{height:auto}
.distress-quiz.component button.btn.btn-blue{color:#fff;background-color:#2746f8;width:120px;height:40px}
.distress-quiz.component button.btn.btn-blue:hover{background-color:#0726d9;color:#fff}
.distress-quiz.component button.btn.btn-blue:focus{background-color:#2746f8;color:#fff}
.distress-quiz.component button.btn.btn-blue:active{background-color:#051c9e;color:#fff}
.distress-quiz.component a.btn.btn-blue{color:#2746f8;background-color:#fff}
.distress-quiz.component a.btn.btn-blue:hover{background-color:#f6f8ff;color:#2746f8}
.distress-quiz.component a.btn.btn-blue:focus{box-shadow:0 0 0 .25rem #93c5fd}
.distress-quiz.component a.btn.btn-blue:active{background-color:#dce1fe;color:#2746f8}
@media screen and (max-width:767px){.distress-quiz.component .quiz-wrapper{padding-right:16px;padding-left:16px}
.distress-quiz.component .quiz-wrapper .quiz-steps .step .answer{width:100%}
.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav.next{left:100%}
.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav{left:0}
}
@media screen and (max-width:376px){.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav button{width:130%}
.distress-quiz.component .quiz-wrapper .quiz-steps .quiz-nav.next{left:61%}
}