/**** /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/learning-task.css ****/
@CHARSET "UTF-8";
.tasks-types .title a { color: #000; }
.live-list.ltasks li { display: block; float: left; width: 31%; box-sizing: border-box; margin: 10px 1%; text-align: center; text-decoration: none; overflow: hidden; }
.live-list.ltasks li a { display: block; padding: 6px; position: relative; text-decoration: none; }
.live-list.ltasks a img { max-width: 100%; display: block; margin-bottom: 10px; }
.live-list.ltasks .inf { height: 42px; }
.live-list.ltasks.tags .inf { height: 67px; }
.live-list.ltasks .name { max-height: 42px; padding: 0 4px; overflow: hidden; }
.live-list.ltasks .ttype { display: inline-block; padding: 2px 4px; border-radius: 3px; color: #aaa; }
.one-ltask .std-submenu .socials { text-align: left; float: left; }
.one-ltask .std-submenu .download { background: #419adf; color: #fff; }
.one-ltask .std-submenu .print { background: #ef6c00; color: #fff; }
.one-ltask .std-submenu { text-align: right; }
.one-ltask .task-desc { margin-bottom: 20px; }
.one-ltask .task-wrap { text-align: center; position: relative; }
.one-ltask .task-wrap img { max-width: 80%; border-radius: 3px; border: solid 1px #bbb; }
.one-ltask .task-addition { text-align: center; margin-bottom: 20px; }
.one-ltask .task-box { margin-bottom: 20px; }
.one-ltask .similar-colors .item { padding-top: 2px; }
.ltask-cats .cat img { max-width: 100%; }
.ltasks.main .live-list { margin-bottom: 40px; }
.ltasks.main .main-text { overflow-anchor: none; }
@media screen and (max-width: 940px) { .similar-colors .item { width: 31%; }
@media screen and (max-width: 760px) { .task-cat .cat-desc { display: none; }
}
@media screen and (max-width: 510px) { .similar-colors .item { width: 48%; }
.live-list.ltasks li { width: 48%; }
}