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


                        G   E   N   E   R   A   L


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


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

                             C O M M O N S

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


body{
	position: relative;
}

.body{
	position: relative;
	z-index: 0;
	overflow: hidden;
}

body.no-scroll{
	height: 100vh;
	overflow: hidden;
}

body.no-scroll .body{
	height: 100vh;
}



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

                              H E A D E R

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


.start-page .header{
	position: relative;
	box-sizing: border-box;
	padding: 0 80px;
}

@media (max-width: 1024px){

.start-page .header{
	padding: 0 50px;
}

}

@media (max-width: 840px){

.start-page .header{
	padding: 0 20px;
}

}

.start-page .header>*{
	position: relative;
	height: 70px;
	width: 100%;
}

@media (max-width: 460px){

.start-page .header>*{
	height: 60px;
}

}

.start-page .header .logo{
	display: block;
	position: absolute;
	font-size: 49px;
	height: 1em;
	width: 96px;
	left: 0;
	top: calc(50% - .5em);
	background: url(/assets/img/logo.svg) no-repeat left center/contain;
}

@media (max-width: 460px){

.start-page .header .logo{
	font-size: 38px;
	height: 1em;
	width: 74px;
}

}

.start-page .button {
	line-height: 32px;
}

.start-page .button.h45 {
	line-height: 43px;
}

.start-page .header .aside{
	position: absolute;
	right: 0;
	height: 35px;
	top: calc(50% - 17px);
}

	.start-page .header .aside>*{
		display: inline-block;
		vertical-align: top;
	}

	.start-page .header .aside .enter{}

@media (max-width: 460px){

	.start-page .header .aside .enter{
		padding: 0 20px;
	}

}

	.start-page .header .aside .try{
		padding: 0 20px;
	}

@media (max-width: 330px){

	.start-page .header .aside .try{
		padding: 0 10px;
		min-width: initial;
	}

}

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


                        C   O   N   T   E   N   T


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


.content{
	max-width: 1440px;
	margin: 0 auto;
}

.section{
	padding: 0 80px;
	box-sizing: border-box;
}

@media (max-width: 1024px){

.section{
	padding: 0 50px;
}

}

@media (max-width: 840px){

.section{
	padding: 0 20px;
}

}

.border{
	padding: 0 80px;
	box-sizing: border-box;
	font-size: 1px;
	height: 1em;
}

@media (max-width: 1024px){

.border{
	padding: 0 50px;
}

}

@media (max-width: 840px){

.border{
	padding: 0 20px;
}

}

.border:before{
	content: '';
	display: block;
	border-bottom: 1px solid #e6e6e6;
	width: auto;
	height: 0;
}



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

                              I N T R O

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


.start-page .section.intro{
	display: block;
	/*height: 350px;*/
}

@media (max-width: 768px){

.start-page .section.intro{
	/*height: 280px;*/
}

}

@media (max-width: 740px){

.start-page .section.intro{
	/*height: 320px;*/
}

}

@media (max-width: 690px){

.start-page .section.intro{
	/*height: 280px;*/
}

}

@media (max-width: 620px){

.start-page .section.intro{
	height: auto;
}

}

.start-page .section.intro>*{
	position: relative;
	margin-top: 50px;
}

@media (max-width: 1030px){

.start-page .section.intro>*{
	margin-top: 30px;
}

}

@media (max-width: 620px){

.start-page .section.intro>*{
	margin-top: 25px;
}

}

.start-page .section.intro>*>*{
	display: inline-block;
	width: 50%;
	vertical-align: top;
	/*height: 350px;*/
}

.start-page .section.intro>*:before{
	content: '';
	display: inline-block;
	width: 50%;
	height: 10px;
}

@media (max-width: 1250px){

.start-page .section.intro>*:before{
	width: 30%;
}

}

@media (max-width: 1110px){

.start-page .section.intro>*:before{
	width: 40%;
}

}

@media (max-width: 990px){

.start-page .section.intro>*:before{
	width: 50%;
}

}

@media (max-width: 960px){

.start-page .section.intro>*:before{
	width: 40%;
}

}

@media (max-width: 620px){

.start-page .section.intro>*:before{
	display: none;
}

}

.start-page .section.intro>*>*.image{
	position: absolute;
	font-size: 350px;
	height: 1em;
	left: 0;
	top: calc(50% - .5em);
}

@media (max-width: 620px){

.start-page .section.intro>*>*{
	display: block;
	width: auto;
	height: auto;
}

.start-page .section.intro>*>*.image{
	position: relative;
	height: auto;
	left: 0;
	top: 0;
}

}

.start-page .section.intro .image{
	/*position: relative;*/
}

.start-page .section.intro .image>*{
	position: absolute;
	left: -9%;/* -6%*/
	top: -6%;
	width: 112%;
	height: 112%;
	background: url(/assets/img/figure-intro.svg) no-repeat center top/contain;
}

@media (max-width: 1300px){

.start-page .section.intro .image{}

.start-page .section.intro .image>*{
	top: 5%;
	left: -6%;
	width: 108%;
	height: 108%;
}

}

@media (max-width: 1250px){

.start-page .section.intro .image{
	width: 30%;
}

.start-page .section.intro .image>*{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/assets/img/figure-intro-small.svg) no-repeat center top/contain;
}

}

@media (max-width: 1110px){

.start-page .section.intro .image{
	width: 40%;
}

}

@media (max-width: 990px){

.start-page .section.intro .image{
	width: 50%;
}

}

@media (max-width: 960px){

.start-page .section.intro .image{
	width: 40%;
}

.start-page .section.intro .image>*{
	left: -4%;
	top: 2%;
	width: 108%;
	height: 108%;
}

}

@media (max-width: 768px){

.start-page .section.intro .image{}

.start-page .section.intro .image>*{
	left: calc(-10% - 40px);
	top: -5%;
	width: 130%;
	height: 130%;
}

}

