.section_QLS *,
.section_QLS {
	margin        : 0;
	padding       : 0;
	border        : 0;
	vertical-align: baseline;
	background    : transparent;
	box-sizing    : border-box;
	font-family   : "Museo";
	letter-spacing: 0.5px;
	/* font-weight   : 300; */
	font-size     : 14px;
	color         : #24263F;
}

.section_QLS .df {
	display  : -webkit-flex;
	display  : -moz-flex;
	display  : -ms-flex;
	display  : -o-flex;
	display  : flex;
	flex-wrap: wrap;
}


.section_QLS {
	width     : 100%;
	max-width : 970px;
	box-shadow: 0 0 5px 1px #00000080;
	    position: relative;
    z-index: 100;
    margin: 0px auto;
}

.wrapQLS {}


.section_QLS .steps_QLS {
	display  : flex;
	flex-wrap: wrap;
}

.section_QLS .itemQuiz_QLS.hide {
	display: none;
}

.section_QLS .steps_left_QLS {
	flex            : 1 0 500px;
	background-color: #EFEFF4;
	padding         : 24px 32px;
}

.section_QLS .steps_left_header_QLS {
	/* min-height    : 50px; */
	/* padding    : 5px 15px; */
	display       : flex;
	flex-wrap: wrap;
	align-items   : center;
	margin-top: 10px;
}

.section_QLS .descriptionText_QLS {
	font-size  : 22px;
	line-height: 1.2;

	font-weight: 500;
	color      : rgb(36, 38, 63);

}

.section_QLS .steps_left_body_QLS {
	padding: 10px 0;
}

.section_QLS .steps_left_body_QLS.wrapSteps_QLS_none {
	display: none;
}


.section_QLS .step_QLS {
	/* height: 300px; */
	/* overflow-y: hidden; */
	display: block;
}

.section_QLS .step_QLS.hide {
	display: none;
}

.section_QLS .text_step_prompt_QLS {
	display: none;
}

.section_QLS .questionText_QLS {
	font-size     : 23px;
	color         : #222;
	line-height   : 1.2;
	/* padding    : 5px 12px; */
	/* min-height : 65px; */


	font-weight: 600;
	color      : rgb(36, 38, 63);

}

.section_QLS .wrapAnswer_QLS {
	height         : 300px;
	overflow-y     : auto;
	display        : flex;
	flex-wrap      : wrap;
	align-items    : flex-start;
	align-content  : flex-start;
	justify-content: space-between;
	margin-top: 5px;
}




/* стилизация radio */

.labelCustomRadio,
.labelCustomCheckbox {
	display            : flex;
	align-items        : center;
	position           : relative;
	width              : 200px;
	flex               : 0 0 calc(100% - 2px);
	min-height         : 39px;
	margin             : 7.5px 0;
	border-radius      : 5px;
	background-color   : #fff;
	/* border          : solid 1px transparent; */
	padding            : 3px 6px;
	transition         : 0.2s;
	border-radius      : 4px;

}

.labelCustomRadio:hover,
.labelCustomCheckbox:hover {
	/* box-shadow: 0 0 5px 1px #77777780; */
	cursor    : pointer;
	transition: 0.2s;
}


.labelCustomRadio .labelCustomRadio__input,
.labelCustomCheckbox .labelCustomCheckbox__input {
	opacity : 0;
	position: absolute;
	z-index : -1;
	left    : 7px;
}

.labelCustomRadio .labelCustomRadio__psevdo,
.labelCustomCheckbox .labelCustomCheckbox__psevdo {
	flex        : 0 0 20px;
	margin-right: 15px;
	position    : relative;
	display     : inline-block;
	width       : 20px;
	height      : 20px;
	background  : #fff;

	transition  : 0.2s;
	border: 2px solid #0575F7;
}

.labelCustomRadio .labelCustomRadio__psevdo {
	border-radius: 50%;
}

.labelCustomCheckbox .labelCustomCheckbox__psevdo {}



