

/*************************************************************************

                             
                          S T A R T   P A G E


*************************************************************************/


/*************************************************************************

                              B A S I C S

*************************************************************************/


.start-page{}

.start-page .content{}


/*.start-page .page-header{
	position: absolute;
	z-index: 1;
	width: 100%;
	left: 0;
	top: 0;
}
*/

@media(max-width: 1010px){

.start-page .page-header{
	position: relative;
	background: none;
}

}



/*************************************************************************

                               I N T R O

*************************************************************************/


.start-page .content .intro-section{
	padding: 0;
}

.start-page .content .intro-section .splitter{
	position: relative;
	height: 66.66vw;
	/*height: 700px;*/
	/*max-height: calc(100vh - 120px);*/
	overflow: hidden;
	z-index: 0;
}

@media (max-width: 640px){

.start-page .content .intro-section .splitter{
	/*height: 81.33vw;*/
	/*max-height: initial;*/
}

}

.start-page .content .intro-section .splitter,
.start-page .content .intro-section .splitter *{
	/*cursor: pointer;*/
}

	.start-page .content .intro-section .splitter>*{
		position: relative;
		z-index: 0;
		height: 100%;
		overflow: visible;
	}

	.start-page .content .intro-section .splitter>*.left{
		position: absolute;
		z-index: 1;
		width: 80%;
		left: 0;
		top: 0;
	}

		.start-page .content .intro-section .splitter>*>*{
			position: relative;
			z-index: 2;
		}

		.start-page .content .intro-section .splitter .image{
			z-index: 0;
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			overflow: hidden;
		}

		.start-page .content .intro-section .splitter>*.left .image{
			-webkit-filter: grayscale(1);
			filter: grayscale(1);
		}

			.start-page .content .intro-section .splitter .image>*{
				position: absolute;
				top: 0;
				width: 100vw;
				height: 100%;
				background-repeat: no-repeat;
				background-size: cover;
				background-position: left top;
				opacity: 0;
				-webkit-transition: opacity 200ms ease;
				-moz-transition: opacity 200ms ease;
				-ms-transition: opacity 200ms ease;
				transition: opacity 200ms ease;
			}

			.start-page .content .intro-section .splitter>*.left .image>*{
				left: 0;
			}

			.start-page .content .intro-section .splitter>*.right .image>*{
				right: 0;
			}

			.start-page .content .intro-section .splitter .image>*.active{
				opacity: 1;
			}
/*
				.start-page .content .intro-section .splitter .image>*:before{
					content: '';
					display: none;
					position: absolute;
					width: 100%;
					height: 100%;
					left: 0;
					top: 0;
					background: linear-gradient(to bottom, white 0%, black 100%);
					z-index: 0;
					opacity: .5;
				}
*/

				.start-page .content .intro-section .splitter .image .inner{}

				.feat-mask-image .start-page .content .intro-section .splitter .image .inner{
					z-index: 0;
					position: absolute;
					width: 100%;
					height: 100%;
					left: 0;
					top: 0;
					background-repeat: no-repeat;
					background-size: cover;
					background-position: left top;
					filter: saturate(0%) brightness(40%);
					opacity: 0;
				}

				.start-page .content .intro-section .splitter>.left .image .filter{
					display: block;
					/*display: none;*/
					position: absolute;
					width: 100%;
					height: 100%;
					left: 0;
					top: 0;
					background: #000;
					opacity: 0;
					z-index: 2;
				}

			@media (max-width: 1010px){
				
				.start-page .content .intro-section .splitter>.left .image .filter{
					opacity: 0;
				}

			}

	.start-page .content .intro-section .splitter>*.left{}

		.start-page .content .intro-section .splitter>*.left .handle{
			display: block;
			position: absolute;
			background: #fff;
			width: 10px;
			height: 100%;
			right: -5px;
			top: 0;
			z-index: 1;
			overflow: visible;
			cursor: pointer;
			cursor: grab;
			cursor: -ms-grab;
			cursor: -moz-grab;
			cursor: -webkit-grab;
		}

		.start-page .content .intro-section .splitter>*.left .handle.grabbing{
			cursor: pointer;
			cursor: grabbing;
			cursor: -ms-grabbing;
			cursor: -moz-grabbing;
			cursor: -webkit-grabbing;
		}

			.start-page .content .intro-section .splitter>*.left .handle:before,
			.start-page .content .intro-section .splitter>*.left .handle:after{
				content: '';
				display: block;
				position: absolute;
				background: url(../img/splitter.svg) no-repeat left 10px center/20px auto;
				width: 50px;
				height: 100%;
				top: 0;
				z-index: 1;
				-webkit-transform-origin: center center;
				-moz-transform-origin: center center;
				-ms-transform-origin: center center;
				transform-origin: center center;
				cursor: pointer;
				cursor: grab;
				cursor: -ms-grab;
				cursor: -moz-grab;
				cursor: -webkit-grab;
				opacity: 0;
				-webkit-transition:
					opacity 200ms ease,
					transform 200ms ease
				;
				-moz-transition:
					opacity 200ms ease,
					transform 200ms ease
				;
				-ms-transition:
					opacity 200ms ease,
					transform 200ms ease
				;
				transition:
					opacity 200ms ease,
					transform 200ms ease
				;
				will-change: opacity, transform;
			}

			.start-page .content .intro-section .splitter>*.left .handle.grabbing:before,
			.start-page .content .intro-section .splitter>*.left .handle.grabbing:after{
				cursor: pointer;
				cursor: grabbing;
				cursor: -ms-grabbing;
				cursor: -moz-grabbing;
				cursor: -webkit-grabbing;
			}

			.start-page .content .intro-section .splitter.over>*.left .handle:before,
			.start-page .content .intro-section .splitter.over>*.left .handle:after{
				opacity: 1;
			}

		@media (max-width: 640px){
			
			.start-page .content .intro-section .splitter>*.left .handle:before,
			.start-page .content .intro-section .splitter>*.left .handle:after{
				display: none;
			}

		}

			.start-page .content .intro-section .splitter>*.left .handle:before{
				right: 10px;
				-webkit-transform: rotate(180deg) translate(-10px,0);
				-moz-transform: rotate(180deg) translate(-10px,0);
				-ms-transform: rotate(180deg) translate(-10px,0);
				transform: rotate(180deg) translate(-10px,0);
			}

			.start-page .content .intro-section .splitter.over>*.left .handle:before{
				-webkit-transform: rotate(180deg);
				-moz-transform: rotate(180deg);
				-ms-transform: rotate(180deg);
				transform: rotate(180deg);
			}

			.start-page .content .intro-section .splitter>*.left .handle:after{
				left: 10px;
				-webkit-transform: translate(-10px,0);
				-moz-transform: translate(-10px,0);
				-ms-transform: translate(-10px,0);
				transform: translate(-10px,0);
			}

			.start-page .content .intro-section .splitter.over>*.left .handle:after{
				-webkit-transform: none;
				-moz-transform: none;
				-ms-transform: none;
				transform: none;
			}

		.start-page .content .intro-section .splitter>*.left .order{
			position: absolute;
			right: -7px;
			bottom: 50px;
			-webkit-transform: translate(100%,0);
			-moz-transform: translate(100%,0);
			-ms-transform: translate(100%,0);
			transform: translate(100%,0);
			-webkit-transition:
				right 150ms ease,
				transform 150ms ease
			;
			-moz-transition:
				right 150ms ease,
				transform 150ms ease
			;
			-ms-transition:
				right 150ms ease,
				transform 150ms ease
			;
			transition:
				right 150ms ease,
				transform 150ms ease
			;
			will-change: transform, right;
		}

		.start-page .content .intro-section .splitter>*.left .order.to-left{
			right: 7px;
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform: none;
			transform: none;
		}

	@media (max-width: 640px){

		.start-page .content .intro-section .splitter>*.left .order{
			display: none;
		}

	}

			.start-page .content .intro-section .splitter>*.left .order .button{
				min-width: 234px;
			}

				.start-page .content .intro-section .splitter>*.left .order .button:before{
					content: 'Решить проблему';
				}


.start-page .content .intro-section .reviews{
	position: absolute;
	top: 0;
	left: 100px;
	z-index: 1;
	color: #fff;
	pointer-events: none;
}

@media (max-width: 1010px){

.start-page .content .intro-section .reviews{
	display: none;
}

}

	.start-page .content .intro-section .reviews .list{
		position: relative;
		/*text-shadow: 0 0 1px rgba(0,0,0,.3);*/
	}

		.start-page .content .intro-section .reviews .list>*{
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
			z-index: 0;
			-webkit-transition: opacity 200ms ease;
			-moz-transition: opacity 200ms ease;
			-ms-transition: opacity 200ms ease;
			transition: opacity 200ms ease;
			will-change: opacity;
		}

		.start-page .content .intro-section .reviews .list>*.active{
			opacity: 1;
			z-index: 1;
		}

			.start-page .content .intro-section .reviews .list .caption{
				white-space: nowrap;
				font-size: 72px;
				line-height: 1.4em;
			}

			.start-page .content .intro-section .reviews .list .text{
				max-width: 285px;
				font-size: 24px;
				line-height: 1.4em;
			}

	.start-page .content .intro-section .reviews .order{
		margin-top: 50px;
		pointer-events: auto;
	}

		.start-page .content .intro-section .reviews .order .button{
			display: block;
			width: 100%;
			min-width: 234px;
		}

			.start-page .content .intro-section .reviews .order .button:before{
				content: 'Решить проблему';
			}

.start-page .content .intro-section .purposes{
	border-bottom: 1px solid rgba(8, 185, 234, .5);
	overflow: hidden;
}


@media (min-width: 1601px){

.start-page .content .intro-section .purposes{
	border: 1px solid rgba(8, 185, 234, .5);
	border-top: none;
}

}

.start-page .content .intro-section .purposes,
.start-page .content .intro-section .purposes *{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	/*user-select: none;*/
}

@media (max-width: 640px){

.start-page .content .intro-section .purposes{
	display: none;
}

}

	.start-page .content .intro-section .purposes>*{
		white-space: nowrap;
		display: inline-block;
	}

		.start-page .content .intro-section .purposes>*>*{
			display: inline-block;
			position: relative;
			vertical-align: top;
			width: 16.66%;
			min-height: 200px;
			box-sizing: border-box;
			padding: 35px 20px;
			color: #000;
			-webkit-transition: color 500ms ease;
			-moz-transition: color 500ms ease;
			-ms-transition: color 500ms ease;
			transition: color 500ms ease;
			will-change: color;
			/*min-width: 250px;*/
			white-space: initial;
		}

	@media (max-width: 1170px){

		.start-page .content .intro-section .purposes>*>*{
			min-width: 250px;
		}

	}
		.start-page .content .intro-section .purposes>*>*:hover,
		.start-page .content .intro-section .purposes>*>*.active{
			color: #fff;
		}

			.start-page .content .intro-section .purposes>*>*>*{
				position: relative;
				z-index: 1;
			}

			.start-page .content .intro-section .purposes>*>*:before{
				content: '';
				display: block;
				position: absolute;
				right: 0;
				top: 0;
				height: 100%;
				width: 0;
				border-left: 1px solid rgba(8, 185, 234, .5);
				z-index: 1;
			}

			.start-page .content .intro-section .purposes>*>*:last-child:before{
				display: none;
			}

			.start-page .content .intro-section .purposes .image{
				position: absolute;
				z-index: 0;
				width: 100%;
				height: 100%;
				left: 0;
				top: 0;
				opacity: 0;
				-webkit-transition: opacity 500ms ease;
				-moz-transition: opacity 500ms ease;
				-ms-transition: opacity 500ms ease;
				transition: opacity 500ms ease;
				will-change: opacity;
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center center;
			}

			.start-page .content .intro-section .purposes>*>*:hover .image,
			.start-page .content .intro-section .purposes>*>*.active .image{
				opacity: 1;
			}

				.start-page .content .intro-section .purposes .image:before{
					content: '';
					position: absolute;
					z-index: 0;
					width: 100%;
					height: 100%;
					left: 0;
					top: 0;
					background: #000;
					opacity: 1;
					-webkit-transition: opacity 500ms ease 250ms;
					-moz-transition: opacity 500ms ease 250ms;
					-ms-transition: opacity 500ms ease 250ms;
					transition: opacity 500ms ease 250ms;
					will-change: opacity;
				}

				.start-page .content .intro-section .purposes>*>*:hover .image:before,
				.start-page .content .intro-section .purposes>*>*.active .image:before{
					opacity: .5;
				}

			.start-page .content .intro-section .purposes .caption{
				font-size: 20px;
				line-height: 26px;
			}

			.start-page .content .intro-section .purposes .text{
				font-family: MuseoSansCyrl300;
				font-size: 14px;
				line-height: 18px;
				margin-top: 10px;
			}

.start-page .content .intro-section .purposes-slider{
	display: none;
	position: relative;
}

@media (max-width: 640px){

.start-page .content .intro-section .purposes-slider{
	display: block;
}

}

	.start-page .content .intro-section .purposes-slider .slider{}

		.start-page-intro-section-purpose{
			box-sizing: border-box;
			padding: 30px 20px 10px;
			color: #171717;
		}

			.start-page-intro-section-purpose .caption{
				font-size: 24px;
				line-height: 29px;
			}

			.start-page-intro-section-purpose .text{
				font-family: MuseoSansCyrl300;
				font-size: 18px;
				line-height: 23px;
				margin-top: 5px;
			}

	.start-page .content .intro-section .purposes-slider .slide-next{
		position: absolute;
		background: url(../img/slide-arrow.svg) no-repeat center center/20px auto;
		width: 40px;
		height: 40px;
		right: 10px;
		bottom: 66px;
		opacity: .5;
		cursor: pointer;
	}

	.start-page .content .intro-section .purposes-slider .nav{
		font-size: 10px;
		text-align: center;
	}

		.start-page .content .intro-section .purposes-slider .nav>*{
			display: inline-block;
			vertical-align: top;
			width: 1em;
			height: 1em;
			border-radius: 1em;
			background: #d8d8d8;
			cursor: pointer;
		}

		.start-page .content .intro-section .purposes-slider .nav>*.active{
			background: #909090;
		}

		.start-page .content .intro-section .purposes-slider .nav>*+*{
			margin-left: 1em;
		}

	.start-page .content .intro-section .purposes-slider .order{
		text-align: center;
		margin-top: 25px;
	}
	
		.start-page .content .intro-section .purposes-slider .order .button{
			min-width: 230px;
		}

				.start-page .content .intro-section .purposes-slider .order .button:before{
					content: 'Решить проблему';
				}