@media (max-width: 620px){

.start-page .section.intro .image{
	width: auto;
	height: 250px;
}

.start-page .section.intro .image>*{
	background: url(/assets/img/figure-intro.svg) no-repeat center top/contain;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

}

@media (max-width: 480px){

.start-page .section.intro .image{}

.start-page .section.intro .image>*{
	background: url(/assets/img/figure-intro-small.svg) no-repeat center top/contain;
}

}

@media (max-width: 320px){

.start-page .section.intro .image{
	margin: 60px 0 30px;
}

.start-page .section.intro .image>*{
	width: 115%;
	height: 115%;
	left: -7.5%;
	top: -7.5%;
}

}

.start-page .section.intro .info{
	box-sizing: border-box;
	padding: 90px 0 0 35px;
}
/*
@media (max-width: 1300px){

.start-page .section.intro .info{
	padding: 50px 0 0 35px;
}

}
*/
@media (max-width: 1250px){

.start-page .section.intro .info{
	width: 70%;
}

}

@media (max-width: 1030px){

.start-page .section.intro .info{
	padding: 40px 0 0 35px;
}

}

@media (max-width: 1110px){

.start-page .section.intro .info{
	width: 60%;
}

}

@media (max-width: 990px){

.start-page .section.intro .info{
	padding-top: 35px;
	width: 50%;
}

}

@media (max-width: 960px){

.start-page .section.intro .info{
	width: 60%;
}

}

@media (max-width: 700px){

.start-page .section.intro .info{
	padding-top: 0;
}

}

@media (max-width: 620px){

.start-page .section.intro .info{
	padding: 0;
	width: auto;
}

}

.start-page .section.intro .info h1{
	font-size: 38px;
	line-height: 48px;
	font-family: GothamProNarrowMedium;
}

@media (max-width: 768px){

.start-page .section.intro .info h1{
	font-size: 36px;
	line-height: 40px;
}

}

@media (max-width: 620px){

.start-page .section.intro .info h1{
	font-size: 24px;
	line-height: 26px;
	margin-top: 30px;
}

}

.start-page .section.intro .info .text{
	font-size: 18px;
	line-height: 30px;
	margin-top: 15px;
}

@media (max-width: 768px){
/*
.start-page .section.intro .info .text{
	font-size: 16px;
	line-height: 24px;
	margin-top: 10px;
}
*/
}

@media (max-width: 620px){

.start-page .section.intro .info .text{
	font-size: 16px;
	line-height: 24px;
	margin-top: 10px;
}

}


.start-page .section.intro .info .bottom{
	margin-top: 30px;
	/*white-space: nowrap;*/
}

@media (max-width: 620px){

.start-page .section.intro .info .bottom{
	margin-top: 20px;
}

}

.start-page .section.intro .info .bottom>*{
	display: inline-block;
	vertical-align: top;
}

	.start-page .section.intro .info .bottom .try-wrapper{}

@media (max-width: 990px){

	.start-page .section.intro .info .bottom .try-wrapper{
		display: block;
	}

}

		.start-page .section.intro .info .bottom .try-wrapper .try{}

	@media (max-width: 620px){

		.start-page .section.intro .info .bottom .try-wrapper .try{
			display: block;
			width: auto;
			max-width: initial;
		}

	}

		.start-page .section.intro .info .bottom .demo{
			position: relative;
			top: 14px;
			font-family: PTSansBold;
			font-size: 18px;
			color: #1b64b9;
			-webkit-transition: color 300ms ease;
			-moz-transition: color 300ms ease;
			-ms-transition: color 300ms ease;
			transition: color 300ms ease;
			will-change: color;
			margin-left: 30px;
		}

@media (max-width: 990px){

	.start-page .section.intro .info .bottom .demo{
		margin-left: 0;
		margin-top: 30px;
		top: 0;
	}

}

	.start-page .section.intro .info .bottom .demo:hover{
		color: #175399;
	}

		.start-page .section.intro .info .bottom .demo:before{
			content: 'Посмотреть демо-версию';
		}



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

                          A B I L I T I E S

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


.start-page .section.abilities{
	margin-top: 110px;
}

@media (max-width: 460px){

.start-page .section.abilities{
	margin-top: 40px;
}

}

.start-page .section.abilities .caption{
	font-size: 36px;
	line-height: 35px;
	font-family: PTSansNarrowBold;
	max-width: 415px;
	margin-bottom: 45px;
}

@media (max-width: 880px){

.start-page .section.abilities .caption{
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 35px;
}

}

.start-page .section.abilities .slider{
	position: relative;
}

	.start-page .section.abilities .slider .slides-nav{
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
		text-align: center;
		font-size: 8px;
/*		-webkit-transition: top 150ms ease;
		-moz-transition: top 150ms ease;
		-ms-transition: top 150ms ease;
		transition: top 150ms ease;
		will-change: top;
*/	}

@media (max-width: 640px){

	.start-page .section.abilities .slider .slides-nav{
		display: block;
	}

}

		.start-page .section.abilities .slider .slides-nav>*{
			display: inline-block;
			vertical-align: top;
			width: 1em;
			height: 1em;
			border-radius: 1em;
			background: #d8d8d8;
		}

		.start-page .section.abilities .slider .slides-nav>*.active{
			background: #b4b4b4;
		}

		.start-page .section.abilities .slider .slides-nav>*+*{
			margin-left: 1em;
		}

		.start-page .section.abilities .slider .slides-nav>*,
		.start-page .section.abilities .slider .slides-nav>* *{
			cursor: pointer;
		}

	.start-page .section.abilities .slider .slide-to{
		position: absolute;
		width: 105px;
		height: 100%;
		top: 0;
		opacity: 1;
		-webkit-transition: opacity 200ms ease;
		-moz-transition: opacity 200ms ease;
		-ms-transition: opacity 200ms ease;
		transition: opacity 200ms ease;
		will-change: opacity;
	}

	.start-page .section.abilities .slider .slide-to:hover{
		opacity: .5;
	}

@media (max-width: 640px){

	.start-page .section.abilities .slider .slide-to{
		display: none;
	}

}

	.start-page .section.abilities .slider .slide-to,
	.start-page .section.abilities .slider .slide-to *{
		cursor: pointer;
	}

	.start-page .section.abilities .slider .slide-to.prev{
		left: 0;
	}

	.start-page .section.abilities .slider .slide-to.next{
		right: 0;
	}

		.start-page .section.abilities .slider .slide-to:before{
			content: '';
			display: block;
			position: absolute;
			font-size: 45px;
			width: 1em;
			height: 1em;
			max-width: 100%;
			top: calc(50% - .5em);
			background: url(/assets/img/slide.svg) no-repeat center center/contain;
		}

		.start-page .section.abilities .slider .slide-to.prev:before{
			left: 0;
		}

		.start-page .section.abilities .slider .slide-to.next:before{
			right: 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 .section.abilities .slider .slides{
		position: relative;
		width: calc(100% - 210px);
		left: 105px;
	}

@media (max-width: 640px){

	.start-page .section.abilities .slider .slides{
		left: 0;
		width: 100%;
	}

}

	.section-abilities-slide{}

		.section-abilities-slide .image{}

			.section-abilities-slide .image img{
				display: block;
				max-width: 100%;
			}

		.section-abilities-slide .info{
			margin-top: 35px;
		}

	@media (max-width: 920px){

		.section-abilities-slide .info{
			margin-top: 45px;
		}

	}

			.section-abilities-slide .info>*{
				display: inline-block;
				vertical-align: top;
				box-sizing: border-box;
			}

			.section-abilities-slide .info .number{
				font-family: GothamProNarrowMedium;
				font-size: 120px;
				line-height: 1em;
				color: #e6e6e6;
				width: 215px;
				text-align: center;
				padding-left: 50px;
			}

		@media (max-width: 920px){

			.section-abilities-slide .info .number{
				display: none;
			}

		}

			.section-abilities-slide .info .description{
				font-size: 16px;
				width: calc(100% - 215px);
				max-width: 600px;
			}

		@media (max-width: 920px){

			.section-abilities-slide .info .description{
				width: 100%;
			}

		}

				.section-abilities-slide .info .description .title{
					font-family: PTSansBold;
					font-size: 16px;
				}

				.section-abilities-slide .info .description .text{
					margin-top: 15px;
				}

			@media (max-width: 640px){

				.section-abilities-slide .info .description .text{
					margin-top: 5px;
				}

			}

		.section-abilities-slide .let-start{
			position: relative;
			background: #fef6e9;
			overflow: hidden;
		}

			.section-abilities-slide .let-start:before{
				content: '';
				display: block;
				position: absolute;
				left: 0;
				top: 20px;
				width: 100%;
				height: 100%;
				background: url(/assets/img/figure_ability.png) no-repeat center center;
			}

			.section-abilities-slide .let-start>*{
				position: absolute;
				left: 0;
				width: 100%;
				top: 100px;
				-webkit-transform: translate(0,-50%);
				-moz-transform: translate(0,-50%);
				-ms-transform: translate(0,-50%);
				transform: translate(0,-50%);
				font-family: PTSansBold;
				font-size: 40px;
				text-align: center;
			}

		@media (max-width: 1420px){

			.section-abilities-slide .let-start:before{
				top: 0px;
			}

			.section-abilities-slide .let-start>*{
				top: 70px;
			}

		}

		@media (max-width: 1280px){

			.section-abilities-slide .let-start:before{
				top: 0px;
			}

			.section-abilities-slide .let-start>*{
				top: 50px;
				font-size: 30px;
			}

		}

		@media (max-width: 1200px){

			.section-abilities-slide .let-start:before{
				background: url(/assets/img/figure_ability.png) no-repeat 10px center/contain;
				max-height: 250px;
				top: 50%;
				-webkit-transform: translate(0,-50%);
				-moz-transform: translate(0,-50%);
				-ms-transform: translate(0,-50%);
				transform: translate(0,-50%);
			}

			.section-abilities-slide .let-start>*{
				left: calc(40% + 15px);
				top: 50%;
				font-size: 24px;
				text-align: left;
				width: 160px;
			}

		}

		@media (max-width: 830px){

			.section-abilities-slide .let-start:before{
				max-height: calc(100% - 40px);
			}

		}

		@media (max-width: 830px){

			.section-abilities-slide .let-start>*{
				font-size: 18px;
			}

		}

	.start-page .section.abilities .bottom{
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 210px);
		left: 105px;
		margin: 20px 0 0;
	}

@media (max-width: 640px){

	.start-page .section.abilities .bottom{
		left: 0;
		width: 100%;
	}

}

	.start-page .section.abilities .bottom:before{
		content: '';
		display: inline-block;
		vertical-align: top;
		height: 10px;
		width: 215px;
	}

@media (max-width: 920px){

	.start-page .section.abilities .bottom:before{
		display: none;
	}

}

		.start-page .section.abilities .bottom .demo{
			position: relative;
			top: 0px;
			-webkit-transition:
				top 200ms ease,
				background 200ms ease
			 ;
			-moz-transition:
				top 200ms ease,
				background 200ms ease
			 ;
			-ms-transition:
				top 200ms ease,
				background 200ms ease
			 ;
			transition:
				top 200ms ease,
				background 200ms ease
			 ;
			will-change: top, background;
		}

		.start-page .section.abilities .bottom.up-to-let-start .demo{
			background: #224d7f;
			padding: 0 30px;
			width: 240px;
			font-size: 20px;
			height: 50px;
		}

		.start-page .section.abilities .bottom.up-to-let-start .demo:hover,
		.start-page .section.abilities .bottom.up-to-let-start .demo:active{
			background: #17395e;
		}

	@media (max-width: 640px){

		.start-page .section.abilities .bottom.up-to-let-start .demo{
			padding: 0 30px;
			width: auto;
			font-size: 14px;
			height: 35px;
		}

	}

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

                          A D V A N T A G E S

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


.start-page .section.advantages{
	margin-top: 130px;/*60px*/
}

@media (max-width: 1024px){

.start-page .section.advantages{
	margin-top: 90px;
}

}

@media (max-width: 460px){

.start-page .section.advantages{
	margin-top: 50px;
}

}

.start-page .section.advantages>*{
	text-align: center;
}

@media (max-width: 1060px){

.start-page .section.advantages>*{
	text-align: left;
}

}

.start-page .section.advantages .item{
	display: inline-block;
	vertical-align: top;
	max-width: 310px;
	width: calc(33.3% - 50px);
	text-align: left;
	box-sizing: border-box;
}

@media (max-width: 1170px){

.start-page .section.advantages .item{
	max-width: initial;
	width: calc(33.3% - 30px);
}

}

@media (max-width: 1060px){

.start-page .section.advantages .item{
	width: 50%;
	margin-bottom: 35px;
	padding-right: 40px;
}

}

@media (max-width: 760px){

.start-page .section.advantages .item{
	display: block;
	max-width: initial;
	width: auto;
	padding-right: 0;
	margin-bottom: 0;
}

}

.start-page .section.advantages .item+.item{
	margin-left: 75px;
}

@media (max-width: 1170px){

.start-page .section.advantages .item+.item{
	margin-left: 45px;
}

}

@media (max-width: 1060px){

.start-page .section.advantages .item+.item{
	margin-left: 0;
}

}

@media (max-width: 760px){

.start-page .section.advantages .item+.item{
	margin-top: 30px;
}

}

	.start-page .section.advantages .item .caption{
		line-height: 28px;
		font-family: PTSansNarrowBold;
		font-size: 24px;
		/*font-weight: 700;*/
	}

@media (max-width: 460px){

	.start-page .section.advantages .item .caption{
		font-size: 20px;
		line-height: 24px;
	}

}

	.start-page .section.advantages .item .text{
		font-size: 16px;
		margin-top: 15px;
	}

@media (max-width: 460px){

	.start-page .section.advantages .item .text{
		margin-top: 10px;
	}

}

	.start-page .section.advantages .item .more{
		font-family: PTSansBold;
		/*color: #174eaa;*/
		color: #1b64b9;
		font-size: 16px;
		margin-top: 15px;
	}

@media (max-width: 460px){

	.start-page .section.advantages .item .more{
		margin-top: 10px;
	}

}

		.start-page .section.advantages .item .more:before{
			content: 'Подробнее';
		}



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

                           C U S T O M E R S

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


.start-page .section.customers{
	margin-top: 50px;
}

@media (max-width: 460px){

.start-page .section.customers{
	margin-top: 45px;
	padding: 0;
}

}

.start-page .section.customers>*{
	position: relative;
}

.start-page .section.customers .count{
	font-size: 16px;
	line-height: 27px;
	font-family: PTSansBold;
	box-sizing: border-box;
}

@media (max-width: 460px){

.start-page .section.customers .count{
	padding: 0 20px;
}

}

	.start-page .section.customers .count .value{}

	.start-page .section.customers .count .value:after{
		content: ' уже с нами';
	}

.start-page .section.customers .list{
	position: relative;
	font-size: 90px;
	height: 1em;
}

	.start-page .section.customers .list>*{
		height: 1em;
		/*text-align: justify;*/
		box-sizing: border-box;
		overflow: hidden;
		display: inline-block;
		white-space: nowrap;
	}

@media (max-width: 460px){

	.start-page .section.customers .list>*{
		padding: 0 20px;
	}

}
/*
	.feat-flexbox .start-page .section.customers .list>*{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		text-align: left;
	}
*/
		.start-page .section.customers .list>*>*{
			display: inline-block;
			position: relative;
			vertical-align: top;
			width: 200px;
			height: 1em;
		}

/*
		.feat-flexbox .start-page .section.customers .list>*>*{
			display: inline-flex;
			flex-direction: column;
			justify-content: center;
			align-items: stretch;
		}

	@media (max-width: 460px){

		.feat-flexbox .start-page .section.customers .list>*>*{}

		.feat-flexbox .start-page .section.customers .list>*>*+*{
			margin-left: 90px;
		}

	}
		.start-page .section.customers .list>*:after{
			content: '';
			display: inline-block;
			width: 100%;
			height: 0;
			visibility: hidden;
		}

		.feat-flexbox .start-page .section.customers .list>*:after{
			display: none;
		}
*/
			.start-page .section.customers .list img{
				display: inline-block;
				vertical-align: top;
				position: relative;
				top: 50%;
				-webkit-transform: translate(0,-50%);
				-moz-transform: translate(0,-50%);
				-ms-transform: translate(0,-50%);
				transform: translate(0,-50%);
				max-width: 80%;
				max-height: 80%;
				user-select: none;
			}

			.feat-flexbox .start-page .section.customers .list img{
/*				top: 0;
				-webkit-transform: none;
				-moz-transform: none;
				-ms-transform: none;
				transform: none;
*/			}


		.start-page .section.customers .caption{
      font-size: 36px;
      line-height: 35px;
      font-family: PTSansNarrowBold;
      margin-bottom: 45px;
		}

	@media (max-width: 460px){

		.start-page .section.customers .caption{
			padding: 0 20px;
		}

	}

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

                             S C R E E N S

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


.start-page .section.screens{
	margin-top: 65px;
	padding: 0 80px 0 60px;
}

@media (max-width: 1040px){

.start-page .section.screens{
	padding: 0 50px 0;
}

}

@media (max-width: 1024px){

.start-page .section.screens{
	/*padding: 0 50px 0 30px;*/
}

}

@media (max-width: 840px){

.start-page .section.screens{
	padding: 0 20px 0 0;
}

}

/*
@media (max-width: 840px){

.section{
	padding: 0 20px;
}

}
*/
@media (max-width: 750px){

.start-page .section.screens{
	margin-top: 45px;
	padding: 0;
}

}

.start-page .section.screens>*{
	max-width: 1180px;
	margin: 0 auto;
}

.start-page .section.screens>*>*{
	display: inline-block;
	vertical-align: top;
}

@media (max-width: 750px){

.start-page .section.screens>*>*{
	display: block;
	height: auto;
}

}

.start-page .section.screens .slides{
	width: calc(100% - 198px);
	height: 530px;
}

@media (max-width: 1040px){

.start-page .section.screens .slides{
	width: 100%;
}

}

@media (max-width: 1020px){

.start-page .section.screens .slides{
	/*width: calc(100% - 130px);*/
	width: 100%;
}

}

@media (max-width: 750px){

.start-page .section.screens .slides{
	width: 100%;
}

}

	.start-page .section.screens .slides>*{
		display: inline-block;
		vertical-align: top;
		/*height: 100%;*/
	}

	.start-page .section.screens .slides .arrow{
		width: 60px;
		position: relative;
		height: 100%;
	}

	.start-page .section.screens .slides .arrow,
	.start-page .section.screens .slides .arrow *{
		cursor: pointer;
	}

@media (max-width: 750px){

	.start-page .section.screens .slides .arrow{
		display: none;
	}

}

		.start-page .section.screens .slides .arrow>svg{
			content: '';
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%,-50%);
			-moz-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
			width: 20px;
			height: 100%;
			background: url(/assets/img/arrow.svg) no-repeat center center/contain;
		}

		.start-page .section.screens .slides .arrow>svg polyline,
		.start-page .section.screens .slides .arrow>svg polyline{
			-webkit-transition: stroke 300ms ease;
			-moz-transition: stroke 300ms ease;
			-ms-transition: stroke 300ms ease;
			transition: stroke 300ms ease;
		}

		.start-page .section.screens .slides .arrow:hover>svg polyline,
		.start-page .section.screens .slides .arrow:active>svg polyline{
			stroke: #1b64b9;
		}

		.start-page .section.screens .slides .arrow.prev>svg{
			-webkit-transform-origin: center center;
			-moz-transform-origin: center center;
			-ms-transform-origin: center center;
			transform-origin: center center;
			-webkit-transform: translate(-50%,-50%) rotate(180deg);
			-moz-transform: translate(-50%,-50%) rotate(180deg);
			-ms-transform: translate(-50%,-50%) rotate(180deg);
			transform: translate(-50%,-50%) rotate(180deg);
		}

	.start-page .section.screens .slides .slider{
		position: relative;
		width: calc(100% - 120px);
		border-radius: 4px;
		border: 1px solid #e1e1e1;
		overflow: hidden;
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		-ms-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		box-sizing: border-box;
	}

