/* Start:/local/templates/main/components/bitrix/form/english-test/bitrix/form.result.new/.default/style.css?17391906123826*/
.level-page{padding: 25px 0 50px}
.dont-show{display: none}
.q-level{display: none; padding: 15px; border: 1px solid #a5aeb6}
.q-title{font-size: 1.5em;color: #191041; margin-bottom: 25px}
#qyour_level{display: block}
#qage{display: block}
.q-counter{display: none}
#chart-block{display: none}
#qyour_level .block_radio {float: none;
    vertical-align: bottom;
    display: inline-block;}
#qyour_level .block_radio label{display: block; margin: 0; padding: 0; }
#qyour_level .block_radio input{display: none}
#qyour_level .radio+.radio{margin-top: 10px;}
#qyour_level .block_radio .level{display: block; padding: 20px; text-align: center; font-size: 1.5em; }
#qyour_level .block_radio .level:hover{cursor: pointer;    color: #191041;}
#qyour_level .block_radio .level:hover svg{fill: #191041;}
#qyour_level .block_radio:hover{cursor: pointer;    color: #191041;}
#qyour_level .block_radio .level:hover .icon__result_6{filter: saturate(30);}
#qyour_level .block_radio .active .icon__result_6{filter: saturate(30);}
#qyour_level .block_radio .active{color: #191041;}
#qyour_level .block_radio .begginer .icon__result_6{height: 32px}
#qyour_level .block_radio .intermediate .icon__result_6{height: 42px}
#qyour_level .block_radio .advanced .icon__result_6{font-size: 4em}

#level-test input[type=radio] {
    display: none;
}
#level-test .radio-label .fa{width: 15px}
#level-test .radio-label:hover{color: #191041;}
#level-test .radio-label:hover .fa-square-o{display: none}
#level-test .radio-label:hover .fa-check-square-o{display: inline-block}
#level-test .q-counter{font-size: 0.8em}
#level-test .levels-chart {display: flex;align-items: flex-end;justify-content: space-around;}
#level-test .levels-chart .level-colon{display: inline-block; width: 15%; text-align: center; color: #a5aeb6; background-color: #f3f3f3;    padding: 5px;}
#level-test .levels-chart .A1{padding-top: 5px}
#level-test .levels-chart .A2{padding-top: 10px}
#level-test .levels-chart .B1{padding-top: 15px}
#level-test .levels-chart .B2{padding-top: 20px}
#level-test .levels-chart .C1{padding-top: 25px}
#level-test .levels-chart .curent{color: #ffffff}
#level-test .levels-chart .curent.Starter{background-color: #B0A2F9}
#level-test .levels-chart .curent.A1{background-color: #17B8DA; }
#level-test .levels-chart .curent.A2{background-color: #BBCD2A; }
#level-test .levels-chart .curent.B1{background-color: #FFD33F; }
#level-test .levels-chart .curent.B2{background-color: #F4973B; }
#level-test .levels-chart .curent.C1{background-color: #E770D5; }
#level-test .remark{padding-left: 20px; font-size: 10px}
#level-test .submit-block{color: #a5aeb6;font-size: 0.9em;margin-bottom: 20px;}
#level-test .submit-block i{display: block;}
#level-test .submit-block .huge-btn{margin: 10px 0;}
.input-text{max-width: 400px}
.test-row{    display: flex;
    align-items: flex-end;
    justify-content: space-around;}
.form-group{margin-bottom: 50px}
#chart-block{margin-bottom: 25px}


@media (max-width: 768px){
    .test-row{display: block}
    #qyour_level .block_radio{ width: 100%}
}

.submit-block-msg {
    padding: 13px 0;
    color: #000;
}

.submit-block-agreement {
    margin: 10px 0;
}

.submit-block-agreement-error {
    color: #ff0000;
}

#level-test input[type=checkbox] {
    display: none;
}

#level-test .checkbox-label {
    display: flex;
    align-items: center;
    gap: 10px;
}

#level-test .checkbox-label .fa {
    width: 15px;
}

#level-test .checkbox-label .fa-check-square-o {
    display: none;
}

#level-test .checkbox-label:hover,
#level-test input[type=checkbox]:checked ~ i,
#level-test input[type=checkbox]:checked ~ span {
    color: #191041;
}

#level-test input[type=checkbox]:checked ~ .fa-square-o {
    display: none;
}

#level-test input[type=checkbox]:checked ~ .fa-check-square-o {
    display: inline-block;
}

/* End */
/* /local/templates/main/components/bitrix/form/english-test/bitrix/form.result.new/.default/style.css?17391906123826 */