#quiz .pre-title,.quiz-choices .radio-box{display:inline-block}
#quiz .pre-title,#quiz .result-type,.quiz-choices input+label,.step-title{font-family:BentonSansBold,Arial,sans-serif;font-weight:400}
#quiz{visibility:hidden;opacity:0;width:100%;height:calc(100% - 52px);position:fixed;top:52px;bottom:0;left:0;right:0;z-index:100;background-color:#fff;-ms-transform:translateY(-100%);transform:translateY(-100%);transition:all ease-in-out .5s;overflow-y:scroll}
#quiz.active{visibility:visible;opacity:1;-ms-transform:translateY(0);transform:translateY(0)}
#quiz .close{position:absolute;right:20px;top:20px;z-index:101}
#quiz .step{position:absolute;width:100%;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}
.section.quiz-section{padding:0}
.fade-enter-active,.fade-leave-active{transition:opacity .25s}
.fade-enter,.fade-leave-to{opacity:0}
@media screen and (min-width:40em){#quiz .step--results{max-width:768px;margin-top:100px;margin-bottom:150px;left:50%;margin-left:-384px;-ms-transform:translateY(0)!important;transform:translateY(0)!important;top:0}
#quiz .mt-20{margin-top:20px}
}
#quiz .result-type{color:#900}
#quiz .step-content{max-width:1024px;margin:0 auto}
#quiz .icon{margin-bottom:5px}
#quiz .active .icon{margin-bottom:60px}
#quiz .pre-title{margin-bottom:12px;margin-left:auto;margin-right:auto;font-size:18px}
#quiz .pre-title+.step-title{margin-top:0}
#quiz .step-title{margin-bottom:40px}
.step-title{font-size:1.5rem}
@media screen and (min-width:40em){.step-title{font-size:2.3125rem}
}
.quiz-choices{margin:0 0 40px}
.quiz-choices label{border:2px solid #191919;font-size:20px;line-height:1.15;margin:0 10px;padding:16px 48px}
.quiz-choices input{position:absolute;opacity:0;cursor:pointer}
.quiz-choices input:focus~label{outline:#212121 dotted 1px;outline:-webkit-focus-ring-color auto 5px}
.quiz-choices input:checked~label{background-color:#900;color:#fff}
.quiz-actions{min-height:90px;margin-top:85px}
.quiz-actions li+li{margin-top:20px}
.quiz-actions .button{margin:0;opacity:0;transition:all ease-in-out .15s}
.quiz-actions .button.show{opacity:1}
.quiz-actions .button-link{color:#900;text-decoration:underline}
@media screen and (max-width:39.9375em){#quiz .step{max-width:none;margin-top:0;margin-bottom:64px;left:0;margin-left:0;-ms-transform:translateY(0)!important;transform:translateY(0)!important;top:60px;padding-left:12px;padding-right:12px}
.quiz-choices label{margin-left:0;margin-right:0;width:100%;padding:16px 24px}
.quiz-choices .radio-box{display:block}
.quiz-choices .radio-box+.radio-box{margin-top:20px}
.quiz-actions{margin-top:40px}
}