@media (max-width: 750px){

	.start-page .section.screens .slides .slider{
		width: 100%;
		border-radius: 0;
		border-left: none;
		border-right: none;
	}

}

		.start-page .section.screens .slides .slider .slide{
			display: block;
		}

			.start-page .section.screens .slides .slider .slide img{
				width: 100%
			}

.start-page .section.screens .image{
	width: 188px;
	margin-left: 10px;
}

@media (max-width: 1040px){

.start-page .section.screens .image{
	display: none;
}

}

@media (max-width: 1020px){

.start-page .section.screens .image{
	width: 120px;
}

}

@media (max-width: 750px){

.start-page .section.screens .image{
	margin: 30px auto 0;
}

}


	.start-page .section.screens .image img{
		display: block;
		position: relative;
		top: 85px;
		width: 100%;
	}

@media (max-width: 1140px){

	.start-page .section.screens .image img{
		top: 45px;
	}

}

@media (max-width: 750px){

	.start-page .section.screens .image img{
		top: 0;
	}

}

.start-page .section.screens .nav{
	display: none;
	text-align: center;
	font-size: 8px;
	height: 1em;
	margin-top: 10px;
	margin-bottom: -20px;
}

@media (max-width: 750px){

.start-page .section.screens .nav{
	display: block;
}

}

	.start-page .section.screens .nav>*{
		display: inline-block;
	}

		.start-page .section.screens .nav>*>*{
			display: inline-block;
			vertical-align: top;
			height: 1em;
			width: 1em;
			border-radius: 1em;
			background: #d8d8d8;
		}

		.start-page .section.screens .nav>*>*.active{
			background: #b4b4b4;
		}

		.start-page .section.screens .nav>*>*+*{
			margin-left: 1em;
		}



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

                           F U N C T I O N S

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


.start-page .section.functions{
	margin-top: 35px;
	padding: 0 120px;
}

@media (max-width: 1024px){

.start-page .section.functions{
	padding: 0 90px;
}

}

@media (max-width: 960px){

.start-page .section.functions{
	padding: 0 50px;
}

}

@media (max-width: 840px){

.start-page .section.functions{
	margin-top: 45px;
	padding: 0 20px;
}

}

.start-page .section.functions>*{
	max-width: 1080px;
	margin: 0 auto;
}

.start-page .section.functions .list{}

	.start-page .section.functions .list .item{
		display: inline-block;
		vertical-align: top;
		max-width: 305px;
		width: calc(33.3% - 50px);
		box-sizing: border-box;
	}

@media (max-width: 1160px){

	.start-page .section.functions .list .item{
		width: calc(33.3% - 30px);
	}

}

@media (max-width: 1000px){

	.start-page .section.functions .list .item{
		width: 50%;
		max-width: initial;
		padding-right: 40px;
		margin-bottom: 20px;
	}

}

@media (max-width: 840px){

	.start-page .section.functions .list .item{
		padding-right: 0;
		display: block;
		width: auto;
		max-width: initial;
	}

}

	.start-page .section.functions .list .item+.item{
		margin-left: 75px;
	}

@media (max-width: 1160px){

	.start-page .section.functions .list .item+.item{
		margin-left: 45px;
	}

}

@media (max-width: 1000px){

	.start-page .section.functions .list .item+.item{
		margin-left: 0;
	}


}

@media (max-width: 840px){

	.start-page .section.functions .list .item+.item{
		margin-top: 25px;
	}

}

		.start-page .section.functions .list .item .caption{
			font-size: 18px;
			font-family: PTSansBold;
			line-height: 28px;
		}

	@media (max-width: 840px){

		.start-page .section.functions .list .item .caption{
			line-height: 24px;
		}

	}
		.start-page .section.functions .list .item .text{
			font-size: 16px;
			margin-top: 10px;
		}

.start-page .section.functions .bottom{
	margin-top: 10px;
}

@media (max-width: 840px){

.start-page .section.functions .bottom{
	margin-top: 25px;
}

}

	.start-page .section.functions .bottom .demo{
		margin-top: 10px;
	}

		.start-page .section.functions .bottom .demo:before{
			content: 'Демо-версия';
		}



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

                               B E Y O N D

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


.start-page .section.beyond{
	margin-top: 100px;
	padding: 0 120px;
}

@media (max-width: 1190px){

.start-page .section.beyond{
	padding: 0 50px;
}

}

@media (max-width: 1024px){

.start-page .section.beyond{
	padding: 0 0;
}

}

/*@media (max-width: 820px){*/
@media (max-width: 690px){

.start-page .section.beyond{
	padding: 0;
	margin-top: 75px;
}

}

.start-page .section.beyond>*{
	max-width: 1080px;
	margin: 0 auto;
	background: rgba(246,166,35,.1);
	padding: 85px 40px 95px;
}

/*@media (max-width: 820px){*/
@media (max-width: 690px){

.start-page .section.beyond>*{
	padding: 50px 20px;
}

}

.start-page .section.beyond .caption{
	font-family: PTSansNarrowBold;
	font-size: 36px;
	line-height: 35px;
	max-width: 370px;
}

/*@media (max-width: 820px){*/
@media (max-width: 690px){

.start-page .section.beyond .caption{
	font-size: 30px;
	line-height: 30px;
	max-width: 255px;
}

}

.start-page .section.beyond .list{
	position: relative;
}

	.start-page .section.beyond .list>*{
		display: inline-block;
		position: relative;
		vertical-align: top;
		width: calc(50% - 165px);
	}

/*@media (max-width: 1024px){*/
@media (max-width: 930px){

	.start-page .section.beyond .list>*{
		display: block;
		width: auto;
		max-width: 360px;
		padding-right: 40px;
	}

}

/*@media (max-width: 820px){*/
@media (max-width: 690px){

	.start-page .section.beyond .list>*{
		padding-right: 0;
		/*max-width: initial;*/
	}

}

@media (max-width: 640px){

	.start-page .section.beyond .list>*{
		max-width: initial;
	}

}

	.start-page .section.beyond .list>*:first-child{
		margin-right: 330px;
	}

