@font-face{
	font-family:Inter;
	src:url(../fonts/Inter-Light.woff2);
	font-weight:300;
	font-display:swap
}
@font-face{
	font-family:Inter;
	src:url(../fonts/Inter-Regular.woff2);
	font-weight:400;
	font-display:swap
}
@font-face{
	font-family:Inter;
	src:url(../fonts/Inter-Medium.woff2);
	font-weight:500;
	font-display:swap
}
@font-face{
	font-family:Inter;
	src:url(../fonts/Inter-SemiBold.woff2);
	font-weight:600;
	font-display:swap
}
@font-face{
	font-family:Inter;
	src:url(../fonts/Inter-Bold.woff2);
	font-weight:700;
	font-display:swap
}
@font-face{
	font-family:Inter;
	src:url(../fonts/Inter-ExtraBold.woff2);
	font-weight:800;
	font-display:swap
}
@font-face{
	font-family:Inter;
	src:url(../fonts/Inter-Black.woff2);
	font-weight:900;
	font-display:swap
}
html{
	box-sizing:border-box
}
*,::after,::before{
	box-sizing:inherit
}
*{
	font-family:Inter,sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:26px;
	color:#101010
}
h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	font-size:inherit;
	font-weight:400;
	line-height:inherit;
	color:inherit
}
a{
	display:inline-block;
	color:inherit;
	text-decoration:none
}
ol,ul{
	list-style:none
}
img{
	max-width:100%
}
b,blockquote,button,figure,li,ol,p,span,time,ul{
	margin:0;
	padding:0;
	font-weight:inherit;
	font-size:inherit;
	line-height:inherit;
	color:inherit;
	letter-spacing:inherit
}
button{
	background-color:transparent;
	border:none;
	cursor:pointer
}
address{
	font-style:normal
}
time{
	display:inline-block
}
input[type=date]::-webkit-calendar-picker-indicator{
	cursor:pointer
}
input[type=number]{
	-moz-appearance:textfield;
	-webkit-appearance:textfield;
	appearance:textfield
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
	display:none
}
.container{
	margin:0 auto;
	padding:0 15px;
	max-width:1230px
}
.h1--title{
	font-size:20px;
	font-weight:600;
	margin-bottom:10px;
	line-height:30px
}
.show__text{
	font-size:14px;
	line-height:22px;
	font-weight:500;
	margin-bottom:20px;
	text-align:justify
}
.show__text--mt{
	margin-top:20px
}
.section-first{
	padding-bottom:0!important
}
.sr-only{
	position:absolute;
	margin:-1px;
	padding:0;
	width:1px;
	height:1px;
	white-space:nowrap;
	overflow:hidden;
	border:0;
	clip:rect(0 0 0 0);
	-webkit-clip-path:inset(50%);
	clip-path:inset(50%)
}
.section{
	padding:75px 0
}
.section-first{
	padding:30px 0 75px
}
.section__title{
	font-weight:900;
	font-size:38px;
	line-height:57px;
	text-transform:uppercase
}
.section__title_white{
	color:#fff
}
.section__title-small{
	font-weight:700;
	font-size:36px;
	line-height:54px;
	letter-spacing:.03em;
	text-transform:uppercase
}
.section__wrapper{
	display:flex;
	justify-content:space-between;
	-moz-column-gap:30px;
	column-gap:30px
}
.button{
	display:inline-block;
	padding:.75rem 1.25rem;
	border-radius:10rem;
	color:#101010;
	font-weight:600;
	text-transform:uppercase;
	font-size:1rem;
	transition:1s;
	position:relative;
	z-index:1;
	background:linear-gradient(90deg,#7df11c 0,#fbea2e 100%)
}
.button:before{
	content:"";
	z-index:-1;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:linear-gradient(90deg,#7df11c 0,#fbea2e 100%);
	transform:translate3d(0,-7px,0) scale(1.08);
	filter:blur(15px);
	height:115%;
	opacity:1;
	transition:1s;
	border-radius:inherit
}
.button:after{
	content:"";
	z-index:-1;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:inherit;
	border-radius:inherit;
	transition:1s
}
.button:hover{
	color:#000!important;
	background:linear-gradient(90deg,#fbea2e 0,#7df11c 100%)
}
.button:hover:before{
	background:linear-gradient(90deg,#fbea2e 0,#7df11c 100%);
	transition:1s
}
.button--quiz,.button--quiz-full,.button--quiz-half,.button--quiz-quarter,.button--quiz-three-quarter{
	padding:10px 0;
	border:2px solid #7df11c;
	border-radius:10rem;
	font-size:20px;
	font-weight:600;
	position:relative;
	overflow:hidden;
	pointer-events:none
}
.button--quiz-full:before,.button--quiz-half:before,.button--quiz-quarter:before,.button--quiz-three-quarter:before,.button--quiz:before{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	left:-101%;
	top:0;
	background:linear-gradient(90deg,#fbea2e 0,#7df11c 100%);
	z-index:-1;
	border:1px solid transparent;
	border-radius:20px;
	transition:1s
}
.button--quiz.button--quiz-quarter:before{
	left:-75%;
	transition:1s
}
.button--quiz.button--quiz-half:before{
	left:-50%;
	transition:1s
}
.button--quiz.button--quiz-three-quarter:before{
	left:-25%;
	transition:1s
}
.button--quiz.button--quiz-full:before{
	left:0;
	transition:1s
}
.button--quiz-full{
	pointer-events:auto;
	border:none
}
#wrap{
	width:60px;
	height:60px;
	position:relative;
	border-radius:50%
}
.swiper-prev:before{
	position:absolute;
	content:url(../img/blocks/swiper-buttons/slide-prev-white.svg);
	top:55%;
	left:50%;
	transform:translateX(-50%) translateY(-50%)
}
.swiper-next:before{
	position:absolute;
	content:url(../img/blocks/swiper-buttons/slide-next-white.svg);
	top:55%;
	left:50%;
	transform:translateX(-50%) translateY(-50%)
}
.box-left,.box-right{
	width:50%;
	height:100%;
	box-sizing:border-box;
	position:absolute;
	top:0;
	overflow:hidden
}
.box-left,.circle-left{
	left:0
}
.box-right,.circle-right{
	right:0
}
.circle-left,.circle-right{
	width:200%;
	height:100%;
	box-sizing:border-box;
	border:7px #7df11c solid;
	border-radius:50%;
	position:absolute;
	top:0
}
.circle-left{
	border-top-color:transparent;
	border-left-color:transparent;
	transform:rotate(-45deg);
	-webkit-animation:circleRotate 5s infinite;
	animation:circleRotate 5s infinite
}
.circle-right{
	border-bottom-color:transparent;
	border-right-color:transparent;
	transform:rotate(-45deg);
	-webkit-animation:circleRotate 5s infinite;
	animation:circleRotate 5s infinite
}
@-webkit-keyframes circleRotate{
	from{
		transform:rotate(-45deg)
	}
	to{
		transform:rotate(135deg)
	}
}
@keyframes circleRotate{
	from{
		transform:rotate(-45deg)
	}
	to{
		transform:rotate(135deg)
	}
}
.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{
	content:none
}
.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{
	content:none
}
.modal .button{
	background:0 0;
	color:#000;
	border:1px solid #484848;
	-webkit-animation:none;
	animation:none
}
.modal .button:after,.modal .button:before{
	display:none
}
.modal .button:hover{
	background:linear-gradient(90deg,#fbea2e 0,#7df11c 100%);
	color:#101010!important;
	border:1px solid #484848
}
.modal .button:hover:before{
	display:none
}
.modal .button:hover:after{
	display:none
}
.modal input:focus{
	outline:0
}
.page-404{
	padding-top:517px;
	background:url(../img/pages/404/bg.png) center 30px no-repeat
}
.page-404 h1{
	text-transform:uppercase;
	font-size:36px;
	line-height:54px;
	margin-bottom:50px;
	text-align:center;
	font-weight:700
}
.page-404 a{
	margin:0 auto;
	display:block;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content
}
.button.button--reverse:after,.button.button--reverse:before{
	display:none!important
}
.input__border{
	border-bottom:1px solid #7df11c;
	border-top:none;
	border-right:none;
	border-left:none;
	transition:.5s;
	-webkit-animation:borderColor 2s infinite linear;
	animation:borderColor 2s infinite linear
}
.input__border:focus{
	border-bottom:2px solid #fff500;
	outline:0;
	background:0 0;
	-webkit-animation:none;
	animation:none
}
.button--gray{
	background:gray!important;
	cursor:not-allowed;
	pointer-events:none
}
.button--gray:after,.button--gray:before{
	display:none
}
.button--gray:hover{
	background:gray;
	border:1px solid gray
}
.header{
	position:relative;
	background-color:#252525;
	z-index:2
}
.header__nav-link,.header__phone,.header__services-link{
	color:#fff;
	transition:all .3s
}
@media(min-width:992px){
	.header__nav-link:hover,.header__phone:hover,.header__services-link:hover{
		color:#7df11c
	}
}
.header__nav-list{
	border-right:1px solid #484848;
	border-bottom:1px solid #484848
}
.header__logo{
	border-right:1px solid #484848;
	border-bottom:1px solid #484848
}
@media(min-width:992px){
	.header__logo-img:hover path{
		fill:#fff
	}
}
.header__contacts{
	border-bottom:1px solid #484848
}
.header__services{
	border-bottom:none
}
@media(min-width:992px){
	.header__social-img:hover circle{
		fill:#fff500
	}
	.header__social-img:hover path{
		fill:#000
	}
}
.header .dropdown__header{
	color:#fff
}
.header .dropdown__header::after{
	background-image:url(../img/blocks/header/dropdown-arrow-white.svg)
}
.header .dropdown__header:hover{
	color:#fff500
}
.header .dropdown__menu-item{
	background:#252525
}
.header .dropdown__menu-link{
	color:#fff;
	background-color:#252525
}
.header .dropdown__menu-link:hover{
	color:#fff500;
	background-color:#252525
}
.service__info--first{
	flex-direction:column-reverse
}
.service__info--first .service__button{
	margin-bottom:20px
}
.rates__info--four .content-wrapper{
	position:relative;
	top:-53%
}
@media(max-width:1199px){
	.rates__info--four .content-wrapper{
		top:0
	}
}
.main--screen .filter{
	flex-wrap:wrap
}
@media(max-width:991px){
	.main--screen .filter{
		flex-wrap:nowrap
	}
}
@media(max-width:767px){
	.rates__info--four{
		margin-top:20px;
		margin-bottom:20px
	}
}
.intro__category-item--block{
	display:block!important
}
.modal__close--not{
	display:flex!important;
	justify-content:center;
	align-items:center;
	text-transform:capitalize;
	font-weight:600!important;
	position:static!important
}
.modal__close--not:before{
	display:none
}
.modal__close--not:after{
	display:none
}
.form--success{
	font-weight:600!important;
	font-size:38px;
	line-height:45px;
	text-align:center
}
@media(max-width:991px){
	.page-404{
		background-size:100%;
		padding-top:calc(217px + 761*(100vw - 320px)/ 1600)
	}
	.page-404 h1{
		font-size:24px;
		line-height:28px;
		margin-bottom:30px
	}
	.section__title-small{
		font-weight:700;
		font-size:26px;
		line-height:34px;
		letter-spacing:.03em;
		text-transform:uppercase
	}
	.form--success{
		font-size:22px!important;
		line-height:33px!important
	}
	.modal__close--not{
		font-size:32px!important
	}
}
.best{
	padding:100px 0;
	overflow:hidden
}
.best .swiper-slide{
	height:initial
}
.best .swiper{
	margin-top:50px;
	overflow:hidden!important
}
.best .swiper-slide:not(:first-child) .best__article{
	border-left:none
}
.best .swiper-buttons{
	position:relative;
	justify-content:flex-end;
	margin-top:50px
}
.best__item{
	position:relative;
	padding:20px;
	max-width:400px;
	height:93%;
	border:1px solid #b6b6b6
}
@media(min-width:992px){
	.best__item:hover .best__button,.best__item:hover .best__img-full{
		opacity:1;
		pointer-events:unset
	}
}
.best__img{
	display:flex;
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover
}
.best__img-preview{
	max-height:319px
}
.best__img-full{
	position:absolute;
	inset:0;
	opacity:0;
	pointer-events:none;
	transition:opacity .2s
}
.best__subtitle{
	margin-top:10px;
	font-weight:800;
	text-transform:uppercase;
	min-height:52px
}
.best__descr{
	margin-top:10px;
	height:55px;
	font-weight:500;
	font-size:14px;
	line-height:22px;
	overflow:hidden
}
.best__price{
	margin-top:2px;
	font-weight:700;
	font-size:14px;
	line-height:22px
}
.best__button{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:20px;
	width:85%;
	border:none;
	opacity:0;
	pointer-events:none;
	transition:opacity .2s
}
.add--blocks .swiper-slide:not(:last-child) article{
	border-right:none
}
.add--blocks .swiper-slide{
	flex-basis:24.9%
}
.add--blocks .add-blocks{
	display:flex;
	flex-wrap:nowrap
}
.add--blocks li{
	list-style:none
}
.add--blocks article{
	padding:10px;
	height:370px;
	flex-basis:25%;
	overflow:hidden;
	border-bottom:1px solid #b6b6b6
}
.add--blocks .best__img-preview{
	height:240px;
	width:auto
}
.add--blocks .best__subtitle{
	margin-bottom:10px
}
@media(max-width:1439px){
	.add--blocks .add-blocks{
		display:flex;
		justify-content:center;
		flex-wrap:nowrap
	}
	.add--blocks li{
		list-style:none
	}
	.add--blocks article{
		padding:10px;
		height:370px
	}
	.add--blocks .best__img-preview{
		height:230px;
		width:auto
	}
	.add--blocks .best__subtitle{
		margin-bottom:10px
	}
}
@media(max-width:1230px){
	.add--blocks .add-blocks{
		display:flex;
		justify-content:center;
		flex-wrap:nowrap
	}
	.add--blocks li{
		list-style:none
	}
	.add--blocks article{
		padding:10px;
		height:100%
	}
	.add--blocks .best__img-preview{
		height:188px;
		width:auto
	}
	.add--blocks .best__subtitle{
		height:77px
	}
}
@media(max-width:991px){
	.add--blocks .add-blocks{
		flex-wrap:wrap
	}
	.add--blocks .swiper-slide{
		flex-basis:33.333%
	}
	.add--blocks .swiper-slide:nth-child(3) article{
		border-right:1px solid #b6b6b6
	}
	.add--blocks .swiper-slide:nth-child(4) article{
		border-top:transparent
	}
}
@media(max-width:767px){
	.add--blocks .swiper-slide{
		flex-basis:50%
	}
	.add--blocks .swiper-slide:nth-child(2) article{
		border-right:1px solid #b6b6b6
	}
	.add--blocks .swiper-slide:nth-child(3) article{
		border-right:transparent;
		border-top:transparent
	}
	.add--blocks .best__img-preview{
		height:auto;
		width:100%
	}
	.add--blocks .best__subtitle{
		height:98px
	}
}
@media(max-width:400px){
	.add--blocks .swiper-slide{
		flex-basis:100%!important
	}
	.add--blocks .best__item{
		max-width:100%!important
	}
	.add--blocks .best__subtitle{
		height:0
	}
	.add--blocks article{
		border:1px solid #b6b6b6
	}
	.add--blocks .swiper-slide:not(:last-child) article{
		border-bottom:none
	}
	.add--blocks .swiper-slide:nth-child(1) article{
		border-right:1px solid #b6b6b6
	}
	.add--blocks .swiper-slide:nth-child(2) article{
		border-bottom:1px solid #b6b6b6
	}
	.add--blocks .swiper-slide:nth-child(3) article{
		border-right:1px solid #b6b6b6;
		border-bottom:1px solid #b6b6b6
	}
}
.backToTop{
	position:fixed;
	z-index:2001;
	bottom:90px;
	right:0;
	-webkit-animation:backToTop 3s linear infinite;
	animation:backToTop 3s linear infinite;
	height:60px;
	width:60px;
	cursor:pointer
}
.backToTop:before{
	content:"";
	position:absolute;
	width:60px;
	height:60px;
	background-image:url(../img/blocks/swiper-buttons/backToTop.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:55px;
	transform:rotate(90deg)
}
@media(max-width:991px){
	.backToTop{
		bottom:90px;
		right:42px;
		-webkit-animation:none;
		animation:none;
		height:20px;
		width:20px
	}
	.backToTop:before{
		width:50px;
		height:50px;
		background-size:50px
	}
}
@-webkit-keyframes backToTop{
	0%{
		transform:translateY(-35px)
	}
	50%{
		transform:translateY(35px)
	}
	100%{
		transform:translateY(-35px)
	}
}
@keyframes backToTop{
	0%{
		transform:translateY(-35px)
	}
	50%{
		transform:translateY(35px)
	}
	100%{
		transform:translateY(-35px)
	}
}
.images-bot h2{
	margin-bottom:30px
}
.images-bot .images-bot__wrapper{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
.images-bot .images-bot__wrapper a{
	flex-basis:24%;
	margin-bottom:10px
}
.images-bot .images-bot__wrapper a img{
	height:300px;
	-o-object-fit:cover;
	object-fit:cover
}
@media(max-width:1199px){
	.images-bot .images-bot__wrapper img{
		height:275px!important;
		-o-object-fit:cover;
		object-fit:cover
	}
}
@media(max-width:767px){
	.images-bot .images-bot__wrapper a{
		flex-basis:31%
	}
	.images-bot .images-bot__wrapper a img{
		height:220px!important
	}
	.images-bot .images-bot__wrapper a:nth-child(4),.images-bot .images-bot__wrapper a:nth-child(6){
		display:none
	}
}
@media(max-width:576px){
	.images-bot .images-bot__wrapper a{
		flex-basis:48%
	}
	.images-bot .images-bot__wrapper a img{
		height:220px!important;
		width:100%
	}
}
#quiz__success--message{
	position:relative;
	top:236px;
	text-align:center;
	font-size:22px;
	font-weight:500
}
#quiz__success--message:before{
	position:absolute;
	content:"";
	background-image:url(../img/blocks/gal.png);
	background-position:center center;
	background-size:contain;
	background-repeat:no-repeat;
	width:100px;
	height:100px;
	top:-115px;
	left:50%;
	transform:translateX(-50%)
}
.button--quiz{
	text-align:center!important;
	margin-top:30px!important;
	margin-bottom:20px!important;
	cursor:pointer
}
.button--quiz.button--quiz-full{
	width:100%!important;
	text-transform:none!important
}
@media(max-width:1400px){
	#quiz__success--message{
		top:15px
	}
	#quiz__success--message:before{
		width:50px;
		height:50px;
		top:-57px
	}
}
@media(max-width:767px){
	#quiz__success--message{
		font-size:18px;
		margin-bottom:65px
	}
	#quiz__success--message:before{
		display:none
	}
}
footer .form__submit{
	text-align:center;
	cursor:pointer
}
#footer__success--message{
	color:#fff;
	text-align:center
}
.modal .form.hidden{
	opacity:.04!important
}
.modal .form__message{
	position:absolute;
	padding:0 30px;
	margin:0!important
}
.portfolio .slider .slick-arrow{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:40px;
	height:40px
}
.portfolio .slider .swiper-button-next{
	right:-50px
}
.portfolio .slider .swiper-button-prev{
	left:-50px
}
.portfolio .slider img{
	width:auto;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	min-height:230px
}
.portfolio .slider .slider__item{
	margin-right:10px
}
.slider--main .slick-arrow{
	position:absolute;
	bottom:20px
}
.slider--main .swiper-button-prev{
	left:calc(50% - 55px)
}
.slider--main .swiper-button-next{
	right:calc(50% - 55px)
}
.service--title-new{
	font-size:22px!important
}
.scene--container{
	width:100%!important
}
.mainScene .h1--title{
	font-size:36px;
	padding-top:20px;
	line-height:40px
}
.mainScene .h2--title{
	margin-top:20px;
	font-size:24px;
	font-weight:600;
	margin-bottom:15px
}
@media(max-width:991px){
	.portfolio .slider .slick-arrow{
		top:calc(100% + 20px)
	}
	.portfolio .slider .swiper-button-next{
		right:0
	}
	.portfolio .slider .swiper-button-prev{
		left:0
	}
}
@media(max-width:568px){
	.portfolio .slider .slider__item{
		margin-right:0
	}
	.mainScene .h1--title{
		font-size:24px;
		padding-top:10px;
		line-height:28px
	}
}
@media(max-width:1024px){
	html body .filter{
		display:none
	}
	html body .filter__item{
		padding:0!important;
		margin-bottom:10px
	}
	.filter__button{
		width:calc(100% - 10px)
	}
	.select{
		position:relative;
		display:block;
		width:100%;
		margin-bottom:-10px;
		margin-top:20px;
		color:#000;
		text-align:left
	}
	.select__head{
		width:100%;
		max-width:100%;
		padding:14px 15px;
		line-height:18px;
		cursor:pointer;
		background:linear-gradient(90deg,#7df11c 0,#fbea2e 100%);
		font-weight:600;
		position:inherit;
		border-radius:5px
	}
	.select__head.open::after{
		transform:translateY(10%) rotate(135deg)
	}
	.select__head.open::before{
		transform:translateY(10%) rotate(45deg)
	}
	.select__head:after,.select__head:before{
		border-right:2px solid;
		content:"";
		display:block;
		height:15px;
		margin-top:-7px;
		position:absolute;
		transform:rotate(135deg);
		right:30px;
		top:50%;
		width:0;
		transition:.3s
	}
	.select__head:after{
		margin-top:-7px;
		right:20px;
		transform:rotate(45deg)
	}
	.select p.text{
		margin:0 0 5px 0!important
	}
	.select__list{
		display:none;
		position:absolute;
		top:105px;
		left:0;
		right:0;
		z-index:100;
		margin:0;
		padding-left:10px;
		background:#eee
	}
	.select__list::-webkit-scrollbar{
		width:7px;
		background-color:#f8f9fa;
		padding:5px
	}
	.select__list::-webkit-scrollbar-thumb{
		border-radius:10px;
		background-color:#d9d9d9
	}
	.select__list .select__item{
		position:relative;
		border-top:1px solid rgba(224,229,231,.5);
		padding:10px 15px;
		cursor:pointer;
		list-style-type:none;
		width:100%
	}
	.select__list .select__item img{
		width:25px;
		margin-right:5px
	}
	.select__list .select__item:hover{
		background-color:rgba(224,229,231,.5)
	}
}
.slider--main .slider__item--1 img{
	max-height:715px;
	height:calc(401px + 314*(100vw - 1024px)/ 896);
	-o-object-fit:cover;
	object-fit:cover
}
@media(max-width:450px){
	.slider--main .slider__item--1 img{
		height:350px!important
	}
}
@media(max-width:1439px){
	.container{
		padding:0 50px
	}
}
@media(max-width:1199px){
	.section{
		padding:50px 0
	}
	.section-first{
		padding:30px 0 50px
	}
}
@media(max-width:991px){
	.container{
		padding:0 30px
	}
	.section__wrapper{
		flex-wrap:wrap;
		row-gap:40px
	}
}
@media(max-width:767px){
	.container{
		padding:0 20px
	}
}
@media(max-width:575px){
	.container{
		padding:0 10px
	}
	.section{
		padding:40px 0
	}
	.section-first{
		padding:30px 0 40px
	}
	.section__title{
		font-size:32px;
		line-height:45px
	}
}
.header{
	position:relative
}
.header__wrapper{
	display:grid;
	grid-template-columns:285px auto 285px;
	align-items:center
}
.header__nav-list{
	display:flex;
	-moz-column-gap:27px;
	column-gap:27px;
	padding:37px 0;
	width:100%;
	border-right:1px solid #b6b6b6;
	border-bottom:1px solid #b6b6b6
}
.header__nav-link{
	font-weight:500;
	font-size:15px;
	line-height:22px;
	position:relative
}
.header__nav-link::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:1px;
	color:inherit;
	background-color:currentColor;
	transition:width .3s
}
@media(min-width:992px){
	.header__nav-link:hover::after{
		width:100%
	}
	.header__nav-link:active{
		opacity:.5
	}
}
.header__logo{
	display:flex;
	justify-content:center;
	padding:10px 0;
	border-right:1px solid #b6b6b6;
	border-bottom:1px solid #b6b6b6
}
.header__logo-link{
	width:100%;
	height:80px
}
.header__logo-img{
	width:100%;
	height:80px;
	-o-object-fit:cover;
	object-fit:cover
}
@media(min-width:992px){
	.header__logo-img:hover path{
		fill:#898989
	}
	.header__logo-img:active{
		opacity:.5
	}
}
.header__logo-img path{
	transition:all .3s
}
.header__contacts{
	display:flex;
	flex-direction:column;
	align-items:center;
	padding:16px 0 17px 30px;
	border-bottom:1px solid #b6b6b6
}
.header__phone{
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:15px;
	position:relative
}
.header__phone::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:1px;
	color:inherit;
	background-color:currentColor;
	transition:width .3s
}
@media(min-width:992px){
	.header__phone:hover::after{
		width:100%
	}
	.header__phone:active{
		opacity:.5
	}
}
.header__social{
	display:flex;
	-moz-column-gap:10px;
	column-gap:10px
}
.header__social-item,.header__social-link{
	height:25px
}
.header__social-img circle,.header__social-img path{
	transition:fill .2s
}
@media(min-width:992px){
	.header__social-img:hover circle{
		fill:#fff
	}
	.header__social-img:hover path{
		fill:#101010
	}
	.header__social-img:active{
		opacity:.5
	}
}
.header__services{
	padding:10px 0;
	border-bottom:1px solid #b6b6b6
}
.header__services-list{
	display:flex;
	justify-content:space-between;
	-moz-column-gap:5px;
	column-gap:5px
}
.header__services-link{
	font-weight:700;
	text-transform:uppercase;
	position:relative
}
.header__services-link::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:1px;
	color:inherit;
	background-color:currentColor;
	transition:width .3s
}
@media(min-width:992px){
	.header__services-link:hover::after{
		width:100%
	}
	.header__services-link:active{
		opacity:.5
	}
}
.header .dropdown{
	position:relative;
	z-index:2
}
.header .dropdown__header{
	position:relative;
	width:100%;
	font-weight:700;
	text-transform:uppercase;
	padding-right:15px
}
.header .dropdown__header::after{
	content:"";
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:0;
	width:10px;
	height:15px;
	background:url(../img/blocks/header/dropdown-arrow.svg) center center/cover no-repeat;
	pointer-events:none;
	transition:transform .3s
}
.header .dropdown__header_active::after{
	transform:translateY(-50%) rotate(180deg)
}
.header .dropdown__menu{
	position:absolute;
	top:36px;
	left:-10px;
	width:calc(100% + 10px);
	opacity:0;
	border-left:1px solid #b6b6b6;
	border-right:1px solid #b6b6b6;
	transition:opacity .2s;
	visibility:hidden
}
.header .dropdown__menu_active{
	opacity:1;
	visibility:visible
}
.header .dropdown__menu_active .dropdown__menu-item:first-child{
	border-top:1px solid #b6b6b6
}
.header .dropdown__menu-item:not(:first-child){
	border-top:1px solid #b6b6b6
}
.header .dropdown__menu-item:last-child{
	border-bottom:1px solid #b6b6b6
}
.header .dropdown__menu-link{
	padding:10px;
	width:100%;
	font-weight:500;
	font-size:14px;
	line-height:22px;
	background-color:#fff;
	transition:backgroundColor .2s
}
@media(min-width:992px){
	.header .dropdown__menu-link:hover{
		background-color:#b6b6b6
	}
	.header .dropdown__menu-link:active{
		opacity:.5
	}
}
.header__hamburger,.header__mobile{
	display:none
}
.header{
	position:relative;
	background-color:#252525;
	z-index:2
}
.header__nav-link,.header__phone,.header__services-link{
	color:#fff;
	transition:all .3s
}
@media(min-width:992px){
	.header__nav-link:hover,.header__phone:hover,.header__services-link:hover{
		color:#7df11c
	}
}
.header__nav-list{
	border-right:1px solid #484848;
	border-bottom:1px solid #484848
}
.header__logo{
	border-right:1px solid #484848;
	border-bottom:1px solid #484848
}
@media(min-width:992px){
	.header__logo-img:hover path{
		fill:#fff
	}
}
.header__contacts{
	border-bottom:1px solid #484848
}
.header__services{
	border-bottom:none
}
@media(min-width:992px){
	.header__social-img:hover circle{
		fill:#7df11c
	}
	.header__social-img:hover path{
		fill:#000
	}
}
.header .dropdown__header{
	color:#fff
}
.header .dropdown__header::after{
	background-image:url(../img/blocks/header/dropdown-arrow-white.svg)
}
.header .dropdown__header:hover{
	color:#7df11c
}
.header .dropdown__menu-item{
	background:#252525
}
.header .dropdown__menu-link{
	color:#fff;
	background-color:#252525
}
.header .dropdown__menu-link:hover{
	color:#7df11c;
	background-color:#252525
}
.header{
	width:100%;
	left:0
}
.header.fixed{
	position:fixed;
	top:0;
	z-index:999
}
body{
	overflow-x:hidden
}
@media(max-width:1199px){
	.header__services{
		overflow-x:auto
	}
	.header__services::-webkit-scrollbar{
		display:none
	}
	.header__services-list{
		-moz-column-gap:30px;
		column-gap:30px
	}
	.header__services-link{
		white-space:nowrap
	}
	.header .dropdown{
		position:static
	}
	.header .dropdown__header{
		white-space:nowrap
	}
	.header .dropdown__menu{
		top:111px;
		left:unset;
		right:50px;
		width:auto
	}
}
@media(max-width:991px){
	.header__wrapper{
		display:flex;
		justify-content:space-between;
		align-items:center;
		-moz-column-gap:10px;
		column-gap:10px;
		border-bottom:1px solid #b6b6b6
	}
	.header__nav{
		display:none
	}
	.header__contacts{
		order:1;
		padding-left:0;
		border-bottom:none
	}
	.header__phone{
		display:none
	}
	.header__logo{
		order:2;
		border-right:none;
		border-bottom:none
	}
	.header__hamburger{
		order:3;
		display:flex;
		flex-direction:column;
		row-gap:5px;
		width:25px;
		height:16px
	}
	.header__hamburger span{
		display:block;
		width:25px;
		height:2px;
		background-color:#fff;
		border-radius:2px;
		transition:transform .2s linear,margin .2s linear
	}
	.header__hamburger span:nth-child(2){
		margin-left:auto;
		width:20px
	}
	.header__hamburger_active{
		z-index:3
	}
	.header__hamburger_active span{
		background-color:#101010
	}
	.header__hamburger_active span:nth-child(1){
		transform:rotate(45deg);
		margin-top:5px
	}
	.header__hamburger_active span:nth-child(2){
		display:none
	}
	.header__hamburger_active span:nth-child(3){
		transform:rotate(-45deg);
		margin-top:-7px
	}
	.header__services{
		display:none
	}
	.header__mobile{
		position:absolute;
		top:0;
		left:0;
		padding:50px 20px;
		width:100%;
		height:100vh;
		height:calc(var(--vh,1vh)*100);
		background-color:#fff;
		overflow:auto;
		z-index:2
	}
	.header__mobile_active{
		display:block
	}
	.header__mobile-list{
		padding-bottom:50px;
		border-bottom:1px solid #b6b6b6
	}
	.header__mobile-item:not(:first-child){
		margin-top:10px
	}
	.header__mobile-link{
		font-weight:700;
		text-transform:uppercase;
        color: #000;
        
	}
	.header__mobile-phone{
		margin-top:10px;
		font-weight:700;
		text-transform:uppercase
	}
	.header__social{
		margin-top:10px;
		padding-bottom:30px
	}
}
@media(max-width:575px){
	.header__contacts{
		display:none
	}
	.header__logo-img,.header__logo-link{
		width:104px;
		height:31px
	}
	.header__mobile-link{
		font-weight:500
	}
}
.footer{
	background-color:#252525;
	padding-bottom:130px
}
.footer__wrapper{
	display:flex;
	justify-content:space-between;
	-moz-column-gap:30px;
	column-gap:30px;
	padding-bottom:50px;
	border-bottom:1px solid #484848
}
.footer__subtitle{
	font-weight:900;
	font-size:20px;
	text-transform:uppercase;
	color:#fff
}
.footer__form-wrapper{
	max-width:390px;
	width:100%
}
.footer .spinner-wrapper{
	margin-top:35px
}
.footer__list{
	display:flex;
	-moz-column-gap:50px;
	column-gap:50px
}
.footer__sublist{
	margin-top:20px
}
.footer__subitem:not(:first-child){
	margin-top:10px
}
.footer__link{
	font-weight:500;
	color:#fff;
	position:relative;
	transition:all .3s
}
.footer__link::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:1px;
	color:inherit;
	background-color:currentColor;
	transition:width .3s
}
@media(min-width:992px){
	.footer__link:hover::after{
		width:100%
	}
	.footer__link:active{
		opacity:.5
	}
}
@media(min-width:992px){
	.footer__link:hover{
		color:#7df11c
	}
}
.footer__dev{
	padding-top:30px;
	display:flex;
	align-items:center;
	width:100%;
	justify-content:flex-end;
	height:80px
}
.footer__dev p{
	font-size:14px;
	line-height:22;
	color:#898989;
	font-weight:600
}
.footer__dev img{
	width:89px;
	height:auto
}
@-webkit-keyframes borderColor{
	0%{
		border-bottom:2px solid #7df11c
	}
	50%{
		border-bottom:2px solid #fff500
	}
	100%{
		border-bottom:2px solid #7df11c
	}
}
@keyframes borderColor{
	0%{
		border-bottom:2px solid #7df11c
	}
	50%{
		border-bottom:2px solid #fff500
	}
	100%{
		border-bottom:2px solid #7df11c
	}
}
@media(max-width:1199px){
	.footer{
		padding:50px 0
	}
	.footer__form-wrapper{
		max-width:250px
	}
	.footer__list{
		-moz-column-gap:15px;
		column-gap:15px
	}
}
@media(max-width:991px){
	.footer{
		padding:100px 0
	}
	.footer__wrapper{
		flex-wrap:wrap;
		row-gap:100px
	}
	.footer__form-wrapper{
		max-width:unset
	}
	.footer__nav{
		width:100%
	}
	.footer__list{
		display:grid;
		grid-template-columns:repeat(3,auto)
	}
}
@media(max-width:575px){
	.footer{
		padding:40px 0 80px
	}
	.footer__wrapper{
		row-gap:40px
	}
	.footer__list{
		grid-template-columns:1fr;
		row-gap:40px
	}
}
.form{
	display:flex;
	flex-direction:column;
	row-gap:20px;
	margin-top:35px
}
.form__input{
	padding:12px 15px;
	width:100%;
	font-weight:400;
	font-size:14px;
	line-height:22px;
	color:#fff;
	background-color:transparent;
	border:1px solid #484848
}
.form__input::-moz-placeholder{
	color:#898989
}
.form__input:-ms-input-placeholder{
	color:#898989
}
.form__input::placeholder{
	color:#898989
}
.form__submit{
	transition:all .2s;
	border:1px solid transparent
}
@media(min-width:992px){
	.form__submit:hover{
		color:#fff500;
		background-color:#101010;
		border:1px solid #fff500
	}
	.form__submit:active{
		opacity:.5
	}
}
.form__message{
	display:none;
	margin-top:35px;
	font-weight:500;
	color:#fff
}
.form__message-text:not(:first-child){
	margin-top:10px
}
.form__message_active{
	display:block
}
.spinner{
	width:50px;
	height:50px;
	border:8px solid #fff500;
	border-radius:50%;
	position:relative;
	-webkit-animation:spinneranim 2s infinite linear;
	animation:spinneranim 2s infinite linear
}
.spinner::before{
	content:"";
	height:6px;
	width:6px;
	border-radius:50%;
	background-color:#101010;
	position:absolute;
	top:-7px;
	left:14px
}
.spinner-wrapper_active{
	display:block!important
}
.spinner-wrapper_inactive{
	display:none!important
}
@-webkit-keyframes spinneranim{
	100%{
		transform:rotate(360deg)
	}
}
@keyframes spinneranim{
	100%{
		transform:rotate(360deg)
	}
}
.nav-mob{
	display:none
}
@media(max-width:767px){
	.nav-mob{
		display:flex;
		justify-content:space-between;
		position:fixed;
		bottom:0;
		z-index:9999;
		height:60px;
		border-bottom:1px solid #484848;
		border-top:1px solid #484848;
		background:#252525;
		width:100vw;
		align-items:flex-end
	}
	.nav-mob__item--diff::before{
		width:83px!important
	}
	.nav-mob__item{
		position:relative;
		flex-basis:20%;
		height:60px;
		font-size:10px;
		color:#898989;
		text-align:center
	}
	.nav-mob__item span{
		position:absolute;
		top:36px;
		left:50%;
		transform:translateX(-50%)
	}
	.nav-mob__item:before{
		position:absolute;
		content:"";
		top:8px;
		left:50%;
		transform:translateX(-50%);
		width:30px;
		height:30px
	}
	.nav-mob__item:not(:nth-last-child(1)){
		border-right:1px solid #484848
	}
	.nav-mob__item:nth-child(1):before{
		background:url(../img/blocks/nav-mob-menu/scene.svg) center center/100% no-repeat
	}
	.nav-mob__item:nth-child(2):before{
		background:url(../img/blocks/nav-mob-menu/light.svg) center center/100% no-repeat
	}
	.nav-mob__item:nth-child(3):before{
		background:url(../img/blocks/nav-mob-menu/logo.svg) center center/100% no-repeat
	}
	.nav-mob__item:nth-child(4):before{
		background:url(../img/blocks/nav-mob-menu/sound.svg) center center/100% no-repeat
	}
	.nav-mob__item:nth-child(5):before{
		background:url(../img/blocks/nav-mob-menu/screen.svg) center center/100% no-repeat
	}
}
.breadcrumbs{
	margin-top:30px
}
.breadcrumbs__list{
	display:flex;
	flex-wrap:wrap;
	-moz-column-gap:5px;
	column-gap:5px;
	row-gap:10px
}
.breadcrumbs__item{
	font-size:14px;
	line-height:22px
}
.breadcrumbs__text{
	font-weight:500;
	font-size:14px;
	line-height:22px;
	color:#898989
}
.breadcrumbs__text_link{
	position:relative
}
.breadcrumbs__text_link::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:0;
	height:1px;
	color:inherit;
	background-color:currentColor;
	transition:width .3s
}
@media(min-width:992px){
	.breadcrumbs__text_link:hover::after{
		width:100%
	}
	.breadcrumbs__text_link:active{
		opacity:.5
	}
}
.breadcrumbs__text_current{
	color:#101010
}
@media(max-width:767px){
	.breadcrumbs{
		margin-top:20px
	}
	.breadcrumbs__list{
		display:block
	}
	.breadcrumbs__item{
		display:inline
	}
	.breadcrumbs__text{
		display:inline
	}
	.breadcrumbs__text span{
		word-break:break-all
	}
}
.intro{
	overflow:hidden
}
.intro .swiper{
	margin:20px 0 0 0
}
.intro__container{
	margin-left:auto
}
.intro__descr{
	max-width:800px;
	width:100%
}
.intro__text{
	font-weight:500
}
.intro__text:not(:first-child){
	margin-top:5px
}
.intro__img{
	margin-top:50px;
	width:100%;
	min-height:300px;
	max-height:540px;
	-o-object-fit:cover;
	object-fit:cover
}
.intro__category{
	position:relative;
	margin-top:20px;
	padding-top:20px
}
.intro__category-info{
	display:flex;
	flex-direction:column;
	overflow:hidden;
	flex-basis:47%
}
.intro__category-item{
	position:absolute;
	display:flex;
	top:0;
	left:0;
	opacity:0;
	-moz-column-gap:40px;
	column-gap:40px;
	pointer-events:none
}
.intro__category-item_active{
	position:static;
	display:flex;
	opacity:1;
	pointer-events:unset;
	transition:opacity .3s
}
.intro__category-img{
	width:100%;
	max-height:560px;
	-o-object-fit:cover;
	object-fit:cover;
	flex-basis:50%
}
.intro__category-title{
	font-size:24px;
	line-height:38px;
	text-transform:uppercase
}
.intro__category-flex{
	display:flex;
	justify-content:space-around;
	align-items:center;
	-moz-column-gap:30px;
	column-gap:30px;
	margin-top:auto
}
.intro__category-button{
	transition:all .2s
}
@media(min-width:992px){
	.intro__category-button:hover{
		background-color:#fff
	}
	.intro__category-button:active{
		opacity:.5
	}
}
.intro .swiper{
	margin-top:20px;
	max-width:100%
}
.intro .products__img--hidden{
	position:absolute;
	top:0;
	left:0;
	transition:.5s;
	opacity:0;
	height:290px;
	width:100%
}
.intro .products__item{
	max-width:280px;
	position:relative;
	display:flex;
	flex-direction:column;
	height:inherit
}
.intro .products__item:hover .products__img--hidden{
	opacity:1
}
.intro .products__img{
	max-width:100%;
	width:100%;
	max-height:300px;
	height:290px;
	-o-object-fit:cover;
	object-fit:cover;
	box-sizing:border-box;
	border:1px solid #b6b6b6
}
.intro .products__title{
	margin-top:10px;
	margin-bottom:10px;
	font-weight:900;
	font-size:16px;
	line-height:21px;
	min-height:40px;
	height:42px
}
.intro .products__subtitle{
	margin-bottom:10px;
	font-size:14px;
	line-height:18px;
	font-weight:500;
	height:48px
}
.intro .products__price{
	display:inline-block;
	font-weight:900;
	font-size:14px;
	line-height:22px;
	margin-top:auto
}
.intro__video{
	display:flex;
	max-width:1200px;
	width:100%;
	min-height:300px;
	max-height:540px;
	-o-object-fit:cover;
	object-fit:cover;
	cursor:pointer
}
.intro__video-wrapper{
	position:relative;
	margin-top:50px
}
.intro__video-wrapper::after{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:80px;
	height:80px;
	background:url(../img/pages/show/video-play.svg) center center/cover no-repeat;
	pointer-events:none
}
.intro__video-wrapper_active::after{
	display:none
}
@media(max-width:1439px){
	.intro__category-img{
		max-width:50%
	}
	.intro .products__img{
		height:250px
	}
	.intro .products__img--hidden{
		height:250px
	}
	.intro .products__price{
		margin-bottom:15px
	}
	.intro .products__title{
		height:66px
	}
}
@media(max-width:1199px){
	.intro__descr{
		max-width:50%
	}
}
@media(max-width:991px){
	.intro__descr{
		max-width:unset
	}
	.intro__category-img{
		display:none
	}
	.intro__category-flex{
		margin-top:30px
	}
	.intro__category-info{
		flex-basis:100%
	}
	.intro .swiper-slide{
		width:auto!important
	}
}
@media(max-width:767px){
	.intro__img{
		margin-top:40px
	}
	.intro__video-wrapper{
		margin-top:40px
	}
	.intro .products__item{
		max-width:250px
	}
	.intro .products__img{
		max-width:250px
	}
}
@media(max-width:575px){
	.intro__img{
		margin-top:30px
	}
	.intro__video-wrapper{
		margin-top:30px
	}
	.intro__category-flex{
		flex-direction:column;
		row-gap:40px
	}
	.intro__category-button{
		order:2;
		width:100%
	}
	.intro .swiper-buttons{
		justify-content:space-between;
		width:100%
	}
}
.filter{
	display:flex;
	gap:20px;
	margin-top:50px;
	overflow-x:auto
}
.filter::-webkit-scrollbar{
	display:none
}
.filter__button{
	padding:9px 20px;
	font-weight:500;
	font-size:14px;
	line-height:22px;
	background-color:#efefef;
	white-space:nowrap;
	border:1px solid transparent;
	border-radius:30px
}
@media(min-width:992px){
	.filter__button:hover{
		border:1px solid #101010
	}
	.filter__button:active{
		opacity:.5
	}
}
.filter__button_active{
	border:1px solid transparent
}
.filter__button_active{
	display:inline-block;
	padding:.55rem .85rem;
	border-radius:10rem;
	color:#101010;
	font-weight:600;
	font-size:1rem;
	transition:0s;
	position:relative;
	z-index:1;
	background:linear-gradient(90deg,#7df11c 0,#fbea2e 100%)
}
.service.section,.turnkey.section{
	padding-top:0
}
.swiper-buttons{
	display:flex;
	-moz-column-gap:10px;
	column-gap:10px
}
.swiper-button{
	position:relative;
	top:initial;
	left:initial;
	right:initial;
	margin:0;
	width:50px;
	height:50px;
	background-color:#fff;
	border-radius:50%;
	border:1px solid #101010;
	transition:background-color .3s
}
@media(min-width:992px){
	.swiper-button:hover{
		background:linear-gradient(90deg,#7df11c 0,#fbea2e 100%)
	}
}
.swiper-button::before{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:25px;
	height:20px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat
}
.swiper-button::after{
	display:none
}
.swiper-button-prev::before{
	background-image:url(../img/blocks/swiper-buttons/slide-next.svg);
    transform: rotate(180deg);
    top: 30%;
    left: 30%;

}
.swiper-button-prev_vertical::before{
	width:20px;
	height:25px;
	background-image:url(../img/blocks/swiper-buttons/slide-prev-vertical.svg);
    transform: rotate(0deg);
}
.swiper-button-next::before{
	background-image:url(../img/blocks/swiper-buttons/slide-next.svg)
}
.swiper-button-next_vertical::before{
	width:20px;
	height:25px;
	background-image:url(../img/blocks/swiper-buttons/slide-next-vertical.svg)
}
.rates__wrapper{
	display:flex;
	margin-top:20px;
	padding:20px 0;
	border-top:1px solid #b6b6b6;
	border-bottom:1px solid #b6b6b6
}
.rates__img{
	display:flex;
	padding-right:20px;
	max-width:600px;
	width:100%;
	max-height:550px;
	-o-object-fit:cover;
	object-fit:cover;
	border-right:1px solid #b6b6b6
}
.rates__img_second{
	padding-right:0;
	padding-left:20px;
	border-right:0;
	border-left:1px solid #b6b6b6
}
.rates__caption{
	margin-top:10px;
	font-weight:500;
	font-size:14px;
	line-height:22px
}
.rates__caption_second{
	padding-left:20px
}
.rates__info{
	display:flex;
	flex-direction:column;
	align-items:baseline;
	padding-left:20px;
	padding-bottom:32px;
	max-width:50%
}
.rates__info_first{
	padding-left:0;
	padding-right:20px
}
.rates__subitem{
	padding:20px 0;
	font-weight:500;
	text-transform:uppercase;
	border-bottom:1px solid #b6b6b6
}
.rates__subitem:first-child{
	padding-top:0
}
.rates__price{
	display:inline-block;
	margin-top:20px;
	font-weight:700;
	font-size:14px;
	line-height:22px
}
.rates__descr{
	margin-top:20px
}
.rates__text{
	font-weight:500;
	font-size:14px;
	line-height:22px
}
.rates__text:not(:first-child){
	margin-top:5px
}
.rates__button{
	margin-top:auto;
	transition:all .2s
}
@media(min-width:992px){
	.rates__button:hover{
		background-color:#fff
	}
	.rates__button:active{
		opacity:.5
	}
}
@media(max-width:1199px){
	.rates__info{
		max-width:66%;
		padding-bottom:0
	}
	.rates__button{
		margin-top:40px
	}
}
@media(max-width:767px){
	.rates__wrapper{
		flex-wrap:wrap;
		padding-top:0;
		border-top:0
	}
	.rates__info{
		padding:0;
		max-width:100%
	}
	.rates__info_first{
		order:2
	}
	.rates__img{
		padding:0;
		max-width:100%;
		max-height:690px;
		border:0
	}
	.rates__caption{
		margin-bottom:10px
	}
	.rates__caption_second{
		padding-left:0
	}
	.rates__sublist{
		width:100%
	}
	.rates__subitem:first-child{
		padding-top:20px;
		border-top:1px solid #b6b6b6
	}
}
.quiz{
	padding:75px 0 100px
}
.quiz__wrapper{
	display:flex;
	margin-top:50px
}
.quiz__left{
	margin-right:30px
}
.quiz__left-title{
	position:relative;
	font-size:24px;
	line-height:38px;
	text-transform:uppercase
}
.quiz__left-title:before{
	position:absolute;
	top:0;
	left:-60px
}
.quiz__left-item:nth-child(1) .quiz__left-title:before{
	content:url(../img/blocks/quiz/1.svg)
}
.quiz__left-item:nth-child(2) .quiz__left-title:before{
	content:url(../img/blocks/quiz/2.svg)
}
.quiz__left-item:nth-child(3) .quiz__left-title:before{
	content:url(../img/blocks/quiz/3.svg)
}
.quiz__left-item:nth-child(4) .quiz__left-title:before{
	content:url(../img/blocks/quiz/4.svg)
}
.quiz__left-text,.quiz__right-text{
	color:#898989;
	font-size:16px
}
.quiz__left-item{
	margin-bottom:45px;
	padding-left:60px
}
.quiz__right{
	position:relative;
	border:5px solid #7df11c;
	padding:50px 40px 40px 40px
}
.quiz .h3{
	font-size:24px;
	color:#000;
	margin-bottom:20px;
	font-weight:900;
	text-transform:uppercase
}
.quiz__unputs{
	margin-top:30px
}
.quiz label+.quiz__checkbox-item{
	width:80px;
	border:1px solid #000;
	border-radius:8px;
	position:relative;
	background:#fff;
	transition:.5s;
	cursor:pointer
}
.quiz label+.quiz__checkbox-item:checked{
	color:#000;
	text-decoration:underline;
	font-weight:600
}
.quiz #light:checked:before,.quiz #scene:checked:before,.quiz #screen:checked:before,.quiz #sound:checked:before{
	background:linear-gradient(90deg,#fbea2e 0,#7df11c 100%);
	border:1px solid transparent
}
.quiz #sound:before{
	padding:10px;
	border:1px solid #000;
	border-radius:30px;
	content:"Звук";
	background:#fff
}
.quiz #scene:before{
	padding:10px;
	border:1px solid #000;
	border-radius:30px;
	content:"Сцена";
	background:#fff
}
.quiz #light:before{
	padding:10px;
	border:1px solid #000;
	border-radius:30px;
	content:"Свет";
	background:#fff
}
.quiz #screen:before{
	padding:10px;
	border:1px solid #000;
	border-radius:30px;
	content:"Экран";
	background:#fff
}
.quiz__unput-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between
}
.quiz__unput-list textarea{
	flex-basis:100%;
	min-height:100px;
	max-height:100px;
	max-width:591px;
	margin-bottom:20px;
	border:2px solid gray;
	border-radius:8px;
	padding:10px;
	outline:0;
	cursor:pointer
}
.quiz__unput-list textarea:focus-visible{
	border:2px solid #7df11c
}
.quiz__unput-list input{
	flex-basis:47%;
	border:2px solid gray;
	border-radius:8px;
	padding:10px;
	outline:0;
	cursor:pointer
}
.quiz__unput-list input:focus-visible{
	border:2px solid #7df11c
}
.quiz__checkbox-list{
	margin-bottom:30px
}
.quiz button{
	width:100%;
	margin-top:30px;
	margin-bottom:20px
}
.quiz .policy{
	font-size:16px;
	color:#898989;
	text-align:center
}
.quiz .policy__link{
	text-decoration:underline;
	cursor:pointer
}
@media(max-width:1200px){
	.quiz__wrapper{
		flex-direction:column
	}
	.quiz textarea{
		max-width:100%
	}
}
@media(max-width:767px){
	.quiz__left-title{
		font-size:18px;
		line-height:24px
	}
	.quiz__left-item{
		margin-bottom:20px
	}
	.quiz__right{
		padding:20px
	}
	.quiz__right:before{
		display:none
	}
	.quiz__right:after{
		display:none
	}
	.quiz__unput-list input{
		flex-basis:100%;
		margin-bottom:10px;
		width:100%
	}
	.quiz .quiz__checkbox-item--mb{
		margin-bottom:30px
	}
}
.modal{
	display:flex;
	justify-content:center;
	align-items:center;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background-color:rgba(0,0,0,.9);
	overflow:hidden;
	z-index:999;
	opacity:0;
	transition-duration:.3s;
	pointer-events:none
}
.modal__header{
	height:110px;
	max-width:802px;
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#252525;
	position:absolute;
	top:-80px;
	z-index:100
}
.modal_active{
	opacity:1;
	pointer-events:unset
}
.modal_active .modal__container{
	opacity:1
}
.modal__container{
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	padding:30px;
	max-width:800px;
	width:100%;
	min-height:450px;
	max-height:80vh;
	background:#252525;
	opacity:0;
	transition-duration:.3s
}
.modal__close{
	position:absolute;
	top:-40px;
	right:40px;
	font-size:28px;
	font-weight:300;
	color:#7df11c;
	background-color:transparent;
	border:none;
	cursor:pointer;
	z-index:101;
	transition:.3s
}
.modal__close:hover{
	transform:scale(1.3)
}
.modal .form__message,.modal__text{
	font-weight:900;
	font-size:22px;
	line-height:26px;
	text-align:center;
	letter-spacing:.03em;
	text-transform:uppercase;
	color:#fff
}
.modal .form__message{
	font-size:18px;
	margin-top:50px!important;
	margin-bottom:0
}
.modal .form__message img{
	width:50px;
	margin-bottom:10px
}
.modal .form__message_active{
	display:flex;
	flex-direction:column;
	align-items:center
}
.modal .form{
	margin-top:0;
	max-width:390px;
	width:100%
}
.modal .form__input{
	color:#fff
}
.modal .form__input:first-of-type{
	margin-top:30px
}
.modal .form__message{
	margin-top:0
}
.modal .form.hidden{
	opacity:.2;
	pointer-events:none
}
.modal .spinner-wrapper{
	margin-top:0
}
.modal .button--grayModal{
	background:#252525!important;
	border:1px solid #000;
	color:gray;
	pointer-events:none;
	padding:.75rem 1.25rem;
	font-weight:600;
	border-radius:10rem;
	font-size:1rem;
	box-shadow:0 0 12px 0 #000 inset
}
.modal .button--grayModal2{
	display:inline-block;
	padding:.75rem 1.25rem;
	border-radius:10rem;
	color:#101010;
	font-weight:600;
	text-transform:uppercase;
	font-size:1rem;
	transition:1s;
	position:relative;
	z-index:1;
	background:linear-gradient(90deg,#7df11c 0,#fbea2e 100%)
}
.modal .button--grayModal2:before{
	content:"";
	z-index:-1;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:linear-gradient(90deg,#7df11c 0,#fbea2e 100%);
	transform:translate3d(0,-7px,0) scale(1.08);
	filter:blur(15px);
	height:115%;
	opacity:1;
	transition:1s;
	border-radius:inherit
}
.modal .button--grayModal2:after{
	content:"";
	z-index:-1;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:inherit;
	border-radius:inherit;
	transition:1s
}
.modal .button{
	background:linear-gradient(90deg,#fbea2e 0,#7df11c 100%)
}
@media(max-width:767px){
	.modal{
		top:0
	}
	.modal__header{
		display:none
	}
	.modal__container{
		max-width:100%;
		max-height:100vh;
		max-height:calc(var(--vh,1vh)*100);
		height:100vh;
		height:calc(var(--vh,1vh)*100)
	}
	.modal .form{
		max-width:unset
	}
	.modal__close{
		color:#fff;
		top:130px;
		right:35px;
		font-size:50px
	}
}
@media(max-width:575px){
	.modal__container{
		padding:30px 10px
	}
	.modal__close{
		top:70px;
		right:16px;
		font-size:40px
	}
}
.advantages{
	padding:50px 0 0 0
}
.advantages__list{
	display:flex;
	justify-content:space-between;
	border-bottom:1px solid gray;
	padding-bottom:60px;
	padding-top:60px;
	border-top:1px solid gray
}
.advantages__item{
	flex-basis:30%
}
.advantages__item:hover .advantages__img{
	transform:scale(1.15)
}
.advantages__img{
	margin:0 auto 10px auto;
	width:50px;
	height:50px;
	transition:.7s
}
.advantages__title{
	font-size:20px;
	text-transform:uppercase;
	color:#000;
	margin-bottom:15px;
	cursor:default;
	text-align:center
}
.advantages__text{
	color:#898989;
	font-size:16px;
	cursor:default;
	text-align:center
}
@media(max-width:991px){
	.advantages__list{
		flex-direction:column
	}
	.advantages__item{
		flex-basis:100%
	}
	.advantages__item:not(:nth-child(3)){
		margin-bottom:30px
	}
}
#light-obor{
	display:contents
}