.viewport-wrapper,body,html{height:100%;min-width:320px}body,button,input,select,textarea{font-family:Lato,sans-serif}.preloader,body{background:var(--c01)}.quiz label.selected .key:before,.start .bt a{background:var(--c04)}.quiz .cols .item .title,.quiz .rows .item .title{font-size:16px;line-height:28px}.quiz .key,.quiz .rate label,.result .title,.start .inner{text-align:center}.navi,.start .bt a{box-shadow:var(--c07) 0 3px 12px 0}.navi,.quiz .bt{user-select:none}.navi .arr,.quiz .bt,button,label{cursor:pointer}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{padding:0;font-size:100%;border:0;margin:0;vertical-align:baseline}img,textarea{vertical-align:top}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-size:24px;color:var(--c02);position:relative;line-height:32px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,:after,:before{max-height:999999px;outline:0;box-sizing:border-box}img{border:none}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button::-moz-focus-inner{padding:0;border:0}.viewport-wrapper{overflow:hidden;position:relative}a{color:var(--c03)}H1,H2,H3,H4,H5,H6{padding:0;margin:0}input[type=password],input[type=text],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-border-radius:0;border-radius:0}textarea{overflow:auto;resize:none}button{border:0}.dib{vertical-align:baseline;display:inline-block}.clear_fix{height:0;clear:both;display:block}.hidden,.preloader.hide{display:none}.inp-error{border-color:red!important}.preloader{height:100vh;justify-content:center;position:fixed;flex-direction:column;top:0;align-items:center;left:0;width:100vw;display:flex;z-index:99999}.preloader img{width:100px}.result .wrap,.start{overflow:auto;padding:0 15px;right:0;position:absolute;bottom:0;top:0;left:0;display:flex}.start .inner{padding:50px 0;justify-content:center;flex-direction:column;margin:auto;align-items:center;display:flex}.banner,.quiz .step{padding:0 15px;top:0}.start .im img{max-width:100%}.start .title{font-size:inherit;font-weight:400;margin:40px 0;line-height:inherit}.quiz label,.start .nav{position:relative}.start .bt a{height:50px;text-decoration:none;font-weight:700;color:var(--c05);border-radius:4px;width:150px;line-height:50px;display:block}.start .press{font-size:12px;align-items:center;margin-left:12px;left:100%;line-height:normal;white-space:nowrap;display:flex}.quiz,.result,.start .press{position:absolute;bottom:0;top:0}.quiz,.result{right:0;left:0;display:none}.quiz label:not(.rating){padding:6px;color:var(--c04);box-shadow:var(--c08) 0 0 0 1px inset;border-radius:4px;background:var(--c16)}.quiz label.selected{animation-iteration-count:4;animation-name:blinks;animation-duration:.1s}.quiz label:not(.rating).selected{box-shadow:var(--c08) 0 0 0 2px inset}.quiz label input[type=checkbox],.quiz label input[type=radio]{height:100%;position:absolute;opacity:0;top:0;cursor:pointer;left:0;width:100%;z-index:2}.quiz .key{height:22px;font-size:12px;font-weight:700;position:relative;width:22px;line-height:22px;display:block;z-index:1}.banner,.quiz .check,.quiz .key span,.quiz .key:before,.quiz .ok,.quiz .ok svg,.quiz .ok:before,.quiz .step,.quiz .stitle span{position:absolute}.quiz .key:before{border:1px solid var(--c04);right:0;content:"";bottom:0;top:0;border-radius:2px;background:var(--c09);left:0;display:block;z-index:-1}.quiz .key span{opacity:0;top:0;left:-17px;display:block}.quiz label.selected .key{color:var(--c06)}.quiz .ok{height:48px;overflow:hidden;right:0;opacity:0;top:0;border-radius:0 4px 0 0;width:48px;display:block}.banner,.quiz .cols .item .im img,.quiz .inner,.quiz .rows .item .im img,.quiz .wrap{width:100%}.quiz .ok:before{border-color:var(--c10) var(--c10) transparent transparent;height:0;border-image:initial;right:0;content:"";border-style:solid;border-width:24px;top:0;width:0;display:block}.quiz .ok svg{fill:var(--c06);right:5px;top:9px}.navi.show,.quiz label.selected .check,.quiz label.selected .ok{opacity:1}.quiz .check{opacity:0}.banner .ic path,.quiz .check svg{fill:var(--c10)}.quiz .step{overflow:auto;transform:translate(0);right:0;-webkit-transition:.7s cubic-bezier(.25,.46,.45,.94);-moz-transition:.7s cubic-bezier(.25,.46,.45,.94);-o-transition:.7s cubic-bezier(.25,.46,.45,.94);transition:.7s cubic-bezier(.25,.46,.45,.94);opacity:1;bottom:0;left:0;display:flex}.quiz .step.bottom{transform:translateY(100vh);opacity:0}.quiz .step.top{transform:translateY(-100vh);opacity:0}.quiz .inner{padding:0;justify-content:center;flex-direction:column;margin:auto;align-items:center;display:flex}.quiz .wrap{max-width:764px}.quiz .stitle{margin-bottom:32px;position:relative}.quiz .stitle span{font-size:16px;margin-right:10px;right:100%;color:var(--c04);top:5px;line-height:24px;display:block}.quiz .rows{flex-wrap:wrap;margin:-8px -4px 0;display:flex}.quiz .rows .item{position:relative;margin:8px 4px 0;width:calc(25% - 8px);display:block}.quiz .rows .item .im{margin-bottom:6px;display:block}.quiz .rows .item .act{position:relative;margin:4px;display:block}.quiz .rows .item .im+.act{margin:0 0 4px}.quiz .rows .item .act .key{position:absolute;top:3px;left:0}.quiz .rows .item .title{word-break:break-word;padding-left:32px;display:block}.quiz .rows .item input[type=checkbox]~.act{padding-bottom:45px}.quiz .rows .item .check{transform:translateX(-50%);bottom:15px;left:50%}.quiz .cols .item{min-height:62px;align-items:center;margin-top:8px;display:flex}.quiz .cols .item:first-child{margin-top:0}.quiz .cols .item .im{flex:0 0 169px;margin-right:8px;width:169px}.quiz .cols .item .entry{align-items:center;padding-left:2px;display:flex}.quiz .cols .item .entry .key{margin-right:10px}.quiz .cols .item .check{transform:translateY(-50%);right:20px;top:50%}.quiz .fields .item{margin-top:32px}.quiz .fields .item .lv{font-size:22px;margin-bottom:10px;color:var(--c04);line-height:30px}.quiz .fields .item input{padding:0 0 7px;font-size:28px;border:0;color:var(--c10);transition:box-shadow .2s ease-out,border .2s ease-out;border-bottom:1px solid var(--c17);background:0 0;width:100%}.quiz .fields .item ::-webkit-input-placeholder{color:var(--c14)}.quiz .fields .item :-moz-placeholder,.quiz .fields .item ::-moz-placeholder{color:var(--c14)}.quiz .fields .item :-ms-input-placeholder{color:var(--c14)}.quiz .fields .item input:focus{border-color:var(--c10);box-shadow:var(--c10) 0 1px}.quiz .nav{transform:translateY(15px);-webkit-transition:.2s ease-out;-moz-transition:.2s ease-out;-o-transition:.2s ease-out;transition:.2s ease-out;opacity:0;align-items:center;margin-top:16px;display:flex}.banner.show,.quiz .nav.show{transform:translate(0);opacity:1}.quiz .bt{height:40px;padding:0 10px;justify-content:center;font-size:20px;border:0;font-weight:700;color:var(--c11);-webkit-transition:background-color .2s ease-out;-moz-transition:background-color .2s ease-out;-o-transition:background-color .2s ease-out;transition:background-color .2s ease-out;align-items:center;border-radius:4px;background:var(--c10);display:flex}.quiz .bt .ic{margin-left:8px}.quiz .press{font-size:12px;margin-left:12px;line-height:normal}.quiz .rate{justify-content:flex-end;flex-direction:row-reverse;display:flex}.quiz .rate label{padding:0 8px;font-size:20px;color:var(--c04);flex-direction:column;width:71px;line-height:28px;display:flex}.banner,.navi{opacity:0;align-items:center;display:flex}.quiz .rate label svg{fill:var(--c10);margin-bottom:10px}.quiz .rate label svg .symbolFill{fill:var(--c01)}.quiz .rate label.selected svg .symbolFill,.quiz .rate label.selected~label svg .symbolFill{fill:var(--c13)}.banner{height:60px;transform:translateY(-100%);justify-content:center;-webkit-transition:1s cubic-bezier(0,0,.2,1);-moz-transition:1s cubic-bezier(0,0,.2,1);-o-transition:1s cubic-bezier(0,0,.2,1);transition:1s cubic-bezier(0,0,.2,1);background:var(--c12);left:0}.banner .inn{position:relative;padding-left:22px}.banner .ic,.navi{position:absolute}.banner .ic{top:-6px;left:0}.banner .tx{line-height:1}.result .inner{padding:90px 0;justify-content:center;flex-direction:column;margin:auto;align-items:center;display:flex}.result .box{padding:20px;font-size:18px;border:1px solid var(--c04);max-width:700px;margin:50px auto 0;border-radius:10px}.navi{height:32px;right:16px;transition:opacity 1s ease-out;bottom:16px;border-radius:4px;background:var(--c10);width:73px;line-height:0}.navi,.navi .arr{justify-content:center}.navi .arr{height:100%;transition:background .2s ease-out;align-items:center;width:36px;display:flex}.navi .arr.l{border-right:1px solid rgba(29,42,13,.3);border-radius:4px 0 0 4px}.navi .arr.r{border-radius:0 4px 4px 0}.navi .arr.disabled{cursor:default}.navi .arr.disabled svg{fill:var(--c15)}@keyframes blinks{0%{opacity:.5}to{opacity:1}}