/*@media (max-width: 820px){*/
@media (max-width: 690px){

	.start-page .section.beyond .list>*:first-child{
		margin-right: 0;
	}

}

	.start-page .section.beyond .list>*:last-child{
		top: -50px;
	}

/*@media (max-width: 1024px){*/
@media (max-width: 930px){

	.start-page .section.beyond .list>*:last-child{
		top: 0;
	}

}

	.start-page .section.beyond .list .image{
		position: absolute;
		left: calc(50% - 112px);
		top: -65px;
		width: 224px;
		height: 282px;
		background: url(/assets/img/figure-beyond.svg) no-repeat center center/contain;
	}

/*@media (max-width: 1024px){*/
@media (max-width: 930px){

	.start-page .section.beyond .list .image{
		left: auto;
		right: 0;
	}

}

/*@media (max-width: 820px){*/
@media (max-width: 690px){

	.start-page .section.beyond .list .image{
		position: relative;
		top: 0;
		left: 0;
		margin: 30px 0 5px;
	}

}

/*@media (max-width: 820px){*/
@media (max-width: 640px){

	.start-page .section.beyond .list .image{
		height: 240px;
	}

}

		.start-page .section.beyond .list .caption{
			font-family: PTSansBold;
			font-size: 18px;
			line-height: 28px;
			margin-top: 60px;
		}

	/*@media (max-width: 820px){*/
	@media (max-width: 690px){

		.start-page .section.beyond .list .caption{
			margin-top: 25px;
			font-size: 18px;
			line-height: 24px;
		}

	}

		.start-page .section.beyond .list .text{
			font-size: 16px;
			margin-top: 15px;
		}

	/*@media (max-width: 820px){*/
	@media (max-width: 690px){

		.start-page .section.beyond .list .text{
			font-size: 16px;
			margin-top: 5px;
		}

	}



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

                          R E F E R E N C E S

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


.start-page .section.references{
	margin: 120px 0 95px;
}

@media (max-width: 880px){

.start-page .section.references{
	margin: 50px 0 50px;
}

}

.start-page .section.references>*{}

.start-page .section.references .caption{
	font-size: 36px;
	line-height: 35px;
	font-family: PTSansNarrowBold;
	max-width: 415px;
	margin-bottom: 45px;
}

@media (max-width: 880px){

.start-page .section.references .caption{
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 35px;
}

}

.start-page .section.references .persons{
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 325px);
}

@media (max-width: 1320px){

.start-page .section.references .persons{
	display: inline-block;
	max-width: 700px;
}

}

@media (max-width: 880px){

.start-page .section.references .persons{
	display: block;
	width: auto;
}

}

	.start-page .section.references .persons>*{
		display: inline-block;
		vertical-align: top;
		width: calc(50% - 50px);
	}

@media (max-width: 1320px){

	.start-page .section.references .persons>*{
		display: inline-block;
		width: auto;
	}

}

@media (max-width: 880px){

	.start-page .section.references .persons>*{
		display: inline-block;
		width: auto;
	}

}

	.start-page .section.references .persons>*+*{
		margin-left: 100px;
	}

@media (max-width: 1320px){

	.start-page .section.references .persons>*+*{
		margin-left: 0;
		margin-top: 40px;
	}

}

@media (max-width: 880px){

	.start-page .section.references .persons>*+*{
		margin-left: 0;
		margin-top: 40px;
	}

}

		.start-page .section.references .persons>*>*{
			display: inline-block;
			vertical-align: top;
		}

	@media (max-width: 880px){

		.start-page .section.references .persons>*>*{
			display: block;
		}

	}

		.start-page .section.references .persons .image{
			font-size: 140px;
			width: 1em;
			height: 1em;
			border-radius: 1em;
		}

	@media (max-width: 880px){

		.start-page .section.references .persons .image{
			font-size: 100px;
		}

	}

		.start-page .section.references .persons .info{
			width: calc(100% - 140px);
			box-sizing: border-box;
			padding-left: 20px;
			font-size: 16px;
		}

	@media (max-width: 880px){

		.start-page .section.references .persons .info{
			width: auto;
			padding-left: 0;
		}

	}

			.start-page .section.references .persons .info .person{
				font-family: PTSansBold;
				margin-top: 40px;
			}

			.start-page .section.references .persons .info .person div:first-child {
				font-family: PTSansNarrowBold;
				font-size: 24px;
			}

		@media (max-width: 880px){

			.start-page .section.references .persons .info .person{
				margin-top: 15px;
			}

		}

			.start-page .section.references .persons .info .text{
				margin-top: 10px;
			}

			.start-page .section.references .persons .info .link{
				/*color: #174eaa;*/
				color: #1b64b9;
				font-family: PTSansBold;
				margin-top: 5px;
			}

.start-page .section.references .events{
	display: inline-block;
	vertical-align: top;
	width: 325px;
	box-sizing: border-box;
	padding: 35px 0 0 115px;
}

@media (max-width: 880px){

.start-page .section.references .events{
	display: block;
	width: auto;
	padding: 0;
	margin-top: 50px;
}

}

	.start-page .section.references .events .events-caption{
		font-size: 24px;
		font-family: PTSansNarrowBold;
	}

	.start-page .section.references .events .event{
		width: 100%;
		max-width: 162px;
		margin-top: 35px;
	}

		.start-page .section.references .events .event img{
			display: block;
			width: 100%;
		}

		.start-page .section.references .events .event img+img{
			margin-top: 30px;
		}

		.start-page .section.references .events .event .space+img{
			margin-top: 50px;
		}

		.start-page .section.references .events .event img:nth-child(2){
			width: calc(100% - 30px);
		}

	.start-page .section.references .events .photoreport{
		position: relative;
		width: 100%;
		max-width: 215px;
		margin-top: 30px;
		font-size: 16px;
		color: #262626;
		box-sizing: border-box;
	}

@media (max-width: 880px){

	.start-page .section.references .events .photoreport{
		max-width: initial;
		width: calc(100% - 44px);
		margin-left: 44px;
	}

}

		.start-page .section.references .events .photoreport:before{
			content: '';
			display: block;
			position: absolute;
			font-size: 37px;
			width: 1em;
			height: 1em;
			background: url(/assets/img/photoreport.png) no-repeat center center/contain;
			top: -.2em;
			left: calc(-1em - 7px);
		}

		.start-page .section.references .events .photoreport a{
			/*color: #1b64b9;*/
			color: #1b64b9;
			font-family: PTSansBold;
		}

	@media (max-width: 880px){

		.start-page .section.references .events .photoreport>*{
			display: inline;
		}

	}



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

                            S E C U R I T Y

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


.start-page .section.security{
	margin: 110px 0 40px;
}

@media (max-width: 540px){

.start-page .section.security{
	margin: 70px 0 40px;
}

}

.start-page .section.security .caption{
	font-size: 36px;
	line-height: 35px;
	font-family: PTSansNarrowBold;
	max-width: 415px;
	margin-bottom: 40px;
}

@media (max-width: 1020px){

.start-page .section.security .caption{
	margin-bottom: 15px;
}

}

@media (max-width: 880px){

.start-page .section.security .caption{
	font-size: 30px;
	line-height: 30px;
}

}

.start-page .section.security .image{
	display: inline-block;
	vertical-align: top;
	width: 25%;
}

@media (max-width: 1020px){

.start-page .section.security .image{
	display: none;
}

}

	.start-page .section.security .image img{
		max-width: calc(100% - 60px);
	}

@media (max-width: 1360px){

	.start-page .section.security .image img{
		max-width: calc(100% - 40px);
	}

}

.start-page .section.security .blocks{
	display: inline-block;
	vertical-align: top;
	width: 75%;
}

@media (max-width: 1020px){

.start-page .section.security .blocks{
	width: auto;
}

}

.start-page .section.security .blocks>*{
	display: inline-block;
	vertical-align: top;
	width: 33.33%;
	box-sizing: border-box;
}

.start-page .section.security .blocks .item-image{
	display: none;
	margin: 25px 0 0 25px;
	width: calc(100% - 25px);
	max-width: 215px;
}

@media (max-width: 1020px){

.start-page .section.security .blocks .item-image{
	display: block;
}

}

	.start-page .section.security .blocks .item-image img{
		display: block;
		max-width: 100%;
	}

.start-page .section.security .blocks .item{
	width: calc(33.33% - 17px);
	padding-top: 110px;
}

@media (max-width: 1360px){

.start-page .section.security .blocks .item{
	padding-top: 90px;
}

}

@media (max-width: 1230px){

.start-page .section.security .blocks .item{
	padding-top: 40px;
	width: calc(50% - 13px)
}

}

@media (max-width: 1020px){

.start-page .section.security .blocks .item{
	display: block;
	width: auto;
	max-width: 360px;
	padding-top: 0;
}

}

.start-page .section.security .blocks *+.item{
	margin-left: 25px;
}

@media (max-width: 1230px){

.start-page .section.security .blocks .item:last-child{
	margin-left: 0;
	padding-top: 20px;
}

}

@media (max-width: 1020px){

.start-page .section.security .blocks *+.item,
.start-page .section.security .blocks .item:last-child{
	margin-left: 0;
	padding-top: 0;
	margin-top: 20px;
}

}

	.start-page .section.security .blocks .item .title{
		font-family: PTSansNarrowBold;
		font-size: 20px;
		line-height: 28px;
	}

@media (max-width: 540px){

	.start-page .section.security .blocks .item .title{
		margin-top: 10px;
	}

}
	.start-page .section.security .blocks .item .text{
		font-size: 16px;
		margin-top: 10px;
	}

@media (max-width: 540px){

	.start-page .section.security .blocks .item .text{
		font-size: 16px;
		/*margin-top: 5px;*/
	}

}



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

                       C O M P A T A B I L I T Y

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


.start-page .section.compatability{
	margin-top: 100px;
	color: #262626;
}

@media (max-width: 600px){

.start-page .section.compatability{
	margin-top: 50px;
	padding-left: 0;
	padding-right: 0;
}

}

.start-page .section.compatability>*{
	position: relative;
	background: rgba(232,232,232,.44);
	box-sizing: border-box;
	padding: 120px 0 110px 110px;
}

@media (max-width: 800px){

.start-page .section.compatability>*{
	padding: 110px 50px;
}

}

@media (max-width: 600px){

.start-page .section.compatability>*{
	padding: 50px 20px 40px;
}

}

.start-page .section.compatability>*:before{
	content: '';
	display: block;
	position: absolute;
	right: 0;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 0;
	/*opacity: .39;*/
	background: url(/assets/img/compatability.svg) no-repeat right center;
}


@media (max-width: 600px){

.start-page .section.compatability>*:before{
	display: none;
}

}

.start-page .section.compatability>*>*{
	position: relative;
	z-index: 1;
}

