.haf-stage-wrapper{padding:60px 0 40px 0;background-image:-webkit-gradient(linear,left top,left bottom,from(#e6e7e9),color-stop(99%,#f7f7f8));background-image:-o-linear-gradient(top,#e6e7e9,#f7f7f8 99%);background-image:linear-gradient(to bottom,#e6e7e9,#f7f7f8 99%);background-repeat:no-repeat;background-size:cover;background-position:center}
@media(min-width:708px){.haf-stage-wrapper{padding:106px 0 40px 0;background-image:url("../../../clientlibs/clientlib-base/resources/img/hearing-aid-finder/small/bg2@3x.png"),-webkit-gradient(linear,left top,left bottom,from(#e6e7e9),color-stop(99%,#f7f7f8));background-image:url("../../../clientlibs/clientlib-base/resources/img/hearing-aid-finder/small/bg2@3x.png"),-o-linear-gradient(top,#e6e7e9,#f7f7f8 99%);background-image:url("../../../clientlibs/clientlib-base/resources/img/hearing-aid-finder/small/bg2@3x.png"),linear-gradient(to bottom,#e6e7e9,#f7f7f8 99%);background-position:0 350px,center bottom;background-size:contain,cover}
}
@media(min-width:980px){.haf-stage-wrapper{padding:98px 0 40px 0;background-image:url("../../../clientlibs/clientlib-base/resources/img/hearing-aid-finder/desktop/bg2@3x.png"),-webkit-gradient(linear,left top,left bottom,from(#e6e7e9),color-stop(99%,#f7f7f8));background-image:url("../../../clientlibs/clientlib-base/resources/img/hearing-aid-finder/desktop/bg2@3x.png"),-o-linear-gradient(top,#e6e7e9,#f7f7f8 99%);background-image:url("../../../clientlibs/clientlib-base/resources/img/hearing-aid-finder/desktop/bg2@3x.png"),linear-gradient(to bottom,#e6e7e9,#f7f7f8 99%);background-position:0 370px,center top;background-size:contain,cover}
}
@media(min-width:1280px){.haf-stage-wrapper{padding:96px 0 40px 0;background-image:url("../../../clientlibs/clientlib-base/resources/img/hearing-aid-finder/medium/bg2@3x.png"),-webkit-gradient(linear,left top,left bottom,from(#e6e7e9),color-stop(99%,#f7f7f8));background-image:url("../../../clientlibs/clientlib-base/resources/img/hearing-aid-finder/medium/bg2@3x.png"),-o-linear-gradient(top,#e6e7e9,#f7f7f8 99%);background-image:url("../../../clientlibs/clientlib-base/resources/img/hearing-aid-finder/medium/bg2@3x.png"),linear-gradient(to bottom,#e6e7e9,#f7f7f8 99%);background-position:0 350px,center top;background-size:contain,cover}
}
@media(min-width:1500px){.haf-stage-wrapper{padding:140px 0 40px 0;background-image:url("../../../clientlibs/clientlib-base/resources/img/hearing-aid-finder/large/bg2@3x.png"),-webkit-gradient(linear,left top,left bottom,from(#e6e7e9),color-stop(99%,#f7f7f8));background-image:url("../../../clientlibs/clientlib-base/resources/img/hearing-aid-finder/large/bg2@3x.png"),-o-linear-gradient(top,#e6e7e9,#f7f7f8 99%);background-image:url("../../../clientlibs/clientlib-base/resources/img/hearing-aid-finder/large/bg2@3x.png"),linear-gradient(to bottom,#e6e7e9,#f7f7f8 99%);background-position:0 500px,center top;background-size:contain,cover}
}
.haf-stage-wrapper .haf-stage-container{margin-top:40px}
@media only screen and (min-width:980px){.haf-stage-wrapper .haf-stage-container{margin-top:60px}
}
@media only screen and (min-width:1280px){.haf-stage-wrapper .haf-stage-container{margin-top:120px}
}
.haf-stage-wrapper .haf-stage-container .haf-stoge-langing .haf-title{color:#0f2033;padding:0 50px 22px 50px}
@media(min-width:980px){.haf-stage-wrapper .haf-stage-container .haf-stoge-langing .haf-title{padding:0 50px 25px 50px}
}
@media(min-width:1500px){.haf-stage-wrapper .haf-stage-container .haf-stoge-langing .haf-title{padding:0 50px 21px 50px}
}
@media only screen and (max-width:979px){.haf-stage-wrapper .haf-stage-container .haf-stoge-langing .haf-title{font-size:28px}
}
@media only screen and (min-width:980px){.haf-stage-wrapper .haf-stage-container .haf-stoge-langing .haf-title{font-size:36px}
}
.haf-stage-wrapper .haf-stage-container .haf-stoge-langing .haf-subtitle{color:#004e7a;padding-bottom:27px;font-size:20px}
@media(min-width:980px){.haf-stage-wrapper .haf-stage-container .haf-stoge-langing .haf-subtitle{padding-bottom:37px}
}
@media(min-width:1500px){.haf-stage-wrapper .haf-stage-container .haf-stoge-langing .haf-subtitle{padding-bottom:29px}
}
.haf-stage-wrapper .haf-stage-container .haf-stoge-langing .haf-text{display:block;padding-bottom:20px;font-family:"Noto Sans",sans-serif;font-weight:normal;font-size:16px;font-style:normal;letter-spacing:normal;line-height:24px;color:#0f2033}
@media(min-width:708px){.haf-stage-wrapper .haf-stage-container .haf-stoge-langing .haf-text{width:82%;margin:0 auto;line-height:26px;padding-bottom:40px;font-size:16px}
}
@media(min-width:980px){.haf-stage-wrapper .haf-stage-container .haf-stoge-langing .haf-text{width:47%;padding-bottom:30px}
}
@media(min-width:1500px){.haf-stage-wrapper .haf-stage-container .haf-stoge-langing .haf-text{width:52%;padding-bottom:37px}
}
.haf-stage-wrapper.haf-stepper{margin:0 auto;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center}
@media(max-width:707px){.haf-stage-wrapper.haf-stepper{height:100vh;height:calc((var(--vh, 1vh) * 100) - 56px)}
}
@media(max-width:707px){.haf-stage-wrapper.haf-stepper{min-height:610px}
}
@media(min-width:708px){.haf-stage-wrapper.haf-stepper{height:calc(100vh - 56px);min-height:600px}
}
@media(min-width:980px){.haf-stage-wrapper.haf-stepper{min-height:700px}
}
@media(min-width:1280px){.haf-stage-wrapper.haf-stepper{height:calc(100vh - 97px);min-height:800px}
}
@media(min-width:1500px){.haf-stage-wrapper.haf-stepper{height:calc(100vh - 97px);min-height:966px}
}
.haf-stage-wrapper.haf-stepper .haf-step-choose{padding-left:0;padding-right:0}
@media(min-width:708px){.haf-stage-wrapper.haf-stepper .haf-step-choose{padding-left:7px;padding-right:7px}
}
@media(min-width:980px){.haf-stage-wrapper.haf-stepper .haf-step-choose{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;padding-left:0;padding-right:0}
}
.haf-stage-wrapper.haf-stepper .haf-step-choose .haf-choose-text{width:100%}
@media only screen and (min-width:980px){.haf-stage-wrapper.haf-stepper .haf-step-choose .haf-choose-text{padding-right:60px}
}
.haf-stage-wrapper.haf-stepper .haf-step-choose .haf-choose-text .haf-choose-par{font-family:"Value-Regular",sans-serif;font-size:16px;font-weight:600;font-style:normal;font-stretch:normal;line-height:24px;letter-spacing:normal;text-align:center;color:#004e7a;padding-bottom:20px;display:block}
@media only screen and (max-width:707px){.haf-stage-wrapper.haf-stepper .haf-step-choose .haf-choose-text .haf-choose-par{padding-bottom:10px}
}
@media(min-width:708px){.haf-stage-wrapper.haf-stepper .haf-step-choose .haf-choose-text .haf-choose-par{font-size:18px;line-height:30px}
}
@media(min-width:980px){.haf-stage-wrapper.haf-stepper .haf-step-choose .haf-choose-text .haf-choose-par{text-align:left}
}
@media(min-width:1500px){.haf-stage-wrapper.haf-stepper .haf-step-choose .haf-choose-text .haf-choose-par{font-size:22px;line-height:30px}
}
.haf-stage-wrapper.haf-stepper .haf-step-choose .haf-choose-text .haf-choose-headtitle{font-family:"Value-Bold",sans-serif;font-size:22px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:30px;letter-spacing:normal;text-align:center;color:#0f2033;padding-bottom:60px}
@media only screen and (max-width:707px){.haf-stage-wrapper.haf-stepper .haf-step-choose .haf-choose-text .haf-choose-headtitle{padding-bottom:40px}
}
@media(min-width:708px){.haf-stage-wrapper.haf-stepper .haf-step-choose .haf-choose-text .haf-choose-headtitle{font-size:28px;line-height:36px}
}
@media(min-width:980px){.haf-stage-wrapper.haf-stepper .haf-step-choose .haf-choose-text .haf-choose-headtitle{padding-bottom:0;text-align:left}
}
@media(min-width:1500px){.haf-stage-wrapper.haf-stepper .haf-step-choose .haf-choose-text .haf-choose-headtitle{font-size:36px;line-height:44px}
}
.haf-stage-wrapper.haf-stepper .haf-step-choose .haf-choose-cta{width:100%}
@media only screen and (min-width:980px){.haf-stage-wrapper.haf-stepper .haf-step-choose .haf-choose-cta{width:89%}
}
.haf-stage-wrapper.haf-stepper .haf-step-choose .haf-choose-cta .haf-choose-btn{display:block;border-radius:0;background-color:#fff;width:100%;-webkit-box-shadow:none;box-shadow:none;text-shadow:none;font-family:"Value-Bold";font-size:16px;font-weight:normal;font-style:normal;font-stretch:normal;line-height:16px;letter-spacing:normal;padding:22px 20px;text-align:left;color:#0f2033;margin-bottom:2px;cursor:pointer;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s}
.haf-stage-wrapper.haf-stepper .haf-step-choose .haf-choose-cta .haf-choose-btn:first-child{border-radius:5px 5px 0 0}
.haf-stage-wrapper.haf-stepper .haf-step-choose .haf-choose-cta .haf-choose-btn:last-child{border-radius:0 0 5px 5px;margin-bottom:0}
.haf-stage-wrapper.haf-stepper .haf-step-choose .haf-choose-cta .haf-choose-btn:active,.haf-stage-wrapper.haf-stepper .haf-step-choose .haf-choose-cta .haf-choose-btn:hover{color:#fff;background-color:#00747a}
.haf-stage-wrapper.haf-question{position:relative}
.haf-stage-wrapper.haf-question .haf-question-bg{position:absolute;left:0;top:0;width:100%;height:100%}
.haf-stage-wrapper.haf-question .haf-question-bg .focuspoint-bg{width:100%;height:100%}
.haf-stage-wrapper.haf-question .haf-step-intro .haf-intro-title{font-family:"Value-Bold",sans-serif;font-size:36px;line-height:1.22;color:#fff;margin-bottom:20px}
@media only screen and (max-width:707px){.haf-stage-wrapper.haf-question .haf-step-intro .haf-intro-title{font-size:28px}
}
.haf-stage-wrapper.haf-question .haf-step-intro .simple-text{color:#fff;margin-bottom:40px}
@media only screen and (max-width:979px){.haf-stage-wrapper.haf-question .haf-step-intro .haf-question-play-button{padding-right:55px;padding-left:55px}
}
@media only screen and (max-width:707px){.haf-stage-wrapper.haf-question .haf-step-intro .haf-question-play-button{padding-right:68px;padding-left:68px}
}
@media only screen and (min-width:980px){.haf-stage-wrapper.haf-question .haf-step-intro .haf-question-play-button{padding-right:55px;padding-left:55px}
}
@media only screen and (min-width:1500px){.haf-stage-wrapper.haf-question .haf-step-intro .haf-question-play-button{padding-right:68px;padding-left:68px}
}
.haf-stage-wrapper.haf-question .haf-step-choose .haf-choose-par{color:#fff !important}
.haf-stage-wrapper.haf-question .haf-step-choose .haf-choose-headtitle{color:#fff !important}
@media only screen and (max-width:707px){.haf-stage-wrapper.haf-question .haf-step-choose .haf-choose-headtitle{padding-bottom:20px !important}
}
.haf-stage-wrapper.haf-question .haf-step-intro,.haf-stage-wrapper.haf-question .haf-step-audio-play,.haf-stage-wrapper.haf-question .haf-step-choose{display:none}
.haf-stage-wrapper.haf-question.status-intro .haf-step-intro{display:block}
.haf-stage-wrapper.haf-question.status-question .haf-step-choose{display:-webkit-box;display:-ms-flexbox;display:flex}
@media only screen and (max-width:979px){.haf-stage-wrapper.haf-question.status-question .haf-step-choose{display:block}
}
.haf-stage-wrapper.haf-question .haf-step-stepper{width:280px;position:fixed;bottom:20px;left:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);color:#444}
@media(min-width:708px){.haf-stage-wrapper.haf-question .haf-step-stepper{bottom:40px}
}
@media only screen and (min-width:1500px){.haf-stage-wrapper.haf-question .haf-step-stepper{bottom:60px}
}
@media only screen and (max-width:979px){.haf-stage-wrapper.haf-question .haf-step-stepper{position:fixed}
}
@media only screen and (max-width:707px){.haf-stage-wrapper.haf-question .haf-step-stepper{position:absolute}
}
.haf-stage-wrapper.haf-question .haf-step-stepper .step-bar{height:1px;background-color:#888;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:23px;padding:0}
.haf-stage-wrapper.haf-question .haf-step-stepper .step-bar:before{content:"";margin-top:-4px;height:9px;background-color:#c5003e;width:20%;border-radius:5px;-webkit-transition:width 1s ease;-o-transition:width 1s ease;transition:width 1s ease}
.haf-stage-wrapper.haf-question .haf-step-stepper .step-bar.step-2:before{width:30%}
.haf-stage-wrapper.haf-question .haf-step-stepper .step-bar.step-3:before{width:40%}
.haf-stage-wrapper.haf-question .haf-step-stepper .step-bar.step-4:before{width:50%}
.haf-stage-wrapper.haf-question .haf-step-stepper .step-bar.step-5:before{width:60%}
.haf-stage-wrapper.haf-question .haf-step-stepper .step-bar.step-6:before{width:70%}
.haf-stage-wrapper.haf-question .haf-step-stepper .step-bar.step-7:before{width:80%}
.haf-stage-wrapper.haf-question .haf-step-stepper .step-bar.step-8:before{width:90%}
.haf-stage-wrapper.haf-question .haf-step-stepper .step-bar.step-9:before{width:100%}
.haf-stage-wrapper.haf-question[data-step-number="10"] .haf-step-stepper,.haf-stage-wrapper.haf-question[data-step-number="11"] .haf-step-stepper{display:none !important}
.haf-stage-wrapper.haf-question .haf-question-template{opacity:0}
.haf-stage-wrapper.haf-question .haf-question-template.load{-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;opacity:1}
.haf-stage-wrapper.js-step{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-o-transition:transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}
.haf-stage-wrapper.js-step.disabled{display:none}
@media only screen and (max-width:707px){.haf-stage-wrapper .btn-pad{width:100%}
}
.hearing-test-steps-wrapper .questions-json{display:none}
@-webkit-keyframes lds-ripple{0{top:0;left:0;width:180px;height:180px;opacity:1}
15%{top:5px;left:5px;width:170px;height:170px;opacity:1}
30%{top:10px;left:10px;width:160px;height:160px;opacity:1}
50%{top:5px;left:5px;width:170px;height:170px;opacity:1}
75%{top:10px;left:10px;width:160px;height:160px;opacity:1}
100%{top:0;left:0;width:180px;height:180px;opacity:1}
}
@keyframes lds-ripple{0{top:0;left:0;width:180px;height:180px;opacity:1}
15%{top:5px;left:5px;width:170px;height:170px;opacity:1}
30%{top:10px;left:10px;width:160px;height:160px;opacity:1}
50%{top:5px;left:5px;width:170px;height:170px;opacity:1}
75%{top:10px;left:10px;width:160px;height:160px;opacity:1}
100%{top:0;left:0;width:180px;height:180px;opacity:1}
}
@-webkit-keyframes lds-ripple-two{0{top:0;left:0;width:400px;height:400px;opacity:1}
15%{top:10px;left:10px;width:380px;height:380px;opacity:1}
30%{top:0;left:0;width:400px;height:400px;opacity:1}
50%{top:25px;left:25px;width:350px;height:350px;opacity:1}
75%{top:10px;left:10px;width:380px;height:380px;opacity:1}
100%{top:0;left:0;width:400px;height:400px;opacity:1}
}
@keyframes lds-ripple-two{0{top:0;left:0;width:400px;height:400px;opacity:1}
15%{top:10px;left:10px;width:380px;height:380px;opacity:1}
30%{top:0;left:0;width:400px;height:400px;opacity:1}
50%{top:25px;left:25px;width:350px;height:350px;opacity:1}
75%{top:10px;left:10px;width:380px;height:380px;opacity:1}
100%{top:0;left:0;width:400px;height:400px;opacity:1}
}
@-webkit-keyframes lds-ripple-h{0{top:0;left:0;width:188px;height:188px;opacity:1}
50%{top:9px;left:9px;width:170px;height:170px;opacity:1}
100%{top:0;left:0;width:188px;height:188px;opacity:1}
}
@keyframes lds-ripple-h{0{top:0;left:0;width:188px;height:188px;opacity:1}
50%{top:9px;left:9px;width:170px;height:170px;opacity:1}
100%{top:0;left:0;width:188px;height:188px;opacity:1}
}
@-webkit-keyframes lds-ripple-h-two{0{top:0;left:0;width:366px;height:366px;opacity:1}
15%{top:3px;left:3px;width:360px;height:360px;opacity:1}
30%{top:0;left:0;width:366px;height:366px;opacity:1}
50%{top:8px;left:8px;width:350px;height:350px;opacity:1}
75%{top:3px;left:3px;width:360px;height:360px;opacity:1}
100%{top:0;left:0;width:366px;height:366px;opacity:1}
}
@keyframes lds-ripple-h-two{0{top:0;left:0;width:366px;height:366px;opacity:1}
15%{top:3px;left:3px;width:360px;height:360px;opacity:1}
30%{top:0;left:0;width:366px;height:366px;opacity:1}
50%{top:8px;left:8px;width:350px;height:350px;opacity:1}
75%{top:3px;left:3px;width:360px;height:360px;opacity:1}
100%{top:0;left:0;width:366px;height:366px;opacity:1}
}