/*************************************************************************

                            A B I L I T I E S

*************************************************************************/


.start-page .content .abilities-section{
	overflow: hidden;
}

.start-page .content .abilities-section .section-inner{}

/*@media (max-width: 640px){*/
@media (max-width: 950px){

.start-page .content .abilities-section .section-inner{
	padding-top: 600px;
	padding-bottom: 50px;
}

}

@media (max-width: 640px){

.start-page .content .abilities-section .section-inner{
	padding-top: calc(89.6vw + 50px);
	padding-bottom: 0px;
}

}

.start-page .content .abilities-section .section-inner>*{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	position: relative;
	box-sizing: border-box;
}

/*@media (max-width: 640px){*/
@media (max-width: 950px){

.start-page .content .abilities-section .section-inner>*{
	display: block;
	width: auto;
}

}

.start-page .content .abilities-section .info{
	padding: 125px 90px 160px 0;
}

@media (max-width: 1280px){

.start-page .content .abilities-section .info{
	padding-right: 0;
}

}

/*@media (max-width: 640px){*/
@media (max-width: 950px){

.start-page .content .abilities-section .info{
	padding: 30px 0 0!important;
	margin-left: auto !important;
    width: auto !important;
}

}

	.start-page .content .abilities-section .info .header{
		width: 560px;
		font-size: 48px;
		line-height: 52px;
	}

/*@media (max-width: 640px){*/
@media (max-width: 950px){

	.start-page .content .abilities-section .info .header{
		font-size: 28px;
		line-height: 1.2em;
	}

}

@media (max-width: 500px){

	.start-page .content .abilities-section .info .header{
		max-width: initial;
		width: auto;
	}

}

	.start-page .content .abilities-section .info .list{
		max-width: 500px;
		margin-top: 35px;
	}

@media (max-width: 950px){
	
	.start-page .content .abilities-section .info .list{
		max-width: initial;
	}

}

		.start-page .content .abilities-section .info .list>*{
			position: relative;
			box-sizing: border-box;
			padding-left: 60px;
		}

	@media (max-width: 950px){

		.start-page .content .abilities-section .info .list>*{
			width: calc(50% - 10px);
			display: inline-block;
			vertical-align: top;
			margin-bottom: 30px;
		}

	}

	@media (max-width: 640px){

		.start-page .content .abilities-section .info .list>*{
			width: auto;
			margin-bottom: 0;
		}

	}


		.start-page .content .abilities-section .info .list>*+*{
			margin-top: 20px;
		}

	@media (max-width: 950px){

		.start-page .content .abilities-section .info .list>*+*{
			/*margin-top: 30px;*/
			margin-top: 0;
		}

		.start-page .content .abilities-section .info .list>*:nth-child(even){
			margin-left: 20px;
		}

	}

	@media (max-width: 640px){

		.start-page .content .abilities-section .info .list>*+*{
			margin-top: 30px;
		}

		.start-page .content .abilities-section .info .list>*:nth-child(even){
			margin-left: 0;
		}

	}

	@media (max-width: 460px){

		.start-page .content .abilities-section .info .list>*+*{
			margin-top: 20px;
		}
	}

		.start-page .content .abilities-section .info .list .marker{
			position: absolute;
			box-sizing: border-box;
			width: 40px;
			height: 40px;
			border: 1px solid #08b9ea;
			border-radius: 21px;
			color: #08b9ea;
			line-height: 38px;
			font-size: 18px;
			left: 0;
			top: 0;
			text-align: center;
		}

	@media (max-width: 950px){

		.start-page .content .abilities-section .info .list .marker{
			top: -5px;
		}

	}

	@media (max-width: 460px){

		.start-page .content .abilities-section .info .list .marker{
			top: 0;
		}

	}

		.start-page .content .abilities-section .info .list .text{
			font-size: 18px;
			line-height: 30px;
		}

	/*@media (max-width: 640px){*/
	@media (max-width: 950px){

		.start-page .content .abilities-section .info .list .text{
			line-height: 23px;
		}

	}

	.start-page .content .abilities-section .order{
		margin-top: 45px;
	}

@media (max-width: 950px){

	.start-page .content .abilities-section .order{
		margin-top: 10px;
	}

}

@media (max-width: 640px){

	.start-page .content .abilities-section .order{
		margin-top: 45px;
	}

}

@media (max-width: 460px){

	.start-page .content .abilities-section .order{
		margin-top: 45px;
	}

}

		.start-page .content .abilities-section .order .button{
			min-width: 220px;
		}

	/*@media (max-width: 640px){*/
	@media (max-width: 950px){

		.start-page .content .abilities-section .order .button{
			margin-bottom:25px;
			min-width: initial;
			max-width: 100%;
			font-size: 20px;
			height: 45px;
			line-height: 43px;
		}

	}

			.start-page .content .abilities-section .order .button:before{
				content: 'Подать заявку';
			}

.start-page .content .abilities-section .image{
	position: absolute;
	height: 100%;
	top: 0;
	right: 0;
}

/*@media (max-width: 640px){*/
@media (max-width: 950px){

.start-page .content .abilities-section .image{
	width: 100%;
	height: 600px;
	right: initial;
	left: 0;
	top: 0;
}

}

@media (max-width: 640px){

.start-page .content .abilities-section .image{
	height: calc(89.6vw + 90px);
}

}

	.start-page .content .abilities-section .image>*{
		position: absolute;
		top: 50px;
		left: 90px;
		width: calc(100% - 140px);
		height: calc(100% - 140px);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center center;
	}

@media (max-width: 1024px){

	.start-page .content .abilities-section .image>*{
		width: calc(100% - 50px);
		left: 80px;
		top: 0;
		background-position: left center;
	}

}

/*@media (max-width: 640px){*/
@media (max-width: 950px){

	.start-page .content .abilities-section .image>*{
		background-position: center center;
		width: 100%;
		height: calc(100% - 90px);
		left: 0;
		top: 35px;
	}

}



/*************************************************************************

                        I N T E R I O R   D E M O

*************************************************************************/


.start-page .content .interior-demo-section{
	padding: 0;
}

/*@media (max-width: 640px){*/
@media (max-width: 950px){

.start-page .content .interior-demo-section{
	margin-top: 60px;
}

}

.start-page .content .interior-demo-section .section-inner>*{
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 0;
	box-sizing: border-box;
}

/*@media (max-width: 640px){*/
@media (max-width: 950px){

.start-page .content .interior-demo-section .section-inner>*{
	display: block;
}

}

.start-page .content .interior-demo-section .section-inner .image{
	position: absolute;
	left: 0;
	top: 0;
	/*height: 100%;*/
/*	background-repeat: no-repeat;
	background-size: cover;
	background-position: left center;
*/	z-index: 1;
	width: 45%;
	height: 100%;
}

@media (max-width: 1400px){

.start-page .content .interior-demo-section .section-inner .image{
	width: 35%;
}

}

/*@media (max-width: 640px){*/
@media (max-width: 950px){

.start-page .content .interior-demo-section .section-inner .image{
	position: relative;
	width: auto;
	height: 76.8vw;
}

}

	.start-page .content .interior-demo-section .section-inner .image .color{
		display: none;
		position: absolute;
		right: 40px;
		top: calc(50% + 4px);
		-webkit-transform: translate(0,-50%);
		-moz-transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
		transform: translate(0,-50%);
	}

@media (max-width: 950px){
	
	.start-page .content .interior-demo-section .section-inner .image .color{
		display: block;
	}

}

		.start-page .content .interior-demo-section .section-inner .image .color .select-color{
			position: relative;
			width: 40px;
			margin-left: auto;
			margin-right: auto;
			max-height: 190px;
		}

			.start-page .content .interior-demo-section .section-inner .image .color .select-color .marker{
				position: absolute;
				width: 36px;
				height: 36px;
				border-radius: 36px;
				z-index: 0;
			}

			.start-page .content .interior-demo-section .section-inner .image .color .select-color .marker:before,
			.start-page .content .interior-demo-section .section-inner .image .color .select-color .marker:after{
				content: '';
				display: block;
				position: absolute;
				left: -4px;
				top: -4px;
				background: #08b9ea;
				width: 44px;
				height: 44px;
				border-radius: 44px;
				-webkit-transition: top 100ms ease;
				-moz-transition: top 100ms ease;
				-ms-transition: top 100ms ease;
				transition: top 100ms ease;
			}

			.start-page .content .interior-demo-section .section-inner .image .color .select-color .marker>*:first-child{
				position: absolute;
				height: 0;
				width: 44px;
				top: 18px;
				left: -4px;
				background: #08b9ea;
				-webkit-transition: height 100ms ease;
				-moz-transition: height 100ms ease;
				-ms-transition: height 100ms ease;
				transition: height 100ms ease;
			}

			.start-page .content .interior-demo-section .section-inner .image .color .select-color .marker>*:last-child{
				position: absolute;
				height: 0;
				width: 44px;
				bottom: 18px;
				left: -4px;
				background: #08b9ea;
				-webkit-transition: height 100ms ease;
				-moz-transition: height 100ms ease;
				-ms-transition: height 100ms ease;
				transition: height 100ms ease;
			}

			.start-page .content .interior-demo-section .section-inner .image .color .select-color .marker.next:after{
				top: 47px;
			}

			.start-page .content .interior-demo-section .section-inner .image .color .select-color .marker.next>*:first-child{
				height: 50px;
			}

			.start-page .content .interior-demo-section .section-inner .image .color .select-color .marker.prev:after{
				top: -55px;
			}

			.start-page .content .interior-demo-section .section-inner .image .color .select-color .marker.prev>*:last-child{
				height: 50px;
			}

			.start-page .content .interior-demo-section .section-inner .image .color .select-color .marker.active-1{
				top: 0;
			}

			.start-page .content .interior-demo-section .section-inner .image .color .select-color .marker.active-2{
				top: 51px;
			}
			
			.start-page .content .interior-demo-section .section-inner .image .color .select-color .marker.active-3{
				top: 102px;
			}
			
			.start-page .content .interior-demo-section .section-inner .image .color .select-color .marker.active-4{
				top: 153px;
			}

			.start-page .content .interior-demo-section .section-inner .image .color .select-color .variants{
				position: relative;
				z-index: 1;
			}

				.start-page .content .interior-demo-section .section-inner .image .color .select-color .variants>*{
					display: block;
					position: relative;
					vertical-align: top;
					width: 36px;
					height: 36px;
					border-radius: 36px;
				}

				.start-page .content .interior-demo-section .section-inner .image .color .select-color .variants>*,
				.start-page .content .interior-demo-section .section-inner .image .color .select-color .variants>* *{
					cursor: pointer;
				}

				.start-page .content .interior-demo-section .section-inner .image .color .select-color .variants>*+*{
					margin-top: 15px;
				}


					.start-page .content .interior-demo-section .section-inner .image .color .select-color .variants>*:before{
						content: '';
						display: block;
						position: absolute;
						width: 36px;
						height: 36px;
						border-radius: 36px;
						left: 0;
						top: 0;
					}

					.start-page .content .interior-demo-section .section-inner .image .color .select-color .variants>*:nth-child(1):before{
						top: -1px;
						left: -1px;
						border: 1px solid #e7e7e7;
						background: #fff;
					}

					.start-page .content .interior-demo-section .section-inner .image .color .select-color .variants>*.active:nth-child(1):before{
						border-color: #08b9ea;
					}

					.start-page .content .interior-demo-section .section-inner .image .color .select-color .variants>*:nth-child(2):before{
						background: #323232;
					}

					.start-page .content .interior-demo-section .section-inner .image .color .select-color .variants>*:nth-child(3):before{
						background: #efdac2;
					}

					.start-page .content .interior-demo-section .section-inner .image .color .select-color .variants>*:nth-child(4):before{
						background: #e5ccc7;
					}

	.start-page .content .interior-demo-section .section-inner .image .demo{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		z-index: 0;
	}

		.start-page .content .interior-demo-section .section-inner .image .demo>*{
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: left center;
			opacity: 0;
			-webkit-transition: opacity 10ms ease 250ms;
			-moz-transition: opacity 10ms ease 250ms;
			-ms-transition: opacity 10ms ease 250ms;
			transition: opacity 10ms ease 250ms;
			will-change: opacity;
			z-index: 0;
		}

		.start-page .content .interior-demo-section .section-inner .image .demo>*.active{
			opacity: 1;
			-webkit-transition: opacity 200ms ease;
			-moz-transition: opacity 200ms ease;
			-ms-transition: opacity 200ms ease;
			transition: opacity 200ms ease;
			z-index: 1;
		}