.start-page .section.compatability .caption{
	font-size: 36px;
	font-family: PTSansNarrowBold;
}

@media (max-width: 600px){

.start-page .section.compatability .caption{
	font-size: 30px;
}

}

@media (max-width: 350px){

.start-page .section.compatability .caption{
	line-height: 36px;
}

}

.start-page .section.compatability .text{
	max-width: 550px;
	font-size: 16px;
	line-height: 25px;
	margin-top: 35px;
}

@media (max-width: 600px){

.start-page .section.compatability .text{
	margin-top: 25px;
}

}

.start-page .section.compatability .lets-go{
	margin-top: 20px;
}

	.start-page .section.compatability .lets-go .button{
		min-width: 140px;
	}

		.start-page .section.compatability .lets-go .button:before{
			content: 'Пройти тест';
		}

.start-page .section.compatability .download{
	max-width: 522px;
	font-family: PTSansBold;
	font-size: 16px;
	line-height: 25px;
	margin-top: 30px;
}



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

                              P R O F I T

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


.start-page .section.profit{
	margin: 105px 0 0;
}

@media (max-width: 540px){

.start-page .section.profit{
	margin: 40px 0 0;
}

}

.start-page .section.profit>*{
	margin: 0 auto;
	max-width: 1080px;
	overflow: hidden;
}

.start-page .section.profit .caption{
	font-size: 36px;
	line-height: 35px;
	font-family: PTSansNarrowBold;
	margin-bottom: 45px;
}

@media (max-width: 540px){

.start-page .section.profit .caption{
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 25px;
}

}

.start-page .section.profit .list{
	text-align: center;
	width: calc(100% + 75px);
}

@media (max-width: 880px){

.start-page .section.profit .list{
	text-align: left;
}

}

	.start-page .section.profit .list>*{
		display: inline-block;
		text-align: left;
		vertical-align: top;
		max-width: 250px;
		width: calc(33.3% - 75px);
		margin: 0 75px 15px 0;
	}

@media (max-width: 880px){

	.start-page .section.profit .list>*{
		max-width: initial;
		width: 50%;
		padding-right: 40px;
		box-sizing: border-box;
		margin: 0 0 20px;
	}

}

@media (max-width: 880px){

	.start-page .section.profit .list>*+*{
		margin-left: 0;
	}

}

@media (max-width: 540px){

	.start-page .section.profit .list>*{
		display: block;
		width: auto;
		max-width: initial;
		margin-bottom: 0;
	}

	.start-page .section.profit .list>*+*{
		margin-top: 15px;
	}

}

		.start-page .section.profit .list .order{
			display: inline-block;
			/*font-family: SFNSDisplayRegular;*/
			font-family: GothamProNarrowMedium;
			font-size: 120px;
			line-height: 144px;
			color: #224d7f;
		}

	@media (max-width: 540px){

		.start-page .section.profit .list .order{
			line-height: 80px;
			font-size: 80px;
		}

	}


		.start-page .section.profit .list .icon{
			display: inline-block;
			position: relative;
			width: 72px;
			height: 72px;
			margin: 0 0 10px 15px;
		}

	@media (max-width: 540px){

		.start-page .section.profit .list .icon{
			width: 50px;
			height: 50px;
			margin: 0 0 0 5px;
			top: -2px;
		}

	}

		.start-page .section.profit .list .item-caption{
			font-family: PTSansNarrowBold;
			font-size: 24px;
			line-height: 28px;
		}

	@media (max-width: 540px){

		.start-page .section.profit .list .item-caption{
			font-size: 24px;
			margin-top: 10px;
		}

	}
		.start-page .section.profit .list .text{
			font-size: 16px;
			margin-top: 15px;
		}

	@media (max-width: 540px){

		.start-page .section.profit .list .text{
			font-size: 16px;
			margin-top: 5px;
		}

	}



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

                               R E S U L T

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


.start-page .section.result{
	margin-top: 75px;
	height: 440px;
}

@media (max-width: 1024px){

.start-page .section.result{
	padding: 0;
}

}

@media (max-width: 620px){

.start-page .section.result{
	margin-top: 30px;
	height: auto;
	padding: 0;
}

}

.start-page .section.result>*{
	margin: 0 auto;
	max-width: 1060px;
	border-radius: 4px;
	background: rgba(184, 233, 134, .2);
	height: 100%;
}

@media (max-width: 910px){

.start-page .section.result>*{
	background: url(/assets/img/figure-result.svg) no-repeat left center/auto 100%, rgba(184, 233, 134, .2);
}

}

@media (max-width: 740px){

.start-page .section.result>*{
	background: url(/assets/img/figure-result.svg) no-repeat -60px center/auto 100%, rgba(184, 233, 134, .2);
}

}

@media (max-width: 640px){

.start-page .section.result>*{
	background: url(/assets/img/figure-result.svg) no-repeat -60px bottom/auto 83%, rgba(184, 233, 134, .2);
}

}

@media (max-width: 620px){

.start-page .section.result>*{
	border-radius: 0;
	background: rgba(184, 233, 134, .2);
}

}


.start-page .section.result>*>*{
	display: inline-block;
	vertical-align: top;
}

@media (max-width: 620px){

.start-page .section.result>*>*{
	display: block;
}

}

.start-page .section.result .image{
	width: calc(100% - 410px);
	background: url(/assets/img/figure-result.svg) no-repeat right center/cover;
	height: 100%;
}

@media (max-width: 1060px){

.start-page .section.result .image{
	width: calc(100% - 330px);
}

}

@media (max-width: 910px){

.start-page .section.result .image{
	width: 50%;
	background: none;
}

}

@media (max-width: 740px){

.start-page .section.result .image{
	width: 40%;
}

}

@media (max-width: 620px){

.start-page .section.result .image{
	width: auto;
	height: 330px;
	background: url(/assets/img/figure-result.svg) no-repeat center center/cover;
}

}

@media (max-width: 360px){

.start-page .section.result .image{
	background: url(/assets/img/figure-result.svg) no-repeat -80px -10px/auto 110%;
}

}

.start-page .section.result .info{
	width: 410px;
	box-sizing: border-box;
	padding: 105px 110px 0 0;
}

@media (max-width: 1060px){

.start-page .section.result .info{
	width: 330px;
	padding: 105px 50px 0 0;
}

}

@media (max-width: 910px){

.start-page .section.result .info{
	width: 50%;
}

}

@media (max-width: 740px){

.start-page .section.result .info{
	width: 60%;
}

}

@media (max-width: 620px){

.start-page .section.result .info{
	width: auto;
	padding: 20px 20px 50px;
}

}

	.start-page .section.result .info .caption{
		font-family: PTSansBold;
		font-size: 18px;
		line-height: 28px;
	}

@media (max-width: 620px){

	.start-page .section.result .info .caption{
		line-height: 24px;
	}

}

	.start-page .section.result .info .text{
		font-size: 16px;
		margin-top: 15px;
	}

@media (max-width: 620px){

	.start-page .section.result .info .text{
		line-height: 24px;
	}

}

	.start-page .section.result .info .bottom{
		margin-top: 25px;
	}

		.start-page .section.result .info .bottom .connect{}

			.start-page .section.result .info .bottom .connect:before{
				content: 'Подключиться к Мозгу';
			}



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

                               S T U D Y

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


.start-page .section.study{
	margin-top: 35px;
}

@media (max-width: 460px){

.start-page .section.study{
	margin-top: 40px;
}

}

.start-page .section.study>*{
	margin: 0 auto;
	max-width: 610px;
}

.start-page .section.study>*>*{
	display: inline-block;
	vertical-align: top;
	width: 50%;
}

@media (max-width: 460px){

.start-page .section.study>*>*{
	display: block;
	width: auto;
}

}

.start-page .section.study .caption{
	font-family: PTSansNarrowBold;
	font-size: 24px;
	line-height: 28px;
}

.start-page .section.study .link{
	text-align: right;
}

@media (max-width: 460px){

.start-page .section.study .link{
	text-align: left;
	margin-top: 20px;
}

}

	.start-page .section.study .link>*{
		position: relative;
		display: inline-block;
	}

@media (max-width: 460px){

	.start-page .section.study .link>*{
		width: calc(100% - 44px);
		margin-left: 44px;
	}

}

		.start-page .section.study .link>*:before{
			content: '';
			display: block;
			position: absolute;
			font-size: 38px;
			width: 1em;
			height: 46px;
			top: -10px;
			left: calc(-1em - 6px);
			background: url(/assets/img/study.png) no-repeat center center/contain;
		}

	@media (max-width: 460px){

		.start-page .section.study .link>*:before{
			top: -12px;
		}

	}

		.start-page .section.study .link a{
			color: #1b64b9;
			font-family: PTSansBold;
			font-size: 18px;
		}



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

                            C O M M E N T S

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


.start-page .section.comments{
	margin-top: 130px;
}

@media (max-width: 840px){

.start-page .section.comments{
	margin-top: 60px;
}

}

.start-page .section.comments>*{
	position: relative;
	margin: 0 auto;
	max-width: 880px;
}

.start-page .section.comments>*>*{
	display: inline-block;
	vertical-align: top;
}

.start-page .section.comments .arrow{
	position: relative;
	width: 125px;
	height: 200px;
}

.start-page .section.comments .arrow,
.start-page .section.comments .arrow *{
	cursor: pointer;
}

@media (max-width: 930px){

.start-page .section.comments .arrow{
	width: 60px;
}

}

.start-page .section.comments .arrow.prev{}

@media (max-width: 840px){

.start-page .section.comments .arrow{
	position: absolute;
	top: 0;
	right: 0;
	height: 100px;
	width: 60px;
}

.start-page .section.comments .arrow.prev{
	display: none;
}

.start-page .section.comments .arrow.next{
	right: -20px;
}

}


	.start-page .section.comments .arrow>svg{
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		width: 20px;
		height: 100%;
		background: url(/assets/img/arrow.svg) no-repeat center center/contain;
	}

	.start-page .section.comments .arrow>svg polyline,
	.start-page .section.comments .arrow>svg polyline{
		-webkit-transition: stroke 300ms ease;
		-moz-transition: stroke 300ms ease;
		-ms-transition: stroke 300ms ease;
		transition: stroke 300ms ease;
	}

	.start-page .section.comments .arrow:hover>svg polyline,
	.start-page .section.comments .arrow:active>svg polyline{
		stroke: #1b64b9;
	}

	.start-page .section.comments .arrow.prev>svg{
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
		-ms-transform-origin: center center;
		transform-origin: center center;
		-webkit-transform: translate(-50%,-50%) rotate(180deg);
		-moz-transform: translate(-50%,-50%) rotate(180deg);
		-ms-transform: translate(-50%,-50%) rotate(180deg);
		transform: translate(-50%,-50%) rotate(180deg);
	}


