.popup-container-test .test .top {
		margin-top:30px
}

.popup-container-test .test .top .step-names {
		position: relative;
		display: flex;
		justify-content: space-between;
		margin-bottom: 8px;
		padding:0 12px
}

.popup-container-test .test .top .step-names .step-name {
		width: auto;
		position: relative;
		cursor:pointer
}

.popup-container-test .test .top .step-names .step-name:hover span {
		color:#F47920 !important
}

.popup-container-test .test .top .step-names .step-name.active span {
		color:rgba(14, 22, 52, .6)
}

.popup-container-test .test .top .step-names .step-name.active.current i {
		opacity:1
}

.popup-container-test .test .top .step-names .step-name span {
		color: #c8c8c8;
		font-size: 12px;
		line-height: 130%;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		-o-transition: all .2s;
		transition:all .2s
}

.popup-container-test .test .top .step-names .step-name i {
		border: 6px solid #ffea96;
		height: 24px;
		width: 24px;
		opacity: 0;
		position: absolute;
		left: 50%;
		bottom: -26px;
		transform: translateX(-50%);
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		-o-transition: all .2s;
		transition:all .2s
}

.popup-container-test .test .top .progress-bar {
		background: #ededed;
		width: 100%;
		height: 12px;
		overflow: hidden;
		-webkit-border-radius: 47px;
		-moz-border-radius: 47px;
		border-radius:47px
}

.popup-container-test .test .top .progress-bar .progress-status {
		width: 0;
		height: 100%;
		background: #fbd950;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		-o-transition: all .2s;
		transition:all .2s
}

.popup-container-test .site-block--title{
	color: #333;
	font-family: "Open Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
}


.popup-container-test .test .bottom {
		display: flex;
		flex-direction:column
}

.popup-container-test .test .bottom .step {
		opacity: 1;
		visibility: initial;
		height:100%
}

.popup-container-test .test .bottom .step.hidden {
		opacity: 0;
		visibility: hidden;
		height:0
}

.popup-container-test .test .bottom .step .inner {
		margin-top: 40px;
		margin-bottom: 40px;
}

/* .popup-container-test .test .bottom .step[data-id="1"] .inner {
		margin-top: 70px
} */

.popup-container-test .test .bottom .step[data-id="1"] .inner .tiles {
		display: flex;
		flex-direction: column;
}