/*	.start-page .content .interior-demo-section .section-inner .image .device{
		position: absolute;
		font-size: 100px;
		top: calc(50% - .65em);
		left: calc(50% - 2.5em);
		width: 1.04em;
		height: 1.24em;
		-webkit-transform: translate(0,-50%);
		-moz-transform: translate(0,-50%);
		-ms-transform: translate(0,-50%);
		transform: translate(0,-50%);
	}

@media (max-width: 1400px){

	.start-page .content .interior-demo-section .section-inner .image .device{
		left: calc(50% - 7vw);
	}

}

@media (max-width: 950px){

	.start-page .content .interior-demo-section .section-inner .image .device{
		left: calc(50% - 25vw);
		width: calc(1em * 1.5);
		height: calc(1.24em * 1.5);
	}

}

		.start-page .content .interior-demo-section .section-inner .image .device>*{
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			background-size: contain;
			background-position: center center;
			opacity: 0;
			-webkit-transition: opacity 200ms ease;
			-moz-transition: opacity 200ms ease;
			-ms-transition: opacity 200ms ease;
			transition: opacity 200ms ease;
			will-change: opacity;
		}

		.start-page .content .interior-demo-section .section-inner .image .device>*.active{
			opacity: 1;
		}
*/
.start-page .content .interior-demo-section .section-inner .info{
	/*min-height: 850px;*/
	min-height: 600px;
	background: #f8f8f8;
	width: 55%;
	left: 45%;
	padding: 75px 80px 50px 70px;
}

@media (max-width: 1400px){

.start-page .content .interior-demo-section .section-inner .info{
	width: 65%;
	left: 35%;
}

}

@media (max-width: 1200px){

.start-page .content .interior-demo-section .section-inner .info{
	padding: 50px;
	min-height: initial;
}

}

/*@media (max-width: 640px){*/
@media (max-width: 950px){

.start-page .content .interior-demo-section .section-inner .info{
	width: auto;
	min-height: initial;
	left: 0;
	padding: 50px;
}

}

@media (max-width: 640px){

.start-page .content .interior-demo-section .section-inner .info{
	padding: 20px 20px 50px;
}

}

	.start-page .content .interior-demo-section .section-inner .info .header{
		max-width: 615px;
		font-size: 52px;
		line-height: 54px;
	}

/*@media (max-width: 640px){*/
@media (max-width: 1100px){

	.start-page .content .interior-demo-section .section-inner .info .header{
		font-size: 36px;
		line-height: 1.2em;
		margin-top: 30px;
	}

}

	.start-page .content .interior-demo-section .section-inner .info .text{
		max-width: 630px;
		font-size: 18px;
		line-height: 26px;
		margin-top: 20px;
	}

/*@media (max-width: 640px){*/
@media (max-width: 950px){

	.start-page .content .interior-demo-section .section-inner .info .text{
		font-size: 20px;
		line-height: 27px;
	}

}

	.start-page .content .interior-demo-section .section-inner .info .view{
		margin-top: 30px;
	}

	.start-page .content .interior-demo-section .section-inner .info .view.v2{
		display: none;
		margin-top: 0;
	}

/*@media (max-width: 640px){*/
@media (max-width: 950px){

	.start-page .content .interior-demo-section .section-inner .info .view{
		display: none;
	}

	.start-page .content .interior-demo-section .section-inner .info .view.v2{
		display: block;
	}

}

		.start-page .content .interior-demo-section .section-inner .info .view>*{
			display: inline-block;
			vertical-align: top;
			position: relative;
		}

		.start-page .content .interior-demo-section .section-inner .info .view .img{
			width: 104px;
			height: 124px;
			overflow: visible;
		}

			.start-page .content .interior-demo-section .section-inner .info .view .img>*{
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center center;
				opacity: 0;
				-webkit-transition: opacity 200ms ease;
				-moz-transition: opacity 200ms ease;
				-ms-transition: opacity 200ms ease;
				transition: opacity 200ms ease;
				will-change: opacity;
			}

			.start-page .content .interior-demo-section .section-inner .info .view .img>*.active{
				opacity: 1;
			}

			.start-page .content .interior-demo-section .section-inner .info .view .img:after{
				content: '';
				display: block;
				position: absolute;
				/*height: 100%;*/
				font-size: 10px;
				width: 1em;
				height: 100%;
				background: url(../img/dimension.svg) no-repeat center top/auto 100%;
				right: calc(-1em - 10px);
				top: 0;
			}

		.start-page .content .interior-demo-section .section-inner .info .view .desc{
			padding-top: 26px;
			margin-left: 30px;
		}

	@media (max-width: 340px){

		.start-page .content .interior-demo-section .section-inner .info .view .desc{
			display: block;
			margin-left: 0;
		}

	}

			.start-page .content .interior-demo-section .section-inner .info .view .desc .size{
				font-size: 26px;
				line-height: 20px;
			}

			.start-page .content .interior-demo-section .section-inner .info .view .desc .assessment{
				font-size: 14px;
				line-height: 20px;
				margin-top: 5px;
			}

		.start-page .content .interior-demo-section .section-inner .info .view .select-color{
			position: relative;
			display: block;
			margin-top: 10px;
			margin-left: 14px;
			width: 80px;
			height: 20px;
		}

			.start-page .content .interior-demo-section .section-inner .info .view .select-color .marker{
				position: absolute;
				width: 20px;
				height: 20px;
				border-radius: 20px;
				z-index: 0;
			}

			.start-page .content .interior-demo-section .section-inner .info .view .select-color .marker:before,
			.start-page .content .interior-demo-section .section-inner .info .view .select-color .marker:after{
				content: '';
				display: block;
				position: absolute;
				left: -2px;
				top: -2px;
				background: #08b9ea;
				width: 20px;
				height: 20px;
				border-radius: 20px;
				-webkit-transition: left 100ms ease;
				-moz-transition: left 100ms ease;
				-ms-transition: left 100ms ease;
				transition: left 100ms ease;
			}

			.start-page .content .interior-demo-section .section-inner .info .view .select-color .marker>*:first-child{
				position: absolute;
				width: 0;
				height: 20px;
				left: 10px;
				top: -2px;
				background: #08b9ea;
				-webkit-transition: width 100ms ease;
				-moz-transition: width 100ms ease;
				-ms-transition: width 100ms ease;
				transition: width 100ms ease;
			}


			.start-page .content .interior-demo-section .section-inner .info .view .select-color .marker>*:last-child{
				position: absolute;
				width: 0;
				height: 20px;
				right: 10px;
				top: -2px;
				background: #08b9ea;
				-webkit-transition: width 100ms ease;
				-moz-transition: width 100ms ease;
				-ms-transition: width 100ms ease;
				transition: width 100ms ease;
			}

			.start-page .content .interior-demo-section .section-inner .info .view .select-color .marker.next:after{
				left: 29px;
			}

			.start-page .content .interior-demo-section .section-inner .info .view .select-color .marker.next>*:first-child{
				width: 30px;
			}

			.start-page .content .interior-demo-section .section-inner .info .view .select-color .marker.prev:after{
				left: -33px;
			}

			.start-page .content .interior-demo-section .section-inner .info .view .select-color .marker.prev>*:last-child{
				width: 32px;
			}

			.start-page .content .interior-demo-section .section-inner .info .view .select-color .marker.active-1{
				left: 0;
			}

			.start-page .content .interior-demo-section .section-inner .info .view .select-color .marker.active-2{
				left: 31px;
			}
			
			.start-page .content .interior-demo-section .section-inner .info .view .select-color .marker.active-3{
				left: 62px;
			}
			
			.start-page .content .interior-demo-section .section-inner .info .view .select-color .marker.active-4{
				left: 93px;
			}

			.start-page .content .interior-demo-section .section-inner .info .view .select-color .variants{
				position: relative;
				z-index: 1;
			}

				.start-page .content .interior-demo-section .section-inner .info .view .select-color .variants>*{
					display: inline-block;
					position: relative;
					vertical-align: top;
					width: 16px;
					height: 16px;
					border-radius: 16px;
				}

				.start-page .content .interior-demo-section .section-inner .info .view .select-color .variants>*,
				.start-page .content .interior-demo-section .section-inner .info .view .select-color .variants>* *{
					cursor: pointer;
				}

				.start-page .content .interior-demo-section .section-inner .info .view .select-color .variants>*+*{
					margin-left: 15px;
				}

					.start-page .content .interior-demo-section .section-inner .info .view .select-color .variants>*:before{
						content: '';
						display: block;
						position: absolute;
						width: 16px;
						height: 16px;
						border-radius: 16px;
						left: 0;
						top: 0;
					}
	
					.start-page .content .interior-demo-section .section-inner .info .view .select-color .variants>*:nth-child(1):before{
						top: -1px;
						left: -1px;
						border: 1px solid #bbb;
						background: #fff;
					}
	
					.start-page .content .interior-demo-section .section-inner .info .view .select-color .variants>*.active:nth-child(1):before{
						border-color: #08b9ea;
					}

					.start-page .content .interior-demo-section .section-inner .info .view .select-color .variants>*:nth-child(2):before{
						background: #323232;
					}

					.start-page .content .interior-demo-section .section-inner .info .view .select-color .variants>*:nth-child(3):before{
						background: #efdac2;
					}

					.start-page .content .interior-demo-section .section-inner .info .view .select-color .variants>*:nth-child(4):before{
						background: #e5ccc7;
					}


	.start-page .content .interior-demo-section .section-inner .info .beyond{
		max-width: 625px;
		font-family: MuseoSansCyrl700;
		font-size: 18px;
		line-height: 26px;
		margin-top: 20px;
	}

/*@media (max-width: 640px){*/
@media (max-width: 950px){

	.start-page .content .interior-demo-section .section-inner .info .beyond{
		font-size: 18px;
		line-height: 27px;
		margin-top: 25px;
	}

}

	.start-page .content .interior-demo-section .section-inner .info .tryout{
		/*display: none;*/
		max-width: 630px;
		margin-top: 35px;
	}

/*@media (max-width: 640px){*/
@media (max-width: 950px){

	.start-page .content .interior-demo-section .section-inner .info .tryout{
		margin-top: 25px;
	}

}

		.start-page .content .interior-demo-section .section-inner .info .tryout>*{
			display: inline-block;
			position: relative;
			vertical-align: top;
			width: calc(50% - 10px);
			box-sizing: border-box;
			padding-left: 60px;
			font-size: 16px;
			line-height: 24px;
			min-height: 48px;
		}

		.start-page .content .interior-demo-section .section-inner .info .tryout,
		.start-page .content .interior-demo-section .section-inner .info .tryout *{
			cursor: pointer;
		}

	/*@media (max-width: 640px){*/
	@media (max-width: 1100px){

		.start-page .content .interior-demo-section .section-inner .info .tryout>*{
			display: block;
			width: auto;
		}

	}

		.start-page .content .interior-demo-section .section-inner .info .tryout>*+*{
			margin-left: 20px;
		}

	/*@media (max-width: 640px){*/
	@media (max-width: 1100px){

		.start-page .content .interior-demo-section .section-inner .info .tryout>*+*{
			margin-left: 0;
			margin-top: 20px;
		}

			.start-page .content .interior-demo-section .section-inner .info .tryout>*>*{
				padding-top: 10px;
			}

			.feat-flexbox .start-page .content .interior-demo-section .section-inner .info .tryout>*{
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: flex-start;
			}

			.feat-flexbox .start-page .content .interior-demo-section .section-inner .info .tryout>*,
			.feat-flexbox .start-page .content .interior-demo-section .section-inner .info .tryout>* *{
				/*flex-shrink: 0;*/
			}

			.feat-flexbox .start-page .content .interior-demo-section .section-inner .info .tryout>*>*{
				padding-top: 0;
			}

	}

			.start-page .content .interior-demo-section .section-inner .info .tryout>*:before,
			.start-page .content .interior-demo-section .section-inner .info .tryout>*:after{
				content: '';
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				width: 50px;
				height: 100%;
				opacity: 1;
			}

			.start-page .content .interior-demo-section .section-inner .info .tryout>*:after{
				opacity: 0;
			}

			.start-page .content .interior-demo-section .section-inner .info .tryout>*.no-sound:before{
				background: url(../img/no-sound.svg) no-repeat center center/contain;
			}

			.start-page .content .interior-demo-section .section-inner .info .tryout>*.no-sound.played:before{
				opacity: 0;
			}

			.start-page .content .interior-demo-section .section-inner .info .tryout>*.no-sound:after{
				background: url(../img/no-sound-played.svg) no-repeat center center/contain;
			}

			.start-page .content .interior-demo-section .section-inner .info .tryout>*.no-sound.played:after{
				opacity: 1;
			}

			.start-page .content .interior-demo-section .section-inner .info .tryout>*.rustle:before{
				background: url(../img/rustle.svg) no-repeat center center/contain;
			}

			.start-page .content .interior-demo-section .section-inner .info .tryout>*.rustle.played:before{
				opacity: 0;
			}

			.start-page .content .interior-demo-section .section-inner .info .tryout>*.rustle:after{
				background: url(../img/rustle-played.svg) no-repeat center center/contain;
			}

			.start-page .content .interior-demo-section .section-inner .info .tryout>*.rustle.played:after{
				opacity: 1;
			}

	.start-page .content .interior-demo-section .section-inner .info .order{
		margin-top: 30px;
	}

/*@media (max-width: 640px){*/
@media (max-width: 950px){

	.start-page .content .interior-demo-section .section-inner .info .order{
		margin-top: 45px;
	}

}

		.start-page .content .interior-demo-section .section-inner .info .order .button{
			min-width: 220px;
		}

			.start-page .content .interior-demo-section .section-inner .info .order .button:before{
				content: 'Подать заявку';
			}



/*************************************************************************

                                 W O O D

*************************************************************************/


.start-page .content .wood-section{
	margin: 0;
	background: #f6f6f6;
}

@media (max-width: 1100px){

.start-page .content .wood-section{
	padding: 70px 50px;
}

}

@media (max-width: 640px){

.start-page .content .wood-section{
	padding: 35px 20px 70px;
}

}

.start-page .content .wood-section .section-inner{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	min-height: 490px;
}

@media (max-width: 1100px){

.start-page .content .wood-section .section-inner{
	display: flex;
	flex-direction: column;
	min-height: initial;
}

}