.labelCustomRadio .labelCustomRadio__input:checked+.labelCustomRadio__psevdo,
.labelCustomCheckbox .labelCustomCheckbox__input:checked+.labelCustomCheckbox__psevdo {
	background: #fff;
	border    : solid 2px #1882ed;
	transition: 0.2s;
}

.labelCustomRadio .labelCustomRadio__input:checked+.labelCustomRadio__psevdo::before {
	content      : '';
	position     : absolute;
	left         : 3px;
	top          : 3px;
	background   : #1882ed;
	width        : 10px;
	height       : 10px;
	border-radius: 50%;
	transition   : 0.2s;
}

.labelCustomCheckbox .labelCustomCheckbox__input:checked+.labelCustomCheckbox__psevdo::before {
	content      : '';
	position     : absolute;
	left         : 1px;
	top          : 4px;
	background   : transparent;
	width        : 12px;
	height       : 4px;
	border       : none;
	border-left  : 2px solid #1882ed;
	border-bottom: 2px solid #1882ed;
	transform    : rotate(-45deg);
	transition   : 0.2s;
}




.labelCustomRadio .labelCustomRadio__psevdo_border,
.labelCustomCheckbox .labelCustomCheckbox__psevdo_border {
	/* border    : solid 1px #88888880; */
	border       : 2px solid #efeff4;
	border-radius: 4px;
	position     : absolute;
	width        : calc(100% + 4px);
	height       : calc(100% + 4px);
	z-index      : 5;
	left         : -2px;
	top          : -2px;
	transition   : 0.2s;
}

.labelCustomRadio .labelCustomRadio__input:checked~.labelCustomRadio__psevdo_border,
.labelCustomCheckbox .labelCustomCheckbox__input:checked~.labelCustomCheckbox__psevdo_border {
	/* border    : solid 1px #1882ed; */
	transition: 0.2s;
}


.labelCustomRadio .labelCustomRadio__text,
.labelCustomCheckbox .labelCustomCheckbox__text {
	font-size  : 18px;
	line-height: 1.3;
	text-align : left;
	color      : rgb(36, 38, 63);
	font-weight: 500;


}

/* стилизация radio */




.section_QLS .labelCustomRadio__input_text,
.section_QLS .labelCustomCheckbox__input_text {
	padding    : 4px 10px;
	height     : 32px;
	width      : 220px;
	font-size  : 16px;
	line-height: 1.2;
	position   : relative;
	z-index    : 20;
	transition : 0.2s;
}

.section_QLS .labelCustomRadio__input_text,
.section_QLS .labelCustomCheckbox__input_text,
.section_QLS .inputAnswer_QLS {
	border       : solid #888 1px;
	border-radius: 4px;
	color        : #222;
}

.section_QLS .inputAnswer_QLS {
	height   : 50px;
	padding  : 4px 10px;
	font-size: 20px;
	width    : 100%;

}





.section_QLS .steps_right_QLS {
	padding: 20px;
}


.section_QLS .inputAnswerDate_QLS,
.section_QLS .inputAnswerTime_QLS {
	border       : solid #888 1px;
	border-radius: 4px;
	color        : #222;
	height       : 50px;
	padding      : 4px 10px;
	font-size    : 20px;
}

.section_QLS .inputAnswerDate_QLS {
	width: 200px;
}

.section_QLS .inputAnswerTime_QLS {
	width       : 120px;
	margin-right: auto;
	margin-left : 25px;
}

.section_QLS .labelCustomRadio__input_text:focus,
.section_QLS .labelCustomCheckbox__input_text:focus,
.section_QLS .inputAnswer_QLS:focus,
.section_QLS .inputAnswerTime_QLS:focus,
.section_QLS .inputAnswerDate_QLS:focus {
	outline   : none;
	border    : solid #1882ed 1px;
	box-shadow: 0 0 5px 1px #00000080;
	transition: 0.2s;
}





/* прогресс бар и кнопки */



