@import"https://fonts.googleapis.com/css?family=Poiret+One&display=swap&subset=cyrillic";.wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:100vh;min-height:calc(var(--vh, 1vh) * 100);max-height:calc(var(--vh, 1vh) * 100);overflow:hidden}.wrapper>*{padding:20px 20px 0}body{margin:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background-color:#9f96a9}body *{font-family:Poiret One,cursive}.image-wrap{position:absolute;width:calc(100vw - 15px);height:100vh;height:calc(var(--vh, 1vh) * 100);left:0;top:0;padding:0;z-index:0;overflow:hidden}.image-wrap .back-image{position:relative;width:100%;height:100%;opacity:.3}.page-main{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:350px;background-blend-mode:luminosity;color:#000;-ms-flex-positive:1;flex-grow:1;-ms-flex-pack:justify;justify-content:space-between;overflow-y:scroll}.page-main .title{background:#ffffffe6;border-radius:25px;margin:0 auto;width:90%;z-index:1}.page-main .title h1{text-align:center;font-size:44px}.page-main .question-card{z-index:1;background:#ffffffe6;padding:50px;margin:120px auto;width:1200px;border-radius:25px}.page-main .question-card .slide{min-height:350px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between}.page-main .question-card .slide .question{text-align:center;font-size:44px}.page-main .question-card .slide .test-question{text-align:center;font-size:30px}.page-main .question-card .slide .question-checkbox{margin-bottom:35px}.page-main .question-card .slide .question-checkbox label{font-size:35px;line-height:40px}.page-main .question-card .slide .buttons,.page-main .question-card .slide .test-buttons{padding:10px;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.page-main .question-card .slide .buttons .btn,.page-main .question-card .slide .test-buttons .btn{text-align:center;background:#fff;width:40%;padding:35px 0;font-size:34px;text-transform:uppercase;border:1px solid;border-radius:25px;color:#000;text-decoration:none}.page-main .question-card .slide .buttons .btn:hover,.page-main .question-card .slide .buttons .btn:active,.page-main .question-card .slide .test-buttons .btn:hover,.page-main .question-card .slide .test-buttons .btn:active{text-decoration:none;color:#fff}.page-main .question-card .slide .buttons .btn:active,.page-main .question-card .slide .buttons .btn:focus,.page-main .question-card .slide .test-buttons .btn:active,.page-main .question-card .slide .test-buttons .btn:focus{background-color:#fff!important;color:#000}.page-main .question-card .slide .buttons .btn.btn-yes,.page-main .question-card .slide .test-buttons .btn.btn-yes{border-color:#228b22}.page-main .question-card .slide .buttons .btn.btn-yes:hover,.page-main .question-card .slide .test-buttons .btn.btn-yes:hover{background-color:#228b22}.page-main .question-card .slide .buttons .btn.btn-no,.page-main .question-card .slide .test-buttons .btn.btn-no{border-color:#9b4344}.page-main .question-card .slide .buttons .btn.btn-no:hover,.page-main .question-card .slide .test-buttons .btn.btn-no:hover{background-color:#9b4344}.page-main .question-card .slide .buttons .btn.m,.page-main .question-card .slide .test-buttons .btn.m{border-color:#6462ab}.page-main .question-card .slide .buttons .btn.m:hover,.page-main .question-card .slide .test-buttons .btn.m:hover{background-color:#6462ab}.page-main .question-card .slide .buttons .btn.w,.page-main .question-card .slide .test-buttons .btn.w{border-color:#c386a9}.page-main .question-card .slide .buttons .btn.w:hover,.page-main .question-card .slide .test-buttons .btn.w:hover{background-color:#c386a9}.page-main .question-card .slide .test-buttons{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.page-main .question-card .slide .test-buttons .btn{margin:15px auto;width:30%;padding:25px 0}.page-main .question-card .slide .result h4{font-size:30px}.page-main .question-card .slide .result .result-text{text-align:start;font-size:40px}.page-main .question-card .slide .result .links a{float:right;font-size:25px;text-decoration:none;color:#d62c2c}.page-main .question-card .slide .result .links a.facebook{float:left;background-color:#4267b2;border-color:#4267b2;line-height:26px;padding:0 10px;color:#fff;border:1px solid;border-radius:2px;box-sizing:content-box;font-size:12px;-webkit-font-smoothing:antialiased;font-weight:700;-ms-flex-pack:center;justify-content:center;position:relative;text-align:center;text-shadow:none;vertical-align:middle;cursor:pointer;display:inline-block;text-decoration:none;white-space:nowrap}.page-main .footer{position:static;bottom:0;left:0;padding:5px 0;background:#00000047;width:100%;text-align:right;color:#fff}.page-main .footer span{margin-right:10px}@media screen and (min-width: 350px) and (max-width: 760px){html,body,#app{height:100%;height:calc(var(--vh, 1vh) * 100)}.image-wrap{width:100%}.image-wrap .back-image{width:auto}.page-main .title h1{font-size:35px;padding:0 10px}.page-main .question-card{padding:10px;margin:65px auto;width:90%}.page-main .question-card .slide{min-height:auto}.page-main .question-card .slide .test-buttons .btn{width:100%}.page-main .question-card .slide .question{font-size:34px}.page-main .question-card .slide .result h4{font-size:25px;margin:5px auto;text-align:center}.page-main .question-card .slide .result .result-text{font-size:24px;margin-top:10px}}@media screen and (min-width: 761px) and (max-width: 800px){html,body,#app{height:100%;height:calc(var(--vh, 1vh) * 100)}.image-wrap{width:100%}.image-wrap .back-image{width:auto}.page-main .title h1{font-size:35px}.page-main .question-card{width:80%;margin:80px auto}.page-main .question-card .slide{min-height:auto}.page-main .question-card .slide .question,.page-main .question-card .slide .result h4{font-size:35px}.page-main .question-card .slide .result .result-text{font-size:37px}}.d-none{display:none!important}.d-flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.result-card{border:1px solid;width:calc(16.6666666667% - 20px);margin:0 10px;text-align:center}.result-card img{-o-object-fit:cover;object-fit:cover;width:150px;height:150px}.result-card h3{height:50px}.result-card .chart-wrapper{width:60%;margin:0 auto;height:300px;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}.result-card .chart-wrapper .bar{width:100%;background:#8493fb}