.start-page .content .wood-section .section-inner .info{}

@media (max-width: 1100px){

.start-page .content .wood-section .section-inner .info{
	order: 2;
}

}

	.start-page .content .wood-section .section-inner .header{
		font-size: 50px;
		line-height: 54px;
	}

	.start-page .content .wood-section .section-inner .header.v2{
		display: none;
	}

@media (max-width: 1100px){

	.start-page .content .wood-section .section-inner .header{
		display: none;
	}

	.start-page .content .wood-section .section-inner .header.v2{
		display: block;
		margin-bottom: 35px;
	}

}


@media (max-width: 640px){

	.start-page .content .wood-section .section-inner .header{
		font-size: 36px;
		line-height: 1.2em;
		max-width: 330px;
	}

}


	.start-page .content .wood-section .section-inner .info .inner{
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		justify-content: flex-start;
		margin: 60px 0 0;
	}

@media (max-width: 1100px){

	.start-page .content .wood-section .section-inner .info .inner{
		margin: 30px 0 0;
	}

}

@media (max-width: 640px){

	.start-page .content .wood-section .section-inner .info .inner{
		flex-direction: column;
	}

}

	.start-page .content .wood-section .section-inner .info .inner .view{
		width: 180px;
	}

@media (max-width: 640px){

	.start-page .content .wood-section .section-inner .info .inner .view{
		align-self: center;
		margin: 30px 0 0;
	}

}

		.start-page .content .wood-section .section-inner .info .inner .view>*{
			display: inline-block;
			vertical-align: top;
			position: relative;
		}

		.start-page .content .wood-section .section-inner .info .inner .view .img{
			width: 180px;
			height: 215px;
			overflow: visible;
		}

			.start-page .content .wood-section .section-inner .info .inner .view .img>*{
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center center;
				opacity: 0;
				-webkit-transition: opacity 200ms ease;
				-moz-transition: opacity 200ms ease;
				-ms-transition: opacity 200ms ease;
				transition: opacity 200ms ease;
				will-change: opacity;
			}

			.start-page .content .wood-section .section-inner .info .inner .view .img>*.active{
				opacity: 1;
			}

		.start-page .content .wood-section .section-inner .info .inner .view .select-color{
			position: relative;
			display: block;
			margin-top: 20px;
			margin-left: 60px;
			width: 55px;
			height: 20px;
		}

			.start-page .content .wood-section .section-inner .info .inner .view .select-color .marker{
				position: absolute;
				width: 20px;
				height: 20px;
				border-radius: 20px;
				z-index: 0;
			}

			.start-page .content .wood-section .section-inner .info .inner .view .select-color .marker:before,
			.start-page .content .wood-section .section-inner .info .inner .view .select-color .marker:after{
				content: '';
				display: block;
				position: absolute;
				left: -2px;
				top: -2px;
				background: #08b9ea;
				width: 20px;
				height: 20px;
				border-radius: 20px;
				-webkit-transition: left 100ms ease;
				-moz-transition: left 100ms ease;
				-ms-transition: left 100ms ease;
				transition: left 100ms ease;
			}

			.start-page .content .wood-section .section-inner .info .inner .view .select-color .marker>*:first-child{
				position: absolute;
				width: 0;
				height: 20px;
				left: 10px;
				top: -2px;
				background: #08b9ea;
				-webkit-transition: width 100ms ease;
				-moz-transition: width 100ms ease;
				-ms-transition: width 100ms ease;
				transition: width 100ms ease;
			}


			.start-page .content .wood-section .section-inner .info .inner .view .select-color .marker>*:last-child{
				position: absolute;
				width: 0;
				height: 20px;
				right: 10px;
				top: -2px;
				background: #08b9ea;
				-webkit-transition: width 100ms ease;
				-moz-transition: width 100ms ease;
				-ms-transition: width 100ms ease;
				transition: width 100ms ease;
			}

			.start-page .content .wood-section .section-inner .info .inner .view .select-color .marker.next:after{
				left: 29px;
			}

			.start-page .content .wood-section .section-inner .info .inner .view .select-color .marker.next>*:first-child{
				width: 30px;
			}

			.start-page .content .wood-section .section-inner .info .inner .view .select-color .marker.prev:after{
				left: -33px;
			}

			.start-page .content .wood-section .section-inner .info .inner .view .select-color .marker.prev>*:last-child{
				width: 32px;
			}

			.start-page .content .wood-section .section-inner .info .inner .view .select-color .marker.active-1{
				left: 0;
			}

			.start-page .content .wood-section .section-inner .info .inner .view .select-color .marker.active-2{
				left: 31px;
			}
			
			.start-page .content .wood-section .section-inner .info .inner .view .select-color .marker.active-3{
				left: 62px;
			}
			
			.start-page .content .wood-section .section-inner .info .inner .view .select-color .marker.active-4{
				left: 93px;
			}

			.start-page .content .wood-section .section-inner .info .inner .view .select-color .variants{
				position: relative;
				z-index: 1;
			}

				.start-page .content .wood-section .section-inner .info .inner .view .select-color .variants>*{
					display: inline-block;
					position: relative;
					vertical-align: top;
					width: 16px;
					height: 16px;
					border-radius: 16px;
				}

				.start-page .content .wood-section .section-inner .info .inner .view .select-color .variants>*,
				.start-page .content .wood-section .section-inner .info .inner .view .select-color .variants>* *{
					cursor: pointer;
				}

				.start-page .content .wood-section .section-inner .info .inner .view .select-color .variants>*+*{
					margin-left: 15px;
				}

					.start-page .content .wood-section .section-inner .info .inner .view .select-color .variants>*:before{
						content: '';
						display: block;
						position: absolute;
						width: 16px;
						height: 16px;
						border-radius: 16px;
						left: 0;
						top: 0;
					}
	
					.start-page .content .wood-section .section-inner .info .inner .view .select-color .variants>*:nth-child(1):before{
						top: -1px;
						left: -1px;
						border: 1px solid #bbb;
						background: #fff;
					}
	
					.start-page .content .wood-section .section-inner .info .inner .view .select-color .variants>*.active:nth-child(1):before{
						border-color: #08b9ea;
					}

					.start-page .content .wood-section .section-inner .info .inner .view .select-color .variants>*:nth-child(1):before{
						background: url(../../start/wood/tex/wood-1.jpg) no-repeat center center/cover;
					}

					.start-page .content .wood-section .section-inner .info .inner .view .select-color .variants>*:nth-child(2):before{
						background: url(../../start/wood/tex/wood-2.jpg) no-repeat center center/cover;
					}
/*
					.start-page .content .wood-section .section-inner .info .inner .view .select-color .variants>*:nth-child(3):before{
						background: #efdac2;
					}

					.start-page .content .wood-section .section-inner .info .inner .view .select-color .variants>*:nth-child(4):before{
						background: #e5ccc7;
					}
*/
	.start-page .content .wood-section .section-inner .info .inner .aside{
		flex-grow: 1;
		flex-basis: 0;
		padding: 0 0 0 35px;
	}

	.start-page .content .wood-section .section-inner .info .inner .aside.v2{
		display: none;
	}

@media (max-width: 640px){

	.start-page .content .wood-section .section-inner .info .inner .aside{
		width: 100%;
		padding: 0;
	}

	.start-page .content .wood-section .section-inner .info .inner .aside.v2{
		display: block;
	}

}

		.start-page .content .wood-section .section-inner .info .inner .aside .text{
			font-size: 18px;
			line-height: 26px;
		}

	@media (max-width: 640px){

		.start-page .content .wood-section .section-inner .info .inner .aside .text{
			display: none;
		}

		.start-page .content .wood-section .section-inner .info .inner .aside.v2 .text{
			display: block;
		}

	}

		.start-page .content .wood-section .section-inner .info .inner .aside .order{
			margin: 40px 0 0;
			max-width: 375px;
		}

	@media (max-width: 640px){

		.start-page .content .wood-section .section-inner .info .inner .aside .order{
			width: 100%;
			margin: 40px auto 0;
		}

	}

			.start-page .content .wood-section .section-inner .info .inner .aside .order>*{
				display: block;
			}

.start-page .content .wood-section .section-inner .images{
	position: relative;
	align-self: flex-start;
}

@media (max-width: 1100px){

.start-page .content .wood-section .section-inner .images{
	width: 100%;
	max-width: 700px;
	order: 1;
}

}

	.start-page .content .wood-section .section-inner .images .slider{
		position: relative;
		width: 100%;
		top: 0;
		z-index: 0;
	}

@media (max-width: 1100px){

	.start-page .content .wood-section .section-inner .images .slider{
		width: calc(100% + 100px);
		left: -50px;
	}

}

@media (max-width: 640px){

	.start-page .content .wood-section .section-inner .images .slider{
		width: calc(100% + 40px);
		left: -20px;
	}

}

		.start-page .content .wood-section .section-inner .images .slider>*{
		}

			.start-page .content .wood-section .section-inner .images .slider .slide{
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
			}

	.start-page .content .wood-section .section-inner .images .nav{
		display: flex;
		position: absolute;
		flex-direction: row;
		align-items: flex-start;
		justify-content: center;
		bottom: 15px;
		left: 70px;
		width: calc(100% - 70px);
		z-index: 1;
	}

@media (max-width: 1100px){

	.start-page .content .wood-section .section-inner .images .nav{
		width: calc(100% + 100px);
		left: -50px;
	}

}

@media (max-width: 640px){

	.start-page .content .wood-section .section-inner .images .nav{
		position: relative;
		width: calc(100% + 40px);
		left: -20px;
		bottom: 0;
		margin: 10px 0 0;
	}

}

		.start-page .content .wood-section .section-inner .images .nav>*{
			background: #e1e1e1;
			border: 1px solid #fff;
			box-sizing: border-box;
			width: 16px;
			height: 16px;
			border-radius: 9px;
		}

	@media (max-width: 640px){

		.start-page .content .wood-section .section-inner .images .nav>*{
			background: #d8d8d8;
			border: none;
			width: 10px;
			height: 10px;
			border-radius: 6px;
		}

	}

		.start-page .content .wood-section .section-inner .images .nav>*,
		.start-page .content .wood-section .section-inner .images .nav>* *{
			cursor: pointer;
		}

		.start-page .content .wood-section .section-inner .images .nav>*.active{
			background: #08b9ea;
		}

	@media (max-width: 640px){

		.start-page .content .wood-section .section-inner .images .nav>*.active{
			background: #909090;
		}

	}

		.start-page .content .wood-section .section-inner .images .nav>*+*{
			margin-left: 15px;
		}

	@media (max-width: 640px){

		.start-page .content .wood-section .section-inner .images .nav>*+*{
			margin-left: 10px;
		}

	}



/*************************************************************************

                             Q U I A L I T Y

*************************************************************************/


.start-page .content .quality-section{
	padding: 80px 0 0;
	min-height: 700px;
}

@media (max-width: 1024px){

.start-page .content .quality-section{
	padding: 40px 0 0;
	max-height: initial;
}

}

/*@media (max-width: 640px){*/
@media (max-width: 820px){

.start-page .content .quality-section{
	padding: 75px 20px 0;
	max-height: initial;
}

}

.start-page .content .quality-section .section-inner>*{
	display: inline-block;
	vertical-align: top;
	position: relative;
	box-sizing: border-box;
}

/*@media (max-width: 640px){*/
@media (max-width: 820px){

.start-page .content .quality-section .section-inner>*{
	display: block;
}

}

.start-page .content .quality-section .section-inner>.header{
	display: none;
	width: auto;
	padding: 35px 50px 30px;
	color: #323232;
	font-family: MuseoSansCyrl500;
	font-size: 48px;
	line-height: 1.2em;
}

@media (max-width: 960px){

.start-page .content .quality-section .section-inner>.header{
	display: block;
}

}

@media (max-width: 880px){

.start-page .content .quality-section .section-inner>.header{
	padding: 35px 50px 0;
}

}

@media (max-width: 820px){

.start-page .content .quality-section .section-inner>.header{
	display: none;
}

}

.start-page .content .quality-section .section-inner .image{
	position: absolute;
	width: 45%;
	height: 100%;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}

@media (max-width: 960px){

.start-page .content .quality-section .section-inner .image{
	height: calc(100% - 130px);
	top: 140px;
}

}

@media (max-width: 820px){

.start-page .content .quality-section .section-inner .image{
	display: none;
	height: 100%;
	top: 0;
}

}

.start-page .content .quality-section .section-inner .info{
	margin-left: 45%;
	width: 55%;
	padding: 70px 0 0 85px;
}

@media (max-width: 1110px){

.start-page .content .quality-section .section-inner .info{
	padding: 70px 50px 0;
}

}

@media (max-width: 960px){

.start-page .content .quality-section .section-inner .info{
	padding: 0 20px 0 50px;
}

}

@media (max-width: 820px){

.start-page .content .quality-section .section-inner .info{
	/*padding: 70px 20px 0 50px;*/
}

}

/*@media (max-width: 640px){*/
@media (max-width: 820px){

.start-page .content .quality-section .section-inner .info{
	padding: 0;
	width: auto;
	margin-left: 0;
}

}

	.start-page .content .quality-section .section-inner .info .header{
		max-width: 400px;
		color: #323232;
		font-family: MuseoSansCyrl500;
		font-size: 64px;
		line-height: 1.2em;
	}

@media (max-width: 960px){

	.start-page .content .quality-section .section-inner .info .header{
		display: none;
		/*font-size: 48px;*/
		/*line-height: 1.2em;*/
	}

}

