/* только для страницы quiz */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

.mv-quiz {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	border-width: 13px;
	border-color: #e6e6e6;
}

p.success {
	color: #0B54B8;
	padding-bottom: 10px;
	padding-top: 20px;
	text-align: center;
	display: none;
}

.select-door:hover {
	border-color: #005cc9;
}

.quiz-range__count span {
	padding-top: 3px;
}

.quiz-pane__form .mv-btn:hover {
	box-shadow: 0 14px 23px rgba(40, 131, 255, .4);
}

.form__label.focus {
	color: #005cc9;
}

#productview.on_device .pv_head_ico {
	display: none;
}

.quiz-form__nav {
	z-index: 100;
}

/* скрыть тени кнопок */

.quiz-pane__form .mv-btn {
	transition: 0.4s ease;
}

.quiz-form__nav .mv-btn,
.quiz-pane__form .mv-btn,
.mv-quiz__start-btn .mv-btn {
	box-shadow: none !important;
}

.quiz-form__nav .mv-btn:hover,
.quiz-pane__form .mv-btn:hover,
.mv-quiz__start-btn .mv-btn:hover {
	box-shadow: none !important;
	background-color: #0f74ff;
	box-sizing: border-box;
}

/* скрыть тени кнопок */





@-webkit-keyframes butterfly {
	0% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		/* IE 9 */
		-moz-transform: rotate(0deg);
		/* Firefox */
		-o-transform: rotate(0deg);
		/* Opera */
		-webkit-transform: rotate(0deg);
		/* Safari */
		transform: rotate(0deg);
	}

	25% {
		transform: rotate(13deg);
		-ms-transform: rotate(13deg);
		/* IE 9 */
		-moz-transform: rotate(13deg);
		/* Firefox */
		-o-transform: rotate(13deg);
		/* Opera */
		-webkit-transform: rotate(13deg);
		/* Safari */
		transform: rotate(13deg);
	}

	50% {
		transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		/* IE 9 */
		-moz-transform: rotate(-10deg);
		/* Firefox */
		-o-transform: rotate(10deg);
		/* Opera */
		-webkit-transform: rotate(10deg);
		/* Safari */
		transform: rotate(-10deg);
	}

	100% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		/* IE 9 */
		-moz-transform: rotate(0deg);
		/* Firefox */
		-o-transform: rotate(0deg);
		/* Opera */
		-webkit-transform: rotate(0deg);
		/* Safari */
		transform: rotate(0deg);
	}
}

@-moz-keyframes butterfly {
	0% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		/* IE 9 */
		-moz-transform: rotate(0deg);
		/* Firefox */
		-o-transform: rotate(0deg);
		/* Opera */
		-webkit-transform: rotate(0deg);
		/* Safari */
		transform: rotate(0deg);
	}

	25% {
		transform: rotate(13deg);
		-ms-transform: rotate(13deg);
		/* IE 9 */
		-moz-transform: rotate(13deg);
		/* Firefox */
		-o-transform: rotate(13deg);
		/* Opera */
		-webkit-transform: rotate(13deg);
		/* Safari */
		transform: rotate(13deg);
	}

	50% {
		transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		/* IE 9 */
		-moz-transform: rotate(-10deg);
		/* Firefox */
		-o-transform: rotate(10deg);
		/* Opera */
		-webkit-transform: rotate(10deg);
		/* Safari */
		transform: rotate(-10deg);
	}

	100% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		/* IE 9 */
		-moz-transform: rotate(0deg);
		/* Firefox */
		-o-transform: rotate(0deg);
		/* Opera */
		-webkit-transform: rotate(0deg);
		/* Safari */
		transform: rotate(0deg);
	}
}

