/**** /content/css/survey.css ****/
@CHARSET "UTF-8";
.survey-init { display: none; }
.pop-wrap.survey { width: 600px; background: #eee; }
.pop-wrap.survey .s-inp { width: 100%; border-radius: 12px; }
.pop-wrap.survey h2 { text-align: center; }
.survey-bl { width: 100%; }
.survey-bl .impor { text-align: center; margin-bottom: 20px; color: #08868f; }
.survey-bl .survey-desc { margin-bottom: 20px; font-size: 16px; color: #333; line-height: 23px; }
.survey-bl .bot-acts { margin-top: 26px; padding-top: 20px; border-top: dashed 1px #ddd; text-align: center; }
.survey-bl .bot-acts .bt { padding: 16px 20px; }
.survey-bl .s-answer { padding: 8px 20px; border-radius: 12px; color: #3b5998; font-size: 18px; font-weight: 600; margin-bottom: 10px; cursor: pointer; user-select: none; display: flex; align-items: center; position: relative; }
.survey-bl .s-answer:hover { background-color: rgba(43, 126, 223, 0.1); }
.survey-bl .s-answer:before { background: #0000001a; content: ""; display: block; flex-shrink: 0; height: 20px; margin-right: 10px; width: 20px; border-radius: 50%; }
.survey-bl .s-answer:after { background: #fff; content: ""; position: absolute; border: 0; height: 6px; left: 27px; border-radius: 100%; opacity: 0; top: 50%; transform: translateY(-50%) scale(0); width: 6px; }
.survey-bl .s-answer.active:before,
.survey-bl .s-answer:hover:before { background: #009be3; }
.survey-bl .s-answer.active:after,
.survey-bl .s-answer:hover:after { transform: translateY(-50%) scale(1); opacity: 1; }
@media screen and (max-width: 800px) { .pop-wrap.survey { width: 98%; box-sizing: border-box; }
}
@media screen and (max-width: 500px) { .pop-wrap.survey { padding: 30px 20px 20px; }
}


/**** /content/css/test.css ****/
@CHARSET "UTF-8";
.test-q-list .one-q { margin: 20px 0; padding: 0; position: relative; }
.test-q-list .one-q.wrong { background: #fbd5d5; }
.test-q-list .one-q.right { background: #A7DBB3; }
.test-q-list .one-q h3 { padding: 20px; position: relative; }
.test-q-list .one-q .an-list { padding: 0 20px 20px; }
.test-q-list .one-q .acts { border-top: dashed 1px #ddd; min-height: 59px; box-sizing: border-box; padding: 14px 20px 14px; }
.test-q-list .one-q .res { font-size: 20px; line-height: 28px; color: #035603; }
.test-q-list .one-q.wrong .res { font-size: 20px; line-height: 28px; color: #bb0b0b; }
.test-q-list .one-q .one-an { padding: 4px 4px 4px 38px; cursor: pointer; position: relative; }
.test-q-list .one-q .one-an:hover { background: #eee; }
.test-q-list .one-q .block-wrap { position: absolute; top: 0; left: 0; height: 100%; width: 100%; filter: alpha(opacity=0); background: rgba(0,0,0,0.2); }
.test-q-list .one-q .check { position: absolute; width: 16px; height: 16px; display: inline-block; border: solid 2px #419adf; border-radius: 3px; left: 4px; }
.test-q-list .one-an.selected .check { background: #419adf; }
.test-q-list .one-an.selected .check:before { content: ""; display: inline-block; vertical-align: middle; width: 9px; height: 7px; border-bottom-width: 3px; border-bottom-style: solid; border-left-width: 3px; border-left-style: solid; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; left: 2px; top: 1px; color: #fff; }
.test-q-list .one-q .check.selected:before { color: #fff; }
.test-result .res-details { padding: 20px; }
.test-result .res-details h3 { background: #419adf; color: #fff; padding: 10px; font-size: 18px; }
.test-result .res-amount,
.test-result .per-amount { font-size: 17px; margin: 20px 0; text-align: center; }
.test-result .res-amount span,
.test-result .per-amount span { font-size: 24px; display: inline-block; margin-left: 20px; background: #ddd; padding: 12px; }
.test-result .socials { float: right; margin-top: 0; }
.test-result .repeat-test { padding: 4px 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; margin: 8px 10px 0 0; display: inline-block; background: #eee; float: left; }
.test-result .repeat-test:hover { color: #fff; background: #419adf; }
.test-result .acts { margin-top: 30px; }
.one-test .diary-desc img { float: left; margin-right: 36px; display: block; max-height: 200px; border-radius: 50%; display: block; max-width: 115px; }
.one-test .usefull { background: #eaf4fd; padding: 20px !important; margin-top: 20px; border-radius: 3px; }
@media screen and (max-width: 510px) { .one-test .diary-desc img { float: none; margin: 0 auto 10px auto; }
}