@media (max-width: 820px){

	.start-page .content .quality-section .section-inner .info .header{
		display: block;
		font-size: 36px;
		line-height: 1.2em;
	}

}

	.start-page .content .quality-section .section-inner .info .misc{
		margin-top: 30px;
	}

		.start-page .content .quality-section .section-inner .info .misc>*{
			display: inline-block;
			vertical-align: top;
		}

		.start-page .content .quality-section .section-inner .info .misc .flag{
			width: 47px;
			height: 28px;
			background: url(../img/flag.jpg) no-repeat center center/contain;
		}

		.start-page .content .quality-section .section-inner .info .misc .formula-1{
			position: relative;
			width: 200px;
			height: 28px;
			margin-left: 25px;
		}

		.start-page .content .quality-section .section-inner .info .misc .formula-1,
		.start-page .content .quality-section .section-inner .info .misc .formula-1 *{
			cursor: pointer;
		}

			.start-page .content .quality-section .section-inner .info .misc .formula-1:before{
				content: '';
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: url(../img/formula-1.svg) no-repeat left center/contain;
				opacity: 1;
				-webkit-transition: ease 200ms opacity 300ms;
				-moz-transition: ease 200ms opacity 300ms;
				-ms-transition: ease 200ms opacity 300ms;
				transition: ease 200ms opacity 300ms;
				will-change: transform, opacity;
			}

			.start-page .content .quality-section .section-inner .info .misc .formula-1.active:before{
				-webkit-transform: translate(39px,0);
				-moz-transform: translate(39px,0);
				-ms-transform: translate(39px,0);
				transform: translate(39px,0);
				-webkit-transition:
					ease 200ms -webkit-transform,
					ease 100ms opacity 100ms
				;
				-moz-transition:
					ease 200ms -moz-transform,
					ease 100ms opacity 100ms
				;
				-ms-transition:
					ease 200ms -ms-transform,
					ease 100ms opacity 100ms
				;
				transition:
					ease 200ms transform,
					ease 100ms opacity 100ms
				;
				opacity: 0;
			}

			.start-page .content .quality-section .section-inner .info .misc .formula-1:after{
				content: '';
				display: block;
				position: absolute;
				left: 0;
				top: -5px;
				width: 100%;
				height: calc(100% + 6px);
				background: url(../img/formula-1-active.svg) no-repeat left center/contain;
				opacity: 0;
				-webkit-transform: translate(25px,0);
				-moz-transform: translate(25px,0);
				-ms-transform: translate(25px,0);
				transform: translate(25px,0);
				-webkit-transition:
					ease 200ms -webkit-transform,
					ease 100ms opacity 100ms
				;
				-moz-transition:
					ease 200ms -moz-transform,
					ease 100ms opacity 100ms
				;
				-ms-transition:
					ease 200ms -ms-transform,
					ease 100ms opacity 100ms
				;
				transition:
					ease 200ms transform,
					ease 100ms opacity 100ms
				;
				will-change: transform, opacity;
			}

			.start-page .content .quality-section .section-inner .info .misc .formula-1.active:after{
				-webkit-transform: none;
				-moz-transform: none;
				-ms-transform: none;
				transform: none;
				-webkit-transition: ease 150ms opacity 50ms;
				-moz-transition: ease 150ms opacity 50ms;
				-ms-transition: ease 150ms opacity 50ms;
				transition: ease 150ms opacity 50ms;
				opacity: 1;
			}

	.start-page .content .quality-section .section-inner .info .formula-1-content{
		position: absolute;
		left: 0;
		top: 225px;
		width: 100%;
		pointer-events: none;
		opacity: 0;
		-webkit-transition: opacity 300ms ease;
		-moz-transition: opacity 300ms ease;
		-ms-transition: opacity 300ms ease;
		transition: opacity 300ms ease;
		will-change: opacity;
		color: #fff;
		font-size: 16px;
		line-height: 1.4em;
		box-sizing: border-box;
		padding: 40px 15px;
		z-index: 1;
		max-width: 630px;
	}

@media (max-width: 1360px){

	.start-page .content .quality-section .section-inner .info .formula-1-content{
		max-width: calc(100% - 20px);
	}

}

@media (max-width: 1100px){

	.start-page .content .quality-section .section-inner .info .formula-1-content{
		max-width: 100%;
	}

}

@media (max-width: 930px){

	.start-page .content .quality-section .section-inner .info .formula-1-content{
		max-width: 100%;
	}

}

@media (max-width: 820px){

	.start-page .content .quality-section .section-inner .info .formula-1-content{
		top: 115px;
		max-width: 630px;
	}

}

@media (max-width: 436px){

	.start-page .content .quality-section .section-inner .info .formula-1-content{
		top: 160px;
		max-width: 630px;
	}

}

		.start-page .content .quality-section .section-inner .info .formula-1-content:before{
			content: '';
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 40px;
			background: #fff;
			z-index: 0;
		}

		.start-page .content .quality-section .section-inner .info .formula-1-content:after{
			content: '';
			display: block;
			position: absolute;
			left: 150px;
			top: -12px;
			width: 36px;
			height: 12px;
			background: url(../img/formula-anchor.svg) no-repeat left top/contain;
		}

		.start-page .content .quality-section .section-inner .info .formula-1-content .bg{
			content: '';
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			left: 0;
			top: 0;
			background: #0b001f;
			border-radius: 20px;
			z-index: 1;
			overflow-x: hidden;
			box-shadow: 0 6px 25px 0px rgba(0,0,0,.5);
		}

			.start-page .content .quality-section .section-inner .info .formula-1-content .bg>*{
				content: '';
				display: block;
				position: absolute;
				left: 50%;
				top: 0;
				width: 50%;
				height: 100%;
			}

		@media (max-width: 436px){

			.start-page .content .quality-section .section-inner .info .formula-1-content .bg>*{
				opacity: .3;
				left: 0;
				width: 100%;
			}

		}

		.start-page .content .quality-section .section-inner .info .formula-1-content .inner{
			position: relative;
			z-index: 2;
			width: calc(50% + 70px);
			max-width: 100%;
		}

	@media (max-width: 436px){

		.start-page .content .quality-section .section-inner .info .formula-1-content .inner{
			width: auto;
		}

	}

		.start-page .content .quality-section .section-inner .info .formula-1-content .close{
			position: absolute;
			right: 0;
			top: 0;
			width: 48px;
			height: 48px;
			z-index: 3;
		}

		.start-page .content .quality-section .section-inner .info .formula-1-content .close,
		.start-page .content .quality-section .section-inner .info .formula-1-content .close *{
			cursor: pointer;
		}

			.start-page .content .quality-section .section-inner .info .formula-1-content .close:before,
			.start-page .content .quality-section .section-inner .info .formula-1-content .close:after{
				content: '';
				display: block;
				position: absolute;
				width: 16px;
				height: 1px;
				left: 16px;
				top: 23px;
				background: #fff;
			}

			.start-page .content .quality-section .section-inner .info .formula-1-content .close:before{
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg);
			}

			.start-page .content .quality-section .section-inner .info .formula-1-content .close:after{
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}

	.start-page .content .quality-section .section-inner .info .formula-1-content.active{
		pointer-events: initial;
		opacity: 1;
	}

	.start-page .content .quality-section .section-inner .info .text{
		max-width: 515px;
		color: #323232;
		font-family: MuseoSansCyrl500;
		font-size: 20px;
		line-height: 28px;
		margin-top: 10px;
	}

/*@media (max-width: 640px){*/
@media (max-width: 820px){

	.start-page .content .quality-section .section-inner .info .text{
		font-size: 20px;
		line-height: 27px;
	}

}

	.start-page .content .quality-section .section-inner .info .image-v2{
		display: none;
		margin-top: 45px;
		width: 100%;
	}

/*@media (max-width: 640px){*/
@media (max-width: 820px){

	.start-page .content .quality-section .section-inner .info .image-v2{
		display: block;
		max-width: 460px;
	}

}

	.start-page .content .quality-section .section-inner .info .more{
		font-family: MuseoSansCyrl500;
		font-size: 20px;
		margin-top: 20px;
	}

/*@media (max-width: 640px){*/
@media (max-width: 820px){

	.start-page .content .quality-section .section-inner .info .more{
		margin-top: 25px;
		font-size: 17px;
	}

}

	.start-page .content .quality-section .section-inner .info .order{
		margin-top: 40px;
	}

/*@media (max-width: 640px){*/
@media (max-width: 820px){

	.start-page .content .quality-section .section-inner .info .order{
		margin-top: 25px;
	}

}

		.start-page .content .quality-section .section-inner .info .button{
			min-width: 220px;
		}

	/*@media (max-width: 640px){*/
	@media (max-width: 820px){
.start-page .content .quality-section {
    min-height: 600px;
}
		.start-page .content .quality-section .section-inner .info .button{
			min-width: initial;
			max-width: 100%;
			font-size: 20px;
			height: 45px;
			line-height: 43px;
		}

	}
			.start-page .content .quality-section .section-inner .info .button:before{
				content: 'Подать заявку';
			}



/*************************************************************************

                              G A L L E R Y

*************************************************************************/


.start-page .content .gallery-section{
	margin-top: 80px;
}

@media (max-width: 1220px){

.start-page .content .gallery-section{
	margin-top: 80px;
	/*padding: 0;*/
}

}

@media (max-width: 700px){
/*@media (max-width: 950px){*/

.start-page .content .gallery-section{
	padding: 0;
}

}

@media (max-width: 640px){
/*@media (max-width: 950px){*/

.start-page .content .gallery-section{
	margin-top: 60px;
	padding: 0;
}

}

.start-page .content .gallery-section .header{
	max-width: 1060px;
	color: #323232;
	font-family: MuseoSansCyrl500;
	font-size: 64px;
	line-height: 1.2em;
	text-align: center;
	margin: 0 auto 40px;
	box-sizing: border-box;
	padding: 0 20px;
}

@media (max-width: 1280px){

.start-page .content .gallery-section .header{
	font-size: 48px;
}

}

@media (max-width: 950px){

.start-page .content .gallery-section .header{
	font-size: 48px;
	line-height: 64px;
}

}

@media (max-width: 920px){

.start-page .content .gallery-section .header{
	font-size: 40px;
	line-height: 48px;
}

}

@media (max-width: 700px){

.start-page .content .gallery-section .header{
	font-size: 36px;
	line-height: 40px;
	text-align: left;
	margin-bottom: 25px;
}

}

.start-page .content .gallery-section .gallery{}

/*@media (max-width: 640px){*/
@media (max-width: 950px){

.start-page .content .gallery-section .gallery{
	display: none;
}

}

.start-page .content .gallery-section .gallery>*{
	display: inline-block;
	vertical-align: top;
	height: 21vw;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 10px;	
}

@media (min-width: 1601px){

.start-page .content .gallery-section .gallery>*{
	height: 336px;
}

}

.start-page .content .gallery-section .gallery>*:nth-child(1),
.start-page .content .gallery-section .gallery>*:nth-child(2){
	display: inline-block;
	vertical-align: top;
	height: 32vw;
}

@media (min-width: 1601px){

.start-page .content .gallery-section .gallery>*:nth-child(1),
.start-page .content .gallery-section .gallery>*:nth-child(2){
	height: 512px;
}

}

.start-page .content .gallery-section .gallery>*:nth-child(1){
	width: calc(36% - 5px);
}

.start-page .content .gallery-section .gallery>*:nth-child(2){
	width: calc(64% - 5px);
	margin-left: 10px;
}

.start-page .content .gallery-section .gallery>*:nth-child(3){
	width: calc(29% - 7px);
}

.start-page .content .gallery-section .gallery>*:nth-child(4){
	width: calc(41% - 7px);
	margin-left: 10px;
}

.start-page .content .gallery-section .gallery>*:nth-child(5){
	width: calc(30% - 7px + 1px);
	margin-left: 10px;
}

.start-page .content .gallery-section .gallery-slider{
	display: none;
}

/*@media (max-width: 640px){*/
@media (max-width: 950px){

.start-page .content .gallery-section .gallery-slider{
	display: block;
}

}

	.start-page .content .gallery-section .gallery-slider .slider{}

	.start-page .content .gallery-section .gallery-slider .nav{
		font-size: 10px;
		margin-top: 20px;
		text-align: center;
	}

		.start-page .content .gallery-section .gallery-slider .nav>*{
			display: inline-block;
			vertical-align: top;
			width: 1em;
			height: 1em;
			border-radius: 1em;
			background: #d8d8d8;
			cursor: pointer;
		}

		.start-page .content .gallery-section .gallery-slider .nav>*.active{
			background: #909090;
		}

		.start-page .content .gallery-section .gallery-slider .nav>*+*{
			margin-left: 1em;
		}



/*************************************************************************

                              C H O O S E

*************************************************************************/


.start-page .content .choose-section{
	background: #f6f6f6;
	/*margin-top: 70px;*/
	padding-bottom: 85px;
}

@media (max-width: 920px){

.start-page .content .choose-section{
	padding-left: 20px;
	padding-right: 20px;
}

}

@media (max-width: 640px){

.start-page .content .choose-section{
	/*margin-top: 40px;*/
	padding-bottom: 55px;
}

}

.start-page .content .choose-section .header{
	/*max-width: 410px;*/
	color: #323232;
	font-family: MuseoSansCyrl500;
	font-size: 48px;
	line-height: 1em;
	text-align: center;
	margin: 0 auto;
	padding-top: 110px;
}

@media (max-width: 640px){

.start-page .content .choose-section .header{
	max-width: initial;
	text-align: left;
	font-size: 37px;
	line-height: 1.2em;
	padding-top: 50px;
}

}

.start-page .content .choose-section .factoids{
	margin: 25px auto 0;
	width: calc(100% - 40px);
}

@media (max-width: 860px){

.start-page .content .choose-section .factoids{
	margin-top: 60px;
}

}