/*
	.start-page .section.comments .arrow:before{
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 20px);
		width: 20px;
		height: 40px;
		background: url(/assets/img/arrow.svg) no-repeat center center/contain;
	}

	.start-page .section.comments .arrow.prev:before{
		right: 85px;
	}

	.start-page .section.comments .arrow.next:before{
		left: 85px;
		-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);
	}*/

@media (max-width: 930px){

	.start-page .section.comments .arrow.prev:before{
		right: 20px;
	}

	.start-page .section.comments .arrow.next:before{
		left: 20px;
	}

}

@media (max-width: 840px){

	.start-page .section.comments .arrow.next:before{
		left: 20px;
	}

}

.start-page .section.comments .slider{
	width: calc(100% - 250px);
}

@media (max-width: 930px){

.start-page .section.comments .slider{
	width: calc(100% - 120px);
}

}

@media (max-width: 840px){

.start-page .section.comments .slider{
	width: auto;
	display: block;
}

}

	.start-page .section.comments .slider .item{}

		.start-page .section.comments .slider .item>*{
			display: inline-block;
			vertical-align: top;
		}

		.start-page .section.comments .slider .item .image{
			font-size: 180px;
			width: 1em;
			height: 1em;
			border-radius: 1em;
		}

	@media (max-width: 840px){

		.start-page .section.comments .slider .item .image{
			display: block;
			font-size: 100px;
		}

	}

		.start-page .section.comments .slider .item .info{
			width: calc(100% - 180px);
			box-sizing: border-box;
			padding: 30px 0 0 20px;
		}

	@media (max-width: 840px){

		.start-page .section.comments .slider .item .info{
			display: block;
			padding: 15px 0 0;
			box-sizing: border-box;
			height: 230px;
			width: auto;
		}

	}

			.start-page .section.comments .slider .item .info .person{
				font-family: PTSansNarrowBold;
				font-size: 24px;
				line-height: 28px;
			}

		@media (max-width: 840px){

			.start-page .section.comments .slider .item .info .person{
				font-size: 20px;
				line-height: 24px;
			}

		}

			.start-page .section.comments .slider .item .info .text{
				font-size: 16px;
				margin-top: 10px;
			}

		@media (max-width: 840px){

			.start-page .section.comments .slider .item .info .text{
				font-size: 16px;
				line-height: 24px;
			}

		}



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

                             T A R I F F S

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


.start-page .section.tariffs{
	margin-top: 95px;
}

@media (max-width: 640px){

.start-page .section.tariffs{
	margin-top: 50px;
}

}

.start-page .section.tariffs>*{
	max-width: 1060px;
	margin: 0 auto;
}

.start-page .section.tariffs>*:before{
	content: 'Тарифы';
	display: block;
	font-family: PTSansNarrowBold;
	font-size: 36px;
	line-height: 35px;
}

.start-page .section.tariffs .info{
	border-radius: 4px;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	margin-top: 35px;
}

	.start-page .section.tariffs .info .top{
		padding: 45px 0 0 110px;
		box-sizing: border-box;
		border-bottom: 1px solid #e6e6e6;
		height: 160px;
	}

@media (max-width: 1160px){

	.start-page .section.tariffs .info .top{
		padding: 45px 0 0 50px;
	}

}

@media (max-width: 1090px){

	.start-page .section.tariffs .info .top{
		padding: 30px 0 0 50px;
	}

}

@media (max-width: 930px){

	.start-page .section.tariffs .info .top{
		height: auto;
		padding-bottom: 30px;
	}

}

@media (max-width: 840px){

	.start-page .section.tariffs .info .top{
		padding: 20px;
	}

}

		.start-page .section.tariffs .info .top>*{
			display: inline-block;
			position: relative;
			vertical-align: top;
		}

	@media (max-width: 640px){

		.start-page .section.tariffs .info .top{
			display: block;
		}

	}

		.start-page .section.tariffs .info .top .caption{
			white-space: nowrap;
			color: #1b64b9;
			font-family: PTSansNarrowBold;
			font-size: 24px;
			line-height: 50px;
		}

	@media (max-width: 1090px){

		.start-page .section.tariffs .info .top .caption{
			max-width: 180px;
		}

	}

	@media (max-width: 930px){

		.start-page .section.tariffs .info .top .caption{
			display: block;
		}

	}

	@media (max-width: 640px){

		.start-page .section.tariffs .info .top .caption{
			font-size: 24px;
			line-height: 24px;
		}

	}

		.start-page .section.tariffs .info .top .text{
			width: calc(100% - 425px);
			box-sizing: border-box;
			padding: 15px 30px 0 105px;
			font-size: 16px;
		}

	@media (max-width: 930px){

		.start-page .section.tariffs .info .top .text{
			padding-left: 0;
			width: calc(100% - 200px);
			max-width: 530px;
		}

	}

	@media (max-width: 640px){

		.start-page .section.tariffs .info .top .text{
			padding: 0;
			width: auto;
			margin-top: 15px;
		}

	}

		.start-page .section.tariffs .info .top .aside{
			top: 10px;
		}

	@media (max-width: 640px){

		.start-page .section.tariffs .info .top .aside{
			top: 0;
			margin-top: 15px;
		}

	}

			.start-page .section.tariffs .info .top .aside .try{}


	.start-page .section.tariffs .info .variants{
		padding: 45px 0 30px 110px;
		box-sizing: border-box;
	}

@media (max-width: 1160px){

	.start-page .section.tariffs .info .variants{
		padding: 45px 0 30px 50px;
	}

}

@media (max-width: 840px){

	.start-page .section.tariffs .info .variants{
		padding: 20px;
	}

}

		.start-page .section.tariffs .info .variants>*{
			position: relative;
		}

		.start-page .section.tariffs .info .variants>*+*{
			margin-top: 10px;
		}

	@media (max-width: 930px){

		.start-page .section.tariffs .info .variants>*+*{
			margin-top: 0;
		}

	}
			.start-page .section.tariffs .info .variants>*>*{
				display: inline-block;
				position: relative;
				vertical-align: top;
			}

			.start-page .section.tariffs .info .variants .count{
				width: 325px;
				white-space: pre;
				font-family: PTSansNarrowBold;
				font-size: 24px;
				line-height: 50px;
			}

		@media (max-width: 1090px){

			.start-page .section.tariffs .info .variants .count{
				width: 285px;
			}

		}

		@media (max-width: 930px){

			.start-page .section.tariffs .info .variants .count{
				font-size: 22px;
			}

		}

		@media (max-width: 640px){

			.start-page .section.tariffs .info .variants .count{
				width: calc(100% - 90px);
			}

		}

		@media (max-width: 360px){

			.start-page .section.tariffs .info .variants .count{
				white-space: initial;
				width: 110px;
				line-height: 1.2em;
			}

		}

			.start-page .section.tariffs .info .variants .price{
				position: relative;
				color: #323232;
				font-size: 20px;
				line-height: 50px;
			}

		@media (max-width: 930px){

			.start-page .section.tariffs .info .variants .price{
				top: 2px;
			}

		}

		@media (max-width: 640px){

			.start-page .section.tariffs .info .variants .price{
				width: 90px;
				text-align: right;
				white-space: initial;
			}

		}

		@media (max-width: 360px){

			.start-page .section.tariffs .info .variants .price{
				position: absolute;
				right: 0;
				width: initial;
				height: 1em;
				line-height: 1em;
				top: 4px;
			}

		}

				.start-page .section.tariffs .info .variants .price:after{
					content: ' ₽';
				}

			.start-page .section.tariffs .info .variants .comment{
				display: block;
				margin: 25px 0 0 325px;
			}

		@media (max-width: 640px){

			.start-page .section.tariffs .info .variants .comment{
				margin: 15px 0 0;
			}

		}



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

                             T R Y O U T

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


.start-page .section.tryout{
	margin: 120px 0 140px;
}

@media (max-width: 1024px){

.start-page .section.tryout{
	padding: 0;
}

}

@media (max-width: 840px){

.start-page .section.tryout{
	padding: 0;
	margin: 50px 0 0;
}

}

.start-page .section.tryout>*{
	position: relative;
	background: #4990e2;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 100px 110px 95px;
	overflow: hidden;
}

@media (max-width: 1420px){

.start-page .section.tryout>*{
	padding: 100px 50px 95px;
}

}

@media (max-width: 1350px){

.start-page .section.tryout>*{
	padding: 60px 50px;
}

}

@media (max-width: 840px){

.start-page .section.tryout>*{
	border-radius: 0;
	padding: 60px 20px;
}

}

@media (max-width: 680px){

.start-page .section.tryout>*{
	border-radius: 0;
	padding: 55px 20px;
}

}

.start-page .section.tryout>*:before,
.start-page .section.tryout>*:after{
	content: '';
	display: block;
	height: 50px;
}

@media (max-width: 680px){

.start-page .section.tryout>*:before,
.start-page .section.tryout>*:after{
	display: none;
}

}

.start-page .section.tryout .caption{
	font-family: GothamProNarrowMedium;
	font-size: 40px;
	line-height: 40px;
	color: #fff;
	max-width: 1030px;
}

@media (max-width: 1330px){

.start-page .section.tryout .caption{
	font-size: 36px;
	margin-bottom: 10px;
	max-width: 900px;
}

}

@media (max-width: 1230px){

.start-page .section.tryout .caption{
	margin-bottom: 10px;
	max-width: 700px;
}

}

@media (max-width: 1024px){

.start-page .section.tryout .caption{
	font-size: 32px;
}

}

@media (max-width: 1090px){

.start-page .section.tryout .caption{
	margin-bottom: 0;
	max-width: 800px;
}

}

@media (max-width: 930px){

.start-page .section.tryout .caption{
	max-width: 640px;
}

}

@media (max-width: 810px){

.start-page .section.tryout .caption{
	font-size: 30px;
	line-height: 36px;
	max-width: 500px;
}

}

@media (max-width: 610px){

.start-page .section.tryout .caption{
	max-width: 400px;
}

}

@media (max-width: 550px){

.start-page .section.tryout .caption{
	max-width: 270px;
}

}
/*
@media (max-width: 510px){

.start-page .section.tryout .caption{
	max-width: 360px;
}

}

@media (max-width: 460px){

.start-page .section.tryout .caption{
	max-width: 230px;
}

}
*/
.start-page .section.tryout .image{
	position: absolute;
	right: 25px;
	top: 110px;
	width: 187px;
	height: 282px;
	background: url(/assets/img/figure-form.png) no-repeat center center/cover;
}

@media (max-width: 1350px){

.start-page .section.tryout .image{
	top: 50px;
}

}

@media (max-width: 1240px){

.start-page .section.tryout .image{
	right: -40px;
	/*top: 40px;*/
}

}

