#quiz {min-height: 5vh; display: flex; flex-wrap: wrap; align-items: center;}

#quiz_form {width: 100%;margin-bottom: 55px;}

#step0, #step1, #step2, #step3, #step4, #step5, #step6, #step7, #step8, #step9, #step10, #other_steps, #last_step {display: none;}
/*#step0 {display: block; text-align: center;}*/


/*#step1 h2, #step3 h2, #last_step h2 {margin-bottom: 50px !important;}*/

#other_steps {text-align: center;}

.step > small {

	margin-bottom: 30px;
	text-align: left;
	display: block;
	font-size: 24px;
	font-weight: 600;
	color: #575B71;

}


.quiz_buttons {display: flex;
	justify-content: flex-end;
	margin-bottom: 20px;
	position: absolute;
	bottom: 20px;
	right: 0;}

	#quiz .btn {
		cursor: pointer;
		background: #2db52d;
		padding: 12px 36px;
		display: inline-block;
		border-radius: 5px;
		font-size: 14px;
		color: #fff;
		text-decoration: none;
		margin: 0 6px;
	}


	#quiz .btn.back_btn {
		color: #2db52d;
		background: #fff;
	}
	#quiz .btn.back_btn:hover {background: #fff;border: 1px solid #2db52d; color: #2db52d;}

	/*.step-quest {display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}*/

	.step-quest > * {
		padding: 0 15px;
		margin-bottom: 8px;
		text-align: left;
	}

	.step-quest > * label {display: block; border: 2px solid #eaeaea; padding: 15px 30px; border-radius: 5fpx;}

	.step-quest > * label.checked {outline: 4px solid #2db52d;}

	.step-quest > * label input {margin-right: 15px; display: none;}

	.step-quest > * label input#price_input {display: block; width: 100%; border-radius: 3px; pointer-events: none; font-size: 1.2rem; text-align: center;}

	.step-quest > * img {margin-bottom: 15px;}


	.step-quest > div > input {padding: 15px 30px; width: 100%; border: 1px solid #eee; border-radius: 5px; text-align: center;}

	#type-home > *, #type-repair > * {width: 15%; text-align: center;}

	#last_step {text-align: center;}

	/*#contact_fields {justify-content: center; margin-bottom: 15px;}*/
	#contact_fields > * {width: 51%; margin-bottom: 15px;}

	#acceptance-line {margin-bottom: 30px;}


	#progress_bar {
		height: 5px;
		width: 100%;
		background: #E5E5E5;
		left: 0;
		position: absolute;
		bottom: 0;
	}
	#progress_in {width: 0%; height: 100%; background: #2db52d; transition: all 0.3s ease; -o-transition: all 0.3s; -webkit-transition: all 0.3s ease 0s;}

	#curr_step {margin-bottom: 15px;}



	.text_opros {
		margin-top: 10px;
		text-align: center;
	}


	@media screen and (max-width: 1024px) { 
		#quiz h2 {margin-bottom: 50px !important;}
		.step-quest {margin-bottom: 50px;display: flex;    -ms-flex-wrap: wrap;    flex-wrap: wrap;}
		#type-home > *, #type-repair > * {width: 50%; text-align: left; margin-bottom: 15px;}
		.step-quest > * {margin-bottom: 15px;}
		.step-quest > * label {display: flex; align-items: center; padding: 15px;height: 220px !important;}
		.step-quest > * img {width: 30%; margin-bottom: 0; margin-right: 20px;}
		#contact_fields > * {width: 70%;}
		.step-quest > div > input {padding: 10px 30px; font-size: 1.1rem;}

		label.add-file {
			margin-top: 30px;
		}
		.col-md-6 {
			max-width: 50% !important;
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
		}
	}






	@media screen and (max-width: 800px) { 
		#quiz {padding: 0 15px;}
		#quiz h2 {font-size: 1.8rem;}
		.step-quest > * img {display: none;}
		.step-quest > * label {text-align: center; padding: 10px 15px;    height: 125px !important;}
		#contact_fields > * {width: 90%;}
		.step > small {margin-bottom: 15px;}
		label.add-file {
			border: 0 !important;
			padding: 0 !important;
			height: 0 !important;
			margin-bottom: 30px;
		}

		.form_style {
			width: 100% !important;
		}

		.step > small {
			font-size: 20px;
		}
		span.nonecessarily {
			font-size: 15px;
		}

		.sh-banner__stages-num:before {
			display: none;
		}

		.sh-banner__stages-num:after {
			display: none;
		}
		.sh-banner__stages-item:after {
			display: none;
		}

		

	}

	@media screen and (max-device-width: 480px) { 
		#quiz h2 {margin-bottom: 40px !important;}

		.step-quest {margin-bottom: 50px;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			margin-right: -15px;
			margin-left: -15px;
		}


		.text_opros {
			margin-top: 10px;
			font-size: 20px;
		}

		.btn.btn-transparent-border-color {
			font-size: 15px;
		}

		.sh-banner__stages-item {
			display: flex;
			margin: 0 auto 30px auto;
			width: 100%;
			flex-direction: unset;
			align-items: unset;

		}

		.sh-banner__stages-num:before {
			display: none;
		}

		.sh-banner__stages-num {
			width: 50px;
			height: 50px;
		}

		.sh-banner__stages-num:after {
			display: none;
		}
		.sh-banner__stages-item:after {
			display: none;
		}

		.top-content-block > div {
			margin-bottom: 0;
			/*	display: flex;*/
			flex-wrap: wrap;
		}

		.sh-banner__stages {

			padding: 41px 0 40px;
		}

		.sh-banner__stages-text {
			margin-top: 0;
			width: 261px;
			margin-left: 20px;
			display: flex;
			align-items: left;
			text-align: left;
			flex-direction: column;
		}
	}

	@media screen and (max-device-width: 380px) { 
		#quiz h2 {font-size: 1.6rem;}
		.step-quest > *, #type-home > *, #type-repair > *, #contact_fields > * {width: 100%;}
		.quiz_buttons {justify-content: space-between;}
		.quiz_buttons p {width: 45%; margin-bottom: 20px;margin-top: 20px;}
		#quiz .btn {margin: 0;}
		#step1 .quiz_buttons {justify-content:flex-end;}

		.sh-banner__stages-text {
			width: 150px;

		}

	}

	.purchase_1_input {
		background: url(/images/quiz/1-1.png) no-repeat;
		background-size: cover;
		height: 200px;
	}


	.purchase_2_input {
		background: url(/images/quiz/1-2.png) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.purchase_3_input {
		background: url(/images/quiz/1-3.png) no-repeat;
		background-size: cover;
		height: 200px;
	}


	.form_style input {
		background: #FFFFFF;
		border: 1px solid #E5E5E5 !important;
		box-sizing: border-box;
		border-radius: 5px !important;
		text-align: left !important;
	}

	/*2*/

	label.offic_mebel_1_input {
		background: url(/images/quiz/2-1.png) no-repeat;
		background-size: cover;    
		text-align: center !important;
		padding: 0 0 10px 0 !important;
		height: auto !important;
		display: block;



	}
	label.offic_mebel_2_input {
		background: url(/images/quiz/2-2.png) no-repeat;
		background-size: cover;    
		text-align: center !important;
		padding: 0 0 10px 0 !important;
		height: auto !important;
		display: block;

	}
	label.offic_mebel_3_input {
		background: url(/images/quiz/2-3.png) no-repeat;
		background-size: cover;    
		text-align: center !important;
		padding: 0 0 10px 0 !important;
		height: auto !important;
		display: block;

	}


	/*3*/

	.color_1_input {
		background: url(/images/quiz/3-1.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_2_input {
		background: url(/images/quiz/3-2.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_3_input {
		background: url(/images/quiz/3-3.png) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_4_input {
		background: url(/images/quiz/3-4.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_5_input {
		background: url(/images/quiz/3-5.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_6_input {
		background: url(/images/quiz/3-6.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_7_input {
		background: url(/images/quiz/3-7.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_8_input {
		background: url(/images/quiz/3-8.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_9_input {
		background: url(/images/quiz/3-9.png) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_10_input {
		background: url(/images/quiz/3-10.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_11_input {
		background: url(/images/quiz/3-11.png) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_12_input {
		background: url(/images/quiz/3-12.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_13_input {
		background: url(/images/quiz/3-13.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_14_input {
		background: url(/images/quiz/3-14.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_15_input {
		background: url(/images/quiz/3-15.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_16_input {
		background: url(/images/quiz/3-16.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_17_input {
		background: url(/images/quiz/3-17.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_18_input {
		background: url(/images/quiz/3-18.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_19_input {
		background: url(/images/quiz/3-19.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}


	.color_20_input {
		background: url(/images/quiz/3-20.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_21_input {
		background: url(/images/quiz/3-21.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_22_input {
		background: url(/images/quiz/3-22.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_23_input {
		background: url(/images/quiz/3-23.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_24_input {
		background: url(/images/quiz/3-24.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_25_input {
		background: url(/images/quiz/3-25.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_26_input {
		background: url(/images/quiz/3-26.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}


	.color_27_input {
		background: url(/images/quiz/3-27.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}


	.color_28_input {
		background: url(/images/quiz/3-28.png) no-repeat;
		background-size: cover;
		height: 200px;
	}


	.color_29_input {
		background: url(/images/quiz/3-29.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_30_input {
		background: url(/images/quiz/3-30.png) no-repeat;
		background-size: cover;
		height: 200px;
	}


	.color_31_input {
		background: url(/images/quiz/3-31.png) no-repeat;
		background-size: cover;
		height: 200px;
	}


	.color_32_input {
		background: url(/images/quiz/3-32.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}


	.color_33_input {
		background: url(/images/quiz/3-33.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_34_input {
		background: url(/images/quiz/3-34.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_35_input {
		background: url(/images/quiz/3-35.png) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_36_input {
		background: url(/images/quiz/3-36.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_37_input {
		background: url(/images/quiz/3-37.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_38_input {
		background: url(/images/quiz/3-38.png) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_39_input {
		background: url(/images/quiz/3-39.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_40_input {
		background: url(/images/quiz/3-40.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_41_input {
		background: url(/images/quiz/3-41.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_42_input {
		background: url(/images/quiz/3-42.png) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_43_input {
		background: url(/images/quiz/3-43.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_44_input {
		background: url(/images/quiz/3-44.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_45_input {
		background: url(/images/quiz/3-45.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.color_45_input {
		background: url(/images/quiz/3-45.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_46_input {
		background: url(/images/quiz/3-46.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_47_input {
		background: url(/images/quiz/3-47.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_48_input {
		background: url(/images/quiz/3-48.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_49_input {
		background: url(/images/quiz/3-49.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_50_input {
		background: url(/images/quiz/3-50.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_51_input {
		background: url(/images/quiz/3-51.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_52_input {
		background: url(/images/quiz/3-52.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_53_input {
		background: url(/images/quiz/3-53.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_54_input {
		background: url(/images/quiz/3-54.png) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_55_input {
		background: url(/images/quiz/3-55.png) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_56_input {
		background: url(/images/quiz/3-56.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_57_input {
		background: url(/images/quiz/3-57.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_58_input {
		background: url(/images/quiz/3-58.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_59_input {
		background: url(/images/quiz/3-59.png) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_60_input {
		background: url(/images/quiz/3-60.png) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_61_input {
		background: url(/images/quiz/3-61.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_62_input {
		background: url(/images/quiz/3-62.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_63_input {
		background: url(/images/quiz/3-63.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_64_input {
		background: url(/images/quiz/3-64.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_65_input {
		background: url(/images/quiz/3-65.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_66_input {
		background: url(/images/quiz/3-66.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_67_input {
		background: url(/images/quiz/3-67.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_68_input {
		background: url(/images/quiz/3-68.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.color_69_input {
		background: url(/images/quiz/3-69.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}


	/*4*/

	.colors_1_input {
		background: url(/images/quiz/4-1.png) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.colors_2_input {
		background: url(/images/quiz/4-2.png) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.colors_3_input {
		background: url(/images/quiz/4-3.png) no-repeat;
		background-size: cover;
		height: 200px;
	}

	/*5*/

	.material_1_input {
		background: url(/images/quiz/5-1.png) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_2_input {
		background: url(/images/quiz/5-2.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_3_input {
		background: url(/images/quiz/5-3.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_4_input {
		background: url(/images/quiz/5-4.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_5_input {
		background: url(/images/quiz/5-5.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.material_6_input {
		background: url(/images/quiz/5-6.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_7_input {
		background: url(/images/quiz/5-7.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_8_input {
		background: url(/images/quiz/5-8.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_9_input {
		background: url(/images/quiz/5-9.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_10_input {
		background: url(/images/quiz/5-10.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_11_input {
		background: url(/images/quiz/5-11.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_12_input {
		background: url(/images/quiz/5-12.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_13_input {
		background: url(/images/quiz/5-13.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_14_input {
		background: url(/images/quiz/5-14.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_15_input {
		background: url(/images/quiz/5-15.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_16_input {
		background: url(/images/quiz/5-16.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_17_input {
		background: url(/images/quiz/5-17.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_18_input {
		background: url(/images/quiz/5-18.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_19_input {
		background: url(/images/quiz/5-19.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_20_input {
		background: url(/images/quiz/5-20.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_21_input {
		background: url(/images/quiz/5-21.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_22_input {
		background: url(/images/quiz/5-22.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_23_input {
		background: url(/images/quiz/5-23.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_24_input {
		background: url(/images/quiz/5-24.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_25_input {
		background: url(/images/quiz/5-25.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_26_input {
		background: url(/images/quiz/5-26.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_27_input {
		background: url(/images/quiz/5-27.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.material_28_input {
		background: url(/images/quiz/5-28.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.material_29_input {
		background: url(/images/quiz/5-29.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.material_30_input {
		background: url(/images/quiz/5-30.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.material_31_input {
		background: url(/images/quiz/5-31.jpg) no-repeat;
		background-size: cover;
		height: 200px;
	}


	/*6*/

	.forma_1_input {
		background: url(/images/quiz/6-1.png) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.forma_2_input {
		background: url(/images/quiz/6-2.png) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.forma_3_input {
		background: url(/images/quiz/6-3.png) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.forma_4_input {
		background: url(/images/quiz/6-4.png) no-repeat;
		background-size: cover;
		height: 200px;
	}

	/*7*/

	.opori_1_input {
		background: url(/images/quiz/7-1.png) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.opori_2_input {
		background: url(/images/quiz/7-2.png) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.opori_3_input {
		background: url(/images/quiz/7-3.png) no-repeat;
		background-size: cover;
		height: 200px;
	}
	.opori_4_input {
		background: url(/images/quiz/7-4.png) no-repeat;
		background-size: cover;
		height: 200px;
	}

	.form_style input {
		background: #FFFFFF;
		border: 1px solid #E5E5E5 !important;
		box-sizing: border-box;
		border-radius: 5px !important;
		text-align: left !important;
	}


	.form_style {
		width: 70%;
		display: block;
		height: 48px;
	}


	/*/////*/


	section.quiz {
		background: #cccccc17;
		padding: 35px 50px;
		margin: 40px 0;
		position: relative;
	}

	@media screen and (max-width: 415px) {

		section.quiz {
			padding: 0;
		}

		.col-md-6 {
			max-width: 50% !important;
			-ms-flex: 0 0 50%;
			flex: 0 0 50%;
		}


	}

	label {
		cursor: pointer;
	}




	/*одальное окно*/

	span.forms.zayavka-block.animate-load {
		color: #2db52d;
	}

	#errorfile {
		color: red;
		margin: 10px 0 0 6px;	
	}

	span.nonecessarily {
		display: block;
		font-size: 12px;
		font-weight: normal;
	}

	.add-file .has-ripple {
		z-index: 999;
	}

	.loadfile {
		padding: 10px 20px;
	}

/*	.step-quest {
		display: flex;
		align-items: center;
		justify-content: center;
		}*/


		#purchase {
			display: flex;
			justify-content: center;
		}

		#offic_mebel {
			display: flex;
			justify-content: center;
		}


		span.ili_cal {
			display: block;
			font-size: 15px;
		}
		section.img_choice a {
			color: #777;
			text-decoration: underline;
		}