@charset "utf-8";
*{
	margin:0;
	padding:0;
	webkit-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;}

body{
	font-family: 'Open Sans', sans-serif;
	font-size:100%;
	font-weight:300;
	line-height:1;
	color:#000;}
	
a{
	color:inherit;
	text-decoration:none;}	
/*========================img=========================*/
.img{
	display:block;
	width:100%;
	height:auto;}
/*========================Title=========================*/
.title{
	display:block;
	font-size:1.9em;
	padding:0.75em 0;
	font-weight:300;
	text-align:center;}
@media(min-width:960px){
	.title{
		font-size:1.8em;}}
@media(min-width:1200px){
	.title{
		font-size:2.5em;}}
@media(min-width:1400px){
	.title{}}
	
.title-light{
	color:#fff;}	
	
.title-large{
	font-size:2.1em;}	
/*========================Second-title====================*/
.second-title{
	display:block;
	font-size:1.3em;
	font-weight:600;
	padding:1em 0;
	text-align:center;}
@media(min-width:480px){
		.second-title{}}
@media(min-width:768px){
		.second-title{}}
@media(min-width:960px){
		.second-title{}}
@media(min-width:1200px){
		.second-title{
		font-size:1.375em;}}
@media(min-width:1400px){
		.second-title{}}
/*========================Section=========================*/
.section{
	width:100%;
	margin:0 auto;
	padding:15px;}
@media(min-width:480px){
	.section{
		width:450px;}}
@media(min-width:768px){
	.section{
		width:730px;
		padding:15px 0;}}
@media(min-width:960px){
	.section{
		width:930px;}}
@media(min-width:1200px){
	.section{
		padding:3.125rem 0;
		width:1140px;}}
@media(min-width:1400px){
	.section{
		width:1200px;}}
		
.section--smallPadding{}
@media(min-width:1200px){
		.section--smallPadding{
		padding:2rem 0 3.125em 0;}}
/*========================list========================*/	
.list{
	font-size:1.125em;
	list-style-type:none;}

.list__item{
	position:relative;
	padding:0 0 0.8em 1em;}

.list__item::before{
	display:block;
	position:absolute;
	content:'';
	top:6px;left:0;
	width:8px;height:15px;
	background-repeat:no-repeat;
	background-size:8px 15px;
	background-position:center;
	background-image:url('../img/icons/pointer-1.png');}	
	
.list__item--pointer-2{
	padding: 0 0 0.8em 1.5em}	
	
.list__item--pointer-2:before{
	top:7px;left:0;
	width:15px;height:12px;
	background-repeat:no-repeat;
	background-size:15px 12px;
	background-position:center;
	background-image:url('../img/icons/pointer-2.png');}
/*========================btn=========================*/		
.btn{
	font-size:1.2em;
	width:280px;
	padding:0.5em 0;
	border:2px solid #ff650a;
	border-radius:40px;
	color:#fff;
	z-index: 9;
	font-weight:300;
	text-align:center;
	cursor:pointer;
-webkit-transition: all .2s ease;
	 -moz-transition: all .2s ease;
		-ms-transition: all .2s ease;
		 -o-transition: all .2s ease;
				transition: all .2s ease}
.btn:not(.disabled):hover{
	background-color: #ff650a;
}
.intro__btn{
	background-color: transparent;
	outline: none;
	margin:0 0 20px 0;}
.btn--fullcolor{
	background-color:#ff650a;
-webkit-transition: all .2s ease;
	 -moz-transition: all .2s ease;
		-ms-transition: all .2s ease;
		 -o-transition: all .2s ease;
				transition: all .2s ease}
.btn--fullcolor:hover{
	background-color: #f75c00;
	border-color:#f75c00;
}
/*========================text=========================*/	
.text{
	font-size:1.25em;}
/*====================modal=========================*/	
.modal{
	font-size:0.7rem;
	display:none;
	text-align:center;
	position:fixed;
	top:0; left:0; right:0; bottom:0;
	opacity:0;
	background:rgba(0,0,0,0.7);
	overflow-y:scroll;
	z-index:9999;}
@media(min-width:960px){
		.modal{
		font-size:0.9rem;}}
@media(min-width:1400px){
		.modal{
		font-size:1rem;}}
	
.modal:before{
	display:inline-block;
	content:'';
	height:100%;
	vertical-align: middle;}	
		
.modal__content{
	font-size:1em;
	position:relative;
	display:inline-block;
	vertical-align: middle;
	background:#fff;
	padding:2em 1em;}
@media(min-width:480px){
	.modal__content{
			padding:2em 4em;}}
@media(min-width:768px){
	.modal__content{
			padding:2.5em 6em;}}	
@media(min-width:960px){
	.modal__content{
			padding:4.5em 4.6em;}}	
	
.modal__tnx{
	display:none;
	font-size:1.6em;
	position: absolute;
		top: 0;left:0;right:0;bottom:0;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
		background: #fff;
	border-radius:5px;}				
	
.modal__title{
	display:block;
	font-size:2em;
	padding:0 0 .3em 0;
	line-height:1.2;}	
	
.modal__form{}	
		
.modal__input{
	font-family: 'Open Sans', sans-serif;
	display:block;
	outline:none;
	font-size:1.25em;
		width:95%;
		margin:30px auto 0 auto;	
	padding:0.5em 1em;
	border:2px solid #d2d2d2;
	border-radius:40px;
	color:#464646;}
	
.modal__textarea{
	font-family: 'Open Sans', sans-serif;
	border-radius:30px;
	resize: none;
	height:100px;}

.modal__btn{
	width:230px;
	font-family: 'Open Sans', sans-serif;
	margin-top:35px;}	
@media(min-width:768px){
		.modal__btn{
				width:280px;}}
		

.modal__closed{
	position:absolute;
	top:10px;right:10px;
	width:18px;height:18px;
	background-image:url(../img/icons/closed.png);
	background-size:18px 18px;
	cursor:pointer;}
/*========================Header=========================*/
.header{
	position:relative;
	padding-bottom:50px;
	background-image:url(../img/screen-1.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center bottom;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	justify-content: space-between;}
	
.header__arrow__wrapper{
	height: 70px;
	text-align: center;
}
.header__arrow__wrapper:before{
	content: '';
	vertical-align: middle;
	display: inline-block;
	height: 100%;
}
.header__arrow{
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	width:36px;
	position: relative;
	height:45px;
	-webkit-transition: all .25s ease;
		 -moz-transition: all .25s ease;
			-ms-transition: all .25s ease;
			 -o-transition: all .25s ease;
					transition: all .25s ease;
}
.header__arrow:after{
	content: '';
	display: block;
	width:36px;
	height:45px;
	background-image:url('../img/icons/arrow-bottom.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: all .25s ease;
	 -moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		 -o-transition: all .25s ease;
				transition: all .25s ease;
}
.header__arrow:before{
	content: '';
	position: absolute;
	display: block;
	top: -10px;
	bottom: -10px;
	right: -8px;
	left: -8px;
	border: 1px solid transparent;
	border-radius: 45px;
		-webkit-transition: all .25s ease;
		 -moz-transition: all .25s ease;
			-ms-transition: all .25s ease;
			 -o-transition: all .25s ease;
					transition: all .25s ease;
}
.header__arrow:hover:after{
	background-size: 60%;
}
.header__arrow:hover:before{
	border-color: #fff;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
.header__content{}
	
.header__top{
	font-size:0.9em;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	color:#fff;}
@media(min-width:px){
		.header__top{
		font-size:1em;}}
	
.header__contacts{}		
	
.header__logo{
	-webkit-box-flex:0;
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	-webkit-box-ordinal-group:2;
	-ms-flex-order:1;
	order:1;
	padding:15px 0 0 0;}
@media(min-width:768px){
	.header__logo{
		-webkit-box-flex:0;
		-ms-flex:0 0 45%;
		flex:0 0 45%;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
			-webkit-box-align:center;
			-ms-flex-align:center;
			align-items:center;
			padding:0;
			-webkit-box-ordinal-group:1;
			-ms-flex-order:0;
			order:0;}}
	
.header__logo .logo{
	margin:0 auto;}
@media(min-width:768px){
		.header__logo .logo{
		margin:0;}}	
		
.header__slogan{
	display:block;
	font-size:1.2em;
	line-height:1.5;
	margin:15px 0 0 0;
	text-align:center;}
@media(min-width:768px){
		.header__slogan{
		text-align:left;
				margin:0 0 0 30px;}}


	
.header__middle{
	/*margin:8% 0 0 0;*/
	/*margin:2% 0 0 0;*/}
/*========================logo=========================*/	
.logo{
	display:block;
	width:70px;
	-webkit-flex: 0 0 70px;
	-moz-flex: 0 0 70px;
	-ms-flex: 0 0 70px;
	-o-flex: 0 0 70px;
	flex: 0 0 70px;
	text-decoration:none;}
/*====================contacts=========================*/	
.contacts{
	font-size:1em;
	margin:0 auto;}
@media(min-width:768px){
		.contacts{
		margin:0;}}

.contacts__mail,
.contacts__phone{
	display:block;}	
	
.contacts__mail{
	font-size:1.125em;
	padding-top:0.25em;
	text-align:center;}
@media(min-width:768px){
		.contacts__mail{
				text-align:right;}}

.contacts__phone{
	font-size:1.8em;
	font-weight: bold;
	line-height: 1.25;
	text-align: center;
}	

/*====================intro=========================*/	
.intro{
	opacity: 0;
	font-size:1em;
	width:100%;
	margin:0 auto;
	color:#fff;
	-webkit-transition: all .25s ease;
		 -moz-transition: all .25s ease;
			-ms-transition: all .25s ease;
			 -o-transition: all .25s ease;
					transition: all .25s ease;
}
.intro.active{
	opacity: 1;
}
.intro.hidden{
	display: none;
}
@media(min-width:768px){
		.intro{
		width:730px;}}
@media(min-width:960px){
		.intro{
		width:70%;}}
@media(min-width:1200px){
		.intro{
		font-size:0.95em;}}
@media(min-width:1400px){
		.intro{
		font-size:1em;}}
	
/* .intro--activ{
	display:block;}

.intro--unActiv{
	display:none;} */
	
.intro__title{
	display:block;
	font-size:2em;
	padding:0 0 0.5em 0;
	font-weight:500;
	line-height:1.1;
	text-align:center;}
@media(min-width:768px){
		.intro__title{
		font-size:3.125em;
		line-height:1.1;}}
	
.intro__text{
	font-size:1em;
	width:100%;
	padding:1em 15px 0 15px;
	font-weight:300;
	line-height:1.5;
	text-align:center;}
@media(min-width:768px){
		.intro__text{
		font-size:1.8em;
		width:85%;
			margin:0 auto;}}
	
.intro__bottom{
	position: relative;
	font-size:1em;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	padding-top: 100px;
-ms-align-items: center;
align-items: center;}
@media(max-width:768px){
		.intro__bottom{
		-webkit-flex-direction: column-reverse;
		-moz-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		-o-flex-direction: column-reverse;
		flex-direction: column-reverse;}}	
@media(min-width:768px){
		.intro__bottom{
		padding-top: 100px;}}	
@media(min-width:530px){
		.intro__btn{
		margin:0 15px 20px 15px;}}
@media(min-width:768px){
		.intro__btn{
		margin:0 15px;}}
	
/*====================pseudoList=========================*/	
.pseudoList{
	font-size:1.5em;
	width:100%;
	font-weight:300;
	text-align:left;}	
	
.pseudoList--min{
	width:600px;}
	
.pseudoList__item{
	padding:1em 0;
	line-height:1.5;}
	
.pseudoList__cout{
	padding-left:10px;}
	
.pseudoList__cout--circle{
	display:inline-block;
	width:15px;height:15px;
	border:2px solid #fff;
	border-radius:50%;}

/*====================advantages====================*/		
.advantages{
	font-size:0.9em;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;}
@media(min-width:1400px){
		.advantages{
			font-size:1em;}}
	
.advantages__title{
	-webkit-box-flex:0;
	-ms-flex:0 0 100%;
	flex:0 0 100%;}

.advantages__item{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-flex:0;
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	padding:1.9em 0;}
@media(min-width:768px){
		.advantages__item{
		-webkit-box-flex:0;
		-ms-flex:0 0 50%;
		flex:0 0 50%;}}

@media(min-width:768px){		
		.advantages__item .second-title{
				text-align:left;}}	
	
.advantages__image{
	-webkit-box-flex:0;
	-ms-flex:0 0 6.8em;
	flex:0 0 6.8em;
	-ms-flex-item-align:center;
	align-self:center;
	margin:0 auto;}
@media(min-width:768px){
		.advantages__image{
				margin:0;}}
	
.advantages__descr{
	-webkit-box-flex:0;
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	line-height:1.4;}	
@media(min-width:768px){
		.advantages__descr{
		-webkit-box-flex:0;
		-ms-flex:0 0 70%;
		flex:0 0 70%;
		padding:0 0 0 3.75em;}}
	
.advantages__descr .text{
	text-align:center;}
@media(min-width:768px){
		.advantages__descr .text{
		padding:1.5em 0 0 0;
		text-align:left;}}	
	
/*====================develops====================*/		
.develops{
	font-size:0.9em;
		position:relative;
	overflow:hidden;
	background:#fbfbfb;
	/*background:purple;*/}
@media(min-width:1400px){
		.develops{
		font-size:1em;}}
	
.develops__content .title{
	background:#fff;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
						box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
																-webkit-box-pack: center;}	
@media(min-width:960px){
		.develops__content .title{
			background:transparent;
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
						box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
																-webkit-box-pack: center;}}
	
.develops__bg-top,
.develops__bg-bot{
	position:absolute;
	width:500px;}
	
.develops__bg-top{
	top: -80px;left: -149px;}
	
.develops__bg-bot{
	width: 600px;
		bottom: -80px;right: -90px;}
	
.develops__content{
	position:relative;
	z-index:2;}	
	
.develops__box{
	position: relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin:4em 0;
	padding:3.125em 4.5em 4.5em;
	background:#fff;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;}	
@media(min-width:768px){
		.develops__box{
		-webkit-box-pack:start;
		-ms-flex-pack:start;
		justify-content:flex-start;
		padding: 3.125em 4.5em 6em;}}
	
	
.develops__box:first-of-type{
	margin:2em 0 0 0;}
	
.develops__descr{
	-webkit-box-flex:1;
	-ms-flex:1 0 0px;
	flex:1 0 0;
	line-height:1.4;}
@media(min-width:768px){
		.develops__descr{
			padding-left:2.5em;}}	
	
.develops__text{
	line-height:1.2;
	text-align:center;}
@media(min-width:768px){
		.develops__text{
			padding-top:1.5em;
			line-height:1.4;
		text-align:left;}}
	
	
.develops__img{
	-webkit-box-flex:0;
	-ms-flex:0 0 70%;
	flex:0 0 70%;
	-ms-flex-item-align:center;
	align-self:center;}
@media(min-width:768px){
		.develops__img{
		-webkit-box-flex:0;
		-ms-flex:0 0 28%;
		flex:0 0 28%;}}
	
.develops__list{
	padding-top:1.7em;}	
	
.develops__box--revers{
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	-ms-flex-direction:row-reverse;
	flex-direction:row-reverse;}
	
.develops__box--revers .develops__descr{
	}
@media(min-width:768px){
		.develops__box--revers .develops__descr{
				padding-right: 2.5em;}}


/*====================manufact======================*/	
.manufact{
	position:relative;
	font-size:0.9em;
	padding:15px 0;
	background-image:url('../img/manufact-1.png');
	background-repeat:no-repeat;
	background-position:100% 0;
	background-size:contain;}
@media(min-width:960px){
		.manufact{
		padding:0;
				background-image:none;}}
@media(min-width:1400px){
		.manufact{
		font-size:1em;}}

.manufact .title{
	position:relative;
	color:#fff;
	z-index:2;}
@media(min-width:960px){
		.manufact .title{
				color:#000;}}
		
@media(min-width:960px){
		.manufact .second-title{
				text-align:left;}}	
@media(min-width:960px){
		.manufact .second-title{
		text-align:center;}}
		
@media(min-width:960px){		
		.manufact .develops__img{
				-webkit-box-flex:0;
				-ms-flex:0 0 28%;
				flex:0 0 28%;}}		
		
.manufact__overlay{
	position:absolute;
	top:0;right:0;bottom:0;left:0;
	background-color:rgba(14, 83, 111,0.8);
	z-index:1;}		
@media(min-width:960px){
		.manufact__overlay{
				display:none;}}
	
.manufact .develops__box{
	position:relative;
	background:transparent;
	-webkit-box-shadow:none;
	box-shadow:none;
	z-index:2;
	margin:0;
	padding:0;
	color:#fff;}

@media(min-width:960px){
	.manufact .develops__box.db1{
			background-image:url('../img/manufact-2.png');
		}
		.manufact .develops__box.db2{
			background-image:url('../img/manufact-1.png');
			background-size:auto 55%;
		}
		.manufact .develops__box.db3{
			background-image:url('../img/manufact-3.png');
		}
		.manufact .develops__box{
			background-repeat:no-repeat;
			background-position:100% 0;
			background-size:auto 70%;
		-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
				box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
		color:#000;
		/*margin:4em 0 0 0;*/
		padding: 3.125em 4.5em;}
	}	
@media(min-width:1200px){
	.manufact .develops__box{
		background-size:auto 85%;
	}
}
/*====================partners======================*/
.partners{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;}
.partners__item{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-flex:0;
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	max-width:320px;
	padding:15px 30px;}
@media(min-width:480px){
		.partners__item{
				-webkit-box-flex:0;
				-ms-flex:0 0 50%;
				flex:0 0 50%;}}
@media(min-width:768px){
		.partners__item{
		-webkit-box-flex:0;
		-ms-flex:0 0 33.333333%;
		flex:0 0 33.333333%;}}
@media(min-width:960px){
		.partners__item{
		-webkit-box-flex:0;
		-ms-flex:0 0 25%;
		flex:0 0 25%;
		/*ie*/
		max-width:285px;}}	
	
/*====================callbackBottom================*/	
.callbackBottom{
	font-size:0.9em;
	background:#8d0015;}
@media(min-width:1400px){
		.callbackBottom{
		font-size:1em;}}
@media(min-width:1200px){
		.callbackBottom .title{
				padding-top:0;}}
/*=====================bottomForm==================*/
.bottomForm{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	padding:2em 0;}
@media(min-width:1200px){
		.bottomForm{
				padding:2em 0 0 0;}}

.bottomForm .modal__input{
		-webkit-box-flex:0;
		-ms-flex:0 0 100%;
		flex:0 0 100%;
	border:none;
	margin:15px 0;}	
@media(min-width:768px){
		.bottomForm .modal__input{
		-webkit-box-flex:1;
		-ms-flex:1 0 0px;
		flex:1 0 0;
		margin:0 10px;}}
	
.bottomForm__btn{
	color:#fff;}
/*====================varieties================*/
.varieties{
	font-size:0.9em;}
@media(min-width:px){
		.varieties{
		font-size:1em;}}

.ui-state-focus:focus{ outline:none;}		
		
.varieties__tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a{
	outline:none;}		
		
.varieties__tabs .ui-tabs-nav{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	justify-content: space-between;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;}

.varieties__tabs.ui-tabs .ui-tabs-nav li a{
	text-decoration:underline;
width: 100%;}	
	
.varieties__tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active{
	color:#ff650a;
	background:#fff;
	-webkit-box-shadow: 0px -7px 30px -9px rgba(0,0,0,0.1);
	box-shadow: 0px -7px 30px -9px rgba(0,0,0,0.1);}
	
.varieties__tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active a{
	text-decoration:none;}
	
.ui-tabs .ui-tabs-panel:not(.develops__box){
	padding:1em;}	
@media(min-width:960px){
		.ui-tabs .ui-tabs-panel:not(.develops__box){
				padding:4.6em 3.75em 8.75em 3.75em;}}	
	
.varieties__item{
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
	background:#fff;}

.varieties__item .develops__box{
	-webkit-box-shadow:none;
	box-shadow:none;
	margin:0;
	padding:0 0 3.125em 0;}
	
.varieties__item .develops__box:last-of-type{
	padding:0;}
	
.varieties__item .develops__box	.develops__img{
	-ms-flex-item-align:start;
	align-self:flex-start;}

.varieties__second-title{
	color:#ff650a;
	font-weight:300;}	
	
.tabs-1__content{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;}	
	
.tabs-1__col-1{
	-webkit-box-flex:0;
	-ms-flex:0 0 100%;
	flex:0 0 100%;}
@media(min-width:768px){
		.tabs-1__col-1{
				-webkit-box-flex:0;
				-ms-flex:0 0 50%;
				flex:0 0 50%;}}
		
.tabs-1__col-2{
	-webkit-box-flex:0;
	-ms-flex:0 0 100%;
	flex:0 0 100%;}	
@media(min-width:768px){
		.tabs-1__col-2{
				-webkit-box-flex:0;
				-ms-flex:0 0 40%;
				flex:0 0 40%;}}
		
.tabs-1__title{
	font-size:1.5em;}

.tabs-1__text{
	padding:2em 0 0 0;
	font-size:1.25em;
	line-height:1.4;}	
	
.tabs-1__list{
	padding:3.125em 0 0 0;}

.tabs-1__list .list__item{
	padding-bottom:1.5em;}
	
.tabs-1__list .list__item:before{
	top:3px;}
	
.tabs-2__title{
	display:block;
	padding-top:2.5em;
	font-size:1.25em;}
	
.tab-3 .list,.tab-3 .tabs-2__title,
.tab-3 .second-title{
	display:block;
	line-height:1.4;}		
	
.tab-3 .second-title{
	text-align:left;
		font-size:1.4em;
	padding: 0.5em 0 1.4em 0;}	
	
.tab-3 .tabs-2__title{
	padding:0 0 1.4em 0;}	
	
.tab-3 .list{
	font-size:1.25em;
	padding:0 0 1.4em 0;}	
	
.tab-3 .list .list__item:last-child{
	padding-bottom:0;}	
	
.tab-3__grid{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;}	
	
.tab-3__grid-item{
	-webkit-box-flex:0;
	-ms-flex:0 0 22%;
	flex:0 0 22%;}	
	
.tab-3__grid-img{
	display:block;
	width:100%;
	max-width:120px;
	margin:0 auto;}	
	
.tab-3__grid-text{
	font-size:1.125em;
	line-height:1.4;
	padding-top:1em;
	display:block;
	text-align:center;
	max-width: 150px;
	margin: 0 auto;
}
@media(max-width:768px){
	.tab-3__grid-item{
		-ms-flex: 0 0 45%;
				flex: 0 0 45%;
	}
	.tab-3__grid{
		justify-content: space-around;
	}
	.tab-3__grid-text{
		margin-bottom: 10px;
	}
}
/*=====================gamma-colors==================*/	
.gamma-colors{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	padding: 3.125em 0 0 0;}	
.gamma-colors__item{
	-webkit-box-flex:0;
	-ms-flex:0 0 15%;
	flex:0 0 15%;
	padding:2% 0 0 0;}
/*=====================howUse==================*/
.how-use{
	font-size:0.9em;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;}
@media(min-width:1400px){
		.how-use{
		font-size:1em;}}	

.how-use__title{
	-webkit-box-flex:0;
	-ms-flex:0 0 100%;
	flex:0 0 100%;}	
	
.how-use__item{
	-webkit-box-flex:0;
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	padding:1em;}
@media(min-width:768px){
		.how-use__item{
				-webkit-box-flex:0;
				-ms-flex:0 0 33.333333333333333%;
				flex:0 0 33.333333333333333%;
		/*ie*/
		max-width:380px;}}

	
.how-use__box{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	height:220px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;}
	
.how-use__text{
	font-size:1.625em;
	text-align:center;
	color:#fff;}
/*=====================portfolio==================*/	
.portfolio{
	font-size:0.9em;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;}
@media(min-width:768px){
		.portfolio{
				justify-content:space-between;}}

@media(min-width:1400px){
		.portfolio{
		font-size:1em;}}	

.portfolio__title,
.portfolio__descr{
	-webkit-box-flex:0;
	-ms-flex:0 0 100%;
	flex:0 0 100%;}

.portfolio__title{
	}	
	
.portfolio__descr{
	text-align:center;
	line-height:1.4;
	margin-bottom: 2em;
}
.develops__content .portfolio__descr{
	background-color: #fff;
	padding: 10px;
		margin-top: 10px;
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
}
.portfolio-wrapper{
	flex-basis: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.portfolio__item{
	position:relative;
		-webkit-box-flex:0;
		-ms-flex:0 0 48%;
		flex:0 0 48%;
	padding:1em 0;}
@media(min-width:768px){
		.portfolio__item{
				-webkit-box-flex:0;
				-ms-flex:0 0 23%;
				flex:0 0 23%;
			max-width:256px;}}

.portfolio__strch{
	width:100%;
	padding-top:100%;
	opacity:0;}	
	
.portfolio__box{
	max-width:320px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;}
	
/*=====================footer-top==================*/	
.footer__top{
	font-size:0.9em;
	background-image:url(../img/footer-topbg.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;}	
@media(min-width:1400px){
		.footer__top{
		font-size:1em;}}
	
.footer__top .title{
	width:100%;
	margin:0 auto;
	line-height:1.4;}
@media(min-width:768px){
		.footer__top .title{
				width:65%;}}
	
	
.footer__form{
	font-size:1em;
	width:100%;
	margin:1.85em auto 3.125em auto;
	padding:1.6em 1em;
	background:#fff;}
@media(min-width:768px){
		.footer__form{
		padding:1.25em 4.3em 3.125em 4.3em;
		width:520px;}}	

.footer__form .modal__input,
.footer__field{
	width:100%;}
	
.footer__field{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	margin-left:auto;
	margin-right:auto;}
	
.footer__inputbox{
	-webkit-box-flex:0;
	-ms-flex:0 0 100%;
	flex:0 0 100%;
	margin:30px 0 0 0;}
.footer__inputbox .modal__input:first-of-type{
	margin:0;}	
@media(min-width:768px){
		.footer__inputbox{
				-webkit-box-flex:0;
				-ms-flex:0 0 45%;
				flex:0 0 45%;}
	.footer__inputbox:first-of-type{
			margin:30px 0 0 0;}}

	
.footer__form .modal__btn{
	display:block;
	width:100%;
	max-width:280px;
	margin:30px auto 0 auto;}

.footer__bottom{
	background-color:#1b1b1b;
	color:#fff;}
	
.footer__section{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	width:290px;
	margin:0 auto;
	padding:2em 0;}	
@media(min-width:768px){
		.footer__section{
				width:730px;}}
@media(min-width:1200px){
		.footer__section{
		width:860px;}}
	
.footer__logo{
	width:100%;}	
@media(min-width:768px){
		.footer__logo{	 
			-webkit-box-flex:0;	 
			-ms-flex:0 0 60%;	 
			flex:0 0 60%;
			display:-webkit-box;
			display:-ms-flexbox;
			display:flex;
			-ms-flex-wrap:nowrap;
			flex-wrap:nowrap;
			-webkit-box-align:center;
			-ms-flex-align:center;
			align-items:center;}}
@media(min-width:1200px){
		.footer__logo{	 
			-webkit-box-flex:0;	 
			-ms-flex:0 0 70%;	 
			flex:0 0 70%;
			display:-webkit-box;
			display:-ms-flexbox;
			display:flex;
			-ms-flex-wrap:nowrap;
			flex-wrap:nowrap;
			-webkit-box-align:center;
			-ms-flex-align:center;
			align-items:center;}}	
	
.footer__logo .logo{
	margin:0 auto;}
@media(min-width:1200px){
	.footer__logo .logo {
		 margin: 0;
	}
}
@media(min-width:768px){
		.footer__logo .log{
				margin:0;}}
	
	
.footer__contacts .contacts__phone{
	font-size:1.5em;}
	
.footer__contacts .contacts__mail{
	font-size:1em;}	

/*/==============Customs===============/*/
	
.jGrowl.top-right {
		right: 50% !important;
		top: 50% !important;
		margin-right: -145px;
		margin-top: -100px;
}

.jGrowl {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 290px;
		height: 200px;
		z-index: 9999;
		right: 50%;
		/* margin-right: -145px; */
		color: #fff;
		font-size: 12px;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
		position: fixed;
}
	
.jGrowl-notification{
	width:100% !important;
		margin:0 !important;}

.jGrowl-message{
	height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 2em;
		text-align: center;
		line-height: 1.6;}

.item{
		cursor:pointer;}


.progress{
		height: 20px;
		width: 100%;
		position: relative;
		margin-bottom: 25px;
}
.progress .progress-line{
		position: absolute;
		top: 9px;
		height: 2px;
		left: 8px;
		right: 8px;
		background-color: #FF660C;
}
.progress .progress-indicator{
		position: absolute;
		width: 16px;
		height: 16px;
		background-color: #e7e7e7;
		box-shadow: 0px 0px 20px #000;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		top: 2px;
		left: 100%;
		-webkit-transition: all .5s ease;
			 -moz-transition: all .5s ease;
				-ms-transition: all .5s ease;
				 -o-transition: all .5s ease;
						transition: all .5s ease;
}
.topForm{
		max-width: 760px;
		margin: 0 auto;
		overflow: hidden;
		padding: 0 15px;
		-webkit-transition: all .25s ease;
			 -moz-transition: all .25s ease;
				-ms-transition: all .25s ease;
				 -o-transition: all .25s ease;
						transition: all .25s ease;
}	
.gallery-btns-wrapper,
.topForm .steps{
	opacity: 0;
		top: -400px;
		position: relative;
		-webkit-transition: all .5s ease .5s;
			 -moz-transition: all .5s ease .5s;
				-ms-transition: all .5s ease .5s;
				 -o-transition: all .5s ease .5s;
						transition: all .5s ease .5s;
}
.topForm .steps .step{
		width: 100%;
		outline: none;
}
.topForm .steps .step .question{
		text-align: center;
		font-size: 24px;
		margin-bottom: 25px;
}
.topForm .steps .step .answers{
		max-width: 560px;
		margin: 0 auto;
}
.topForm .steps .step .var-answer{
		display: table;
		width: 100%;
		margin-bottom: 10px;
}
.var-answer input{
		display: none;
}
input[name="site-name"]{
		width: 0;
		position: absolute;
		height: 0;
		opacity: 0;
}
/* .var-answer:before{
		height: 100%;
		display: inline-block;
		content:"";
		vertical-align: middle;
} */
.var-answer .pseudo-radio{
		display: table-cell;
		width: 16px;
		vertical-align: top;
}
.var-answer .pseudo-radio:before{
		width: 14px;
		height: 14px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		border: 2px solid #fff;
		position: relative;
		display: block;
		content: '';
}
.var-answer input:checked ~ .pseudo-radio:before{
		background-color: #FF660C;
}
.radio-text{
		display: table-cell;
		padding-left: 8px;
}
.hint-slider{
	position: absolute;
	padding: 10px 25px;
	border: 1px solid #f5610a;
	color: #f5610a;
	background-color: #f5610a;
	color: #fff;
	opacity: 0;
	top: 90px;
	text-align: center;
	-webkit-transition: all .2s ease;
		 -moz-transition: all .2s ease;
			-ms-transition: all .2s ease;
			 -o-transition: all .2s ease;
					transition: all .2s ease;
}
.hint-slider.active{
	top: 29px;
	opacity: 1;
}
.quiz_submit{
	font-family: 'Open Sans', sans-serif;
}
#discount.active .gallery-btns-wrapper,
#discount.active .topForm .steps{
	top: 0;
	opacity: 1;
}
#discount.active .progress .progress-indicator{
	left: 0;
}
.bank-wrapper{
	background-color: #fee001;
	padding: 25px 0;
}
.bank-inner{
	max-width: 950px;
	margin: 0 auto;
	padding: 15px 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}
.logo-bank{
	-webkit-flex: 0 0 25%;
	-moz-flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	-o-flex: 0 0 25%;
	flex: 0 0 25%;
}
.logo-bank img{
	width: 100%;
}
.description-bank{
	-webkit-flex: 0 0 75%;
	-moz-flex: 0 0 75%;
	-ms-flex: 0 0 75%;
	-o-flex: 0 0 75%;
	flex: 0 0 75%;
	padding-left: 40px;
}
.title-bank-descr{
	font-size: 30px;
	line-height: 1.5;
	margin-bottom: 30px;
	font-weight: 500;
}
.title-bank-descr span{
	font-weight: 300;
	display: block;
}
.btn-bank-descr{
	display: block;
	width: auto;
	margin: 0 auto;
	border-radius: 50px;
	height: 46px;
	width: 260px;
	border:	1px solid #000;
	text-align: center;
	line-height: 44px;
	font-size: 20px;
	cursor: pointer;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}
.btn-bank-descr:hover{
color: #fee001;
background-color: #000;
}
@media(max-width:960px){
	.bank-inner{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.description-bank,
	.logo-bank{
		-webkit-flex: 0 0 100%;
		-moz-flex: 0 0 100%;
		-ms-flex: 0 0 100%;
		-o-flex: 0 0 100%;
		flex: 0 0 100%;
	}
	.logo-bank img{
		width: 250px;
		display: block;
		margin: 0 auto 30px;
	}
	.description-bank{
		padding-left: 0;
		text-align: center;
		font-size: 24px;
	}
}
@media(max-width:768px){
	.title-bank-descr{
		font-size: 24px;
	}
}
.thanks-form{
			display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		font-size: 24px;
}
.thanks-form span{
	display: block;
}
#automaticTabs .ui-tabs-nav{
	position: relative;
	z-index: 9;
}
.map{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	flex-wrap:wrap;
}
.map-inner{
	-webkit-flex: 0 0 100%;
	-moz-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	-o-flex: 0 0 100%;
	flex: 0 0 100%;
	position: relative;
	height: 500px;
	max-width: 100%;
}
/*.map-inner:before{
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 10;
	opacity: 1;
	background-color: rgba(0,0,0,.5);
	-webkit-transition: all.3s ease;
		 -moz-transition: all.3s ease;
			-ms-transition: all.3s ease;
			 -o-transition: all.3s ease;
					transition: all.3s ease;
}
.map-inner:hover:before{
	z-index: 0;
	opacity: 0;
}*/
.map-descr{
	-webkit-flex: 0 0 35%;
	-moz-flex: 0 0 35%;
	-ms-flex: 0 0 35%;
	-o-flex: 0 0 35%;
	flex: 0 0 35%;
	text-align: center;
	background-color: #fff;
	padding: 20px 20px 50px 20px;
}

.map-descr--full{
		-webkit-flex: 0 0 100%;
	-moz-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	-o-flex: 0 0 100%;
	flex: 0 0 100%;	 
}

.map-title{
	margin-bottom: 10px;
	font-size: 19px;
}
.offset{
	height: 30px;
}
.map-subtitle{
	font-size: 19px;
}
.develops__box .price {
	position: absolute;
	bottom: 30px;
	right:0;
	background-color: #ff650a;
	color: #fff;
	padding: 7px 96px 11px 10px;
	font-size: 27px;
	font-weight: bold;
}

.develops__box.develops__box--revers .price {
	padding: 5px 10px 8px 96px;
	left: 0;
	right: auto;
}
.develops__box .btn{
	width: 180px;
}
.btn-wrapper{
	display: flex;
	align-items: center;
	margin-top: 20px;
}
.btn-wrapper .price2{
	padding: 0 40px 0 70px;
	font-size: 27px;
	font-weight: 700;
}
@media(max-width: 768px){
	.btn-wrapper .price2 {
		padding: 0 12px 0 0;
		font-size: 16px;
}
}
@media(max-width:960px){
	.map{
		flex-direction: column;
		align-items: inherit;
	}
	.map-descr{
		padding: 20px 20px 50px 20px;
	}
}
@media(max-width:600px){
	.map-inner{
		height: 300px;
	}
}
@media(max-width: 768px){
	.develops__box .price{
		font-size: 16px;
	}
}
 /* соцсети */
ul.menu {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	list-style-type: none;
	padding: 0;
	margin: 3em 0 -2em;
	text-align: center;
}
ul.menus {
	-webkit-transform: transform: scale(0.77);
	-ms-transform: transform: scale(0.77);
	transform: scale(0.77);
	margin: -0.7em 0 0;
	left: 0;
	top: 0;
	text-align: center;
}
ul.menu li {
	display: inline-block;
	margin: 0.67em;
	vertical-align: top;
}
ul.menu li a i.fa {
	display: inline-block;
	height: 47px;
	width: 47px;
	text-align: center;
	line-height: 27px;
	padding: 10px;
	border-radius: 27px;
	color: #424242;
	position: relative;
	transition: all ease 0.2s;
	font-size: large;
}
/* ul.menus li a i.fa {
	font-size: 1.3em;
} */
ul.menu li a i.fa::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 100%;
	width: 100%;
	z-index: -1;
	border-radius: 40px;
	background-color: #c0c0c0;
}
ul.menu li a i.fa:hover {
	color: #fff;
	font-size: 18px;
}
ul.menu li a i.fa:hover::after {
	animation: animate ease 0.6s forwards;
}
ul.menu li a i.fa-facebook:hover::after {
	background-color: #3b5998;
}
ul.menu li a i.fa-twitter:hover::after {
	background-color: #00aced;
}
ul.menu li a i.fa-instagram:hover::after {
	background-color: #8a3ab9;
}
ul.menu li a i.fa-youtube-play:hover::after {
	background-color: #ff0000;
}
ul.menu li a i.fa-vk:hover::after {
	background-color: #4973ab;
}
ul.menu li a i.fa-at:hover::after {
	background-color: #168de2;
}
ul.menu li a i.fa-odnoklassniki:hover::after {
	background-color: #fb992c;
}
ul.menu li a i.fa-pinterest:hover::after {
	background-color: #cb2028;
}
ul.menu li a i.fa-pencil:hover::after {
	background-color: #00d9fb;
}
ul.menu li a i.fa-whatsapp:hover::after {
	background-color: #009d00;
}
@font-face {
	font-family: 'fa-viber';
	src:url('../fonts/fa-viber.eot?-3dwksg');
	src:url('../fonts/fa-viber.eot?#iefix-3dwksg') format('embedded-opentype'),
		url('../fonts/fa-viber.ttf?-3dwksg') format('truetype'),
		url('../fonts/fa-viber.woff?-3dwksg') format('woff'),
		url('../fonts/fa-viber.svg?-3dwksg#fa-viber') format('svg');
	font-weight: normal;
	font-style: normal;
}
.fa-viber:before {
	font-family: 'fa-viber';
	content: "\e666";
}
#vb_mb {
	display:none;
}
@media (max-width:1024px) {
#vb_pk {display:none}
#vb_mb {display:inline-block}
}
ul.menu li a i.fa-viber:hover::after {
	background-color: #7b519b;
}
ul.menu li a i.fa-telegram:hover::after {
	background-color: #34ade2;
}
ul.menu li a i.fa-envelope:hover::after {
	background-color: #fbda40;
}
@keyframes animate {
	0%,20% {
		transform: scale(1);
		border-radius: 40px;
		background-color: #9E9E9E;
	}
	30% {
		transform: scale(1.2);
	}
	40% {
		transform: scale(1.1);
	}
	50% {
		transform: scale(1);
		border-radius: 10px;
	}
	60%,100% {
		transform: scale(1);
		border-radius: 5px;
	}
}
.seehere {
	font-size: 50px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #ff0000;
}
 /* конец соцсети */