.popup-container-test .test .bottom .step[data-id="1"] .inner .get_test{
	display: flex;
	padding: 16px 34px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	background: #F47920;
	color: #fff;
	width: fit-content;
	color: #FFF;
	font-family: "Open Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}

.popup-container-test .test .bottom .step[data-id="1"] .inner .get_test:hover,
.popup-container-test .test .bottom .pagination .submit:hover{
	color:#fff!important;
}

.popup-container-test .test .bottom .step[data-id="1"] .inner .fields{
	display: flex;
	flex-wrap: wrap;
}

.popup-container-test .test .bottom .step[data-id="1"] .inner .tiles h3,
.popup-container-test .test .bottom .step[data-id="2"] .inner .tiles h3{
	color: #333;
	font-family: "Open Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.popup-container-test .test .bottom .step[data-id="1"] .inner .fields .field-container{
	width: calc(50% - 20px);
	margin-right: 20px;
	margin-bottom: 20px;
}

.popup-container-test .test .bottom .step[data-id="1"] .inner .fields .field-container input{
	border: 1px solid #DDD;
	background: #F2F2F2;
	width: 80%;
}

.popup-container-test .test .bottom .step[data-id="1"] .inner .fields .field-container label{
	color: #333;
	font-family: "Open Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}


/* .popup-container-test .test .bottom .step[data-id="1"] .inner .tiles .tile {
		display: flex;
		flex-direction: column;
		width: calc(25% - 12px);
		margin-right: 12px;
		height: 400px;
		background-color: #fff;
		background-position: left 15px bottom 15px;
		background-repeat: no-repeat;
		border: 1px solid #c8c8c8;
		-webkit-box-shadow: 0 0 10px 5px rgba(162, 176, 211, .08);
		-moz-box-shadow: 0 0 10px 5px rgba(162, 176, 211, .08);
		box-shadow: 0 0 10px 5px rgba(162, 176, 211, .08);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		-o-transition: all .2s;
		transition: all .2s
} */

/* .popup-container-test .test .bottom .step[data-id="1"] .inner .tiles .tile:hover {
		-webkit-box-shadow: 0 0 10px 5px rgba(162, 176, 211, .15);
		-moz-box-shadow: 0 0 10px 5px rgba(162, 176, 211, .15);
		box-shadow: 0 0 10px 5px rgba(162, 176, 211, .15)
} */

/* .popup-container-test .test .bottom .step[data-id="1"] .inner .tiles .tile input[type=radio] {
		display: none
} */

/* .popup-container-test .test .bottom .step[data-id="1"] .inner .tiles .tile label {
		flex: 1;
		display: flex;
		flex-direction: column;
		cursor: pointer
}

.popup-container-test .test .bottom .step[data-id="1"] .inner .tiles .tile label .name {
		margin: 20px 20px 20px 18px;
		padding-left: 10px;
		border-left: 1px solid #F47920;
		font-size: 18px;
		line-height: 120%;
		color: #121c45
}

.popup-container-test .test .bottom .step[data-id="1"] .inner .tiles .tile label .questions {
		margin: auto 16px 12px;
		align-self: flex-end
} */

.popup-container-test .test .bottom .step[data-id="2"] .inner {
		margin-top: 70px
}

.popup-container-test .test .bottom .step[data-id="2"] .inner .questions {
		display: flex;
		flex-direction: column;
		counter-reset: questionCounter;
		min-height: 300px
}

.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question {
		flex: 1;
		display: flex;
		flex-direction: column;
		/* border: 1px solid #c8c8c8; */
		/* padding: 25px 50px 20px; */
		counter-increment: questionCounter;
		/* -webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px */
}

.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question.hidden {
		opacity: 0;
		max-height: 0;
		position: absolute;
		overflow: hidden;
		padding: 0
}

.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .title {
		font-size: 18px;
		color: #121c45;
		position: relative;
		max-width: 70%;
		padding: 40px;
		background: #F3F3F3;
}

/* .popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .title:before {
		content: "" counter(questionCounter) ".";
		position: absolute;
		top: 0;
		right: calc(100% + 8px)
} */

.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .question_answers {
	margin-top: 40px;
	margin-bottom: 20px;
	color: #333;
	font-family: "Open Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers {
		columns: 1;
		/* margin-top: 40px; */
		margin-bottom: 0;
		list-style-type: decimal;
		padding-left: 0;
		margin-left: 25px;
		max-width: 75%;
}

.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers.answers_da_net {
		columns: 1;
}

.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers.answers_da_net .answer_radio_wrapper{
	display: flex;
	justify-content: space-between;
	width: 75%;
}

.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers.answers_da_net .answer_radio_wrapper .radio_input_wrapper{
	display: flex;
}

.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers.answers_da_net .answer_radio_wrapper .radio_input_wrapper .radio_yes label,
.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers.answers_da_net .answer_radio_wrapper .radio_input_wrapper .radio_no label{
	padding-left: 35px;
}

.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers li {
		margin-bottom: 25px;
		padding-left: 20px;
		color: #333;
		font-family: "Open Sans";
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
}

.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers li input[type=radio],
.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers li input[type=checkbox] {
		display: none
}

.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers li input[type=radio]:checked + label i,
.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers li input[type=checkbox]:checked + label i,
.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers.answers_da_net li input[type=radio]:checked + label i
{
		border-color: #F47920
}

.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers li input[type=radio]:checked + label i:before
/* .popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers li input[type=checkbox]:checked + label i:before */
{
		background: #F47920
}

.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers.answers_da_net li input[type=radio]:checked + label i:before{
	background: none;
}

.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers li label {
		display: flex;
		position: relative;
		padding-right: 15px;
		padding-left: 50px;
		line-height: 150%;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		color: #333;
		font-family: "Open Sans";
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
}

.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers li label:hover {
		cursor: pointer
}

.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers li label:hover i {
		border-color: #F47920
}

.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers li label i {
		border: 3px solid #c8c8c8;
		width: 28px;
		height: 28px;
		display: block;
		position: absolute;
		left: 0;
		top: 14px;
		transform: translateY(-50%);
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		-o-transition: all .2s;
		transition: all .2s
}

.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers li label i:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 10px;
		height: 10px;
		display: block;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%
}
.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers li .checkbox i:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* width: 10px; */
	/* height: 10px; */
	display: block;
	/* -webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100% */
	background-size: contain;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}

