:root{
	--quiz_color1:rgba(0, 0, 0, 0.2);
	--quiz_color2:rgba(240, 40, 40, 1);
	--quiz_color3:rgba(250, 100, 100, 1);
	--quiz_color4:rgba(255, 0, 0, 0.4);
	--quiz_color5:rgba(227, 45, 45, 1);
	--quiz_color6:rgba(227, 45, 45, 0.7);
	--quiz_color7:rgba(0, 0, 0, 0.7);
	--quiz_color8:rgba(21, 214, 121, 1);
	--quiz_color9:rgba(0, 0, 0, 0.8);
	--quiz_color10:rgba(110, 110, 110, 1);
	--quiz_color11:rgba(0, 64, 255, 1);
}
.quiz_progress_bar{
	display:flex;
	align-content:center;
	justify-content:center;
	align-items:center;
	height:30px;
	border-radius:2rem;
	-webkit-box-shadow:0 0 20px -1px inset var(--quiz_color1);
	box-shadow:0 0 20px -1px inset var(--quiz_color1);
	transition:all 0.2s;
}
.quiz_progress_bar_active{
	background-color:var(--quiz_color2);
	color:rgba(255,255,255,1);
	background-image:-webkit-linear-gradient(-45deg, var(--quiz_color2) 24%, var(--quiz_color3) 25%, var(--quiz_color3) 49%, var(--quiz_color2) 50%, var(--quiz_color2) 74%, var(--quiz_color3) 75%);
	background-size:50px 50px;
	background-color:var(--color4);
	animation:progress_bar_striped_animation 1s infinite cubic-bezier(.65,.5,.19,.43);
	transition:all 0.2s;
	-webkit-box-shadow:0 0 20px -1px var(--quiz_color2);
	transition:all 0.2s;
}
@keyframes progress_bar_striped_animation{
	0% {
		background-position:50px 0;
	}
	100% {
		background-position:0 0;
	}
}
.quiz_fc1{
	color:var(--quiz_color7);
}
.quiz_fc2{
	color:var(--quiz_color9);
}
.quiz_margin1{
	margin-top:4rem;
	margin-bottom:2rem;
}
.quiz_margin2{
	margin-bottom:1rem;
}
.quiz_margin3{
	margin-top:2rem;
}
.quiz_margin4{
	margin-bottom:4rem;
}
.quiz_input1{
	appearance: none;
	transform:translate(0%,-50%) scale(1, 1);
	width:2rem;
	height:2rem;
	min-width:2rem;
	min-height:2rem;
	border:0.7rem solid rgba(220,220,220,1);
	background-color:var(--quiz_color5);
	background-size:cover;
	border-radius:2rem;
	box-shadow:0 5px 10px 0px var(--quiz_color1);
	z-index:150;
	-webkit-box-shadow:0 0 0 7px rgba(255,255,255,0);
	box-shadow:0 0 0 7px rgba(255,255,255,0);
	transition:all 0.2s;
}
.quiz_input1:checked{
	border:0.3rem solid rgba(255,255,255,1);
	background-image:url('../style/image/icon/choosed_answer.webp');
	-webkit-box-shadow:0 0 0 7px var(--quiz_color6);
	box-shadow:0 0 0 7px var(--quiz_color6);
}
.quiz_input2{
	transform:unset;
	margin-right:2rem;
	border:1.3rem solid rgba(230, 230, 230, 1);
	transition:all 0.2s;
}
.quiz_input3{
	background-color:var(--quiz_color10);
	background-image:url('../style/image/icon/not.webp') !important;
	transition:all 0.2s;
}
.quiz_input_viber{
	border:0.1rem solid rgba(255,255,255,1);
	background-image:url('../style/image/icon/viber.webp') !important;
	transition:all 0.2s;
}
.quiz_input_whatsapp{
	border:0.1rem solid rgba(255,255,255,1);
	background-image:url('../style/image/icon/whatsapp.webp') !important;
	transition:all 0.2s;
}
.quiz_input_telegram{
	border:0.1rem solid rgba(255,255,255,1);
	background-image:url('../style/image/icon/telegram.webp') !important;
	transition:all 0.2s;
}
.quiz_input_phone{
	border:0.1rem solid rgba(255,255,255,1);
	background-image:url('../style/image/icon/phone.webp') !important;
	transition:all 0.2s;
}
.quiz_input4{
	padding:1rem 3rem;
	-webkit-box-shadow:0 2px 8px 0px var(--quiz_color1);
	box-shadow:0 2px 8px 0px var(--quiz_color1);
	margin-bottom:2rem;
	color:rgba(0,0,0,1);
	border-radius:3rem;
	background-color:rgba(255,255,255,0);
	outline:none !important;
	border:0;
	transition:all 0.2s;
}
.quiz_input4:focus{
	color:rgba(255,255,255,1);
	background-color:var(--quiz_color5);
}
.quiz_input4:hover{
	color:rgba(255,255,255,1);
	background-color:var(--quiz_color5);
}
.quiz_input5{
	outline:none !important;
	padding:0.7rem 0.3rem;
	-webkit-transform:translate(0%,-50%);
	transform:translate(0%,-50%);
	width:70%;
	box-shadow:inset 0 0 1rem 0 rgba(0,0,0,0.2);
	background-color:rgba(255,255,255,1);
	border:0;
	background-size:cover;
	border-radius:2rem;
	z-index:150;
	text-align:center;
	font-size:16px;
	transition:all 0.2s;
}
.quiz_input5:focus{
	color:rgba(255,255,255,1);
	background-color:var(--quiz_color5);
}
.quiz_input5:hover{
	color:rgba(255,255,255,1);
	background-color:var(--quiz_color5);
}
.quiz_box1{
	border-radius:2rem;
	margin-bottom:2rem;
	transition:all 0.2s;
}
.quiz_box2::after{
	content:'';
	width:100%;
	aspect-ratio:4 / 5;
	top:0;
	left:0;
	position:absolute;
	background-color:rgba(255,255,255,0);
	transition:all 0.3s;
	z-index:100;
	border-radius:inherit;
	transition:all 0.2s;
}
.quiz_box2:hover::after{
	background-color:var(--quiz_color4);
}
.quiz_box2:checked::after{
	background-color:var(--quiz_color4);
}
.quiz_box2:hover .quiz_input1{
	border:0.4rem solid rgba(255,255,255,1);
	transform:translate(0%,-50%) scale(1.3, 1.3);
	background-image:url('../style/image/icon/choosed_answer.webp');
	transition:all 0.2s;
}
.quiz_box3{
	border-radius:3rem;
	transition:all 0.2s;
}
.quiz_box4{
	padding:0.8rem;
	border-radius:2rem;
	-webkit-box-shadow:0 0 8px 0px var(--quiz_color1);
	box-shadow:0 0 8px 0px var(--quiz_color1);
	transition:all 0.2s;
}
.quiz_box5:hover .quiz_input1{
	border:0.5rem solid rgba(230,230,230,1);
	background-image:url('../style/image/icon/choosed_answer.webp');
	transition:all 0.2s;
}
.quiz_box6{
	/*used*/
}
.quiz_box7{
	/*used*/
}
.quiz_box8{
	/*used*/
}
.quiz_box9::after{
	display:none;
}
.quiz_box9{
	margin-top:3rem;
	margin-bottom:0;
}
.quiz_box10{
	margin-bottom:3rem;
}
.quiz_box10 label{
	width:3rem;
	min-width:3rem;
	background-color:var(--c1);
	box-shadow:0 2px 8px 0px var(--quiz_color1);
}
.quiz_box10 img{
	height:auto;
	width:40%;
	filter:unset;
}
.quiz_box10 input[type="radio"]:checked + label img{
	filter:brightness(0%) invert(1);
}
.quiz_box10 label:hover img{
	filter:brightness(0%) invert(1);
}
.quiz_box10 input{
	margin-bottom:0;
}
.quiz_box10 input[type="radio"]:checked + label{
	background-color:var(--c12);
}
.quiz_box10 label:hover{
	background-color:var(--c12);
}
.quiz_box10 input[type="radio"]{
	width:0;
	height:0;
	border:0;
	outline:none;
	position:absolute;
	left:1rem;
	top:100%;
	opacity:0;
}
.quiz_box10_3{
	border-radius:4rem 0 0 4rem;
}
.quiz_box10_2{
	border-radius:0 4rem 4rem 0;
}
.quiz_box10_1{
	border-radius:0;
}
.quiz_box10_4::before{
	width:1px;
	background:rgba(0,0,0,0.3);
	content:'';
	height:60%;
	position:absolute;
	top:20%;
	left:0%;
}
.quiz_box10_5::after{
	content:'Whatsapp';
	font-size:14px;
	padding:10px;
	background-color:rgba(230,230,230,1);
	color:black;
	border-radius:3rem;
	transform:scale(0,0) translate(-50%,0);
	bottom:110%;
	left:50%;
	transition:all 0.3s;
	position:absolute;
	transform-origin:0% 50%;
}
.quiz_box10_5:hover::after{
	transform:scale(1,1) translate(-50%,0);
}
.quiz_box10_6::after{
	content:'Telegram';
}
.quiz_box10_7::after{
	content:'Viber';
}
.quiz_box10_8::after{
	content:'Позвонить';
}
.quiz_box10_9{
	/*used*/;
}
.quiz_img1{
	aspect-ratio:4 / 5;
	object-fit:cover;
	border-radius:inherit;
	transition:all 0.2s;
}
.quiz_img2{
	height:2.5rem;
	width:2.5rem;
	margin-right:1.5rem;
	transition:all 0.2s;
}
.quiz_button1{
	padding:0.7rem;
	border-radius:2rem;
	background-color:var(--quiz_color8);
	border:0;
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
	color:rgba(255,255,255,1);
	margin-left:1rem;
	transition:all 0.2s;
}
.quiz_button1:hover{
	-webkit-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
	transition:all 0.2s;
}
.quiz_button2{
	padding:1rem;
	border-radius:2rem;
	background-color:rgba(0, 0, 0, 0.4);
	border:0;
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
	transition:all 0.2s;
}
.quiz_button2:hover{
	-webkit-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
.quiz_next_info{
	width:100%;
	padding:0.7rem;
	font-size:13px;
	color:black;
	border-radius:2rem;
	background-color:var(--quiz_color1);
	position:absolute;
	-webkit-transform:translate(-50%,0%) scale(0,0);
	transform:translate(-50%,0%) scale(0,0);
	bottom:50%;
	left:50%;
	transition:all 0.3s;
}
.quiz_next_info_active .quiz_next_info{
	bottom:110%;
	-webkit-transform:translate(-50%,0%) scale(1,1);
	transform:translate(-50%,0%) scale(1,1);
	transition:all 0.2s;
}
.quiz_input3_info{
	width:100%;
	padding:0.7rem;
	font-size:13px;
	color:black;
	border-radius:2rem;
	border:1px solid var(--quiz_color1);
	position:absolute;
	-webkit-transform:translate(-50%,0%) scale(0,0);
	transform:translate(-50%,0%) scale(0,0);
	bottom:50%;
	left:50%;
	transition:all 0.3s;
	text-align:center;
	background-color:rgba(255,255,255,1);
	transition:all 0.2s;
}
.quiz_input3_info_parent:hover .quiz_input3_info{
	bottom:110%;
	-webkit-transform:translate(-50%,0%) scale(1,1);
	transform:translate(-50%,0%) scale(1,1);
	transition:all 0.2s;
}
.quiz_input3_info_parent_clicked .quiz_input3_info{
	bottom:110%;
	-webkit-transform:translate(-50%,0%) scale(1,1);
	transform:translate(-50%,0%) scale(1,1);
	transition:all 0.2s;
}
@media screen and (max-width:900px){
	.quiz_box6{
		flex-direction:column-reverse !important;
	}
	.quiz_box7{
		width:100%;
		justify-content:center;
	}
	.quiz_box8{
		width:100%;
		justify-content:space-between;
		margin-bottom:3rem;
	}
	.quiz_button1{
		margin-left:0rem;
	}
	.quiz_input2{
		margin-right:1rem;
	}
	.quiz_input1{
		width:2.6rem;
		height:2.6rem;
		min-width:2.6rem;
		min-height:2.6rem;
		border:0.9rem solid rgba(220, 220, 220, 1);
	}
	.quiz_input2{
		border:1rem solid rgba(230, 230, 230, 1);
	}
	.quiz_input_viber{
		border:0.1rem solid rgba(255,255,255,1);
	}
	.quiz_input_whatsapp{
		border:0.1rem solid rgba(255,255,255,1);
	}
	.quiz_input_telegram{
		border:0.1rem solid rgba(255,255,255,1);
	}
	.quiz_input_phone{
		border:0.1rem solid rgba(255,255,255,1);
	}
}

@media screen and (max-width:700px){
	.quiz_button1{
		padding:1.2rem 2.2rem;
	}
	.quiz_button2{
		padding:1.2rem 2.2rem;
	}
	.quiz_box10 label{
		width:25%;
		padding:1rem 0;
	}
	.quiz_box10{
		flex-wrap:wrap !important;
	}
	.quiz_box10 img{
		width:1.6rem;
	}
	.quiz_box10_3{
		border-radius:2rem 0 0 0;
	}
	.quiz_box10_2{
		border-radius:0 0 2rem 2rem;
	}
	.quiz_box10_9{
		border-radius:0 2rem 0 0;
	}
}