@media (max-width: 640px){

.price-info .price3 {
    width: 220px;
    font-size: 24px;
}

.start-page .content .choose-section .factoids .price-info {
    padding-left: 0px!important;
    width: 100%!important;
    margin-top: 15px!important;
}
.start-page .content .choose-section .factoids>*>* {
    padding-left:70px!important;
}
.start-page .content .choose-section .factoids .marker {
    font-size:85px!important;
}
}

	.start-page .content .choose-section .factoids>*{
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
	}

@media (max-width: 860px){

	.start-page .content .choose-section .factoids>*{
		display: block;
		width: auto;
	}

}

	.start-page .content .choose-section .factoids>*+*{
		text-align: center;
	}

@media (max-width: 860px){

	.start-page .content .choose-section .factoids>*+*{
		margin-top: 70px;
	}

}

	.start-page .content .choose-section .factoids>*:last-child{
		text-align: right;
	}

@media (max-width: 860px){

	.start-page .content .choose-section .factoids>*,
	.start-page .content .choose-section .factoids>*+*,
	.start-page .content .choose-section .factoids>*:last-child{
		text-align: left;
	}

}

		.start-page .content .choose-section .factoids>*>*{
			display: inline-block;
			vertical-align: top;
			position: relative;
			width: 100%;
			max-width: 250px;
			text-align: left;
		}

	@media (max-width: 860px){

		.start-page .content .choose-section .factoids>*>*{
			max-width: initial;
		}

	}

	@media (max-width: 750px){

		.start-page .content .choose-section .factoids>*>*{
			box-sizing: border-box;
			padding-left: 100px;
		}

	}

			.start-page .content .choose-section .factoids>*>*>*{
				position: relative;
				z-index: 1;
			}

			.start-page .content .choose-section .factoids .marker{
				opacity: .25;
				color: #08b9ea;
				font-family: MuseoSansCyrl900;
				font-size: 200px;
				line-height: 1em;
			}
			
		@media (max-width: 860px){

			.start-page .content .choose-section .factoids .marker{
				position: absolute;
				left: -30px;
				top: -35px;
				z-index: 0;
				opacity: .15;
				font-size: 120px;
				line-height: 1em;
				height: 1em;
			}

		}
			
		@media (max-width: 750px){

			.start-page .content .choose-section .factoids .marker{
				left: 0;
				top: -15px;
			}

		}

			.start-page .content .choose-section .factoids .list{
				color: #323232;
				font-family: MuseoSansCyrl500;
				font-size: 20px;
				line-height: 28px;
			}

		@media (max-width: 860px){

			.start-page .content .choose-section .factoids .list{
				display: inline-block;
				vertical-align: top;
				width: 250px;
			}

		}

				.start-page .content .choose-section .factoids .list>*{
					position: relative;
					box-sizing: border-box;
				}

			.start-page .content .choose-section .factoids .price-info{
				display: none;
				vertical-align: top;
				box-sizing: border-box;
				padding-left: 30px;
				width: calc(100% - 250px);
			}
		
		@media (max-width: 860px){

			.start-page .content .choose-section .factoids .price-info{
				display: inline-block;
			}

		}

				.start-page .content .choose-section .factoids .price{
					display: inline-block;
					vertical-align: top;
					font-size: 48px;
					line-height: 1em;
					height: 1em;
					width: calc(50% - 15px);
					white-space: nowrap;
				}

					.start-page .content .choose-section .factoids .price:after{
						content: '₽';
						display: inline-block;
						position: relative;
						vertical-align: top;
						font-size: 20px;
						line-height: 1em;
						height: 1em;
						top: calc(100% - 1.3em);
						margin-left: 7px;
					}

				.start-page .content .choose-section .factoids .order{
					display: inline-block;
					vertical-align: top;
					width: calc(50% - 15px);
					margin-left: 15px;
				}

			@media (max-width: 750px){

				.start-page .content .choose-section .factoids .order{
					display: block;
					margin-top: 20px;
					margin-left: 0;
					width: 180px;
				}

			}

					.start-page .content .choose-section .factoids .order .button{
						display: block;
						width: auto;
						min-width: 180px;
					}

						.start-page .content .choose-section .factoids .order .button:before{
							content: 'Подать заявку';
						}

.start-page .content .choose-section .prices{
	margin: 30px auto 0;
	width: calc(100% - 40px);
}

/*@media (max-width: 640px){*/
@media (max-width: 860px){

.start-page .content .choose-section .prices{
	display: none;
}

}

	.start-page .content .choose-section .prices>*{
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
	}

	.start-page .content .choose-section .prices>*+*{
		text-align: center;
	}

	.start-page .content .choose-section .prices>*:last-child{
		text-align: right;
	}

		.start-page .content .choose-section .prices>*>*{
			display: inline-block;
			width: 100%;
			max-width: 300px;
			box-sizing: border-box;
			text-align: left;
		}

			.start-page .content .choose-section .prices .price{
				font-size: 48px;
				line-height: 1em;
				height: 1em;
			}

				.start-page .content .choose-section .prices .price:after{
					content: '₽';
					display: inline-block;
					position: relative;
					vertical-align: top;
					font-size: 20px;
					line-height: 1em;
					height: 1em;
					top: calc(100% - 1.3em);
					margin-left: 7px;
				}
				
				.start-page .content .choose-section .prices .price3{
				font-size: 40px;
				line-height: 1em;
				height: 1em;
			}

				.start-page .content .choose-section .prices .price3:after{
					content: '';
					display: inline-block;
					position: relative;
					vertical-align: top;
					font-size: 20px;
					line-height: 1em;
					height: 1em;
					top: calc(100% - 1.3em);
					margin-left: 7px;
				}

			.start-page .content .choose-section .prices .order{
				margin-top: 25px;
			}

				.start-page .content .choose-section .prices .order .button{
					display: block;
					width: auto;
					min-width: initial;
					max-width: 180px;
				}

					.start-page .content .choose-section .prices .order .button:before{
						content: 'Подать заявку';
					}

.start-page .content .choose-section .factoids-slider{
	display: none;
	position: relative;
	padding-top: 40px;
}

@media (max-width: 640px){

.start-page .content .choose-section .factoids-slider{
	display: block;
}

}

.start-page .content .choose-section .factoids-slider .slider{
	max-width: 460px;
	margin: 0 auto;
}

	.start-page-choose-section-factoid{}

		.start-page-choose-section-factoid>*{
			display: inline-block;
			vertical-align: top;
			position: relative;
		}

		.start-page-choose-section-factoid .marker{
			opacity: .25;
			color: #08b9ea;
			font-family: MuseoSansCyrl900;
			font-size: 150px;
			line-height: 1em;
			width: 100px;
		}

		.start-page-choose-section-factoid .list{
			color: #323232;
			font-family: MuseoSansCyrl500;
			font-size: 20px;
			line-height: 28px;
			width: calc(100% - 100px);
			padding-top: 25px;
		}

			.start-page-choose-section-factoid .list>*{
				position: relative;
				padding-left: 30px;
				box-sizing: border-box;
			}

		.start-page-choose-section-factoid .price{
			font-size: 48px;
			line-height: 1em;
			height: 1em;
			width: calc(50% - 15px);
			white-space: nowrap;
		}

			.start-page-choose-section-factoid .price:after{
				content: '₽';
				display: inline-block;
				position: relative;
				vertical-align: top;
				font-size: 20px;
				line-height: 1em;
				height: 1em;
				top: calc(100% - 1.3em);
				margin-left: 7px;
			}
		
	@media (max-width: 374px){

		.start-page-choose-section-factoid .price{
			font-size: 40px;
			top: 5px;
		}

			.start-page-choose-section-factoid .price:after{
				font-size: 16px;
			}

	}

		.start-page-choose-section-factoid .order{
			width: calc(50% - 15px);
			margin-left: 30px;
		}

		.start-page-choose-section-factoid .price,
		.start-page-choose-section-factoid .order{
			margin-top: 40px;
		}

			.start-page-choose-section-factoid .order .button{
				display: block;
				width: auto;
				min-width: initial;
				max-width: 180px;
			}

				.start-page-choose-section-factoid .order .button:before{
					content: 'Подать заявку';
				}

.start-page .content .choose-section .factoids-slider .slide-next{
	position: absolute;
	background: url(../img/slide-arrow.svg) no-repeat center center/20px auto;
	width: 40px;
	height: 40px;
	right: -10px;
	bottom: -10px;
	opacity: .5;
	cursor: pointer;
}

.start-page .content .choose-section .factoids-slider .nav{
	font-size: 10px;
	margin-top: 35px;
	text-align: center;
}

	.start-page .content .choose-section .factoids-slider .nav>*{
		display: inline-block;
		vertical-align: top;
		width: 1em;
		height: 1em;
		border-radius: 1em;
		background: #d8d8d8;
		cursor: pointer;
	}

	.start-page .content .choose-section .factoids-slider .nav>*.active{
		background: #909090;
	}

	.start-page .content .choose-section .factoids-slider .nav>*+*{
		margin-left: 1em;
	}


.start-page .content .choose-section .filters{
	padding: 0 80px;
	box-sizing: border-box;
	margin-top: 65px;
}

@media (max-width: 1400px){

.start-page .content .choose-section .filters{
	padding: 0 50px;
}

}

/*@media (max-width: 640px){*/
@media (max-width: 1024px){

.start-page .content .choose-section .filters{
	padding: 0;
	margin-top: 65px;
}

}
@media (max-width: 920px){

.start-page .content .choose-section .filters{
	padding: 0 30px;
	/*margin-top: 65px;*/
}

}

@media (max-width: 640px){

.start-page .content .choose-section .filters{
	padding: 0;
	margin-top: 45px;
}

}

	.start-page .content .choose-section .filters .info{}

		.start-page .content .choose-section .filters .info>*{
		    display:inline-block;
			vertical-align: top;
			position: relative;
			width: calc(50% - 100px);
			box-sizing: border-box;
			padding-top: 15px;
		}

	@media (max-width: 1400px){

		.start-page .content .choose-section .filters .info>*{
			width: calc(50% - 50px);
		}

	}

	/*@media (max-width: 640px){*/
	@media (max-width: 1024px){

		.start-page .content .choose-section .filters .info>*{
			display: block;
			width: auto;
			padding-top: 0;
			padding-left: 70px;
		}

	}

		.start-page .content .choose-section .filters .info>*+*{
			margin-left: 196px;
		}

	@media (max-width: 1400px){

		.start-page .content .choose-section .filters .info>*+*{
			margin-left: 100px;
		}

	}

	/*@media (max-width: 640px){*/
	@media (max-width: 1024px){

		.start-page .content .choose-section .filters .info>*+*{
			margin-left: 0px;
			margin-top: 50px;
		}

	}

			.start-page .content .choose-section .filters .info .icon{
				position: absolute;
				width: 60px;
				height: 60px;
				left: -20px;
				top: 0;
				-webkit-transform: translate(-100%, 0);
				-moz-transform: translate(-100%, 0);
				-ms-transform: translate(-100%, 0);
				transform: translate(-100%, 0);
			}

		/*@media (max-width: 640px){*/
		@media (max-width: 1024px){

			.start-page .content .choose-section .filters .info .icon{
				top: 5px;
				left: 0;
				-webkit-transform: none;
				-moz-transform: none;
				-ms-transform: none;
				transform: none;
			}

		}

			.start-page .content .choose-section .filters .info>*:first-child .icon{
				background: url(../img/filters-addition.svg) no-repeat center center/contain;
			}

			.start-page .content .choose-section .filters .info>*:last-child .icon{
				background: url(../img/filters-installation.jpg) no-repeat center center/contain;
			}

		/*@media (max-width: 640px){*/
		@media (max-width: 1024px){

			.start-page .content .choose-section .filters .info>*:first-child .icon{
				background: url(../img/filters-addition.svg) no-repeat left center/contain;
			}

			.start-page .content .choose-section .filters .info>*:last-child .icon{
				background: url(../img/filters-installation.jpg) no-repeat left center/contain;
			}

		}

			.start-page .content .choose-section .filters .info .caption{
				max-width: 260px;
				font-family: MuseoSansCyrl700;
				font-size: 20px;
				line-height: 28px;
			}

			.start-page .content .choose-section .filters .info .text{
				max-width: 455px;
				font-size: 18px;
				line-height: 28px;
				margin-top: 5px;
			}

		@media (max-width: 1024px){

			.start-page .content .choose-section .filters .info .text{
				max-width: initial;
			}

		}

	.start-page .content .choose-section .filters .about{
		font-size: 18px;
		line-height: 28px;
		margin-top: 15px;
	}

	.start-page .content .choose-section .filters .about.v2{
		display: none;
		margin-top: 5px;
		margin-bottom: 10px;
	}

/*@media (max-width: 640px){*/
@media (max-width: 1024px){

	.start-page .content .choose-section .filters .about{
		display: none;
	}

	.start-page .content .choose-section .filters .about.v2{
		display: block;
	}

}



/*************************************************************************

                              R E V I E W S

*************************************************************************/


.start-page .content .reviews-section{
	background: #08b9ea;
	color: #fff;
	padding: 0;
	margin-top: 100px;
}

@media (max-width: 640px){

.start-page .content .reviews-section{
	margin-top: 60px;
}

}

.start-page .content .reviews-section .section-inner{
	position: relative;
}

.start-page .content .reviews-section .section-inner>*,
.start-page .content .reviews-section .section-inner>:before
.start-page .content .reviews-section .section-inner>:after{
	position: relative;
	z-index: 0;
}


.start-page .content .reviews-section .section-inner:before{
	content: 'Отзывы';
	display: block;
	position: absolute;
	font-size: 48px;
	line-height: 1em;
	height: 1em;
	left: calc(50% + 80px);
	top: 110px;
	z-index: 1;
}

@media (max-width: 1200px){

.start-page .content .reviews-section .section-inner:before{
	left: calc(50% + 50px);
	top: 60px;
	font-size: 36px;
}

}

