@charset "UTF-8";.questionnaire-page{background:#F5F5F5}.questionnaire-page .questionnaire{min-height:90vh;padding:100px 0 50px}@media (min-width: 768px){.questionnaire-page .questionnaire{padding:156px 0 50px}}form[is=multi-step]{opacity:0}form[is=multi-step] .photo-line{display:flex;justify-content:center;margin:0 0 30px}form[is=multi-step] .photo-line .photo{flex:0 0 112px;width:112px;height:112px;border-radius:50%;overflow:hidden;position:relative}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;overflow:hidden;max-width:406px;margin:0 auto 37px}@media (min-width: 768px){form[is=multi-step] .counter{margin:0 auto 67px}}form[is=multi-step] .counter li{position:relative;width:23px;line-height:1;height:23px;background:#C8C7C8;color:#000;text-align:center;margin-bottom:0;border-radius:50%;font-weight:700}form[is=multi-step] .counter li:before{content:"";position:absolute;top:50%;height:2px;background:#C8C7C8;width:1000px;left:100%}form[is=multi-step] .counter li.answered{background:#AA4040;color:#fff}form[is=multi-step] .counter li.answered:before{background:#AA4040}form[is=multi-step] .counter li.active{background:#AA4040;color:#fff;width:32px;height:32px}form[is=multi-step] label{text-align:center;letter-spacing:0;margin-inline:-1rem;color:#080808;font-family:Syne,sans-serif;text-transform:capitalize;font-weight:500;line-height:1.1;margin:0 0 30px;font-size:3.2rem}@media (min-width: 768px){form[is=multi-step] label{font-size:4rem;margin:0 0 50px}}@media (min-width: 992px){form[is=multi-step] label{font-size:4.8rem;margin:0 0 76px}}form[is=multi-step] label.nowrap{white-space:nowrap}@media (min-width: 992px){form[is=multi-step] label.label-wide{margin-left:-100px;margin-right:-100px}}form[is=multi-step] input.error{border:1px solid red}form[is=multi-step] input[type=text]{background-color:#fff;border:1px solid black}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 #333;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer}form[is=multi-step] input[type=checkbox]:checked{background-color:#aa4040}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;display:flex;align-items:center;padding:0 0 0 38px;margin-bottom:1rem;cursor:pointer;background-color:#aa4040;transition:transform .3s ease,background-color .2s ease}form[is=multi-step] .radio-wrap input[type=radio]{display:none}form[is=multi-step] .radio-wrap input[type=radio]:checked+label:before{background:#AA4040;border:1px solid white}form[is=multi-step] .radio-wrap label{color:#fff;margin:0;line-height:1.5;font-size:2rem;position:static;cursor:pointer;height:100%;width:100%;display:flex;align-items:center}form[is=multi-step] .radio-wrap label:before{content:"";position:absolute;left:3%;top:50%;transform:translateY(-50%);bottom:0;width:14px;height:14px;background:white;border-radius:50%}@media (min-width: 992px){form[is=multi-step] .radio-wrap label:before{left:7%}}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 .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}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] textarea{border:1px solid #DBDBDB;border-radius:12px;background:#fff;font-size:1.6rem;font-family:Montserrat,sans-serif;padding:20px 16px;outline:none!important;margin:0 0 10px!important}@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] textarea{padding:32px 36px}}form[is=multi-step] textarea{height:185px!important;resize:none}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;max-height:0;width:587px;max-width:100%;padding:0!important}step-item.step--wide .row{margin-bottom:30px}@media (min-width: 992px){step-item.step--wide .row{margin:0 -100px 56px}step-item.step--wide .col-lg-4{display:flex;justify-content:center}step-item.step--wide .radio-wrap{max-width:197px}step-item.step--wide .radio-wrap--wide{max-width:230px}}step-item .button-wrap{opacity:0;transform:translateY(100%);transition:transform .3s ease,opacity .3s ease}step-item .button-wrap .btn{padding:20px 10px;font-size:1.4rem;font-family:Syne,sans-serif;font-weight:700}@media (min-width: 768px){step-item .button-wrap .btn{font-size:2rem;padding:27px 15px}}step-item .button-wrap .btn .arrow{width:30px;position:relative;top:-1px}@media (min-width: 768px){step-item .button-wrap .btn .arrow{width:42px}}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}}
