@charset "UTF-8";.questionnaire-page header{background:white;border-bottom:3px solid #E8E8E8;padding:15px}.questionnaire-page .questionnaire{min-height:100vh;position:relative;background:#f7f5f7}.questionnaire-page .questionnaire:before{position:absolute;bottom:0;left:0;right:0;height:212px;background:url(/assets/bg-building-mobile.png) no-repeat;background-size:cover;content:""}@media (min-width: 576px){.questionnaire-page .questionnaire:before{background:url(/assets/bg-building.png) no-repeat;background-size:cover;height:455px}}.questionnaire-page .questionnaire .counter{max-width:200px;margin:0 auto 30px}@media (min-width: 768px){.questionnaire-page .questionnaire .counter{max-width:350px;margin:0 auto 50px}}form[is=multi-step]{opacity:0;padding:70px 0 20px}@media (min-width: 768px){form[is=multi-step]{padding:60px 0 20px}}form[is=multi-step] hr{width:169px;max-width:100%;margin:2rem auto;background-color:#d1d1d1;height:1px}form[is=multi-step].ready{opacity:1}form[is=multi-step] .counter{width:100%;display:flex;align-items:center;justify-content:space-between;list-style:none;counter-reset:item;position:relative;padding:0;margin:0 0 30px}@media (min-width: 768px){form[is=multi-step] .counter{margin:0 0 50px}}form[is=multi-step] .counter li{position:relative;width:10px;height:10px;background:#C9C6C9;color:#5c5c5c;text-align:center;margin-bottom:0;border-radius:50%;font-weight:700;border:2px solid transparent}@media (min-width: 768px){form[is=multi-step] .counter li{width:24px;height:24px}}form[is=multi-step] .counter li:before{text-align:center;width:100%}form[is=multi-step] .counter li.complete{background:#9FC522}form[is=multi-step] .counter li.active{width:14px;height:14px;background:#9FC522}@media (min-width: 768px){form[is=multi-step] .counter li.active{width:32px;height:32px}}form[is=multi-step] .counter:before{content:"";display:block;width:100%;height:2px;background:#C9C6C9;position:absolute;bottom:50%;left:0}form[is=multi-step] label{text-transform:uppercase;text-align:center;margin-bottom:2rem;letter-spacing:0;margin-inline:-1rem}form[is=multi-step] label.nowrap{white-space:nowrap}@media (min-width: 992px){form[is=multi-step] label{font-size:2.2rem}}form[is=multi-step] textarea{background-color:#fff;border:1px solid black}form[is=multi-step] h2{color:#555;margin:0 0 50px;padding:0 15px}@media (min-width: 992px){form[is=multi-step] h2{margin:0 0 50px;padding:0}}form[is=multi-step] input.error{border:1px solid red}form[is=multi-step] input[type=text],form[is=multi-step] input[type=email],form[is=multi-step] input[type=tel],form[is=multi-step] input[type=number]{background-color:#fff;border:1px solid #DBDBDB;padding-left:15px;margin:0 0 10px;height:46px;font-size:14px}@media (min-width: 768px){form[is=multi-step] input[type=text],form[is=multi-step] input[type=email],form[is=multi-step] input[type=tel],form[is=multi-step] input[type=number]{height:88px;padding-left:30px;font-size:20px}}form[is=multi-step] input[type=submit]{margin:0}form[is=multi-step] input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;width:3rem;height:3rem;background-color:transparent;border:1px solid #1DAFED;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer}form[is=multi-step] input[type=checkbox]:checked{background-color:#9fc522}form[is=multi-step] input[type=checkbox]:checked:before{content:"✓";font-size:1.5rem;display:block;line-height:1;margin:auto}form[is=multi-step] input[type=radio]{text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:auto;background-color:transparent;margin:0;padding:0 2rem;color:inherit;cursor:pointer;height:100%;width:100%;min-height:7rem;display:flex;align-items:center;justify-content:center}form[is=multi-step] input[type=radio]:before{content:attr(data-nicename);font-size:1.8rem;display:inline-block;line-height:1;color:inherit}form[is=multi-step] .radio-wrap{position:relative;width:100%;min-height:7rem;height:auto;border-radius:0;color:#9fc522;border:1px solid #9FC522;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;padding:0;margin-bottom:1rem;cursor:pointer;transition:transform .3s ease,background-color .2s ease}form[is=multi-step] .radio-wrap--left,form[is=multi-step] .radio-wrap--left input{justify-content:flex-start}form[is=multi-step] .radio-wrap--left input:before{font-weight:700}form[is=multi-step] .radio-wrap .onshow{display:none;font-size:1.4rem;margin-top:-1rem;margin-bottom:1rem;padding:0 2rem}form[is=multi-step] .radio-wrap .onshow br{display:block}form[is=multi-step] .radio-wrap.small:before{font-size:1.6rem}form[is=multi-step] .radio-wrap.checked,form[is=multi-step] .radio-wrap:hover{background-color:#9fc522;color:#fff}form[is=multi-step] .radio-wrap.checked .onshow,form[is=multi-step] .radio-wrap:hover .onshow{display:block}form[is=multi-step] .radio-wrap:hover{transform:scale(1.05)}form[is=multi-step] .radio-wrap:hover input{border:none}form[is=multi-step] .radio-wrap .field-error{width:100%}form[is=multi-step] .field-error{transition:max-height .3s ease,margin .3s ease;overflow:hidden;max-height:3rem}form[is=multi-step] .field-error.hidden{max-height:0;margin:0}step-item{display:block;height:auto;opacity:0;pointer-events:none;transform-origin:center center;transform:translate(100%);transition:opacity .3s ease,transform .3s ease;overflow:hidden;max-height:0;overflow:visible;max-width:960px}step-item .wrap{width:100%}@media (min-width: 768px){step-item .wrap{margin:0 auto;width:520px}}step-item .button-wrap{opacity:0;transform:translateY(100%);transition:transform .3s ease,opacity .3s ease}step-item .button-wrap .btn{display:flex;align-items:center;justify-content:center}step-item .button-wrap .btn:only-child{width:100%}step-item .button-wrap .btn .arrow{margin-left:10px}step-item.active{margin:0 auto;animation:slideInLeft .6s forwards}step-item.active .button-wrap{transform:translateY(0);opacity:1}.backward step-item.active{animation:slideInRight .6s forwards}@keyframes slideInRight{0%{max-height:unset;transform:translate(-15%);opacity:0}50%{transform:translate(0)}to{opacity:1;transform:translate(0);pointer-events:all;max-height:unset;padding:2rem}}@keyframes slideInLeft{0%{max-height:unset;transform:translate(15%);opacity:0}50%{transform:translate(0)}to{opacity:1;transform:translate(0);pointer-events:all;max-height:unset;padding:2rem}}