#startTest {
	margin-top: 20px;
	padding: 15px 0;
	width: 250px;
	font-size: 16px;
	text-align: center;
}

#needSub {display: none}

#needSub > div {
	display: flex;
	align-items: center;
	margin: 20px 0;
}

#needSub > div > div:first-of-type {margin-right: 10px}

#nextQuestion, #showResults, #timer, #countQuestions {display: none}

.test-block {
	margin-top: 20px;
}

.head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #e8e8e8;
	margin-bottom: 10px;
	border-radius: 9px;
}

#countQuestions, #result_question {font-weight: 700; font-size: 20px;}
#nowQuestion {color: #E06149}

.jst-hours {display: none}
.jst-minutes, .jst-seconds {display: inline-block}

#timer {
	border: 2px solid #323232;
    border-radius: 50px;
    font-weight: 500;
    
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
}

#timer.few {
	color: #ea583c;
    border: 2px solid #ea583c;
}

#questions_panel .btn {
	width: 300px;
	text-align: center;
	margin: 20px auto;
	max-width: 80%;

}

#results, .wrong-answer, .right-answer, .noAnswer {
	margin-bottom: 20px;
    display: block;
    padding: 15px 20px;
    font-weight: 400;
    color: #fff;
    border-radius: 9px;
}

#results.red-block {background-color: #e06149}
#results.yellow-block {background-color: #ffc008}
#results.green-block {background-color: #4eb156}

#showResults {
	width: 200px;
    text-align: center;
}

.noAnswer {
	background: #e6e6e6;
    color: #656464;
}

.allAnswers > div {margin-top: 20px}

.wrong-answer, .wrong {
	background: #e06149;
}

.right-answer, .right {
	background: #4eb156;
}

#question, #question_text, #additionalText {
	display: block;
    margin: 15px 0;
}

#question, #allQuestionsResults h2 {
	font-size: 20px;
    font-weight: 500;
}

#allQuestionsResults > div {margin-top: 100px}
#allQuestionsResults > div:first-of-type {margin-top: 30px}

#allAnswers {margin-bottom: 20px}

#question_text pre, .additionalText {color: #8f8f8f;margin: 10px 20px;}

#question_answers {
	display: block;
}

.right, .wrong {
	margin-top: 10px;
    padding: 15px 20px;
    color: #fff;
    font-weight: 400;
    border-radius: 5px;
}

.input {
    width: 90%;
    padding: 15px 5%;
    line-height: 200%;
    cursor: pointer;
}

.input:hover {
    background-color: #f1f1f1;
}

.radio {
	vertical-align: top;
	width: 17px;
	height: 17px;
	margin: 0 3px 0 0;
}
.radio + label {
	cursor: pointer;
}
.radio:not(checked) {
	position: absolute;
	opacity: 0;
}
.radio:not(checked) + label {
	position: relative;
	padding: 0 0 0 35px;
}
.radio:not(checked) + label:before {
	content: '';
	position: absolute;
	top: -3px;
	left: 0;
	width: 22px;
	height: 22px;
	border: 1px solid #e06149;
	border-radius: 50%;
	background: #FFF;
}
.radio:not(checked) + label:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 4px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #e06149;
	opacity: 0;
	transition: all .2s;
}
.radio:checked + label:after {opacity: 1}
.radio:focus + label:before {box-shadow: 0 0 0 3px rgba(224, 97, 73, 0.15)}