.section_QLS .steps_left_footer_QLS {
	/* height: 100px; */
	margin-top : auto;
	flex       : 0 0 100%;
	min-width  : 100%;
	align-self : center;
	align-items: center;
	display    : flex;
	flex-wrap  : wrap;
}

.section_QLS .wrapProgressQuiz {
	position: relative;
	flex    : 1 0 50%;
}

/* Линия прогессбара */

.section_QLS .progressQuizWrapLine-1,
.section_QLS .progressQuizWrapLine-2 {
	position: relative;
}

.section_QLS .progressQuizWrapLine-1 {
	z-index   : 20;
	transition: all 0.35s;
}

.section_QLS .progressQuizWrapLine-2 {
	width     : 100%;
	text-align: left;
	margin-top: 10px;
	z-index   : 10;
}

.section_QLS .progressQuizLine-1,
.section_QLS .progressQuizLine-2 {
	border-radius: 10px;
	height       : 5px;
}

.section_QLS .progressQuizLine-1 {
	background: #0575F7;
	position  : absolute;
	z-index   : 20;
	bottom    : 0;
	width     : 0%;
}

.section_QLS .progressQuizLine-2 {
	background-color: #ccc;
	box-shadow      : 0px 1px 4px #E4FBE3;
	width           : 100%;

}



/* кнопки по шагам */

.section_QLS .quizQuestionW__wrap-buttons {
	margin-left: 25px;
}

.section_QLS .quizQuestionW__button-prev {
	height  : 40px;

	position: relative;
	z-index : 10;
	background: rgba(0,0,0,0.12);
	color: #040527;
	border-radius: 4px;
	padding  : 0px 15px 0 40px;
	font-weight: 600;
	font-size      : 18px;
}

.section_QLS .quizQuestionW__button-prev.hide {

	opacity: 0.25;
	transition: 0.3s;
	z-index: -5;
}

.section_QLS .quizQuestionW__button-prev:hover {
	cursor: pointer;
}

.section_QLS .quizQuestionW__button-prev:before,
.section_QLS .quizQuestionW__button-prev:after {
	content : "";
	position: absolute;
	z-index : 15;
	display : block;
}

.section_QLS .quizQuestionW__button-prev:before {
	width           : 12px;
	height          : 2px;
	background-color: #040527;
	top             : 19px;
	left            : 15px;
	transition      : 0.2s;
}

.section_QLS .quizQuestionW__button-prev:hover:before {
	/* background-color: #1d2029;
	transition      : 0.2s; */
}

.section_QLS .quizQuestionW__button-prev:after {
	width        : 7px;
	height       : 7px;
	border       : none;
	top          : 15px;
	left         : 15px;
	border-left  : 2px solid #040527;
	border-bottom: 2px solid #040527;
	transform    : rotate(45deg);
	transition   : 0.2s;
}

.section_QLS .quizQuestionW__button-prev:hover:after {
	/* border-left  : 2px solid #1d2029;
	border-bottom: 2px solid #1d2029;
	transition   : 0.2s; */
}

.section_QLS .quizQuestionW__button-next,
.section_QLS .inputSubmitForm_QLS {
	padding  : 0px 40px 0 15px;
	position       : relative;
	transition     : 0.2s;
	display        : flex;
	height         : 40px;
	font-weight    : 600;
	justify-content: center;
	align-items    : center;
	font-size      : 20px;
	border         : none;
	background     : #0575F7;
	border-radius  : 4px;
	margin         : 0 0 0 10px;
	text-decoration: none;


	color : #fff;
	border: none;


}

.section_QLS .inputSubmitForm_QLS {
	margin       : 0 auto 8px;
	padding-right: 0;
	width: 100%;
}



.section_QLS .quizQuestionW__button-next:active,
.section_QLS .inputSubmitForm_QLS:active {

}

.section_QLS .quizQuestionW__button-next:disabled,
.section_QLS .inputSubmitForm_QLS:disabled {

}

.section_QLS .quizQuestionW__button-next:before,
.section_QLS .quizQuestionW__button-next:after {
	content : "";
	position: absolute;
	z-index : 15;
	display : block;
}

