:root {
	--info-block-bg: linear-gradient(180deg, #0B92A3 0%, #FB6A95 100%), linear-gradient(180deg, #1E1E3E 0.01%, #D13980 100%);
	--quiz-block-bg: #ffffff;
	/*--quiz-block-bg: #F2F2F2;*/
	/*--quiz-block-bg: #E8E9EA;*/

	--procces-bg: linear-gradient(90deg, rgba(0, 103, 213, 0.5) 0%, rgba(0, 103, 213, 0.025) 100%), linear-gradient(135deg, #FFFFFF 0%, #F2F2F2 100%);
	--procces-shadow: -1px 1px 2px rgba(214, 214, 214, 0.2), 1px -1px 2px rgba(214, 214, 214, 0.2), -1px -1px 2px rgba(255, 255, 255, 0.9), 1px 1px 3px rgba(214, 214, 214, 0.9), inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(214, 214, 214, 0.5);

	--question-bg: #FCECF3;
	/*--question-bg: #F2F2F2;*/
	/*--question-shadow: -6px 6px 12px rgba(224, 228, 231, 0.2), 6px -6px 12px rgba(224, 228, 231, 0.2), -6px -6px 12px rgba(248, 252, 255, 0.9), 6px 6px 15px rgba(224, 228, 231, 0.9), inset 1px 1px 2px rgba(248, 252, 255, 0.3), inset -1px -1px 2px rgba(224, 228, 231, 0.5);*/
	/*--question-shadow: -6px 6px 5px rgba(235, 239, 242, 0.5), 6px -6px 12px rgba(242, 244, 244, 0.5), -6px -6px 8px rgba(245, 245, 245, 0.9), 6px 6px 10px rgba(195, 201, 206, 0.8), inset 1px 1px 2px rgba(248, 252, 255, 0.3), inset -1px -1px 2px rgba(224, 228, 231, 0.5);*/
	--question-shadow: -6px 6px 5px rgba(224, 231, 236, 0.5), 2px -2px 3px rgba(242, 244, 244, 0.5), -2px -2px 2px 2px rgba(255, 255, 255, 0.7), 2px 2px 2px 4px rgba(195, 201, 206, 0.8), inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(224, 228, 231, 0.5);
	--question-br: 18px;
	--question-img-shadow: -6px 6px 12px rgba(224, 228, 231, 0.2), 6px -6px 12px rgba(224, 228, 231, 0.2), -6px -6px 12px rgba(248, 252, 255, 0.9), 6px 6px 15px rgba(224, 228, 231, 0.9), inset 1px 1px 2px rgba(248, 252, 255, 0.3), inset -1px -1px 2px rgba(224, 228, 231, 0.5);

	--progress-bg: #ECF0F3;
	--progress-shadow: 1px 1px 2px rgba(250, 254, 255, 0.3), -1px -1px 2px rgba(222, 226, 228, 0.5), inset -1px 1px 2px rgba(222, 226, 228, 0.2), inset 1px -1px 2px rgba(222, 226, 228, 0.2), inset -1px -1px 2px rgba(250, 254, 255, 0.9), inset 1px 1px 3px rgba(222, 226, 228, 0.9);
	--progress-span-bg: linear-gradient(90deg, #FB6A95 0%, rgba(254, 255, 204, 0) 100%);
	--progress-span-shadow: -1px 1px 2px rgba(214, 214, 214, 0.2), 1px -1px 2px rgba(214, 214, 214, 0.2), -1px -1px 2px rgba(255, 255, 255, 0.9), 1px 1px 3px rgba(214, 214, 214, 0.9), inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(214, 214, 214, 0.5);

	--base-color: #D13980;
	--color-white: #ffffff;
	--color-black: #000000;
	--color-greey: #6E7686;
	--color-base: #D13980;

	--runnable-track: "";
}

.quiz-block.dn {
	display: none;
}
.quiz__svg-sprite {
	display: none;
}
.quiz,
.quiz *,
.quiz_wrap__success,
.quiz_wrap__success * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

/*.question {*/
/*  background-color: var(--question-bg);*/
/*  box-shadow: var(--question-shadow);*/
/*  border-radius: 18px;*/
/*}*/

.quiz,
.quiz_wrap__success {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	letter-spacing: normal;
}

.quiz.send {
	background: var(--info-block-bg);
	-webkit-box-orient: initial;
	-webkit-box-direction: initial;
	-ms-flex-direction: initial;
	flex-direction: initial;
	padding: 15px;
}

.quiz_wrap {
	overflow-y: auto;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/* width: 100%; */
	/* height: 100%; */
	z-index: 999999;
	background-color: rgba(0, 0, 0, 0.5);
	display: none;
}
.close-quiz,
.close-success{
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9999999;
	width: 20px;
	height: 20px;
	cursor: pointer;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
}
.quiz {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/* width: 1493px; */
	width: 85%;
	max-width: 1200px;
	/*height: 848px;*/
	min-height: 650px;
	position: relative;
	z-index: 9999999;
	margin: auto;
}
.quiz.dn {
	display: none;
}

/* quiz-main start */
.quiz-main {
	width: 100%;
	/* max-width: 1116px; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background-color: var(--quiz-block-bg);
	padding: 20px 75px;
}
.quiz-main.dn {
	display: none;
}
.quiz-main__top {
	position: relative;
}
.quiz-main__progress {
	width: 100%;
	height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 5px;
	padding-right: 5px;
	background: var(--progress-bg);
	-webkit-box-shadow: var(--progress-shadow);
	box-shadow: var(--progress-shadow);
	border-radius: 100px;
	margin-bottom: 30px;
}
.quiz-main__progress span {
	display: block;
	text-align: right;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.25px;
	color: var(--color-base);
	background: var(--progress-span-bg);
	-webkit-box-shadow: var(--progress-span-shadow);
	box-shadow: var(--progress-span-shadow);
	border-radius: 45px;
	padding-right: 5px;
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.quiz-main__question {
	/*position: absolute;*/
	/*top: 60px;*/
	/*right: 0;*/
	/*bottom: 0;*/
	/*left: 0;*/
	width: 100%;
	/*height: min-content;*/
	/*visibility: visible;*/
	/*opacity: 1;*/
	/*transition: all 0.5s ease;*/
}
.quiz-main__question.dn {
	display: none;
	/*visibility: hidden;*/
	/*opacity: 0;*/
}
.quiz-main__title {
	position: relative;
	z-index: 5;
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
	color: var(--color-greey);
	margin-bottom: 30px;
}
.quiz-main__title-num {
	display: inline-block;
	margin-right: 5px;
}
.quiz-main__link {
	position: relative;
	z-index: 5;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 45px;
}
.quiz-main__link.end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.quiz-main__link.start {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.quiz-main__link-prev {
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 150%;
	/*display: -webkit-box;*/
	/*display: -ms-flexbox;*/
	/*display: -webkit-flex;*/
	/*display: flex;*/
	/*-webkit-box-align: center;*/
	/*-ms-flex-align: center;*/
	/*-webkit-align-items: center;*/
	/*align-items: center;*/
	/*-webkit-box-pack: center;*/
	/*-ms-flex-pack: center;*/
	/*-webkit-justify-content: center;*/
	/*justify-content: center;*/
	letter-spacing: 0.02em;
	color: #6E7686;
	border: none;
	background: none;
	cursor: pointer;
}
.quiz-main__link-prev.dn {
	display: none;
}
.quiz-main__link-prev svg {
	margin-right: 10px;
}
.quiz-main__link-next {
	width: 125px;
	height: 45px;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 150%;
	/*display: -webkit-box;*/
	/*display: -ms-flexbox;*/
	/*display: -webkit-flex;*/
	/*display: flex;*/
	/*-webkit-box-align: center;*/
	/*-ms-flex-align: center;*/
	/*-webkit-align-items: center;*/
	/*align-items: center;*/
	/*-webkit-box-pack: center;*/
	/*-ms-flex-pack: center;*/
	/*-webkit-justify-content: center;*/
	/*justify-content: center;*/
	letter-spacing: 0.02em;
	color: #ffffff;
	background: var(--color-base);
	-webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
	border-radius: 2px;
	border: none;
	cursor: pointer;
}
.quiz-main__link-next:disabled {
	opacity: 0.5;
}
.quiz-main__link-next.dn {
	display: none;
}
.quiz-main__link-next svg {
	margin-left: 10px;
}
/* quiz-main end */

/* answer start */








/* answer-area start */
.answer-area {

}
.answer-area.dn {
	display: none;
}
.answer-area__info {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 150%;
	color: var(--color-black);
}

/* ************* */
.marked {
	position: absolute;
	width: 39px;
	height: 39px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: #FFFFFF;
	border: 1px solid rgba(110, 118, 134, 0.5);
	border-radius: 50%;
}
.marked svg {
	display: none;
}

/* ************* */

.answer-big {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.answer-big label {
	width: 43%;
	margin-right: 80px;
	margin-bottom: 30px;
}
.answer-big label:nth-child(even) {
	margin-right: 0;
}
.answer-big.empt label {
	/*margin-bottom: 45px;*/
}
.answer-big.empt.column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.answer-big.empt.column label {
	margin-right: 0;
}
.answer-small {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
}
.answer-small label {
	width: 27%;
	margin-right: 60px;
	margin-bottom: 30px;
}
.answer-small label:nth-child(3n+3) {
	margin-right: 0;
}

.quiz-main__answer-image__label {
	position: relative;
	border-radius: var(--question-br);
	background-color: var(--question-bg);
	-webkit-box-shadow: var(--question-shadow);
	box-shadow: var(--question-shadow);
	padding: 10px 15px 30px 15px;
	cursor: pointer;
}
.answer-small .quiz-main__answer-image__label {
	padding: 10px 10px 10px 10px;
}
.quiz-main__answer-image__label .marked {
	top: 15px;
	left: 20px;
}
.answer-small .quiz-main__answer-image__label .marked {
	top: 15px;
	left: 15px;
}
.quiz-main__answer-image__input {
	display: none;
}
.quiz-main__answer-image__input:checked ~ .marked svg {
	display: block;
}
.quiz-main__answer-image__img {
	width: 100%;
	-webkit-box-shadow: var(--question-img-shadow);
	box-shadow: var(--question-img-shadow);
	border-radius: var(--question-br);
	margin-bottom: 15px;
}
.answer-small .quiz-main__answer-image__img {
	margin-bottom: 5px;
}
.quiz-main__answer-image__desc {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: var(--color-greey);
}
.answer-small .quiz-main__answer-image__desc {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.25px;
}

/* ************* */

.quiz-main__answer-empty__label {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 60px;
	border-radius: var(--question-br);
	background-color: var(--question-bg);
	-webkit-box-shadow: var(--question-shadow);
	box-shadow: var(--question-shadow);
	padding: 10px 0;
	cursor: pointer;
}
.quiz-main__answer-empty__label .marked {
	top: 10px;
	left: 20px;
}
.quiz-main__answer-empty__input {
	display: none !important;
}
.quiz-main__answer-empty__input:checked ~ .marked svg {
	display: block;
}
.quiz-main__answer-empty__desc {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: var(--color-greey);
	margin-left: 75px;
}

/* ************* */

.quiz-main__answer-input-area-number__label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-bottom: 35px;
}
.quiz-main__answer-input-area-number__label span {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 150%;
	color: var(--color-black);
}
.quiz-main__answer-input-area-number {
	width: 95px;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 150%;
	color: var(--color-black);
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 2px;
	padding: 10px 5px;
	margin-right: 6px;
}
.quiz-main__answer-input-area-number:focus {
	outline: none;
}

/* ************* */

.quiz-main__answer-input-area-range {
	-webkit-tap-highlight-color: transparent;
	-webkit-appearance: none;
	width: 100%;
	height: 10px;
	background-color: transparent;
	margin-bottom: 15px;
	background-image: var(--runnable-track);
}
.quiz-main__answer-input-area-range:focus {
	outline: none;
}
.quiz-main__answer-input-area-range::-ms-track {
	width: 100%;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}
.quiz-main__answer-input-area-range::-webkit-slider-thumb {
	/*cursor: ew-resize;*/
	-webkit-appearance: none;
	border: 1px solid var(--color-base);
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: var(--color-base);
	-webkit-box-shadow: inset 0px 0px 0px 5px var(--color-white);
	box-shadow: inset 0px 0px 0px 5px var(--color-white);
	cursor: pointer;
	margin-top: -5px;
}
.quiz-main__answer-input-area-range::-moz-range-thumb {
	border: 1px solid var(--color-base);
	height: 20px;
	width: 20px;
	border-radius: 50%;
	cursor: pointer;
	background: var(--color-base);
	box-shadow: inset 0px 0px 0px 5px var(--color-white);
}
.quiz-main__answer-input-area-range::-ms-thumb {
	border: 1px solid var(--color-base);
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: var(--color-base);
	box-shadow: inset 0px 0px 0px 5px var(--color-white);
	cursor: pointer;
}
.quiz-main__answer-input-area-range::-webkit-slider-runnable-track {
	-webkit-appearance: none;
	width: 100%;
	height:10px;
	cursor: pointer;
	background-color: #F3F4F6;
	/*background: #FFFFFF;*/
	/*color: red;*/
	border-radius: 2px;
	background-image: var(--runnable-track);
}

.quiz-main__answer-input-area-range:focus::-webkit-slider-runnable-track {
	background-color: #F3F4F6;
	/*background: #FFFFFF;*/
	background-image: var(--runnable-track);
}
.quiz-main__answer-input-area-range::-moz-range-track {
	width: 100%;
	height: 10px;
	cursor: pointer;
	/*background: #F3F4F6;*/
	background-color: #F3F4F6;
	/*background: #FFFFFF;*/
	/*background: var(--color-base);*/
	border-radius: 2px;
}
.quiz-main__answer-input-area-range::-ms-track {
	width: 100%;
	height: 10px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	/*border-width: 16px 0;*/
	color: transparent;
}
.quiz-main__answer-input-area-range::-ms-fill-lower {
	background-color: var(--color-base);
	height: 10px;
	border-radius: 2px;
}
.quiz-main__answer-input-area-range:focus::-ms-fill-lower {
	background-color: var(--color-base);
	height: 10px;
	border-radius: 2px;
}
.quiz-main__answer-input-area-range::-ms-fill-upper {
	background-color: #F3F4F6;
	/*background: #FFFFFF;*/
	border-radius: 2px;
}
.quiz-main__answer-input-area-range:focus::-ms-fill-upper {
	background-color: #F3F4F6;
	/*background: #FFFFFF;*/
}
.quiz-main__answer-input-area-range::-moz-range-progress {
	background-color: var(--color-base);
	height: 10px;
	border-radius: 2px;
}






:root {
	/* переменные для цвета шрифта и другой косметики */
	/* переменные для остановки цвета градиента и размера ползунков */
	--accentcolor: var(--color-base);
	--accentcoloralpha: var(--color-base);
	/*--maxwidth: 800px;*/
	--lineheight: 1.3;
	--thumbsize: 20px;
	--tracksize: 100%;
	--trackheight: 10px;
	--trackradius: 6px;
	--innertrackradius: 4px;
}
/* Макет сетки с медиа-запросами следует */
/* Затем косметические стили для обертки, заголовков, содержимого и т. Д. */
/* Вот в чем суть дела. */
.rangepresenter {
	width:var(--tracksize);
	height:auto;
}
/* Ширина регулируется для вертикальных ползунков и указывается высота. */
/* Относительное положение важно для создания контекста позиционирования для
вертикальный ползунок, который будет вращаться. */
.rangepresenter.verticalsliders {
	max-width:calc(var(--tracksize) / 2);
	min-height:calc(var(--tracksize) + 60px);
	position:relative;
}
/* Относительное положение для rangewrapper важно для обеспечения контекста позиционирования
для бегунка и текста значения. Он также обеспечивает цвет фона для дорожки ползунка. */
.rangewrapper {
	/*line-height:var(--lineheight);*/
	border:2px solid var(--maincolor);
	border-radius:var(--trackradius);
	margin:20px 0 40px 0;
	padding:0;
	position:relative;
	width:var(--tracksize);
	height:var(--trackheight);
	overflow:visible;
	background-color: #F3F4F6;
}
/* Класс rangewrapper поворачивается по вертикали. В таком случае позиция должна быть
рассчитывается таким образом, чтобы после преобразования он выглядел центрированным. */
.rangewrapper.vertical{
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	position:absolute;
	top:calc( (var(--tracksize) / 2) + 30px);
	left:-50%;
	margin:0;
}
/* Радиус границы для внутренней заливки дорожки ползунка немного меньше
чем радиус границы для охватывающего div rangewrapper. */
.sliderfill {
	border:0 none;
	border-radius:var(--innertrackradius);
	margin:0;
	padding:0;
	height:100%;
}
/* Sliderthumb использует изображение, и его абсолютное положение определяется расчетом.
Для событий указателя установлено значение none, поэтому перетаскивание ползунка ввода диапазона не будет блокироваться.
Мы будем использовать javascript, чтобы слайдер всегда появлялся в одном и том же месте.
как ползунок ввода реального диапазона. */
.sliderthumb {
	width: var(--thumbsize);
	height: var(--thumbsize);
	/*background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/358203/thumb.png');*/
	/*background-size: 100% 100%;*/
	/*background-repeat: no-repeat;*/
	/*background-color:transparent;*/
	position:absolute;
	left:0;
	top: calc( ( (var(--thumbsize) - var(--trackheight) ) / -2) - 1px );
	border:0 none;
	padding:0;
	pointer-events:none;



	border: 1px solid var(--color-base);
	height: 20px;
	width: 20px;
	border-radius: 50%;
	cursor: pointer;
	background: var(--color-base);
	-webkit-box-shadow: inset 0px 0px 0px 5px var(--color-white);
	box-shadow: inset 0px 0px 0px 5px var(--color-white);
}
/* Значение ползунка всегда отображает текущее значение ползунка и является
позиционируется абсолютно так же, как ползунок. */
.slidervalue {
	width:var(--thumbsize);
	height:var(--thumbsize);
	line-height:var(--thumbsize);
	position:absolute;
	left:calc(50% - (var(--thumbsize)/2));
	top:calc(((var(--thumbsize) - var(--trackheight))/-2) - 2px);
	color:white;
	font-family:var(--mainfont);
	font-size:1.1rem;
	font-weight:normal;
	border:0 none;
	pointer-events:none;
}
/* Когда ползунок находится в вертикальном положении, нам нужно компенсировать поворот текста на 90 градусов. */
.vertical .slidervalue {
	-webkit-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}
/* Класс customrange устанавливает для каждого входа диапазона низкую непрозрачность. */
.customrange {
	position: absolute;
	cursor:pointer;
	height:100%;
	width:var(--tracksize);
	/*opacity:0.05;*/
}






/* answer-area end */


/* answer start */








/* quiz-info start */
.quiz-info {
	position: relative;
	width: 290px;
	min-width: 290px;
	background: var(--info-block-bg);
	padding: 15px 15px 0 15px;
}
.quiz-info.dn {
	display: none;
}
.quiz-info__block {
	/*position: absolute;*/
	/*top: 15px;*/
	/*right: 15px;*/
	/*bottom: 0;*/
	/*left: 15px;*/
	/*width: 100%;*/
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	/* -webkit-box-pack: justify; */
	/* -ms-flex-pack: justify; */
	/* justify-content: space-between; */
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	/*visibility: visible;*/
	/*opacity: 1;*/
	/*transition: all 0.5s ease;*/
}
.quiz-info__block.dn {
	display: none;
	/*visibility: hidden;*/
	/*opacity: 0;*/
}
.quiz-info__manager {

}
.quiz-info__manager-img {
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	margin: 0 auto 10px auto;
}
.quiz-info__manager-title {
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 13px;
	text-align: center;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	color: var(--color-black);
	margin-bottom: 5px;
}
.quiz-info__manager-name {
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
	color: var(--color-white);
	margin-bottom: 5px;
}
.quiz-info__manager-desc {
	position: relative;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 17px;
	color: var(--color-greey);
	background-color: var(--quiz-block-bg);
	border-radius: 10px;
	padding: 5px 10px;
	margin-top: 25px;
}
.quiz-info__manager-desc:before {
	position: absolute;
	content: "";
	top: -35px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border: 15px solid transparent;
	border-bottom: 25px solid var(--quiz-block-bg);
}
.quiz-info__present {

}
.quiz-info__present-title {
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 150%;
	letter-spacing: 0.02em;
	color: var(--color-white);
	margin-bottom: 15px;
}
.quiz-info__present-title span {
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
}
.quiz-info__present-img {
	display: block;
}
.quiz-info__block.send {
	max-width: 542px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	/* margin: 0 auto; */
	margin: auto;
}
quiz-info__block-send__info {
	display: block;
}
.quiz-info__block-send__info-text {
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 150%;
	text-align: center;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--color-white);
	margin-bottom: 20px;
}
.quiz-info__block-send__info-img {
	display: block;
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}
/* quiz-info end */

/* answer__image start */
.answer__image {
	position: absolute;
	width: 100%;
	right: -75px;
	bottom: -151px;
	z-index: 0;
}
.answer__image-img {
	display: block;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: right;
	object-position: right;
}
/* answer__image end */

/* quiz-info__block-send start */
.quiz-info__block-send {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 20px;
}
.quiz-info__block-send.dn {
	display: none;
}
.quiz-info__block-send__title {
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	line-height: 37px;
	text-align: center;
	color: var(--color-white);
	margin-bottom: 30px;
}
.quiz-info__block-send__input {
	width: 290px;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 150%;
	color: var(--color-greey);
	background: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.12);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
	padding: 12px 15px;
	/*margin-bottom: 15px;*/
	margin: 0 auto 15px auto;
}
.quiz-info__block-send__input:focus {
	outline: none;
}
.quiz-info__block-send__input[placeholder]          {
	color: #757575;
	opacity: 1;
}
.quiz-info__block-send__input::-moz-placeholder     {
	color: #757575;
	opacity: 1;
}
.quiz-info__block-send__input:-moz-placeholder      {
	color: #757575;
	opacity: 1;
}
.quiz-info__block-send__input:-ms-input-placeholder {
	color: #757575;
	opacity: 1;
}

.quiz-info__block-send__pp {
	max-width: 290px;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 150%;
	text-align: center;
	color: var(--color-white);
	opacity: 0.64;
	margin: 0 auto;
}
.quiz-info__block-send__pp a {
	color: var(--color-white);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.quiz-info__block-send__pp a:hover {
	text-decoration: none;
}

/* ************* */

/* error start */
div.error {
	text-align: center;
	color: red;
}
input.err {
	border: 1px solid red;
}
/* error end */

.svgSend{
	margin: 0 auto;
}


/* success start */
.quiz_wrap__success {
	width: 85%;
	max-width: 1200px;
	min-height: 650px;
	position: relative;
	z-index: 9999999;
	background: var(--info-block-bg);
	padding: 50px 15px;
	margin: auto;
}
.quiz_wrap__success.dn {
	display: none;
}
.quiz_wrap__success-content {
	max-width: 540px;
	margin: 0 auto;
}
.quiz_wrap__success-content__title {
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	line-height: 44px;
	text-align: center;
	color: var(--color-white);
	margin-bottom: 30px;
}
.quiz_wrap__success-content__desc-title {
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 150%;
	text-align: center;
	letter-spacing: 0.02em;
	color: var(--color-white);
}
.quiz_wrap__success-content__desc {
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-white);
	margin-bottom: 60px;
}
.quiz_wrap__success-content__img {
	width: 100%;
	max-width: 271px;
	margin: 0 auto;
	display: block;
}
/* success end */


@media (max-width: 1260px) {
	.answer-small label {
		width: 26%;
	}
}

@media (max-width: 1200px) {
	.quiz,
	.quiz_wrap__success {
		width: 100%;
	}
}
@media (max-width: 1140px) {
	.quiz {
		min-height: 500px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.quiz-info {
		width: 100%;
		padding-left: 75px;
		padding-right: 75px;
	}
	.quiz-info__manager,
	.quiz-info__present-img,
	.answer__image-img {
		display: none;
	}
	.quiz-main {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}
}
@media (max-width: 1012px) {
	.answer-big label {
		width: 42%;
	}
}

@media (max-width: 870px) {
	.answer-big {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.quiz-main__answer-image__label {
		margin-right: 0;
	}
	.answer-small label {
		width: 180px;
		margin-right: 30px;
	}
	.answer-small label:nth-child(3n+3) {
		margin-right: 30px;
	}
	.answer-big label {
		margin-right: 0;
		width: 300px;
	}
	.quiz-info__block-send__title {
		font-size: 24px;
		line-height: 29px;
	}
	.quiz-info__block-send__info-text {
		font-size: 14px;
		line-height: 150%;
	}
}

@media (max-width: 850px) {
	.answer-small label:nth-child(even) {
		/*margin-right: 0;*/
	}
}

@media (max-width: 750px) {
	.answer-small label:nth-child(even) {
		margin-right: 0;
	}
}

@media (max-width: 570px) {
	.quiz-main {
		padding-left: 15px;
		padding-right: 15px;
	}
	.quiz-info {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 450px) {
	.answer-big label {
		width: 100%;
	}
	.answer-small label {
		width: 100%;
		margin-right: 0;
	}
	.answer-small label:nth-child(3n+3) {
		margin-right: 0;
	}
}

body.lock {
	overflow: hidden;
}

.quiz-gange__price {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5;
	color: #000000;

	display: inline-flex;
	align-items: flex-end;
	margin-bottom: 30px;
}

.quiz-gange__value {
	display: inline-flex;
	align-items: center;
	margin-right: 5px;

	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
	color: #3d434f;
}

.quiz-gange  .noUi-horizontal {
	height: 10px;
	margin-bottom: 10px;
}

.quiz-gange .noUi-target {
	border: none;
	background-color: #F3F4F6;
}

.quiz-gange .noUi-connect {
	background-color: #D13980;
}

.quiz-gange .noUi-handle {
	box-sizing: border-box;
	width: 22px;
	height: 22px;

	background-color: #ffffff;
	border-radius: 100%;
	border: 1px solid #D13980;
	cursor: pointer;
	transition: .2s;
}
.quiz-gange .noUi-handle:hover {
	transform: scale(1.1);
}

.quiz-gange .noUi-handle:after {
	display: none;
}
.quiz-gange .noUi-handle:before {
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #D13980;
	left: 5px;
	top: 5px;
}

.quiz-gange noUi-touch-area {
	background-color: #D13980;
}

.quiz-gange__start-stop {
	display: flex;
	align-items: center;
	justify-content: space-between;

	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.5;
	color: #000000;
}

.new-cust-quiz .quiz-main__link-next {
	transition: .2s;
}

.new-cust-quiz .quiz-main__link-next:hover {
	opacity: 0.5;
}

.quiz-swiper {
	height: 100%;
}

.quiz-swiper__slide {
	background-color: #ffffff;
	display: flex;
}

.new-cust-quiz .quiz-info {
	background: #ED9DC2;
}

.new-cust-quiz__wrapper {
	width: 100%;
	display: flex;
}

.new-cust-quiz__info {
	flex: 0 0 auto;
	width: 287.26px;
	background: #ED9DC2;
	padding: 15px;

	display: flex;
	flex-direction: column;
	justify-content: center;
}

.new-cust-quiz__info h2 {
	font-weight: 700;
	font-size: 20px;
	line-height: 27px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 15px;
}
.new-cust-quiz__info picture {
	width: 100%;
	max-height: 230px;
}

.new-cust-quiz__info picture img {
	max-width: 100%;
}


.new-cust-quiz__content {
	width: 100%;
	background-color: #FFFFFF;
	display: flex;
	flex-direction: column;
	position: relative;
}

.quiz-swiper__btns {
	margin-top: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 76px;
	background-color: #ffffff;

	position: absolute;
	bottom: 0;
	left: 0;
	right: 333px;
	z-index: 10;
}

.quiz-swiper__button {
	padding: 12px 18px;
	width: 125px;
	display: 	flex;
	align-items: center;
	gap: 10px;
	margin: 10px 0;

	font-weight: 700;
	font-size: 14px;
	line-height: 1.5;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	transition: .2s;

	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
	border-radius: 2px;
	cursor: pointer;
}

.quiz-swiper__button svg {
	display: block;
	flex: 0 0 auto;
}

.quiz-swiper__button--next {
	background: #D13980;
	color: #FFFFFF;
	margin-left: auto;
}

.quiz-swiper__button--prev {
	color: #6E7686;
}

.quiz-card {
	width: 100%;
	padding: 76px;
}

.quiz-card__grid {
	display: flex;
	flex-wrap: wrap;
	row-gap: 30px;
	margin-right: -10px;
	margin-left: -10px;
}

.quiz-card__col {
	flex: 0 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	width: 33.333%;
}

.quiz-card__grid .item-price {
	width: 100%;
	height: 100%;
}

.item-price {
	display: flex;
	flex-direction: column;
	padding: 10px;

	background: #FCECF3;
	box-shadow: 2px -2px 3px rgba(242, 244, 244, 0.5), -2px -2px 2px 2px rgba(255, 255, 255, 0.7), 2px 2px 2px 4px rgba(195, 201, 206, 0.8), inset 1px 1px 2px rgba(255, 255, 255, 0.3), inset -1px -1px 2px rgba(224, 228, 231, 0.5);
	border-radius: 18px;

	filter: grayscale(100%);
	opacity: 0.5;
	pointer-events: none;
}

.item-price.enable {
	filter: grayscale(0%);
	opacity: 1;
	pointer-events: auto;
}

.item-price__desc {
	display: flex;
	flex-direction: column;
}

.item-price__preview {
	height: 123px;
	margin-bottom: 12px;
	background-color: #FFFFFF;
	border: 1px solid rgba(110, 118, 134, 0.5);
	border-radius: 18px;
	overflow: hidden;

	position: relative;
}

.item-price__preview img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.item-price__label {
	position: absolute;
	left: 5px;
	top: 5px;
}

.label-choice .radio {
	display: block;
	width: 39px;
	height: 39px;
	border-radius: 100%;
	background: #FFFFFF;
	border: 1px solid rgba(110, 118, 134, 0.5);
	transition: .2s;
}

.label-choice .radio.checked {
	border: 1px solid #ED9DC2;
}

.radio span:before {
	left: 50%!important;
	top: 50%!important;
	position: absolute;
	margin: 0;
	transform: translate(-50%, -50%);
	opacity: 0;
}

.radio span.checked:before {
	width: 75%;
	height: 75%;
	background-color: #FCECF3;
	opacity: 1;
	margin: 0;
}

.item-price__desc {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.3;
	letter-spacing: 0.25px;
	color: #6E7686;
}

.quiz-card__input-metro {
	padding: 10px 20px;
	width: 100%;

	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #37474F;

	background: #F9F9F9;
	box-shadow: 1px 1px 2px rgba(250, 254, 255, 0.3), -1px -1px 2px rgba(222, 226, 228, 0.5), inset -1px 1px 2px rgba(222, 226, 228, 0.2), inset 1px -1px 2px rgba(222, 226, 228, 0.2), inset -1px -1px 2px rgba(250, 254, 255, 0.9), inset 1px 1px 3px rgba(222, 226, 228, 0.9);
	border-radius: 18px;
	border: none;
}

.quiz-card__input-metro::placeholder {
	color: rgb(110, 118, 134, 0.3);
}

.quiz-swiper__slide:last-child {
	background-color: #ED9DC2;
}

.quiz-swiper__slide:last-child .quiz-card {
	max-width: 543px;
	height: 100%;
	display: flex;
	text-align: center;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	padding: 30px;
}

.swiper-button-disabled {
	display: none;
}

.quiz-swiper__slide:last-child .quiz-main__title {
	color: #ffffff;
}

.quiz-main__subtitle {
	font-weight: 500;
	font-size: 24px;
	line-height: 29px;
	margin-bottom: 10px;
	color: #ffffff;
}

.quiz-main__subtitle .quiz-main__old-price {
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	text-decoration-line: line-through;
	padding: 0 5px;
}

.quiz-main__text-desc {
	display: block;
	margin-bottom: 20px;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
	color: #ffffff;
}

.new-cust-quiz__layer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;

	display: flex;
	padding: 50px;

	background-color: #ED9DC2;
}

.new-cust-quiz__layer .layer-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 542px;
	margin: 0 auto;
	text-align: center;
	color: #ffffff;
}

.layer-container h2 {
	font-weight: 700;
	font-size: 36px;
	line-height: 44px;
	margin-bottom: 30px;
}
.layer-container h3 {
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 60px;
}

.layer-container picture {
	width: 270px;
	height: 250px;
}

.layer-container picture {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.quiz-main__progress {
	position: absolute;
	z-index: 10;
	width: calc(100% - 439px);
	top: 20px;
	left: 76px;
}

.new-cust-quiz__layer.finish {
	z-index: 999;
}

.new-cust-quiz__close {
	position: absolute;
	right: -20px;
	top: -20px;
	cursor: pointer;

	width: 20px;
	height: 20px;
	background: transparent;
	border: none;
}

.new-cust-quiz__close::before,
.new-cust-quiz__close::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;

	width: 100%;
	height: 2px;
	background-color: #ffffff;
	transition: .3s;
}

.layer-container h3 {
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;

}

.new-cust-quiz__close::before {
	transform: translate(-50%, -50%) rotate(45deg);
}

.new-cust-quiz__close::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

.new-cust-quiz__close:hover.new-cust-quiz__close::after,
.new-cust-quiz__close:hover.new-cust-quiz__close::before {
	background-color: #D13980;
}

.quiz_wrap.close-end {
	display: none;
}

.b-form_box_field .selectric-wrapper .selectric {
	display: flex;
	align-items: center;

	background: #F9F9F9;
	box-shadow: 1px 1px 2px rgba(250, 254, 255, 0.3), -1px -1px 2px rgba(222, 226, 228, 0.5), inset -1px 1px 2px rgba(222, 226, 228, 0.2), inset 1px -1px 2px rgba(222, 226, 228, 0.2), inset -1px -1px 2px rgba(250, 254, 255, 0.9), inset 1px 1px 3px rgba(222, 226, 228, 0.9);
}

.b-form_box_field .selectric .label {
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	mix-blend-mode: normal;
	opacity: 0.3;
}

.quiz-card__block {
	max-width: 542px;
	margin: auto;
	height: 100%;

	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.send__box {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 20px;
}

.send__input {
	width: 290px;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	color: var(--color-greey);
	background: #fff;
	border: 1px solid rgba(0,0,0,.12);
	box-sizing: border-box;
	border-radius: 2px;
	padding: 12px 15px;
	margin: 0 auto 15px;
}

.send__input[placeholder] {
	color: #757575;
	opacity: 1;
}

.send__btn {
	width: 290px;
	height: 54px;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: .02em;
	color: #fff;
	text-transform: uppercase;
	background: var(--color-base);
	box-shadow: 0 4px 8px rgba(0,0,0,.16);
	border-radius: 2px;
	border: 0;
	cursor: pointer;
	margin: 0 auto 20px;
	transition: .2s;
}

.send__btn:hover {
	opacity: 0.8;
}

.send__text {
	max-width: 290px;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 150%;
	text-align: center;
	color: var(--color-white);
	opacity: .64;
	margin: 0 auto;
}

.send__text a {
	color: #fff;
	transition: .3s;
}

.send__text a:hover {
	color: var(--color-base);
}

.send__input:invalid:not(:placeholder-shown) {
	border-color: red;
}
.send__input:valid:not(:placeholder-shown) {
	border-color: #ED9DC2;
}

.quiz_wrap--active {
	display: flex;
}


.test-container {
	height: 3000px;
}

.new-cust-quiz__close:active.new-cust-quiz__close::after,
.new-cust-quiz__close:active.new-cust-quiz__close::before {
	background-color: #D13980;
}

.quiz-swiper__button--next:active {
	background: #ED9DC2;
}

.quiz-swiper__button--prev:active {
	opacity: 0.7;
}

.b-form_box_field .selectric .label {
	display: flex;
	align-items: center;
	margin-top: auto;
	margin-bottom: auto;
}

.b-form_box_field .selectric .label span {
	display: block;
	margin-top: auto;
	margin-bottom: auto;
}

.quiz-card .b-form_box_field .e-select span {
	display: flex;
	align-items: center;
	height: 100%;
}

@media (max-width: 1200px) {
	.new-cust-quiz__close {
		top: 10px;
		right: 10px;
		z-index: 99;

		width: 30px;
		height: 30px;
	}
}

@media (max-width: 1140px) {
	.quiz {
		height: 100%;
	}

	.new-cust-quiz__wrapper {
		height: 100%;
	}
}

@media (max-width: 1024px) {
	.quiz-card__col {
		width: 50%;
	}

	.quiz-card {
		padding: 75px 50px 76px 50px;
	}

	.quiz-main__progress {
		width: calc(100% - 389px);
		left: 50px;
	}

	.quiz-swiper__btns {
		padding-left: 50px;
	}

	.quiz-card__grid {
		padding-bottom: 40px;
	}
}

@media (max-width: 768px) {
	.new-cust-quiz__info {
		display: none;
	}

	.new-cust-quiz__layer {
		padding: 50px 30px;
	}

	.quiz-main__progress {
		width: calc(100% - 85px);
		left: 30px;
	}

	.quiz-swiper__btns {
		right: 55px;
	}

	.quiz-card {
		width: 100%;
		padding: 75px 55px 75px 30px;
	}

	.quiz-swiper__btns {
		padding-left: 30px;
	}

	.new-cust-quiz__close::before,
	.new-cust-quiz__close::after {
		background-color: #D13980;
	}
}

@media (max-width: 440px) {
	.quiz-card__col {
		width: 100%;
	}

	.quiz-card__grid {
		width: 100%;
		padding: 10px;
		padding-bottom: 60px;
	}

	.quiz-main__title {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.quiz-card__content {
		overflow-y: auto;
		height: calc(100% - 85px);
	}

	.quiz-card {
		width: 100%;
		padding: 75px 20px;
	}

	.quiz-main__progress {
		left: 20px;
	}

	.quiz-swiper__btns {
		right: 20px;
		box-shadow: 0px -43px 14px -1px rgba(255, 255, 255, 1);
	}
}

@media (min-width: 1024px) {
	.new-cust-quiz__close:hover.new-cust-quiz__close::after,
	.new-cust-quiz__close:hover.new-cust-quiz__close::before {
		background-color: #D13980;
	}

	.quiz-swiper__button--next:hover {
		background: #ED9DC2;
	}

	.quiz-swiper__button--prev:hover {
		opacity: 0.7;
	}
}