/*@media (max-width: 640px){*/
@media (max-width: 860px){

.start-page .content .reviews-section .section-inner:before{
	left: 20px;
	/*top: 285px;*/
	top: calc(65.07vw + 60px);
	font-size: 36px;
}

}

.start-page .content .reviews-section .reviews{}

	.start-page-reviews-section-review{
		position: relative;
		min-height: 55.55vw;
	}

@media (min-width: 1601px){

	.start-page-reviews-section-review{
		min-height: 889px;
	}

}

		.start-page-reviews-section-review>*{
			display: inline-block;
			vertical-align: top;
			position: relative;
			width: 50%;
			box-sizing: border-box;
		}

	/*@media (max-width: 640px){*/
	@media (max-width: 860px){

		.start-page-reviews-section-review>*{
			display: block;
			width: auto;
		}

	}

		.start-page-reviews-section-review .image{
			position: absolute;
			left: 0;
			top: 0;
			width: 50%;
			height: 100%;
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
		}

	@media (max-width: 1280px){

		.start-page-reviews-section-review .image{
			background-position: center top;
			width: 40%;
		}

	}

	@media (max-width: 1200px){

		.start-page-reviews-section-review .image{
			width: 50%;
		}

	}

	@media (max-width: 960px){

		.start-page-reviews-section-review .image{
			width: 40%;
		}

	}

	/*@media (max-width: 640px){*/
	@media (max-width: 860px){

		.start-page-reviews-section-review .image{
			position: relative;
			width: auto;
			height: 65.07vw;
		}

	}

		.start-page-reviews-section-review .review-info{
			margin-left: 50%;
			padding: 210px 140px 190px 80px;
		}

	@media (max-width: 1280px){

		.start-page-reviews-section-review .review-info{
			margin-left: 40%;
			width: 60%;
		}

	}

	@media (max-width: 1200px){

		.start-page-reviews-section-review .review-info{
			padding: 125px 50px 85px;
			margin-left: 50%;
			width: 50%;
		}

	}

	@media (max-width: 960px){

		.start-page-reviews-section-review .review-info{
			margin-left: 40%;
			width: 60%;
		}

	}

	/*@media (max-width: 640px){*/
	@media (max-width: 860px){

		.start-page-reviews-section-review .review-info{
			padding: 125px 20px 75px;
			margin-left: 0;
			width: auto;
		}

	}

			.start-page-reviews-section-review .review-info .name{
				/*max-width: 145px;*/
				font-family: MuseoSansCyrl700;
				font-size: 20px;
				line-height: 26px;
			}

			.start-page-reviews-section-review .review-info .text{
				max-width: 505px;
				color: #ffffff;
				line-height: 24px;
				margin-top: 10px;
				font-size: 16px;
			}

		/*@media (max-width: 640px){*/
		@media (max-width: 860px){

			.start-page-reviews-section-review .review-info .text{
				font-size: 18px;
				margin-top: 20px;
			}

		}
				.start-page-reviews-section-review .review-info .text p{}

				.start-page-reviews-section-review .review-info .text p+p{
					margin-top: 10px;
				}

			@media (max-width: 860px){

				.start-page-reviews-section-review .review-info .text .tldr{
					display: none;
				}
			}

			.start-page-reviews-section-review .review-info .more{
				font-size: 16px;
				line-height: 26px;
				margin-top: 30px;
			}

				.start-page-reviews-section-review .review-info .more a{}

					.start-page-reviews-section-review .review-info .more a:before{
						content: 'Читать весь отзыв';
					}

.start-page .content .reviews-section .nav{
	position: absolute;
	left: calc(50% + 80px);
	bottom: 80px;
	width: calc(50% - 160px);
	z-index: 1;
	text-align: center;
	font-size: 9px;
}

@media (max-width: 1280px){

.start-page .content .reviews-section .nav{
	left: calc(40% + 50px);
	width: calc(60% - 100px);
}

}

@media (max-width: 1200px){

.start-page .content .reviews-section .nav{
	bottom: 30px;
	left: calc(50% + 50px);
	width: calc(50% - 100px);
}

}

@media (max-width: 960px){

.start-page .content .reviews-section .nav{
	left: calc(40% + 50px);
	width: calc(60% - 100px);
}

}


/*@media (max-width: 640px){*/
@media (max-width: 860px){

.start-page .content .reviews-section .nav{
	width: 100%;
	bottom: 30px;
	left: 0;
}

}

	.start-page .content .reviews-section .nav>*{
		display: inline-block;
		vertical-align: top;
		height: 1em;
		width: 1em;
		border-radius: 1em;
		background: #fff;
		opacity: .5;
		cursor: pointer;
	}

	.start-page .content .reviews-section .nav>*+*{
		margin-left: 1em;
	}

	.start-page .content .reviews-section .nav>*.active{
		opacity: 1;
	}

.start-page .content .reviews-section .next{
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	height: 100%;
	width: 140px;
	background: url(../img/slide-white.svg) no-repeat left 35px center;
	cursor: pointer;
}

@media (max-width: 1200px){

.start-page .content .reviews-section .next{
	display: none;
}

}



/*************************************************************************

                                 F A Q

*************************************************************************/


.start-page .content .faq-section{
	padding-top: 85px;
	padding-bottom: 85px;
}

@media (max-width: 940px){

.start-page .content .faq-section{
	padding-top: 45px;
	padding-bottom: 65px;
}

}

.start-page .content .faq-section>.section-inner{}

.start-page .content .faq-section>.section-inner:before{
	content: 'Самые частые вопросы:';
	display: block;
	font-size: 48px;
	line-height: 1.4em;
}

@media (max-width: 940px){

.start-page .content .faq-section>.section-inner:before{
	content: 'Самые частые вопросы:';
	font-size: 37px;
	line-height: 1.2em;
}

}

.start-page .content .faq-section>.section-inner>*{
	display: inline-block;
	vertical-align: top;
	position: relative;
}

@media (max-width: 940px){

.start-page .content .faq-section>.section-inner>*{
	display: block;
	width: auto;
}

}

.start-page .content .faq-section>.section-inner .info{
	font-size: 16px;
	line-height: 30px;
	margin-top: 25px;
	width: calc(100% - 220px);
}

@media (max-width: 1180px){

.start-page .content .faq-section>.section-inner .info{
	width: auto;
	display: block;
}

}

@media (max-width: 940px){

.start-page .content .faq-section>.section-inner .info{
	width: auto;
}

}

	.start-page .content .faq-section>.section-inner .info>*{
		display: inline-block;
		vertical-align: top;
		width: 50%;
	}

@media (max-width: 940px){

	.start-page .content .faq-section>.section-inner .info>*{
		width: auto;
		display: block;
	}

}

	.start-page .content .faq-section>.section-inner .info>*+*{}

@media (max-width: 940px){

	.start-page .content .faq-section>.section-inner .info>*+*{
		margin-top: 15px;
	}

}

	.start-page .content .faq-section>.section-inner .info>*>*{}

	@media (max-width: 940px){

		.start-page .content .faq-section>.section-inner .info>*>*{
			line-height: 1.7em;
		}

	}

		.start-page .content .faq-section>.section-inner .info>*>*+*{
			margin-top: 10px;
		}

	@media (max-width: 940px){

		.start-page .content .faq-section>.section-inner .info>*>*+*{
			width: auto;
			margin-top: 15px;
		}

	}

.start-page .content .faq-section>.section-inner .all{
	position: absolute;
	width: 220px;
	height: 100%;
	right: 0;
	top: 0;
}

@media (max-width: 1180px){

.start-page .content .faq-section>.section-inner .all{
	display: block;
	position: relative;
	width: auto;
	margin-top: 30px;
}

}

	.start-page .content .faq-section>.section-inner .all .button{
		position: absolute;
		width: 220px;
		bottom: 0;
		left: 0;
	}

@media (max-width: 1180px){

	.start-page .content .faq-section>.section-inner .all .button{
		position: relative;
	}

}

		.start-page .content .faq-section>.section-inner .all .button:before{
			content: 'Все вопросы';
		}



/*************************************************************************

                                 Q U I Z

*************************************************************************/


.start-page .quiz-section{}

@media (max-width: 820px){

.start-page .quiz-section{
	margin-top: 0;
}

}

.start-page .quiz-section .section-inner{
	padding-top: 50px;
	padding-bottom: 70px;
}

@media (max-width: 960px){

.start-page .quiz-section .section-inner{
	padding-top: 70px;
	padding-bottom: 60px;
}

}

@media (max-width: 640px){

.start-page .quiz-section .section-inner{
	padding-bottom: 70px;
}

}

@media (max-width: 380px){

.start-page .quiz-section .section-inner{
	padding-bottom: 15px;
}

}

.start-page .quiz-section .header{
	max-width: 730px;
	color: #323232;
	font-family: MuseoSansCyrl500;
	font-size: 48px;
	line-height: 1em;
	text-align: center;
	margin: 0 auto;
	padding: 60px 0 40px;
}

@media (max-width: 1030px){

.start-page .quiz-section .header{
	padding-top: 30px;
}

}

@media (max-width: 960px){

.start-page .quiz-section .header{
	padding-top: 0px;
}

}

@media (max-width: 820px){

.start-page .quiz-section .header{
	padding-top: 40px;
}

}

@media (max-width: 640px){

.start-page .quiz-section .header{
	max-width: initial;
	text-align: left;
	font-size: 37px;
	line-height: 1.2em;
	padding-top: 50px;
	padding-bottom: 25px;
}

}

@media (max-width: 380px){

.start-page .quiz-section .header{
	font-size: 28px;
	padding-top: 0;
}

}


/*************************************************************************

                                 T O P

*************************************************************************/


.product-page .content-wrapper .content .top-section{
	padding: 0;
}


.product-page .content-wrapper .content .top-section .header{
	box-sizing: border-box;
	padding: 20px 80px 0;
	font-family: MuseoSansCyrl500;
}

@media (max-width: 1270px){

.product-page .content-wrapper .content .top-section .header{
	padding: 20px 50px 0;
}

}

@media (max-width: 640px){

.product-page .content-wrapper .content .top-section .header{
	padding: 30px 20px;
	font-size: 36px;
	font-family: MuseoSansCyrl700;
}

}

@media (max-width: 400px){

.product-page .content-wrapper .content .top-section .header{
	padding: 30px 20px 0;
	font-size: 24px;
}

}

.start-page .top-section .section-inner{
	padding: 0;
}

.start-page .top-section .header{
	font-size: 48px;
	line-height: 2em;
}

.start-page .top-section .nav-v2{
	display: none;
	padding: 35px 20px 0;
	box-sizing: border-box;
	color: #b3b3b3;
	font-family: MuseoSansCyrl100;
	font-size: 36px;
	line-height: 1em;
}

@media (max-width: 880px){
/*@media (max-width: 740px){*/

.start-page .top-section .nav-v2{
	display: block;
}

}

@media (max-width: 460px){

.start-page .top-section .nav-v2{
	font-size: 32px;
}

}

@media (max-width: 350px){

.start-page .top-section .nav-v2{
	font-size: 28px;
}

}

	.start-page .top-section .nav-v2 .list{}

		.start-page .top-section .nav-v2 .list>*{
			display: inline-block;
			vertical-align: top;
			width: 33.33%;
			white-space: nowrap;
		}

		.start-page .top-section .nav-v2 .list>*,
		.start-page .top-section .nav-v2 .list>* *{
			cursor: pointer;
		}

		.start-page .top-section .nav-v2 .list>*:nth-child(1){
			text-align: left;
		}

		.start-page .top-section .nav-v2 .list>*:nth-child(2){
			text-align: center;
		}

		.start-page .top-section .nav-v2 .list>*:nth-child(3){
			text-align: right;
		}

		.start-page .top-section .nav-v2 .list>*.active{
			color: #ff6c1a;
			font-family: MuseoSansCyrl700;
		}

			.start-page .top-section .nav-v2 .list>*.active .num{
				font-family: MuseoSansCyrl100;
			}

.start-page .top-section .slider{
	position: relative;
}

	.start-page .top-section .slide-to{
		position: absolute;
		width: 170px;
		height: 100%;
		background: url(../img/product-slide-arrow.svg) no-repeat center center/auto auto;
		z-index: 1;
	}

@media (max-width: 1100px){

	.start-page .top-section .slide-to{
		width: 80px;
		top: 30px;
	}

}

