.disable-scroll, .disable-scroll body {
	overflow: hidden;
}
.burger {
	position: relative;
	display: none;
	border: none;
	padding: 0;
	width: 24px;
	height: 24px;
	color: #5290c2;
	background-color: transparent;
	cursor: pointer
}

.burger::after,.burger::before {
	content: "";
	position: absolute;
	left: 0;
	border-radius: 12px;
	width: 100%;
	height: 3px;
	background-color: currentcolor;
	-webkit-transition: top .35s ease-in-out,-webkit-transform .35s ease-in-out;
	transition: transform .35s ease-in-out,top .35s ease-in-out,-webkit-transform .35s ease-in-out;
	-o-transition: transform .35s ease-in-out,top .35s ease-in-out
}

.burger::before {
	top: 0
}

.burger::after {
	top: calc(100% - 3px)
}

.burger>span {
	position: absolute;
	left: 0;
	top: 50%;
	display: block;
	border-radius: 12px;
	width: 100%;
	height: 3px;
	background-color: currentcolor;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: .35s ease-in-out;
	-o-transition: .35s ease-in-out;
	transition: .35s ease-in-out
}

.burger.is-active {
	z-index: 7
}

.burger.is-active::before {
	top: 50%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.burger.is-active::after {
	top: 50%;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.burger.is-active>span {
	opacity: 0;
	-webkit-transform: scale(.1) translateY(-50%);
	-ms-transform: scale(.1) translateY(-50%);
	transform: scale(.1) translateY(-50%)
}

.btn-primary {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 100px;
	padding: 18px 108px 18px 56px;
	min-height: 64px;
	-webkit-box-shadow: 0 4px 14px 0 rgba(39,29,104,.15),inset 0 4px 20px 40px rgba(227,238,254,0);
	box-shadow: 0 4px 14px 0 rgba(39,29,104,.15),inset 0 4px 20px 40px rgba(227,238,254,0);
	font-weight: 600;
	font-size: 18px;
	line-height: normal;
	text-align: center;
	color: #f5f9ff;
	background: -webkit-gradient(linear,left top,right top,color-stop(1.9%,#0057ea),color-stop(31.9%,#009bef),color-stop(64.4%,#00b7f1),to(rgba(0,183,241,.3)));
	background: -o-linear-gradient(left,#0057ea 1.9%,#009bef 31.9%,#00b7f1 64.4%,rgba(0,183,241,.3) 100%);
	background: linear-gradient(90deg,#0057ea 1.9%,#009bef 31.9%,#00b7f1 64.4%,rgba(0,183,241,.3) 100%);
	-webkit-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	cursor: pointer;
	-webkit-backdrop-filter: blur(5.2px);
	backdrop-filter: blur(5.2px)
}

.btn-primary::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear,left top,right top,color-stop(68%,#d767ff),to(rgba(215,103,255,.3)));
	background: -o-linear-gradient(left,#d767ff 68%,rgba(215,103,255,.3) 100%);
	background: linear-gradient(90deg,#d767ff 68%,rgba(215,103,255,.3) 100%);
	opacity: 0;
	-webkit-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out
}

.btn-primary::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	border-radius: 50%;
	width: 64px;
	height: 64px;
	background: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.66671 18.4166L22.9075 18.4166L14.9884 26.3358L17 28.3333L28.3334 17L17 5.66665L15.0025 7.66415L22.9075 15.5833L5.66671 15.5833L5.66671 18.4166Z' fill='%23F5F9FF'/%3E%3C/svg%3E%0A") center/34px no-repeat #00b7f1;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: background .25s ease-in-out;
	-o-transition: background .25s ease-in-out;
	transition: background .25s ease-in-out
}

.btn-primary span {
	position: relative
}

.btn-primary:active,.btn-primary:focus {
	-webkit-box-shadow: 0 4px 14px 0 rgba(39,29,104,.15),inset 0 4px 20px 40px #e3eefe;
	box-shadow: 0 4px 14px 0 rgba(39,29,104,.15),inset 0 4px 20px 40px #e3eefe
}

.btn-primary:active::before,.btn-primary:focus::before {
	opacity: 1
}

.btn-primary:active::after,.btn-primary:focus::after {
	background-color: #d767ff
}

.btn-primary.is-disabled,.btn-primary:disabled {
	opacity: .4;
	pointer-events: none
}

.btn-primary--sm {
	padding: 12px 70px 12px 20px;
	min-height: 52px;
	background: -webkit-gradient(linear,left top,right top,from(#00a5f0),color-stop(50.9%,#00b7f1),color-stop(92.4%,rgba(0,183,241,.3)));
	background: -o-linear-gradient(left,#00a5f0 0,#00b7f1 50.9%,rgba(0,183,241,.3) 92.4%);
	background: linear-gradient(90deg,#00a5f0 0,#00b7f1 50.9%,rgba(0,183,241,.3) 92.4%)
}

.btn-primary--sm::before {
	background: -webkit-gradient(linear,left top,right top,color-stop(60%,#d767ff),to(rgba(215,103,255,.3)));
	background: -o-linear-gradient(left,#d767ff 60%,rgba(215,103,255,.3) 100%);
	background: linear-gradient(90deg,#d767ff 60%,rgba(215,103,255,.3) 100%)
}

.btn-primary--sm::after {
	width: 52px;
	height: 52px;
	background-size: 28px
}

.btn-outline {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	border: 1px solid #f5f9ff;
	border-right: none;
	border-radius: 100px;
	padding: 18px 108px 18px 56px;
	min-height: 64px;
	font-weight: 600;
	font-size: 18px;
	line-height: normal;
	text-align: center;
	color: #f5f9ff;
	-webkit-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
	cursor: pointer
}

.btn-outline::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear,left top,right top,color-stop(68%,#d767ff),to(rgba(215,103,255,.3)));
	background: -o-linear-gradient(left,#d767ff 68%,rgba(215,103,255,.3) 100%);
	background: linear-gradient(90deg,#d767ff 68%,rgba(215,103,255,.3) 100%);
	opacity: 0;
	-webkit-transition: opacity .25s ease-in-out;
	-o-transition: opacity .25s ease-in-out;
	transition: opacity .25s ease-in-out
}

.btn-outline::after {
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	border: 1px solid #f5f9ff;
	border-radius: 50%;
	width: 64px;
	height: 64px;
	background: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.66671 18.4166L22.9075 18.4166L14.9884 26.3358L17 28.3333L28.3334 17L17 5.66665L15.0025 7.66415L22.9075 15.5833L5.66671 15.5833L5.66671 18.4166Z' fill='%23F5F9FF'/%3E%3C/svg%3E%0A") center/34px no-repeat;
	-webkit-transition: background .25s ease-in-out;
	-o-transition: background .25s ease-in-out;
	transition: background .25s ease-in-out
}

.btn-outline span {
	position: relative
}

.btn-outline:active,.btn-outline:focus {
	border-color: transparent
}

.btn-outline:active::before,.btn-outline:focus::before {
	opacity: 1
}

.btn-outline:active::after,.btn-outline:focus::after {
	border-color: transparent;
	background-color: #d767ff
}

.btn-outline.is-disabled,.btn-outline:disabled {
	opacity: .4;
	pointer-events: none
}

.btn-outline--sm {
	padding: 12px 70px 12px 20px;
	min-height: 52px
}

.btn-outline--sm::before {
	background: -webkit-gradient(linear,left top,right top,color-stop(50%,#d767ff),to(rgba(215,103,255,.3)));
	background: -o-linear-gradient(left,#d767ff 50%,rgba(215,103,255,.3) 100%);
	background: linear-gradient(90deg,#d767ff 50%,rgba(215,103,255,.3) 100%)
}

.btn-outline--sm::after {
	width: 52px;
	height: 52px;
	background-size: 28px
}

.btn-close {
	display: block;
	outline: transparent;
	width: 30px;
	height: 30px;
	color: #f5f9ff;
	background: url("data:image/svg+xml,%3Csvg width='34' height='34' viewBox='0 0 34 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 4.72727C10.222 4.72727 4.72727 10.222 4.72727 17C4.72727 23.778 10.222 29.2727 17 29.2727C23.778 29.2727 29.2727 23.778 29.2727 17C29.2727 10.222 23.778 4.72727 17 4.72727ZM2 17C2 8.71573 8.71573 2 17 2C25.2843 2 32 8.71573 32 17C32 25.2843 25.2843 32 17 32C8.71573 32 2 25.2843 2 17Z' fill='%23F5F9FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.0551 11.9449C22.5877 12.4774 22.5877 13.3408 22.0551 13.8733L13.8733 22.0551C13.3408 22.5877 12.4774 22.5877 11.9449 22.0551C11.4123 21.5226 11.4123 20.6592 11.9449 20.1267L20.1267 11.9449C20.6592 11.4123 21.5226 11.4123 22.0551 11.9449Z' fill='%23F5F9FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9449 11.9449C12.4774 11.4123 13.3408 11.4123 13.8733 11.9449L22.0551 20.1267C22.5877 20.6592 22.5877 21.5226 22.0551 22.0551C21.5226 22.5877 20.6592 22.5877 20.1267 22.0551L11.9449 13.8733C11.4123 13.3408 11.4123 12.4774 11.9449 11.9449Z' fill='%23F5F9FF'/%3E%3C/svg%3E%0A") center/cover no-repeat;
	cursor: pointer
}

.header {
	position: absolute;
	left: 0;
	right: 0;
	top: var(--header-top-offset);
	z-index: 9;
	color: #f5f9ff
}

/*.header__inner {
	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;
	margin-bottom: 23px;
	border-radius: 100px;
	padding: 5px 5px 5px 28px;
	min-height: 60px;
	-webkit-box-shadow: 0 4px 14px 0 rgba(39,29,104,.15);
	box-shadow: 0 4px 14px 0 rgba(39,29,104,.15);
	background: rgba(139,157,255,.2);
	-webkit-backdrop-filter: blur(5.2px);
	backdrop-filter: blur(5.2px)
}*/

.header__logo {
	margin-right: 60px
}

.header__menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.header__nav {
	margin: 0 auto;
}

.header__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 0px;
}

.header__list li:not(:last-child) {
	margin-right: 36px
}

.header__list a {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 60px;
	line-height: 1
}

.header__list a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -7px;
	border-radius: 100px;
	width: 100%;
	height: 5px;
	background-color: #d767ff;
	opacity: 0;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	-webkit-transition: opacity .25s ease-in-out,-webkit-transform .25s ease-in-out;
	transition: transform .25s ease-in-out,opacity .25s ease-in-out,-webkit-transform .25s ease-in-out;
	-o-transition: transform .25s ease-in-out,opacity .25s ease-in-out
}

.header__socials {
	margin-right: 24px
}

.header__phone {
	margin-right: 24px;
	font-weight: 600;
	font-size: 24px
}

.header__btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-item-align: stretch;
	-ms-grid-row-align: stretch;
	align-self: stretch;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 100px;
	padding: 20px 25px;
	font-weight: 600;
	text-align: center;
	background: rgba(139,157,255,.3);
	-webkit-transition: background .25s ease-in-out;
	-o-transition: background .25s ease-in-out;
	transition: background .25s ease-in-out
}

.header__info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.header__info-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 30px;
	min-height: 24px;
	font-weight: 500;
	font-size: 14px;
	color: #bccfec;
	background-position: left center;
	background-size: 24px;
	background-repeat: no-repeat
}

.header__info-item:not(:last-child) {
	margin-right: 42px
}



@media (max-width: 1440px) {
	.title {
		font-size:46px
	}

	.modal__content {
		padding: 40px
	}

	.modal__title {
		max-width: 517px;
		font-size: 28px
	}

	.slider__caption {
		font-size: 28px
	}

	.header__inner {
		margin-bottom: 0
	}

	.header__info {
		display: none
	}

	.header__logo {
		margin-right: 30px
	}

	.header__menu .header__info {
		display: block
	}

	.header__info-item:not(:last-child) {
		margin-right: 0;
		margin-bottom: 16px
	}

	.header__phone {
		font-size: 20px
	}

	.header__nav {
		margin: 0 auto
	}

	.header__list li:not(:last-child) {
		margin-right: 18px
	}

	.hero {
		padding-top: calc(var(--header-height) + var(--header-top-offset) + 40px);
		padding-bottom: 50px
	}

	.hero__text {
		max-width: 640px;
		font-size: 20px
	}

	.hero__title {
		margin-bottom: 50px
	}

	.benefits__inner {
		min-height: 550px
	}

	.benefits__list {
		gap: 30px
	}

	.benefits__subtitle {
		font-size: 28px
	}

	.benefits__info-wrapper {
		padding: 0 45px 25px
	}

	.benefits__video {
		padding: 0 45px
	}

	.benefits__info-title {
		margin-bottom: 28px
	}

	.catalog__name,.catalog__price {
		font-size: 28px
	}

	.chars__subtitle {
		margin-bottom: 32px;
		font-size: 28px
	}

	.garanty {
		padding: 22px 0 45px
	}

	.garanty__text {
		max-width: 542px
	}

	.garanty__img {
		right: -150px
	}

	.garanty__img img {
		width: 365px
	}

	.garanty__inner {
		padding: 53px 100px 53px 73px;
		max-width: 940px
	}

	.extra__name {
		font-size: 28px
	}

	.delivery__num {
		font-size: 120px
	}

	.delivery__info {
		padding: 27px 0 38px 55px
	}

	.delivery__name {
		font-size: 28px
	}

	.delivery__item {
		width: 530px
	}

	.delivery__img img {
		width: 230px
	}

	.reviews__author {
		font-size: 20px
	}

	.contacts__title {
		max-width: 815px
	}

	.contacts__info {
		padding-left: 0
	}

	.contacts__text,.quiz__num {
		font-size: 28px
	}

	.quiz__current {
		font-size: 112px
	}

	.footer__contacts-col:first-child {
		padding-right: 45px
	}

	.footer__contacts-col:last-child {
		padding-left: 45px
	}

	.footer__list:first-child {
		padding-right: 45px
	}

	.footer__list:last-child {
		padding-left: 45px
	}
}

@media (max-width: 1200px) {
	:root {
		--header-top-offset:20px;
		--container-offset: 12px
	}

	.btn-primary {
		padding: 14px 78px 14px 26px;
		min-height: 54px
	}

	.btn-primary::after {
		width: 54px;
		height: 54px;
		background-size: 28px
	}

	.form-control {
		border-radius: 60px;
		padding: 13px 24px
	}

	.title {
		font-size: 38px
	}

	.title-badge {
		padding: 2px 23px 5px
	}

	.modal__wrapper {
		padding: 40px 15px
	}

	.modal__title {
		max-width: 443px;
		font-size: 24px
	}

	.modal__content {
		border-radius: 20px;
		padding: 30px 20px
	}

	.modal__close {
		right: -10px
	}

	.slider__caption {
		font-size: 24px
	}

	.header__inner {
		padding: 5px 15px;
		background: #d4def3;
		-webkit-transition: .35s ease-in-out;
		-o-transition: .35s ease-in-out;
		transition: .35s ease-in-out
	}

	.header__socials {
		margin: auto 0 24px
	}

	.header__nav {
		-ms-flex-item-align: stretch;
		-ms-grid-row-align: stretch;
		align-self: stretch;
		margin: 0 -20px 24px;
		font-size: 20px
	}

	.header__btn,.header__phone {
		margin-bottom: 16px
	}

	.header__list {
		display: block
	}

	.header__list li:not(:last-child) {
		margin-right: 0
	}

	.header__list a {
		display: block;
		padding: 10px 12px;
		min-height: auto
	}

	.header.is-active .header__inner {
		border-radius: 100px 100px 0
	}

	.hero__title {
		max-width: 500px
	}

	.hero__text {
		max-width: 590px;
		font-size: 18px
	}

	.benefits {
		padding: 60px 0
	}

	.benefits__subtitle {
		font-size: 24px
	}

	.benefits__info,.benefits__video-text {
		padding: 25px
	}

	.benefits__info-wrapper,.benefits__video {
		padding-right: 20px;
		padding-left: 20px
	}

	.catalog__item {
		padding: 0 40px 28px 38px
	}

	.catalog__slider .splide__arrows {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 15px
	}

	.catalog__slider .splide__arrow {
		background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='26' transform='matrix(-1 0 0 1 52 0)' fill='white'/%3E%3Cpath d='M35.2083 27.1512L21.2001 27.1512L27.6344 33.5855L26 35.2085L16.7916 26.0002L26 16.7918L27.6229 18.4148L21.2001 24.8491L35.2083 24.8491L35.2083 27.1512Z' fill='%230F0E46'/%3E%3C/svg%3E%0A")
	}

	.catalog__slider .splide__track {
		overflow: visible
	}

	.catalog__slider .splide__slide {
		width: 325px
	}

	.chars {
		padding: 45px 0 22px
	}

	.chars__table th.chars__num {
		text-align: center
	}

	.chars__mobile-caption {
		display: block
	}

	.chars__subtitle {
		margin-bottom: 24px;
		font-size: 24px
	}

	.garanty__title span {
		margin-left: -23px
	}

	.garanty__inner {
		padding: 50px;
		max-width: 840px
	}

	.extra__list {
		display: block
	}

	.extra__item {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding-left: 0
	}

	.extra__item:not(:last-child) {
		margin-bottom: 40px
	}

	.extra__img {
		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;
		margin: 0;
		text-align: center
	}

	.extra__text {
		padding-right: 0
	}

	.extra__name {
		font-size: 24px
	}

	.delivery {
		padding-top: 45px;
		padding-bottom: 20px
	}

	.delivery__info {
		padding: 24px 0 34px 50px
	}

	.delivery__item {
		width: 450px
	}

	.delivery__num {
		font-size: 100px
	}

	.delivery__img img {
		width: 200px
	}

	.delivery__name {
		font-size: 24px
	}

	.reviews {
		padding-top: 25px;
		padding-bottom: 45px
	}

	.reviews__author {
		font-size: 18px
	}

	.contacts {
		padding-top: 45px;
		padding-bottom: 75px
	}

	.contacts__title {
		margin-bottom: 35px;
		max-width: 665px
	}

	.contacts__email,.contacts__phone,.contacts__text {
		font-size: 20px
	}

	.quiz__step {
		padding: 30px
	}

	.quiz__num {
		font-size: 24px
	}

	.quiz__current {
		font-size: 94px
	}

	.footer {
		padding: 40px 0
	}

	.footer__inner {
		display: block
	}

	.footer__card {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.footer__info {
		margin-bottom: 24px
	}

	.footer__contacts-col:first-child {
		border: none;
		padding-right: 0
	}

	.footer__contacts-col:last-child {
		padding-left: 0
	}

	.footer__list:first-child {
		border: none;
		padding-right: 0
	}

	.footer__list:last-child {
		padding-left: 0
	}

	.footer__contacts,.footer__nav {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		gap: 20px
	}

	.footer__email,.footer__phone {
		font-size: 20px
	}
}

@media screen and (max-width: 1200px) {
	.menu {
		position:fixed;
		right: 0;
		top: var(--header-height);
		z-index: 40;
		display: none;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		overflow: auto;
		padding: 20px;
		width: 100%;
		margin-top: 50px;
		height: calc(var(--window-height) - var(--header-height) - var(--header-top-offset));
		max-width: 425px;
		-webkit-box-shadow: 0 4px 14px 0 rgba(39,29,104,.15);
		box-shadow: 0 4px 14px 0 rgba(39,29,104,.15);
		background: #d4def3;
		opacity: 0;
		-webkit-transform: scaleY(.6);
		-ms-transform: scaleY(.6);
		transform: scaleY(.6);
		-webkit-transform-origin: top;
		-ms-transform-origin: top;
		transform-origin: top;
		-webkit-transition: opacity .35s ease-in-out,-webkit-transform .35s ease-in-out;
		transition: transform .35s ease-in-out,opacity .35s ease-in-out,-webkit-transform .35s ease-in-out;
		-o-transition: transform .35s ease-in-out,opacity .35s ease-in-out;
		-webkit-backdrop-filter: blur(5.2px);
		backdrop-filter: blur(5.2px)
	}

	.menu__close {
		position: absolute;
		right: 10px;
		top: 10px;
		z-index: 13;
		display: block;
		border: none;
		background: 0 0
	}

	.menu.is-active {
		opacity: 1;
		-webkit-transform: scaleY(1);
		-ms-transform: scaleY(1);
		transform: scaleY(1)
	}

	.burger {
		display: block
	}
}

@media (max-width: 900px) {
	.hero__form-inner {
		-ms-grid-columns:1fr 1fr;
		grid-template-columns: 1fr 1fr
	}
}

@media (max-width: 850px) {
	.benefits__video {
		position:relative;
		overflow: hidden;
		margin-bottom: 24px;
		padding-bottom: 66.2983425414%;
		height: 0
	}

	.benefits__inner {
		display: block
	}
}

@media (max-width: 768px) {
	.title {
		font-size:30px;
		line-height: 1.25
	}

	.title-badge {
		padding: 2px 14px 5px
	}

	.modal__close {
		right: 0;
		top: -35px
	}

	.modal-chars__col:first-child {
		margin-bottom: 24px
	}

	.modal-chars__table {
		margin-bottom: 25px
	}

	.modal-chars__body {
		display: block
	}

	.consult-form__body {
		display: block;
		margin-bottom: 30px;
		padding-top: 25px
	}

	.consult-form__input:not(:last-child) {
		margin-bottom: 12px
	}

	.slider .splide__arrows {
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end
	}

	.slider__header {
		display: block
	}

	.slider__caption {
		margin-right: 0;
		margin-bottom: 20px;
		font-size: 20px
	}

	.hero__form-inner {
		display: block
	}

	.hero__input:not(:last-child) {
		margin-bottom: 16px
	}

	.chars__num {
		width: 90px
	}

	.chars__subtitle {
		font-size: 20px
	}

	.garanty__text {
		margin-bottom: 25px
	}

	.garanty__title span {
		margin-left: -14px
	}

	.garanty__btn {
		margin-bottom: 24px
	}

	.garanty__img {
		position: static;
		text-align: center;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}

	.delivery__info {
		padding: 20px 28px 40px
	}

	.delivery__item {
		padding-right: 0;
		width: 260px
	}

	.delivery__img {
		right: -60px;
		display: none
	}

	.delivery__num {
		font-size: 80px
	}

	.delivery__name {
		font-size: 20px
	}

	.reviews__header {
		margin-bottom: 15px
	}

	.reviews__img {
		width: 38px;
		height: 38px
	}

	.reviews__item {
		padding: 20px 25px;
		width: 300px
	}

	.contacts__inner {
		display: block
	}

	.contacts__info {
		margin-bottom: 24px
	}

	.contacts__text {
		max-width: 100%
	}

	.contacts__email {
		margin-bottom: 20px
	}

	.contacts__title {
		margin-bottom: 25px;
		max-width: 450px
	}
}

@media (max-width: 700px) {
	.extra__item-inner {
		display:block;
		padding: 20px
	}

	.extra__img {
		margin-bottom: 24px
	}
}

@media (max-width: 600px) {
	.quiz__step {
		border-radius:20px
	}

	.quiz__checkboxes {
		display: block
	}

	.quiz__checkbox:not(:last-child) {
		margin-bottom: 12px
	}

	.quiz__current {
		font-size: 76px
	}

	.footer__logo {
		margin-bottom: 30px
	}

	.footer__contacts-col:not(:last-child),.footer__list:not(:last-child) {
		margin-bottom: 17px
	}

	.footer__contacts,.footer__nav {
		display: block
	}
}

@media (max-width: 576px) {
	.garanty__inner {
		border-radius:20px
	}
}

@media (max-width: 575px) {
	.menu {
		max-width:100%
	}

	.modal-chars__btn {
		min-width: auto
	}

	.modal-chars__video {
		border-radius: 20px
	}

	.modal-chars__video::after {
		width: 50px;
		height: 50px
	}

	.header__inner {
		border-radius: 30px;padding: 10px 30px;
	}

	.header.is-active .header__inner {
		border-radius: 30px 30px 0 0
	}

	.benefits__subtitle {
		font-size: 20px
	}

	.benefits__video-text {
		font-size: 18px
	}

	.benefits__video::before {
		width: 50px;
		height: 50px
	}

	.benefits__info {
		border-radius: 0 0 20px 20px
	}

	.benefits__info-wrapper,.benefits__video {
		border-radius: 20px
	}

	.benefits__info,.benefits__video-text {
		padding: 15px
	}
}

@media (max-width: 476px) {
	.hero__title {
		margin-bottom:35px
	}

	.hero__btn {
		width: 100%
	}

	.chars__num {
		width: 70px
	}

	.chars__table thead {
		font-size: 16px
	}

	.chars__subtitle {
		font-size: 18px
	}

	.chars__name,.chars__num {
		font-size: 16px
	}

	.garanty__inner {
		padding: 20px
	}

	.extra__buttons {
		display: block
	}

	.extra__btn {
		display: block;
		width: auto;
		min-width: 240px
	}

	.extra__btn:not(:last-child) {
		margin-bottom: 16px;
		margin-right: 0
	}

	.contacts {
		background-position: 21% 50%
	}
}

@media (max-width: 410px) {
	.benefits__list {
		display:block
	}

	.benefits__item:not(:last-child) {
		margin-bottom: 18px
	}
}

@media (any-hover: hover) {
	.btn-primary:hover {
		-webkit-box-shadow:0 4px 14px 0 rgba(39,29,104,.15),inset 0 4px 20px 40px #e3eefe;
		box-shadow: 0 4px 14px 0 rgba(39,29,104,.15),inset 0 4px 20px 40px #e3eefe
	}

	.btn-primary:hover::before {
		opacity: 1
	}

	.btn-primary:hover::after {
		background-color: #d767ff
	}

	.btn-outline:hover {
		border-color: transparent
	}

	.btn-outline:hover::before {
		opacity: 1
	}

	.btn-outline:hover::after {
		border-color: transparent;
		background-color: #d767ff
	}

	.slider .splide__arrow:hover {
		background-image: url("data:image/svg+xml,%3Csvg width='52' height='52' viewBox='0 0 52 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='26' cy='26' r='26' transform='rotate(180 26 26)' fill='%2300B7F1'/%3E%3Cpath d='M35.2083 24.8488L21.2001 24.8488L27.6344 18.4145L26 16.7915L16.7916 25.9998L26 35.2082L27.6229 33.5852L21.2001 27.1509L35.2083 27.1509L35.2083 24.8488Z' fill='%23F5F9FF'/%3E%3C/svg%3E%0A")
	}

	.header__list a:hover::after {
		opacity: 1;
		-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1)
	}

	.header__phone:hover {
		text-decoration: underline
	}

	.header__btn:hover {
		background-color: #00b7f1
	}

	.socials__link:hover {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1)
	}

	.contacts__phone:hover {
		text-decoration: underline
	}

	.contacts__email:hover {
		text-decoration: none
	}

	.footer__phone:hover {
		text-decoration: underline
	}

	.footer__email:hover,.footer__item a:hover {
		text-decoration: none
	}
}

.btn-outline::after {
	-webkit-transform: rotate(-180deg) translateY(50%);
	-ms-transform: rotate(-180deg) translateY(50%);
	transform: rotate(-180deg) translateY(50%);
}

.footer__phone .tehpod {
	font-size: 14px;
	position: absolute;
	bottom: -17px;
}

.footer__phone {
	position: relative;
}

.catalog__variants {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -4px;
	padding-bottom: 12px;
}

.catalog__variant {
	display: block;
	margin: 4px;
	border: 1px solid #f5f9ff;
	border-radius: 100px;
	padding: 4px 6px;
	font-size: 14px;
	text-align: center;
	color: #f5f9ff;
	-webkit-transition: border-color .25s ease-in-out, background-color .25s ease-in-out;
	-o-transition: border-color .25s ease-in-out, background-color .25s ease-in-out;
	transition: border-color .25s ease-in-out, background-color .25s ease-in-out;
}

.catalog__variant.is-active {
	border-color: #833ae9;
	background-color: #833ae9;
}

@media all and (max-width: 600px) {
	.contacts__info .contacts__items {
		display:none;
	}

	.hero {
		background-image: url(/img/Pulsar-Background-mobile.jpg) !important;
	}

	.hero__text {
		max-width: 220px;
	}
}