.section_QLS .quizQuestionW__button-next:before {
	width           : 12px;
	height          : 2px;
	background-color: #fff;
	right           : 15px;
	transition      : 0.2s;
}

.section_QLS .quizQuestionW__button-next:hover:before {
	/* background-color: #1d2029;
	transition      : 0.2s; */
}
.section_QLS .quizQuestionW__button-next:hover {
	cursor: pointer;
}

.section_QLS .quizQuestionW__button-next:after {
	width        : 7px;
	height       : 7px;
	border       : none;
	right        : 15px;
	border-left  : 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform    : rotate(-135deg);
	transition   : 0.2s;
}

.section_QLS .quizQuestionW__button-next:hover:after {
	/* border-left  : 2px solid #1d2029;
	border-bottom: 2px solid #1d2029;
	transition   : 0.2s; */
}

.section_QLS .quizQuestionW__button-prev:after,
.section_QLS .quizQuestionW__button-next:after {
	top: 15px;
}

.section_QLS .quizQuestionW__button-prev:before,
.section_QLS .quizQuestionW__button-next:before {
	top: 19px;
}

.section_QLS .quizQuestionW__button-prev:focus,
.section_QLS .quizQuestionW__button-next:focus {
	/* outline: solid 1px #1882ed; */
}

.section_QLS .textProgressQuiz3 {
	color        : #222;
	font-size    : 16px;
	display      : flex;
	margin-bottom: 8px;
}

.section_QLS .textPersent-bar {

	font-weight: 300;
	margin-left: 3px;
	color      : rgb(36, 38, 63);
	opacity    : 0.5;
	font-size  : 18px;
}

/* прогресс бар и кнопки */





/* правый садбар */

.section_QLS .steps_right_QLS {
	flex            : 0 0 250px;
	background-color: #fff;
}

.section_QLS .steps_right_QLS.steps_right_QLS_mobile{
	display: none;
}

.section_QLS .steps_right_header_QLS {
	display      : flex;
	margin-bottom: 25px;
}

.section_QLS .steps_right_header_img_QLS {
	flex         : 0 0 60px;
	height       : 60px;
	max-width    : 100%;
	object-fit   : cover;
	border-radius: 1000px;
	margin-right : 12px;
}

.section_QLS .steps_right_header_manager_QLS {}

.section_QLS .steps_right_header_name_QLS {
	font-size    : 16px;
	line-height  : 1;
	font-weight  : 600;
	margin-bottom: 3px;
	color: rgb(36, 38, 63);
}

.section_QLS .steps_right_header_prof_QLS {
	font-size  : 16px;
	line-height: 1;
	font-weight: 600;
	color: rgb(36, 38, 63);

}

.steps_right_footer_QLS {
	background-color: #fff;
}

.section_QLS .steps_right_footer_prompt_QLS {
	font-size  : 17px;
	color      : #222;
	font-weight: 500;
	line-height: 1.35;
	padding    : 25px 0px 0 0;
	color: rgb(36, 38, 63);
	opacity: 0.6;
	border-top: 2px solid #d8d8d880;

}




.branching_QLS .progressQuizWrapLine-1,
.branching_QLS .progressQuizWrapLine-2 {
	/* display: none; */
}







/* окно для ввода своих данных */

.section_QLS .personalData_QLS,
.section_QLS .afterSending_QLS {
	padding        : 20px;
	min-height     : 380px;
	display        : flex;
	flex-wrap      : wrap;
	justify-content: center;
	align-content  : center;

}

.section_QLS .personalData_QLS{
	background-color: #EFEFF4;
}





.section_QLS .personalData_descrText_QLS {
	text-align : center;
	margin     : 10px 50px 0px;
	margin-bottom: 10px;
	max-width  : 580px;
	width      : 100%;
	font-size  : 23px;
	line-height: 1.2;
	color      : #222222;
	color: rgb(36, 38, 63);
	padding: 0 0px;
	font-weight: 600;
}



