.product-tool .flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}.product-tool .flex.wrap{-webkit-flex-flow:row wrap;-moz-flex-flow:row wrap;-ms-flex-flow:row wrap;-ms-flex-wrap:wrap;flex-flow:row wrap}.product-tool .vtSTR{align-items:stretch}.product-tool .hzSpB{justify-content:space-between}#questionnaire,#yourAnswers,#yourProducts{font-family:'Nunito Sans',sans-serif}#questionnaire,#yourAnswers,#yourProducts .p{background-color:#f2f2f2}h3.underline{text-align:center;margin-left:auto;margin-right:auto;margin-bottom:32px;color:#231f1f;font-family:'Nunito Sans',sans-serif;font-size:24px;font-weight:800}h3.underline span{display:block}h3.underline:after{content:'';border-bottom:3px solid #647f94;margin:10px 0 0;width:81px;display:block;margin-left:auto;margin-right:auto}button#restart{border:0;background:transparent;appearance:none;text-decoration:underline;color:#647f94;text-align:right;padding:0 2rem 0 0}button#restart:hover{text-decoration:none}#questionnaire{width:100%}#questionnaire *{box-sizing:border-box}#questionnaire .questions,#yourAnswers .l{padding:2rem 0}#questionnaire .questions h4,#yourAnswers h4{padding-right:2rem;margin-top:0;color:#231f1f;font-family:'Nunito Sans',sans-serif;font-weight:800}#questionnaire label{display:block;margin-top:1em;font-size:.8rem}#questionnaire .o{display:none}#questionnaire .o.selected{display:block}#questionnaire .action,#questionnaire .results{padding:1em 3em;background-color:#647f94;color:white;border:1px solid #647f94;font-weight:800}#questionnaire .action:not([disabled]):hover,#questionnaire .results:not([disabled]):hover{color:#647f94;background-color:transparent}#questionnaire button[disabled]{opacity:.8;cursor:default}#questionnaire input{margin-left:1rem}#questionnaire fieldset{border:0;padding:0}#questionnaire input[type="text"]{font-size:.8rem;padding:.5em}@media screen and (min-width:768px){#questionnaire .questions,#yourAnswers .l{text-align:right;width:30%;border-right:3px solid rgba(0,0,0,0.15)}#questionnaire .questions .q{padding:1rem 2rem;box-sizing:border-box;position:relative}#questionnaire .questions .q.selected:after{content:'';position:absolute;width:3px;top:0;bottom:0;right:-3px;background-color:#647f94}#questionnaire .questions .q:last-of-type{margin-bottom:3rem}#questionnaire .options,#yourAnswers .r{flex:1;padding:2rem;position:relative}#questionnaire .action,#questionnaire .results{position:absolute;bottom:2rem;right:2rem}}@media screen and (max-width:767px){#questionnaire .questions,#questionnaire .options,#yourAnswers .l,#yourAnswers .r{width:100%}#questionnaire .questions{padding:2rem 2rem 0}#questionnaire .options{padding:2rem}#questionnaire .questions{text-align:center}#questionnaire .questions h4{display:none}#questionnaire .questions .q{display:inline-block;padding:0;margin:0 1em 1em;position:relative}#questionnaire .questions .q.selected:after{content:'';position:absolute;bottom:-5px;left:0;right:0;height:3px;background-color:#647f94}#questionnaire fieldset button{margin:1rem auto}}body{margin:0;padding:0}.margins{width:1170px;margin:auto;max-width:100%}#questionnaire input[type="radio"]{display:none}#questionnaire input[type="radio"]+*::before{content:"";display:inline-block;vertical-align:middle;width:.8rem;height:.8rem;margin-right:.5rem;border-radius:50%;border-style:solid;border-width:.1rem;border-color:gray}#questionnaire input[type="radio"]:checked+*{color:green}#questionnaire input[type="radio"]:checked+*::before{background:green;border-color:green}#yourAnswers{margin-top:2rem;margin-bottom:2rem}#yourAnswers ol{margin:0;padding:0 1em}#yourAnswers ol li:not(:last-child){margin-bottom:1em}#yourAnswers ol li span{font-size:.8rem}#yourAnswers .restart{font-size:.8rem;color:#647f94}#yourProducts .p{text-align:center;padding:2rem 4rem;box-sizing:border-box;margin-bottom:2rem}#yourProducts img{height:50px;width:auto;margin:auto}#yourProducts .b a{text-decoration:none;display:inline-block;padding:.25em .5em;background-color:#647f94;border:1px solid #647f94;color:white}#yourProducts .b a:hover{color:#647f94;background-color:transparent}@media screen and (min-width:768px){#yourAnswers .l{position:relative}#yourAnswers a.restart{position:absolute;right:2rem;bottom:2rem}#yourProducts .p{width:45%}}@media screen and (max-width:767px){#yourProducts .p{width:100%}#yourAnswers{padding:0 2rem 2rem}#yourAnswers .l{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;padding-bottom:0}#yourAnswers a.restart{display:block}}