@media (max-width: 740px){

	.start-page .top-section .slide-to{
		position: absolute;
		width: 60px;
		height: calc(130vw - 160px);
		max-height: calc(100% - 30px);
		top: 30px;
		background: url(../img/product-slide-arrow.svg) no-repeat center center/20px auto;
	}

}

	.start-page .top-section .slide-to,
	.start-page .top-section .slide-to *{
		cursor: pointer;
	}

	.start-page .top-section .slide-to.prev{
		left: 0;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.start-page .top-section .slide-to.next{
		right: 0;
	}

	.start-page .top-section .slides{
		position: relative;
		padding: 40px 0 60px;
		width: calc(100% - 340px);
		margin: 0 auto;
		z-index: 0;
	}

@media (max-width: 1100px){

	.start-page .top-section .slides{
		position: relative;
		padding: 40px 0 60px;
		width: calc(100% - 160px);
		margin: 0 auto;
		z-index: 0;
	}

}

@media (max-width: 740px){

	.start-page .top-section .slides{
		width: auto;
		padding: 30px 0 0;
	}

}

		.start-page .top-section .slides>*{}

			.product-page-top-section-slide{
				position: relative;
				box-sizing: border-box;
			}

		@media (max-width: 740px){

			.product-page-top-section-slide{
				padding: 0 20px;
			}

		}

				.product-page-top-section-slide>*{
					display: inline-block;
					vertical-align: top;
				}

				.product-page-top-section-slide .image{
					position: absolute;
					left: 0;
					width: 36%;
					height: 100%;
				}

			@media (max-width: 880px){

				.product-page-top-section-slide .image{
					width: 50%;
				}

			}

			@media (max-width: 740px){

				.product-page-top-section-slide .image{
					display: block;
					position: relative;
					/*width: calc(100vw - 120px);*/
					width: calc(100vw - 150px);
					height: calc(130vw - 160px);
					margin: 0 auto;
				}

			}

					.product-page-top-section-slide .image>*{
						position: absolute;
						width: 100%;
						height: 100%;
						left: 0;
						top: 0;
						opacity: 0;
						-webkit-transition: opacity 200ms ease;
						-moz-transition: opacity 200ms ease;
						-ms-transition: opacity 200ms ease;
						transition: opacity 200ms ease;
						will-change: opacity;
					}

					.product-page-top-section-slide .image>*.active{
						opacity: 1;
					}

				.product-page-top-section-slide .info{
					position: relative;
					width: 64%;
					left: 36%;
					box-sizing: border-box;
					padding-left: 170px;
					padding-bottom: 40px;
				}

			@media (max-width: 880px){

				.product-page-top-section-slide .info{
					padding-left: 90px;
					width: 50%;
					left: 50%;
				}

			}

			@media (max-width: 740px){

				.product-page-top-section-slide .info{
					display: block;
					left: 0;
					width: auto;
					padding-left: 0;
					padding-bottom: 60px;
				}

			}

					.product-page-top-section-slide .info .color{
						position: absolute;
						top: 50%;
						left: 65px;
						-webkit-transform: translate(0,-50%);
						-moz-transform: translate(0,-50%);
						-ms-transform: translate(0,-50%);
						transform: translate(0,-50%);
					}

				@media (max-width: 880px){

					.product-page-top-section-slide .info .color{
						left: 20px;
					}

				}

				@media (max-width: 740px){

					.product-page-top-section-slide .info .color{
						position: relative;
						left: 0;
						top: 0;
						margin: 30px auto 0;
						-webkit-transform: none;
						-moz-transform: none;
						-ms-transform: none;
						transform: none;
					}

				}

				@media (min-width: 741px){

					.product-page-top-section-slide .info .color .select-color{
						position: relative;
						width: 40px;
						margin-left: auto;
						margin-right: auto;
						max-height: 190px;
					}

						.product-page-top-section-slide .info .color .select-color .marker{
							position: absolute;
							width: 36px;
							height: 36px;
							border-radius: 36px;
							z-index: 0;
						}

						.product-page-top-section-slide .info .color .select-color .marker:before,
						.product-page-top-section-slide .info .color .select-color .marker:after{
							content: '';
							display: block;
							position: absolute;
							left: -4px;
							top: -4px;
							background: #08b9ea;
							width: 44px;
							height: 44px;
							border-radius: 44px;
							-webkit-transition: top 100ms ease;
							-moz-transition: top 100ms ease;
							-ms-transition: top 100ms ease;
							transition: top 100ms ease;
						}

						.product-page-top-section-slide .info .color .select-color .marker>*:first-child{
							position: absolute;
							height: 0;
							width: 44px;
							top: 18px;
							left: -4px;
							background: #08b9ea;
							-webkit-transition: height 100ms ease;
							-moz-transition: height 100ms ease;
							-ms-transition: height 100ms ease;
							transition: height 100ms ease;
						}

						.product-page-top-section-slide .info .color .select-color .marker>*:last-child{
							position: absolute;
							height: 0;
							width: 44px;
							bottom: 18px;
							left: -4px;
							background: #08b9ea;
							-webkit-transition: height 100ms ease;
							-moz-transition: height 100ms ease;
							-ms-transition: height 100ms ease;
							transition: height 100ms ease;
						}

						.product-page-top-section-slide .info .color .select-color .marker.next:after{
							top: 47px;
						}

						.product-page-top-section-slide .info .color .select-color .marker.next>*:first-child{
							height: 50px;
						}

						.product-page-top-section-slide .info .color .select-color .marker.prev:after{
							top: -55px;
						}

						.product-page-top-section-slide .info .color .select-color .marker.prev>*:last-child{
							height: 50px;
						}

						.product-page-top-section-slide .info .color .select-color .marker.active-1{
							top: 0;
						}

						.product-page-top-section-slide .info .color .select-color .marker.active-2{
							top: 51px;
						}
						
						.product-page-top-section-slide .info .color .select-color .marker.active-3{
							top: 102px;
						}
						
						.product-page-top-section-slide .info .color .select-color .marker.active-4{
							top: 153px;
						}

						.product-page-top-section-slide .info .color .select-color .variants{
							position: relative;
							z-index: 1;
						}

							.product-page-top-section-slide .info .color .select-color .variants>*{
								display: block;
								position: relative;
								vertical-align: top;
								width: 36px;
								height: 36px;
								border-radius: 36px;
							}

							.product-page-top-section-slide .info .color .select-color .variants>*,
							.product-page-top-section-slide .info .color .select-color .variants>* *{
								cursor: pointer;
							}

							.product-page-top-section-slide .info .color .select-color .variants>*+*{
								margin-top: 15px;
							}

				}


				@media (max-width: 740px){

					.product-page-top-section-slide .info .color .select-color{
						position: relative;
						height: 40px;
						margin-left: auto;
						margin-right: auto;
						max-width: 190px;
					}

						.product-page-top-section-slide .info .color .select-color .marker{
							position: absolute;
							width: 36px;
							height: 36px;
							border-radius: 36px;
							z-index: 0;
						}

						.product-page-top-section-slide .info .color .select-color .marker:before,
						.product-page-top-section-slide .info .color .select-color .marker:after{
							content: '';
							display: block;
							position: absolute;
							left: -4px;
							top: -4px;
							background: #08b9ea;
							width: 44px;
							height: 44px;
							border-radius: 44px;
							-webkit-transition: left 100ms ease;
							-moz-transition: left 100ms ease;
							-ms-transition: left 100ms ease;
							transition: left 100ms ease;
						}

						.product-page-top-section-slide .info .color .select-color .marker>*:first-child{
							position: absolute;
							width: 0;
							height: 44px;
							left: 18px;
							top: -4px;
							background: #08b9ea;
							-webkit-transition: width 100ms ease;
							-moz-transition: width 100ms ease;
							-ms-transition: width 100ms ease;
							transition: width 100ms ease;
						}

						.product-page-top-section-slide .info .color .select-color .marker>*:last-child{
							position: absolute;
							width: 0;
							height: 44px;
							right: 18px;
							top: -4px;
							background: #08b9ea;
							-webkit-transition: width 100ms ease;
							-moz-transition: width 100ms ease;
							-ms-transition: width 100ms ease;
							transition: width 100ms ease;
						}

						.product-page-top-section-slide .info .color .select-color .marker.next:after{
							left: 47px;
						}

						.product-page-top-section-slide .info .color .select-color .marker.next>*:first-child{
							width: 50px;
						}

						.product-page-top-section-slide .info .color .select-color .marker.prev:after{
							left: -55px;
						}

						.product-page-top-section-slide .info .color .select-color .marker.prev>*:last-child{
							width: 50px;
						}

						.product-page-top-section-slide .info .color .select-color .marker.active-1{
							left: 0;
						}

						.product-page-top-section-slide .info .color .select-color .marker.active-2{
							left: 51px;
						}
						
						.product-page-top-section-slide .info .color .select-color .marker.active-3{
							left: 102px;
						}
						
						.product-page-top-section-slide .info .color .select-color .marker.active-4{
							left: 153px;
						}

						.product-page-top-section-slide .info .color .select-color .variants{
							position: relative;
							z-index: 1;
						}

							.product-page-top-section-slide .info .color .select-color .variants>*{
								display: inline-block;
								position: relative;
								vertical-align: top;
								width: 36px;
								height: 36px;
								border-radius: 36px;
							}

							.product-page-top-section-slide .info .color .select-color .variants>*,
							.product-page-top-section-slide .info .color .select-color .variants>* *{
								cursor: pointer;
							}

							.product-page-top-section-slide .info .color .select-color .variants>*+*{
								margin-left: 15px;
							}
				
				}

								.product-page-top-section-slide .info .color .select-color .variants>*:before{
									content: '';
									display: block;
									position: absolute;
									width: 36px;
									height: 36px;
									border-radius: 36px;
									left: 0;
									top: 0;
								}
				
								.product-page-top-section-slide .info .color .select-color .variants>*:nth-child(1):before{
									top: -1px;
									left: -1px;
									border: 1px solid #e7e7e7;
									background: #fff;
								}
				
								.product-page-top-section-slide .info .color .select-color .variants>*.active:nth-child(1):before{
									border-color: #08b9ea;
								}

								.product-page-top-section-slide .info .color .select-color .variants>*:nth-child(2):before{
									background: #323232;
								}

								.product-page-top-section-slide .info .color .select-color .variants>*:nth-child(3):before{
									background: #efdac2;
								}

								.product-page-top-section-slide .info .color .select-color .variants>*:nth-child(4):before{
									background: #e5ccc7;
								}

					.product-page-top-section-slide .info .title{
						color: #ff6c1a;
						font-family: MuseoSansCyrl700;
						font-size: 64px;
						line-height: 77px;
						padding-top: 30px;
					}

				@media (max-width: 880px){
				/*@media (max-width: 740px){*/

					.product-page-top-section-slide .info .title{
						display: none;
					}

				}

						.product-page-top-section-slide .info .title .num{
							font-family: MuseoSansCyrl100;
						}

					.product-page-top-section-slide .info .list{
						position: relative;
						color: #000;
						font-family: MuseoSansCyrl300;
						font-size: 18px;
						line-height: 27px;
						margin-top: 17px;
						margin-bottom: 40px;
					}

				@media (max-width: 880px){

					.product-page-top-section-slide .info .list{
						font-size: 18px;
						line-height: 28px;
					}

				}

				@media (max-width: 740px){

					.product-page-top-section-slide .info .list{
						margin-top: 45px;
						margin-bottom: 35px;
					}

				}

						.product-page-top-section-slide .info .list>*{
							position: relative;
							box-sizing: border-box;
							padding-left: 15px;
						}

					@media (max-width: 740px){

						.product-page-top-section-slide .info .list>*+*{
							margin-top: 10px;
						}

					}

							.product-page-top-section-slide .info .list>*:before{
								content: '';
								display: block;
								position: absolute;
								font-size: 3px;
								width: 1em;
								height: 1em;
								border-radius: 1em;
								background: #000;
								left: 0;
								top: 11px;
							}

					.product-page-top-section-slide .info .price{
						display: inline-block;
						vertical-align: top;
						font-size: 56px;
						line-height: 1em;
						height: 1em;
						white-space: nowrap;
						max-width: calc(100% - 250px);
					}

				@media (max-width: 880px){

					.product-page-top-section-slide .info .price{
						display: block;
						font-size: 48px;
						max-width: initial;
					}

				}

						.product-page-top-section-slide .info .price:after{
							content: '₽';
							display: inline-block;
							vertical-align: top;
							position: relative;
							font-size: 28px;
							line-height: 1em;
							height: 1em;
							top: 23px;
							margin-left: 5px;
						}

					@media (max-width: 880px){

						.product-page-top-section-slide .info .price:after{
							top: 16px;
						}

					}

					.product-page-top-section-slide .info .order{
						display: inline-block;
						vertical-align: top;
						padding-left: 30px;
					}

				@media (max-width: 1280px){
				/*@media (max-width: 740px){*/

					.product-page-top-section-slide .info .order{
						display: block;
						padding-left: 0;
						margin-top: 20px;
					}

				}

						.product-page-top-section-slide .info .order .button{
							width: 220px;
						}

					@media (max-width: 880px){

						.product-page-top-section-slide .info .order .button{
							display: block;
							width: auto;
							max-width: 160px;
							height: 45px;
							line-height: 43px;
						}

					}

							.product-page-top-section-slide .info .order .button:before{
								content: 'Подать заявку';
							}


.start-page .top-section .nav{
	position: relative;
}

@media (max-width: 880px){
/*@media (max-width: 740px){*/

.start-page .top-section .nav{
	display: none;
}

}

	.start-page .top-section .nav .marker{
		position: absolute;
		border-top: 3px solid #08b9ea;
		width: 33.33%;
		left: 0;
		top: 0;
		-webkit-transition: left 200ms ease;
		-moz-transition: left 200ms ease;
		-ms-transition: left 200ms ease;
		transition: left 200ms ease;
		will-change: left;
	}

	.start-page .top-section .nav .marker.pos-2{
		left: 33.33%;
	}

	.start-page .top-section .nav .marker.pos-3{
		left: 66.66%;
	}

	.start-page .top-section .nav .list{
		border-top: 3px solid #f6f6f6;
	}

		.start-page .top-section .nav .list>*{
			display: inline-block;
			vertical-align: top;
			width: 33.33%;
			font-size: 18px;
			line-height: 22px;
			color: #9b9b9b;
			box-sizing: border-box;
			padding: 18px 80px;
		}

	@media (max-width: 880px){

		.start-page .top-section .nav .list>*{
			font-size: 16px;
			line-height: 1.2em;
			padding: 18px 30px;
		}

	}

		.start-page .top-section .nav .list>*,
		.start-page .top-section .nav .list>* *{
			cursor: pointer;
		}

		.start-page .top-section .nav .list>*.active{
			color: #08b9ea;
			-webkit-transition: left 200ms ease;
			-moz-transition: left 200ms ease;
			-ms-transition: left 200ms ease;
			transition: left 200ms ease;
			will-change: left;
		}

			.start-page .top-section .nav .list .title{
				font-family: MuseoSansCyrl700;
			}

				.start-page .top-section .nav .list .title .num{
					font-family: MuseoSansCyrl300;
				}

			.start-page .top-section .nav .list .desc{
				font-family: MuseoSansCyrl300;
			}