.section_QLS .personalData_descrText_QLS.personalData_descrText_QLS_2 {
font-style: italic;
font-weight: 300;
margin-bottom: 30px;
}


.section_QLS .personalData_wrapFields_QLS {
	width     : 100%;
	padding   : 20px 0;
	max-width : 280px;
	margin    : 0 auto;

}

.section_QLS .textAdvancesForm_QLS {
	font-size  : 13px;
	text-align : center;
	color      : #222;
	line-height: 1.1;
}



/* окно для ввода своих данных */





/* popup */

body.modalOpen {
	overflow-y: hidden;
}

.AVPopup {
	position: fixed;
	z-index : 1000;
	left    : 0;
	top     : 0;

	height    : 100vh;
	width     : 100%;
	overflow-y: auto;

	background-color   : rgba(0, 0, 0, 0.8);
	opacity         : 0;
	visibility         : hidden;
	transition         : opacity 0.3s 0s, visibility 0s 0.3s;
	display            : flex;
	flex-wrap          : wrap;
	align-items        : center;
	padding            : 50px 0;

}

.AVPopup.isVisible {
	opacity   : 1;
	visibility: visible;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}

.AVPopup__container {
	position                      : relative;
	width                         : calc(100% - 50px);
	max-width                     : 900px;
	margin                        : 0 auto;
	transform                     : translateY(-40px);
	-webkit-backface-visibility   : hidden;
	-webkit-transition-property   : -webkit-transform;
	transition-property           : transform;
	transition-duration           : 0.3s;
	display                       : flex;
	align-items                   : center;
	box-shadow                    : 0 0 5px 1px #00000080;
	background-color              : #fff;
	/* padding                    : 50px 40px; */
}

.isVisible .AVPopup__container {
	transform: translateY(0);
}

.AVPopup__container .AVPopup__close {
	position        : absolute;
	z-index: 115;
	top             : -20px;
	
	right           : -20px;
	width           : 40px;
	height          : 40px;
	background-color: #fff;
	border-radius   : 100px;
	opacity         : 1;
	transition      : 0.2s;
}

.AVPopup__container .AVPopup__close:hover {
	opacity   : 0.8;
	transition: 0.2s;
	cursor    : pointer;
}



.AVPopup__container .AVPopup__close::before,
.AVPopup__container .AVPopup__close::after {
	content         : "";
	position        : absolute;
	top             : 20px;
	width           : 25px;
	height          : 2px;
	background-color: #333;


}

.AVPopup__container .AVPopup__close::before {
	transform: rotate(45deg);
	left     : 8px;
}

.AVPopup__container .AVPopup__close::after {
	transform: rotate(-45deg);
	right    : 8px;
}



.AVPopup__content {}

/* popup end */







/* после отправки */

.section_QLS .afterSending_QLS {
	background-color: #EFEFF4;
	padding: 75px 0;
}

.section_QLS .afterSending_text1_QLS {
	flex         : 0 0 100%;
	text-align   : center;
	font-size    : 28px;
	line-height  : 1;
	color        : #222;
	margin-bottom: 40px;
}

.section_QLS .afterSending_text2_QLS {
	flex       : 0 0 100%;
	text-align : center;
	font-size  : 22px;
	line-height: 1;
	color      : #222;
}


/* после отправки */






.section_QLS .inputFormUser {
	position     : relative;
	display      : block;
	width        : 100%;
	max-width    : 280px;
	height       : 40px;
	padding      : 4px 10px;
	font-size    : 16px;
	font-weight  : 300;
	color        : #222222;
	line-height  : 1.2;
	background-color: #fff;
	border-radius: 4px;
	cursor       : pointer;
	border       : solid 1px #88888880;
	transition   : all 0.3s;
	margin       : 0px auto 12px;
}

.section_QLS .inputFormUser:focus {
	border    : solid #1882ed 1px;
	transition: all 0.3s;
	outline   : none;
}


.section_QLS .inputFormUserTelUser{
	padding-left: 30px;
	background-repeat: no-repeat;
	background-size: 30px auto;
	background-position: center left;
}