@-o-keyframes butterfly {
	0% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		/* IE 9 */
		-moz-transform: rotate(0deg);
		/* Firefox */
		-o-transform: rotate(0deg);
		/* Opera */
		-webkit-transform: rotate(0deg);
		/* Safari */
		transform: rotate(0deg);
	}

	25% {
		transform: rotate(13deg);
		-ms-transform: rotate(13deg);
		/* IE 9 */
		-moz-transform: rotate(13deg);
		/* Firefox */
		-o-transform: rotate(13deg);
		/* Opera */
		-webkit-transform: rotate(13deg);
		/* Safari */
		transform: rotate(13deg);
	}

	50% {
		transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		/* IE 9 */
		-moz-transform: rotate(-10deg);
		/* Firefox */
		-o-transform: rotate(10deg);
		/* Opera */
		-webkit-transform: rotate(10deg);
		/* Safari */
		transform: rotate(-10deg);
	}

	100% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		/* IE 9 */
		-moz-transform: rotate(0deg);
		/* Firefox */
		-o-transform: rotate(0deg);
		/* Opera */
		-webkit-transform: rotate(0deg);
		/* Safari */
		transform: rotate(0deg);
	}
}

@keyframes zoomInFade {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	50% {
		opacity: 0.8;
		transform: scale(1.1);
	}

	100% {
		opacity: 0;
		transform: scale(1.1);
	}
}

@keyframes butterfly {
	0% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		/* IE 9 */
		-moz-transform: rotate(0deg);
		/* Firefox */
		-o-transform: rotate(0deg);
		/* Opera */
		-webkit-transform: rotate(0deg);
		/* Safari */
		transform: rotate(0deg);
	}

	25% {
		transform: rotate(13deg);
		-ms-transform: rotate(13deg);
		/* IE 9 */
		-moz-transform: rotate(13deg);
		/* Firefox */
		-o-transform: rotate(13deg);
		/* Opera */
		-webkit-transform: rotate(13deg);
		/* Safari */
		transform: rotate(13deg);
	}

	50% {
		transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		/* IE 9 */
		-moz-transform: rotate(-10deg);
		/* Firefox */
		-o-transform: rotate(10deg);
		/* Opera */
		-webkit-transform: rotate(10deg);
		/* Safari */
		transform: rotate(-10deg);
	}

	100% {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		/* IE 9 */
		-moz-transform: rotate(0deg);
		/* Firefox */
		-o-transform: rotate(0deg);
		/* Opera */
		-webkit-transform: rotate(0deg);
		/* Safari */
		transform: rotate(0deg);
	}
}

.mv-quiz__start.animate {
	animation: zoomInFade 0.3s ease forwards;
}



.mv-start-present__image .bgimage {
	animation: butterfly 1.5s infinite;
}

.form__subitem input[area-valid="false"],
.form__subitem input.empty {
	border-color: #f00;
	box-shadow: 0 0px 23px rgba(255, 40, 40, 0.2);
}

.success span {
	color: #f00;
}

.mv-btn:disabled {
	opacity: 0.5;
}

.mv-quiz__wrp {
	opacity: 1;
	transition: 0.5s ease;
}

body:not(.page-loaded) .mv-quiz::before {
	width: 60px;
	height: 60px;
	border: 2px solid #005cc9;
	display: block;
	content: '';
	position: absolute;
	z-index: 99;
	left: 50%;
	top: 50%;
	margin-top: -30px;
	margin-left: -30px;
	border-radius: 50%;
	border-left-color: transparent;
	animation: 0.5s linear loadingrotate infinite;
}

@keyframes loadingrotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

body:not(.page-loaded) .mv-quiz__wrp {
	opacity: 0;
}


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

	.quiz-form[data-slide="2"] .swiper-slide-active .quiz-pane {
		/* height: 356px; */
	}

	.mv-quiz {
		border-color: #e6e6e6;
	}
}


@media screen and (max-width: 580px) {
	.quiz-form__nav {
		position: relative;
	}

	.p-articles {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}

	.navigation.bread {
		display: none;
	}

	.mv-quiz__wrp {
		min-height: 600px;
	}

	.mv-quiz__wrp.open {
		min-height: auto;
	}

	.mv-quiz {
		min-height: auto;
	}

	.quiz-range {
		padding-bottom: 20px;
	}

}

@media screen and (max-width: 480px) {
	.quiz-pane__left {
		padding: 1.875rem;
		display: none;
	}
}