.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers li input[type=checkbox]:checked + .checkbox i:before,
.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers.answers_da_net li input[type=radio]:checked + .checkbox i:before {
	/* content: url("/bitrix/templates/main/img/ok.svg"); */
	background-image: url(/bitrix/templates/main/img/ok.svg);
}


.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers li .checkbox i{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.popup-container-test .test .bottom .step[data-id="3"] .inner {
		display: flex;
		flex-direction: column;
}
.popup-container-test .test .bottom .step[data-id="3"] .inner .tiles{
	margin-bottom: 6px;
}
.popup-container-test .test .bottom .step[data-id="3"] .inner .tiles h3{
		margin-bottom: 40px;
}
.popup-container-test .test .bottom .step[data-id="3"] .inner .tiles h3,
.popup-container-test .test .bottom .step[data-id="3"] .inner .result-form .title .name,
.popup-container-test .test .bottom .step[data-id="3"] .inner .result-form .title .result_time{
		color: #333;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: 100%;
}
.popup-container-test .test .bottom .step[data-id="3"] .inner .result-form .title .time{
	display: flex;
	align-items: center;
	margin: 30px 0;
}
.popup-container-test .test .bottom .step[data-id="3"] .inner .result-form .title .time img{
	margin-right: 4px;
	margin-top: -3px;
}
.popup-container-test .test .bottom .step[data-id="3"] .inner .tiles p{
	color: #333;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.popup-container-test .test .bottom .step[data-id="3"] .inner .result-form .result_tasks{
	color: #333;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.popup-container-test .test .bottom .step[data-id="3"] .inner .result-form .result_tasks span{
	font-weight: 700;
}

.popup-container-test .test .bottom .step[data-id="3"] .inner .result-form .result_tasks .right_answ{
	color: #EF2525;
}

.popup-container-test .test .bottom .step[data-id="3"] .inner .results{
	padding: 20px 40px;
	background: #FBDCDC;
}

.popup-container-test .test .bottom .step[data-id="3"] .inner .results p{
	color: #333;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.popup-container-test .test .bottom .step[data-id="3"] .inner .result-pie {
		flex: 1;
		padding: 25px;
		display: flex;
		margin-right: 16px;
		border: 1px solid #c8c8c8;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px
}

.popup-container-test .test .bottom .step[data-id="3"] .inner .result-pie .text {
		line-height: 150%;
		margin-right: 50px
}

.popup-container-test .test .bottom .step[data-id="3"] .inner .result-pie .text .title {
		font-size: 18px;
		color: #121c45;
		margin-bottom: 6px
}

.popup-container-test .test .bottom .step[data-id="3"] .inner .result-pie .text .result-value {
		color: #F47920;
		margin-bottom: 25px
}

.popup-container-test .test .bottom .step[data-id="3"] .inner .result-pie .text .result-text p {
		margin: 0 0 16px
}

.popup-container-test .test .bottom .step[data-id="3"] .inner .result-pie .text .result-text p:last-child {
		margin-bottom: 0
}

.popup-container-test .test .bottom .step[data-id="3"] .inner .result-pie .chart {
		width: 220px
}

.popup-container-test .test .bottom .step[data-id="3"] .inner .result-pie .chart canvas {
		margin-bottom: 20px;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		-webkit-box-shadow: 0 4px 25px 5px rgba(121, 1, 1, .18);
		-moz-box-shadow: 0 4px 25px 5px rgba(121, 1, 1, .18);
		box-shadow: 0 4px 25px 5px rgba(121, 1, 1, .18)
}

.popup-container-test .test .bottom .step[data-id="3"] .inner .result-pie .chart .chart-log .right, .popup-container-test .test .bottom .step[data-id="3"] .inner .result-pie .chart .chart-log .wrong {
		display: flex;
		color: #121c45;
		align-items: center;
		margin-top: 6px
}

.popup-container-test .test .bottom .step[data-id="3"] .inner .result-pie .chart .chart-log .right:before, .popup-container-test .test .bottom .step[data-id="3"] .inner .result-pie .chart .chart-log .wrong:before {
		content: "";
		width: 22px;
		height: 22px;
		display: block;
		margin-right: 16px;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%
}

.popup-container-test .test .bottom .step[data-id="3"] .inner .result-pie .chart .chart-log .right:before {
		background: #6376a8
}

.popup-container-test .test .bottom .step[data-id="3"] .inner .result-pie .chart .chart-log .wrong:before {
		background: #F47920
}

.popup-container-test .test .bottom .step[data-id="3"] .inner .result-form {
		flex: 1;
		display: flex;
		flex-direction: column;
		padding: 40px;
		border-bottom: 1px solid #DDD;
		/* border: 1px solid #c8c8c8; */
		/* background-color: #fff;
		background-repeat: no-repeat;
		background-position: top right; */
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		/* -webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px; */
		/* -webkit-box-shadow: 0 4px 25px 5px rgba(121, 1, 1, .18);
		-moz-box-shadow: 0 4px 25px 5px rgba(121, 1, 1, .18);
		box-shadow: 0 4px 25px 5px rgba(121, 1, 1, .18) */
		background: #F3F3F3;
}

/* .popup-container-test .test .bottom .step[data-id="3"] .inner .result-form .title {
		font-size: 18px;
		color: #121c45;
		margin-bottom: 10px
} */

/* .popup-container-test .test .bottom .step[data-id="3"] .inner .result-form .field-container {
		margin-top: 20px
}

.popup-container-test .test .bottom .step[data-id="3"] .inner .result-form .field-container input {
		border: none;
		border-bottom: 1px solid #ededed;
		padding: 2px 7px;
		width: 40%;
		outline: 0;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		-o-transition: all .2s;
		transition: all .2s
}

.popup-container-test .test .bottom .step[data-id="1"] .inner .field-container input.error {
		border-color: red!important
} */

/* .popup-container-test .test .bottom .step[data-id="3"] .inner .result-form .discount {
		border-radius: 0 5px 5px 0;
		width: 60%;
		font-size: 14px;
		background: #fbd950;
		margin-left: -21px;
		padding: 16px 30px 16px 28px;
		margin-top: 18px;
		margin-bottom: 20px;
		opacity: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
} */

.popup-container-test .test .bottom .step[data-id="3"] .inner .result-form .submit-container {
		margin-top: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between
}

/* .popup-container-test .test .bottom .step[data-id="3"] .inner .result-form .submit-container .policy {
		max-width: 60%;
		color: #c8c8c8;
		font-weight: 100;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		-o-transition: all .2s;
		transition: all .2s
}

.popup-container-test .test .bottom .step[data-id="3"] .inner .result-form .submit-container .policy:hover {
		color: #5d6782
}

.popup-container-test .test .bottom .step[data-id="3"] .inner .result-form .submit-container .submit {
		color: #F47920;
		align-self: flex-end;
		text-decoration: none;
		display: flex;
		align-items: center
}

.popup-container-test .test .bottom .step[data-id="3"] .inner .result-form .submit-container .submit:hover {
		text-decoration: underline
}

.popup-container-test .test .bottom .step[data-id="3"] .inner .result-form .submit-container .submit i {
		position: relative;
		display: block;
		height: 1px;
		width: 18px;
		background: #F47920;
		margin-left: 16px
} */

.popup-container-test .test .bottom .step[data-id="3"] .inner .result-form .submit-container .submit i:after {
		content: "";
		position: absolute;
		right: 0;
		top: -5px;
		border: solid #F47920;
		border-width: 0 1px 1px 0;
		padding: 5px;
		transform:rotate(-45deg)
}

.popup-container-test .test .bottom .pagination {
		display: flex;
		justify-content: space-between;
		margin-bottom: 40px;
		width: 75%;
		flex-wrap: wrap;
		bottom: 16px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		-o-transition: all .2s;
		transition:all .2s
}

.popup-container-test .test .bottom .pagination.hidden,
.popup-container-test .test .bottom .pagination .submit.hidden,
.popup-container-test .test .bottom .pagination .next.hidden,
.popup-container-test .test .bottom .pagination .prev.hidden {
		display:none
}



.popup-container-test .test .bottom .pagination a {
		position: relative;
		text-decoration: none;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 30%;
		cursor: pointer;
		-webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		-o-transition: all .2s;
		transition: all .2s;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius:3px;
		
		padding: 16px 35px;
		border: 1px solid #DDD;
		
		background: #FFF;
		color: #333;
		
		font-family: Open Sans;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-transform: uppercase;
}
.popup-container-test .test .bottom .pagination .next,
.popup-container-test .test .bottom .pagination .submit{
	background: #F47920;
	color: #FFF!important;
	margin-bottom: 20px;
}
.popup-container-test .test .bottom .pagination .prev{
	color: #333!important;
	margin-bottom: 20px;
}

/* .popup-container-test .test .bottom .pagination a:hover{
	background: #F47920;
	color: #FFF!important;
} */

/* .popup-container-test .test .bottom .pagination a.active {
		color: inherit;
		cursor: pointer;
		background:rgba(236, 118, 118, .1)
}

.popup-container-test .test .bottom .pagination a.active:hover {
		color: #F47920;
		background:rgba(236, 118, 118, .2)
}

.popup-container-test .test .bottom .pagination a.active:before {
		filter: none;
		opacity:1
} */

/* .popup-container-test .test .bottom .pagination a.submit {
		color:#F47920
} */

/* .popup-container-test .test .bottom .pagination .next:before {
		content: url(/local/includes/education-center/common/test/images/arrow-right.svg);
		position: absolute;
		/* top: 50%;
		/* transform: translateY(-50%); */
		/* background-size: cover; */
		/* background-image: url(/local/includes/education-center/common/test/images/arrow.svg); */
		/* display: block;
		width: 19px;
		height: 19px;
		filter: grayscale(1);
		/* opacity: .5; */
		/* -webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		-o-transition: all .2s;
		transition:all .2s 
}*/ 
/* .popup-container-test .test .bottom .pagination .prev:before {
		content: url(/local/includes/education-center/common/test/images/arrow-left.svg);
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		margin-top: -3px;
		/* background-size: cover; */
		/* background-image: url(/local/includes/education-center/common/test/images/arrow.svg); */
		/* display: block;
		width: 19px;
		height: 19px;
		filter: grayscale(1); */
		/* opacity: .5; */
		/* -webkit-transition: all .2s;
		-moz-transition: all .2s;
		-ms-transition: all .2s;
		-o-transition: all .2s;
		transition:all .2s
}   */

/* .popup-container-test .test .bottom .pagination a:first-child {
		padding-left:35px
} */

/* .popup-container-test .test .bottom .pagination a:first-child:before {
		left:80px
} */

/* .popup-container-test .test .bottom .pagination a:last-child {
		padding-right:35px
} */
.popup-container-test .test .bottom .pagination a:first-child img { 
	margin-right: 10px;
}
.popup-container-test .test .bottom .pagination a:last-child img { 
		transform: rotate(180deg);
		margin-left: 10px;
} 


.step .tiles .question_counter_wrapper{
	display: flex;
	justify-content: space-between;
	width: 77%;
	margin-top: 40px;
	margin-bottom: 5px;
}

.step .tiles .question_counter_wrapper .timer{
	display: flex;
	align-items: center;
}

.step .tiles .question_counter_wrapper .timer img{
	margin-right: 5px;
	margin-top: -3px;
}

@media (max-width: 400px) {
		.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers{
			columns: 1;
		}
		.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers.answers_da_net .answer_radio_wrapper{
			flex-direction: column;
		}
		
		.popup-container-test .test .bottom .step[data-id="2"] .inner .questions .question .answers.answers_da_net .answer_radio_wrapper .radio_input_wrapper{
			margin-top: 20px;
			justify-content: space-between;
		}
		.popup-container-test .test .bottom .step[data-id="1"] .inner .fields{
			flex-direction: column;
		}
		.popup-container-test .test .bottom .step[data-id="1"] .inner .fields .field-container{
			width: 100%;
		}
}

.field.field-button input{
	height: auto;
}

.field.field-button{
	margin: 10px 0;
}