.section_QLS .inputFormUserTelUser.type_1{
	background-image: url('../quizm1__img/icon1.png');
}
.section_QLS .inputFormUserTelUser.type_2{
	background-image: url('../quizm1__img/icon2.png');
}
.section_QLS .inputFormUserTelUser.type_3{
	background-image: url('../quizm1__img/icon3.png');
	background-size: 22px auto;
	background-position: center left 4px;


}









.quizm1__sale{
	background: rgb(255, 230, 132);
	font-size: 18px;
	text-align: center;
	font-weight: 900;
	padding: 10px;
	flex: 1 0 100%;
	margin-bottom: 10px;
	border-radius: 5px;
}

.quizm1__sale_personal{
	padding: 5px;
	margin-bottom: 22px;
}


.typeCall__text{
	font-size: 11px;
	font-weight: 600;
	margin-bottom: 5px;
	text-align: center;
	text-transform: uppercase;
}

.typeCall__wrapBtn{
	justify-content: center;
	margin-bottom: 8px;
	margin-top: 4px;
}

.typeCall__Btn{
	flex: 0 0 30px;
	margin: 0 5px;
	height: 30px;
	background-color: #ffffff;
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	transition: 0.2s;

}

.typeCall__Btn:hover,
.typeCall__Btn_active{
	background-color: #ffe091;
	transition: 0.2s;
	cursor: pointer;

}




.typeCall__Btn_1{
	background-image: url('../quizm1__img/icon1.png');
}
.typeCall__Btn_2{
	background-image: url('../quizm1__img/icon2.png');
}
.typeCall__Btn_3{
	background-image: url('../quizm1__img/icon3.png');
	background-size: 75% auto;

}






@media only screen and (max-width : 1199px) {}

@media only screen and (max-width : 991px) {
	.section_QLS .steps_left_QLS {
		flex: 1 0 100%;
	}

	.section_QLS .steps_right_QLS {
		flex: 1 0 100%;

	}

	.section_QLS .wrapAnswer_QLS {
		height: auto;
	}

	.section_QLS .steps_right_QLS.steps_right_QLS_mobile{
		display: block;
		border-radius: 0 0 4px 4px;
		padding-top: 0;

	}
	.section_QLS .steps_right_QLS.steps_right_QLS_pk{
		display: none;
	}



	.descriptionText_QLS{
		flex: 1 0 100%;
		padding: 20px;
	}

	.steps_left_header_QLS{
		background-color: #fff;
		border-radius: 4px;
		margin-bottom: 5px;
	}

	.AVPopup__container{
		width: 100%;
	}

	.section_QLS .steps_left_QLS{
		padding-top: 50px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.AVPopup__container .AVPopup__close{
		top: 10px;
		right: 10px;
		background-color: transparent;
	}

	.section_QLS .steps_right_footer_prompt_QLS{
		padding-top: 20px;
	}

	.section_QLS .steps_right_header_QLS{
		margin-bottom: 20px;
	}

	.section_QLS .steps_left_footer_QLS{
		margin-top: 15px;
	    margin-bottom: 110px;
	}

	.section_QLS .quizQuestionW__wrap-buttons{
		margin-top: 20px;
		margin-bottom: 0;
		flex           : 1 0 50%;
		justify-content: right;
	}


}



@media only screen and (max-width : 767px) {
	.section_QLS .quizQuestionW__wrap-buttons {

	}

	.AVPopup{
		padding: 0;
	}


}

@media only screen and (max-width : 575px) {
	.section_QLS .labelCustomRadio {
		/* flex: 0 0 calc(100% - 2px); */
	}


	.section_QLS .steps_right_QLS {
		padding: 20px 10px;
	}

	.section_QLS .personalData_descrText_QLS{
		margin-left: 20px;
		margin-right: 20px;
		font-size: 19px;
	}
}

@media only screen and (max-width : 480px) {}

@media only screen and (max-width : 375px) {}