@media (max-width: 1090px){

.start-page .section.tryout .image{
	right: -40px;
	/*top: 40px;*/
}

}

@media (max-width: 1040px){

.start-page .section.tryout .image{
	/*display: none;*/
}

}

@media (max-width: 1024px){

.start-page .section.tryout .image{
	/*right: 50px;*/
}

}

@media (max-width: 970px){

.start-page .section.tryout .image{
	/*right: 30px;*/
}

}

@media (max-width: 950px){

.start-page .section.tryout .image{
	right: -60px;
}

}

@media (max-width: 930px){

.start-page .section.tryout .image{
	right: -70px;
	/*top: 30px;*/
}

}

@media (max-width: 810px){

.start-page .section.tryout .image{
	right: -70px;
	/*top: 40px;*/
}

}

@media (max-width: 680px){

.start-page .section.tryout .image{
	top: 40px;
	right: 10px;
}

}

@media (max-width: 650px){

.start-page .section.tryout .image{
	right: -30px;
}

}

@media (max-width: 615px){

.start-page .section.tryout .image{
	right: -70px;
}

}

@media (max-width: 550px){

.start-page .section.tryout .image{
	right: 10px;
}

}

@media (max-width: 450px){

.start-page .section.tryout .image{
	right: -70px;
}

}

@media (max-width: 350px){

.start-page .section.tryout .image{
	display: none;
}

}

.start-page .section.tryout .comment{
	font-family: PTSansNarrowBold;
	font-size: 24px;
	line-height: 28px;
	margin-top: 10px;
}

@media (max-width: 1200px){

.start-page .section.tryout .comment{
	max-width: 700px;
}

}

@media (max-width: 710px){

.start-page .section.tryout .comment{
	max-width: 500px
}

}

@media (max-width: 680px){

.start-page .section.tryout .comment{
	margin-top: 20px;
}

}

@media (max-width: 550px){

.start-page .section.tryout .comment{
	max-width: 215px;
	font-size: 20px;
	margin-top: 10px;
}

}

.start-page .section.tryout .form{
	margin-top: 30px;
}

@media (max-width: 680px){

.start-page .section.tryout .form{
	margin-top: 15px;
}

}

	.start-page .section.tryout .form>*{
		display: inline-block;
		vertical-align: top;
	}

@media (max-width: 680px){

	.start-page .section.tryout .form>*{
		display: block;
	}

}

	.start-page .section.tryout .form .email{
		position: relative;
		background: rgba(255,255,255,.3);
		height: 50px;
		width: calc(100% - 240px);
		max-width: 415px;
		border-radius: 3px 0 0 3px;
	}

@media (max-width: 1200px){

	.start-page .section.tryout .form .email{
		max-width: 300px;
	}

}

@media (max-width: 810px){

	.start-page .section.tryout .form .email{
		width: calc(100% - 360px);
	}

}

@media (max-width: 680px){

	.start-page .section.tryout .form .email{
		width: auto;
		border-radius: 3px;
		max-width: 415px;
	}

}

@media (max-width: 550px){

	.start-page .section.tryout .form .email{
		max-width: 360px;
	}

}

	.start-page .section.tryout .form .email,
	.start-page .section.tryout .form .email *{
		cursor: text;
	}

		.start-page .section.tryout .form .email>*{
			position: relative;
			height: 100%;
			z-index: 1;
			font-size: 16px;
			line-height: 50px;
			box-sizing: border-box;
			padding-left: 20px;
		}

		.start-page .section.tryout .form .email>div{
			position: absolute;
			width: 100%;
			left: 0;
			top: 0;
			z-index: 0;
			opacity: 1;
			-webkit-transition: opacity 200ms ease;
			-moz-transition: opacity 200ms ease;
			-ms-transition: opacity 200ms ease;
			transition: opacity 200ms ease;
		}

		.start-page .section.tryout .form .email.filled>div{
			opacity: 0;
		}

		.start-page .section.tryout .form .email input{
			display: block;
			width: 100%;
		}

	.start-page .section.tryout .form .send{
		box-sizing: border-box;
		width: 240px;
		border-radius: 0 3px 3px 0;
	}

@media (max-width: 680px){

	.start-page .section.tryout .form .send{
		width: auto;
		border-radius: 3px;
		margin-top: 10px;
		max-width: 415px;
	}

}

@media (max-width: 550px){

	.start-page .section.tryout .form .send{
		max-width: 360px;
	}

}

		.start-page .section.tryout .form .send:before{
			content: 'Попробовать сейчас';
		}

	.start-page .section.tryout .form .trial{
		white-space: pre;
		box-sizing: border-box;
		padding-left: 15px;
		color: #fff;
		font-size: 16px;
		font-family: PTSansBold;
		position: relative;
		top: 13px;
	}

	.start-page .section.tryout .form .trial.v2{
		display: none;
		top: 0;
		padding-left: 0;
		margin-bottom: 10px;
	}

@media (max-width: 1060px){

	.start-page .section.tryout .form .trial{
		display: none;
	}

	.start-page .section.tryout .form .trial.v2{
		display: block;
	}

}

@media (max-width: 680px){

	.start-page .section.tryout .form .trial.v2{
		margin-top: 80px;
	}

}

.start-page .section.tryout .error{
	/*color: #f6a623;*/
	color: #fff;
	font-family: PTSansBold;
	font-size: 14px;
	margin: 10px 0 -25px;
	opacity: 0;
	-webkit-transition: opacity 300ms ease;
	-moz-transition: opacity 300ms ease;
	-ms-transition: opacity 300ms ease;
	transition: opacity 300ms ease;
	overflow: visible;
	pointer-events: none;
	height: 1em;
}

@media (max-width: 680px){

.start-page .section.tryout .error{
	margin: 10px 0 25px;
}

}

.start-page .section.tryout .error.shown{
	opacity: 1;
}

.start-page .section.tryout .more{
	display: block;
	/*visibility: hidden;*/
	/*pointer-events: event;*/
	margin-top: 105px;
	color: #fff;
	max-width: 330px;
	font-size: 16px;
}

@media (max-width: 680px){

.start-page .section.tryout .more{
	margin-top: 15px;
}

}

	.start-page .section.tryout .more a{
		font-family: PTSansBold;
	}



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

                            L E T S P L A Y

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


.start-page .section.letsplay{
	margin: 100px 0;
}

@media (max-width: 460px){

.start-page .section.letsplay{
	margin: 50px 0;
}

}

.start-page .section.letsplay>*{
	text-align: center;
}

.start-page .section.letsplay>*>*{
	margin: 0 auto;
}

.start-page .section.letsplay .caption{
	font-family: PTSansNarrowBold;
	font-size: 24px;
	line-height: 28px;
}

.start-page .section.letsplay .clickme{}

	.start-page .section.letsplay .clickme .button{
		margin-top: 15px;
	}

		.start-page .section.letsplay .clickme .button:before{
			content: 'Жми сюда';
		}



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


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

                              F O O T E R

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


.start-page .footer{
	border-top: 1px solid #e6e6e6;
	box-sizing: border-box;
	padding: 25px 20px 30px;
}


@media (max-width: 1220px){

.start-page .footer{
	padding: 20px 20px 30px;
}

}

@media (max-width: 1024px){

.start-page .footer{
	padding: 20px 50px 30px;
}

}

@media (max-width: 840px){

.start-page .footer{
	padding: 30px 20px;
}

}

.start-page .footer>*{}

	.start-page .footer>*>*{
		display: inline-block;
		position: relative;
		vertical-align: top;
		box-sizing: border-box;
	}
	.start-page .footer .copyright{
		width: 23%;
	}
	.start-page .footer .email{
		width: 46%;
	}
	.start-page .footer .socials{
		width: 30%;
	}

@media (max-width: 1505px){
	
	.start-page .footer>*>*{
		width: 28% !important;
	}

}

@media (max-width: 1200px){

	.start-page .footer>*>*{
		display: block;
		width: auto;
	}

}

	.start-page .footer .copyright{}

		.start-page .footer .copyright>*{
			white-space: nowrap;
		}

	@media (max-width: 840px){

		.start-page .footer .copyright>*{
			white-space: initial;
		}

	}

	@media (max-width: 360px){

		.start-page .footer .copyright>*{
			display: inline;
		}

	}

	.start-page .footer .email{
		text-align: center;
		color: #4990e2;
		white-space: nowrap;
	}

@media (max-width: 1400px){
	
	.start-page .footer .email{
		text-align: left;
	}

}

@media (max-width: 1200px){
	
	.start-page .footer .email{
		text-align: left;
	}

}

		.start-page .footer .email div>*{
			display: inline-block;
			position: relative;
			padding-left: 40px;
			margin-bottom: 15px;
			margin-right: 10px;
		}

	@media (max-width: 1200px){
		
		.start-page .footer .email div>*{
			display: block;
		}

	}

	@media (max-width: 1100px){
		
		.start-page .footer .email div>*+*{
			margin-left: 0;
			margin-top: 20px;
		}

	}

			.start-page .footer .email div>*>*{
				position: relative;
				z-index: 2;
			}

			.start-page .footer .email div>*:before,
			.start-page .footer .email div>*:after{
				content: '';
				display: block;
				position: absolute;
				font-size: 32px;
				width: 1em;
				height: 1em;
				top: calc(50% - .5em);
				left: 0;
				background: url(/assets/img/email.svg) no-repeat center center/contain;
				z-index: 0;
				opacity: 1;
				-webkit-transition: opacity 200ms ease 100ms;
				-moz-transition: opacity 200ms ease 100ms;
				-ms-transition: opacity 200ms ease 100ms;
				transition: opacity 200ms ease 100ms;
				will-change: opacity;
			}

			.start-page .footer .email div>*:after{
				background: url(/assets/img/email-hovered.svg) no-repeat center center/contain;
				z-index: 1;
				opacity: 0;
				-webkit-transition: opacity 300ms ease;
				-moz-transition: opacity 300ms ease;
				-ms-transition: opacity 300ms ease;
				transition: opacity 300ms ease;
			}

			.start-page .footer .email div>*:hover:before{
				opacity: 0;
			}

			.start-page .footer .email div>*:hover:after{
				opacity: 1;
			}

			.start-page .footer .email div>*.telegram:before{
				background: url(/assets/img/telegram.svg) no-repeat center center/contain;
			}

			.start-page .footer .email div>*.telegram:after{
				background: url(/assets/img/telegram-hovered.svg) no-repeat center center/contain;
			}

			.start-page .footer .email div>*.requisites:before{
				background: url(/assets/img/requisites.svg) no-repeat center center/contain;
			}

			.start-page .footer .email div>*.requisites:after{
				background: url(/assets/img/requisites-hovered.svg) no-repeat center center/contain;
			}

			.start-page .footer .email div>*.youtube:before{
				background: url(/assets/img/youtube.svg) no-repeat center center/contain;
			}

			.start-page .footer .email div>*.youtube:after{
				background: url(/assets/img/youtube-hovered.svg) no-repeat center center/contain;
			}

			.start-page .footer .email div>*.doc:before{
				background: url(/assets/img/doc.svg) no-repeat center center/contain;
			}

			.start-page .footer .email div>*.doc:after{
				background: url(/assets/img/doc-hovered.svg) no-repeat center center/contain;
			}


	.start-page .footer .socials{
		text-align: right;
	}

@media (max-width: 1505px){
	


}

		.start-page .footer .socials>*{
			vertical-align: top;
		}

		.start-page .footer .socials .list{
			height: 1em;
			top: 6px;
			position: relative;
		}

			.start-page .footer .socials .list>*{
				display: inline-block;
				vertical-align: top;
				position: relative;
				box-sizing: border-box;
				font-size: 32px;
				top: calc(50% - .5em);
				height: 1em;
			}

			.start-page .footer .socials .list>*+*{
				margin-left: 8px;
			}

			.start-page .footer .socials .list .link{
				width: 1em;
				border-radius: 1em;
				border: 2px solid #ebebeb;
			}

			.start-page .footer .socials .list .link.instagram{
				background: url(/assets/img/instagram.svg) no-repeat center center;
			}

			.start-page .footer .socials .list .link.vkontakte{
				background: url(/assets/img/vkontakte.svg) no-repeat center center;
			}

			.start-page .footer .socials .list .link.facebook{
				background: url(/assets/img/facebook.svg) no-repeat center center;
			}

			.start-page .footer .socials .list .share{
				height: 32px;
			}

				.start-page .footer .socials .list .share .ya-share2__item{
					display: inline-block;
					vertical-align: top;
					position: relative;
					box-sizing: border-box;
					top: calc(50% - .5em);
					height: 1em;
					width: 1em;
					border-radius: 1em;
					border: 2px solid #ebebeb;
					-webkit-transition: border-color 200ms ease;
					-moz-transition: border-color 200ms ease;
					-ms-transition: border-color 200ms ease;
					transition: border-color 200ms ease;
					will-change: border-color;
				}

				.start-page .footer .socials .list .share .ya-share2__item.ya-share2__item_service_twitter:hover{
					border-color: #4099ff;
				}

				.start-page .footer .socials .list .share .ya-share2__item.ya-share2__item_service_facebook:hover{
					border-color: #3b5998;
				}

				.start-page .footer .socials .list .share .ya-share2__item.ya-share2__item_service_vkontakte:hover{
					border-color: #597da3;
				}

				.start-page .footer .socials .list .share .ya-share2__item,
				.start-page .footer .socials .list .share .ya-share2__item *{
					cursor: pointer;
				}

				.start-page .footer .socials .list .share .ya-share2__item+.ya-share2__item{
					position: relative;
					margin-left: 8px;
				}

					.start-page .footer .socials .list .share .ya-share2__item:before,
					.start-page .footer .socials .list .share .ya-share2__item:after{
						content: '';
						display: block;
						position: absolute;
						width: 100%;
						height: 100%;
						left: 0;
						top: 0;
						opacity: 1;
						-webkit-transition: opacity 200ms ease;
						-moz-transition: opacity 200ms ease;
						-ms-transition: opacity 200ms ease;
						transition: opacity 200ms ease;
						will-change: opacity;
						z-index: 0;
					}

					.start-page .footer .socials .list .share .ya-share2__item:after{
						opacity: 0;
						z-index: 1;
					}

					.start-page .footer .socials .list .share .ya-share2__item:hover:before{
						opacity: 0;
					}

					.start-page .footer .socials .list .share .ya-share2__item:hover:after{
						opacity: 1;
					}

					.start-page .footer .socials .list .share .ya-share2__item.ya-share2__item_service_vkontakte:before{
						background: url(/assets/img/vkontakte.svg) no-repeat center center;
					}

					.start-page .footer .socials .list .share .ya-share2__item.ya-share2__item_service_vkontakte:after{
						background: url(/assets/img/vkontakte-hovered.svg) no-repeat center center;
					}

					.start-page .footer .socials .list .share .ya-share2__item.ya-share2__item_service_facebook:before{
						background: url(/assets/img/facebook.svg) no-repeat center center;
					}

					.start-page .footer .socials .list .share .ya-share2__item.ya-share2__item_service_facebook:after{
						background: url(/assets/img/facebook-hovered.svg) no-repeat center center;
					}

					.start-page .footer .socials .list .share .ya-share2__item.ya-share2__item_service_twitter:before{
						background: url(/assets/img/twitter.svg) no-repeat center center/25px auto;
					}

					.start-page .footer .socials .list .share .ya-share2__item.ya-share2__item_service_twitter:after{
						background: url(/assets/img/twitter-hovered.svg) no-repeat center center/25px auto;
					}

					.start-page .footer .socials .list .share .ya-share2__item .ya-share2__title{
						display: none;
					}

	.start-page .footer .socials .author{
		display: block;
		margin-top: 10px;
		font-family: PTSansRegular;
	}

@media (max-width: 1400px){
	
	.start-page .footer .socials .author{
		position: absolute;
		width: 50%;
		left: 50%;
		top: 0;
		margin-top: 0;
	}

}

@media (max-width: 1200px){
	
	.start-page .footer .socials .author{
		position: relative;
		top: 0;
		left: 0;
		margin-top: 20px;
	}

}

		.start-page .footer .socials .author .href{
			color: #4990e2;
		}

.version {
	position: absolute;
	/* width: 100%; */
	text-align: center;
	bottom: -1px;
	color: #eee;
	border: 1px solid #eee;
	left: 49%;
	border-radius: 5px 5px 0 0;
	padding: 0 3px 0;
}

/* mobile menu */
@media (max-width: 768px) {
	.header .aside {
		display: none;
	}
}
@media (min-width: 768px) {
	.mobile-menu-btn {
		display: none;
	}
}
.mobile-menu-btn {
	height: 30px;
	width: 30px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 1;
}
.mobile-menu-btn > span {
	background-color: #323232;
	border-radius: 1px;
	height: 2px;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -1px 0 0 -15px;
	transition: height 100ms;
}
.mobile-menu-btn > span:after,
.mobile-menu-btn > span:before {
	content: '';
	background-color: #323232;
	border-radius: 1px;
	height: 2px;
	width: 100%;
	position: absolute;
	left: 50%;
	margin-left: -15px;
	transition: all 200ms;
}
.mobile-menu-btn > span:after {
	top: -7px;
}
.mobile-menu-btn > span:before {
	bottom: -7px;
}
.mobile-menu-btn.act > span {
	height: 0;
}
.mobile-menu-btn.act > span:after,
.mobile-menu-btn.act > span:before {
	background-color: #323232;
	top: 1px;
}
.mobile-menu-btn.act > span:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mobile-menu-btn.act > span:before {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* main menu block */
.mobile-menu {
	background-color: #4a90e2;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	height: 100vh;
	width: 100%;
	display: none;
	padding: 15px 30px;
	box-sizing: border-box;

}
.mobile-menu__image {
	position: absolute;
	right: 3%;
	bottom: 10px;
	width: 187px;
	height: 282px;
	background: url(/assets/img/figure-form.png) no-repeat center center/cover;
	z-index: -1;
	opacity: 0.9;
}
.mobile-menu.act {
	display: initial;
}

.mobile-menu__title {
	font-size: 20px;
	color: #323232;
	font-family: PTSansBold;
}

.mobile-menu__items {
	padding-top: 20px;
	vertical-align: middle;
}
.mobile-menu__items li {
	padding: 8px 0;
}
.mobile-menu .transparent {
	padding: 0;
	min-width: initial;
	height: auto;
	font-family: inherit;
	color: #fff!important;
	background-color: transparent!important;
}
.mobile-menu .button {
	padding: 2px 10px;
}
.mobile-menu a {
	color: #fff;
	display: inline-block;
	font-size: 18px;
}

.footer .gosnom {
	margin-top: 10px;
	text-align: right;
	color: #c8c8c8
}

.start-page .footer .email div>* {
	display: block;
}

.footer .email > div {
	margin: auto;
	width: 100px;
}

.grid:after { content: "";  display: table;  clear: both; }
.grid [class*='col-'] { float: left; margin-bottom: 10px; }
.grid .col-lg-1-3 { width: 33%!important; } .grid .col-lg-2-3 { width: 66%!important; } .grid .col-lg-3-3, .grid .col-lg-4-4 { width: 100%!important; }
.grid .col-lg-1-4 { width: 25%!important; } .grid .col-lg-2-4 { width: 50%!important; } .grid .col-lg-3-4 { width: 75%!important; }
.grid [class*='col-'] { padding-right: 20px; padding-bottom: 20px; }
.grid [class*='col-']:last-of-type { padding-right: 0; padding-bottom: 0;}
.grid-pad {   padding: 10px 0 10px 10px; }
.grid-pad > [class*='col-']:last-of-type { padding-right: 20px; }

@media (max-width: 850px) {
	.grid .col-sm-1-3 { width: 33%!important; } .grid .col-sm-2-3 { width: 66%!important; } .grid .col-sm-3-3, .grid .col-sm-4-4 { width: 100%!important; }
	.grid .col-sm-1-4 { width: 25%!important; } .grid .col-sm-2-4 { width: 50%!important; } .grid .col-sm-3-4 { width: 75%!important; }

	.footer .socials {
		text-align: left!important;
	}
}

@media (max-width: 540px) {
	.grid .col-xs-1-3 { width: 33%!important; } .grid .col-xs-2-3 { width: 66%!important; } .grid .col-xs-3-3, .grid .col-xs-4-4 { width: 100%!important; }
	.grid .col-xs-1-4 { width: 25%!important; } .grid .col-xs-2-4 { width: 50%!important; } .grid .col-xs-3-4 { width: 75%!important; }

	.footer .email > div {
		margin: 0;
		width: auto;
	}
}

.item_link {
	display: inline-block;
	vertical-align: top;
	position: relative;
	box-sizing: border-box;
	top: calc(50% - .5em);
	height: 1em;
	width: 1em;
	border-radius: 1em;
	border: 2px solid #ebebeb;
	-webkit-transition: border-color 200ms ease;
	-moz-transition: border-color 200ms ease;
	-ms-transition: border-color 200ms ease;
	transition: border-color 200ms ease;
	will-change: border-color;
}

.hover-img-link img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: .5;
}

.hover-img-link:hover img {
	-webkit-filter: none;
	-moz-filter: none;
	-o-filter:  none;
	filter:  none;
	opacity: 1;
}