@font-face {
	font-family: ALSRubl;
	src: url('../fonts/rouble.ttf');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('../fonts/proxima_nova_extrabold.eot');
	src: url('../fonts/proxima_nova_extrabold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proxima_nova_extrabold.woff2') format('woff2'),
		url('../fonts/proxima_nova_extrabold.woff') format('woff'),
		url('../fonts/proxima_nova_extrabold.ttf') format('truetype'),
		url('../fonts/proxima_nova_extrabold.svg#proxima_nova_extrabold') format('svg');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('../fonts/proxima_nova_bold.eot');
	src: url('../fonts/proxima_nova_bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proxima_nova_bold.woff2') format('woff2'),
		url('../fonts/proxima_nova_bold.woff') format('woff'),
		url('../fonts/proxima_nova_bold.ttf') format('truetype'),
		url('../fonts/proxima_nova_bold.svg#proxima_nova_bold') format('svg');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Proxima Nova';
	src: url('../fonts/proxima_nova_regular.eot');
	src: url('../fonts/proxima_nova_regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/proxima_nova_regular.woff2') format('woff2'),
		url('../fonts/proxima_nova_regular.woff') format('woff'),
		url('../fonts/proxima_nova_regular.ttf') format('truetype'),
		url('../fonts/proxima_nova_regular.svg#proxima_nova_regular') format('svg');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

html{
	height:100%;
	width:100%;
}
	body{
		padding:0;
		margin:0;
		height:100%;
		width:100%;
		color:#212121;
		background-color:#fff;
		line-height:1;
		font-weight:500;
	}
	body *::-moz-selection {
		background:#79b423;
		color:#fff;
	}

	body *::-webkit-selection {
		background:#79b423;
		color:#fff;
	}

	body *::selection {
		background:#79b423;
		color:#fff;
	}
		*{
			outline:none;
			box-sizing:border-box;
			font-family:'Proxima Nova', sans-serif;
		}
		img{
			vertical-align:bottom;
		}
		input{
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
		}
		rub{
			font-family:'ALSRubl';
			font-weight:300;
		}
		.anim,
		.anim *{
			-webkit-transition:.3s ease;
			transition:.3s ease;
		}
		.clear{
			float:none;
			clear:both;
		}
		a{
			color:#212121;
		}
		a:hover{
			color:#5d9905;
		}

		.btn{
			font-size:17px;
			font-weight:500;
			padding:14px 35px 16px;
			cursor:pointer;
			display:inline-block;
			position:relative;
			text-decoration:none;
			color:#fff;
			background-color:#79b423;
			border-radius:50px;
			text-align:center;
		}
		.btn:hover{
			background-color:#5d9905;
			color:#fff;
			box-shadow:inset 5px 5px 5px #528704;
		}
		h2.point{
			font-size:56px;
			font-weight:800;

		}
		.point::after{
			content:".";
			position:absolute;
			color:#79b423;
		}



		.wide{
			width:100%;
			/* min-width:1100px; */
			max-width:1920px;
			position:relative;
		}

		.box{
			width:100%;
			max-width:1320px;
			/* min-width:1060px; */
			margin:0 auto;
			padding:0 20px;
			position:relative;
		}
		.hidden{
			opacity:0;
		}
		.visible{
			opacity:1;
		}


/* header */
.header{
	padding:35px 0;
}
	.header .box>div{
		display:flex;
		justify-content:space-between;
		align-items: center;
	}
		.header .logo object{
			width:150px;
			height:auto;
		}
			.header .logo a{
				display:inline-block;
			}
		.header ul{
			list-style:none;
			padding:0;
			margin:0;
		}
			.header ul li{
				display:inline-block;
				font-size:17px;
				margin:0 16px;
			}
				.header ul li a{
					text-decoration:none;
				}
		.head__btn a:first-child{
			text-decoration:none;
			font-size:22px;
			font-weight:600;
			margin-right:25px;
			position:relative;
			bottom:-1px;
		}
.mmenu,
#menu{
	display:none;
}



/* utp */
.utp{
	padding:150px 0 200px;
}
	.utp h1{
		font-size:66px;
		font-weight:800;
		margin-top:0;
	}
		.utp h1.point:after {
			display: inline-block;
			animation: dotty steps(1,end) 3s infinite ;
			content: '';
		}
		@keyframes dotty {
		  0%   { content: ''; }
		  25%  { content: '.'; }
		  50%  { content: '..'; }
		  75%  { content: '...'; }
		  100% { content: ''; }
		}
	.utp .btn{
		padding:22px 45px 24px;
		margin-top:-10px;
	}

/* works */
.works{

}
	.portfolio__filter{
		margin:20px 0 15px;
		overflow:hidden;
		position:relative;
	}
	.portfolio__filter:after{
		content:'';
		position:absolute;
		width:60px;
		height:40px;
		right:0;
		top:0;
		background: linear-gradient(to right, transparent, #fff);
	}
		.portfolio__filter>div{
			display:flex;
			overflow-x:auto;
			white-space:nowrap;
			padding-right:50px;
			padding-bottom:15px;
		}

		.portfolio__filter .btn{
			font-size:14px;
			padding:7px 15px;
			border:1px solid silver;
			background:none;
			color:#212121;
			margin-right:10px;
		}
		.portfolio__filter .btn:hover,
		.portfolio__filter .btn.active{
			border-color:#79b423;
			color:#79b423;
			box-shadow:none;
		}
		.portfolio__filter .btn.active{
			cursor:default;
		}
	.w__list{
		margin-left:-35px;
	}
		.w__item{
			width:33.33%;
			max-width:100%;
			color:#6c6c6c;
			font-size:14px;
			margin-bottom:50px;
		}
		.w__item.hidden:nth-child(1){
			opacity:1 !important;
		}
			.w__item a{
				display:block;
				font-weight:900;
				text-decoration:none;
				font-size:22px;
				margin-bottom:12px;
				line-height:25px;
				margin-left:35px;
			}
			.w__item>span{
				margin-left:35px;
			}
			.w__item a:hover{
				color:#679e16;
				/* text-decoration:underline; */
			}
				.w__item a:hover img{
					transform: rotate(1deg) scale(1.1);
				}
				.w__item a span{
					padding-right:50px;
				}
			.w__item__img{
				width:100%;
				height:520px;
				background-color:#eee;
				margin-bottom:16px;
				overflow:hidden;
				position:relative;
				border-radius:2px;
			}
				.w__item__img img{
					width:100%;
					height:100%;
					object-fit: cover;
					/* transform: scale(1); */
					position:absolute;
					bottom:0;
				}
	.w__all{
		text-align:center;
	}
		.w__all .btn{
			padding:22px 45px 24px;
		}


/* about */
.about{
	margin-top:100px;
	padding-top:50px;
	padding-bottom:100px;
	font-size:18px;
	line-height:30px;
	background-color:#f9f8f8;
}
	.about__content{
		display:flex;
		justify-content:space-between;
	}
		.about__content>div{
			width:45%;
		}
	.a__param{
		line-height:24px;
		display:flex;
		margin-top:45px;
		flex-wrap:wrap;
	}
		.a__param div{
			width:50%;
			padding-right:70px;
			font-size: 15px;
			line-height: 18px;
		}
		/* .a__param div span::before{
			content:'';
			position:absolute;
			width:50px;
			height:50px;
			background-color:#79b423;
			border-radius:50px;
			z-index:-1;
			right:-22px;
			top:-37px;
		} */
			.a__param span{
				font-size:66px;
				font-weight:600;
				display:inline-block;
				margin-bottom:30px;
				position:relative;
				color:#679e16;
			}
			/* .a__param div:hover span::before{
				width:80px;
				height:80px;
				border-radius:150px;
				right:-22px;
				top:-37px;
				-webkit-transition:.3s ease;
				transition:.3s ease;
			}
			.a__param div:not(:hover) span::before{
				width:50px;
				height:50px;
				-webkit-transition:.3s ease;
				transition:.3s ease;
			} */



/* services */
.services{
	margin-top:100px;
}
	.s__list{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
		.s__list div{
			width:30%;
			font-size:17px;
			margin-bottom:50px;
		}
			.s__list h2{
				font-size:30px;
				margin:10px 0 15px 0;
			}
			.s__list p{
				line-height:26px;
				font-size:15px;
			}
			.s__list ul{
				padding:0;
				margin:0 0 20px 0;
				font-size:14px;
				/* line-height:36px; */
				color:#6c6c6c;
				list-style:none;
			}
				.s__list li{
					padding:0 0 10px;
					/* margin-left:3px; */
					position:relative;
					line-height:22px;
				}
				/* .s__list li::before{
					content:'';
					position:absolute;
					height:1px;
					width:20px;
					background-color:#79b423;
					top:18px;
					left:0;
				} */
		.s__price{
			font-size:25px;
			font-weight:900;
			padding-left:27px;
			display:none;
		}


/* clients */
.clients{
	overflow:hidden;
}
	.c__list{
		display:flex;
		/* flex-wrap:wrap; */
		/* justify-content:space-between; */
		margin-top:50px;

		-webkit-animation: cloud_one 70s linear infinite alternate;
    -moz-animation: cloud_one 70s linear infinite alternate;
    -o-animation: cloud_one 70s linear infinite;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
	}
		.c__list div{
			padding-right:100px;
			opacity:0.7;
		}

		@-webkit-keyframes cloud_one {
			from{
				transform: translateX(10%);
			}
			to{
				transform: translateX(-80%);
			}
		}

.case{

}
	.case h2{
		width:70%;
	}
	.case__date{
		color:#4a4949;
		display:block;
		margin-bottom:10px;
	}
	.case__link{
		display:block;
		margin-bottom:40px;
		color:#79b423;
		font-size:13px;
	}
		.case__link a{
			font-size:16px;
			font-weight:600;
			margin-right:5px;
		}
	.case p{
		font-size:18px;
		width:70%;
		line-height:150%;
	}


	.case__info{
		display:flex;
		justify-content:space-between;
		margin-top:80px;
	}
		.case__info img{
			width:100%;
			height:100%;
			box-shadow: 0 25px 30px -15px rgba(0,0,0,0.15),0 15px 100px 5px rgba(0,0,0,0.15);
			margin-bottom:50px;
			border-radius:2px;
		}
		.case__info--title{
			width:300px;
			color:silver;
			font-size:18px;
			padding:30px 20px 0 40px;
			position:relative;
		}
			.case__info--title span{
				position:sticky;
				top:30px;
			}
		.case__info--img{
			width:100%;
		}
		.case__info--mobile{
			display:flex;
			align-items: flex-start;
		}
			.case__info--mobile img{
				width:33%;
				height:auto;
				max-width:360px;
				margin-right:30px;
			}
			.case__info--mobile img:last-child{
				margin-right:0;
			}
	.case .w__all{
		margin-top:30px;
	}
		.case .w__all *{
			font-weight:600;
			font-size:20px;
		}
		.case .w__all span{
			margin-right:30px;
		}

/* contacts */
.contacts{
	margin-top:30px;
}
	.contacts h2.point::after {
		content:'';
	}
	.contacts__info{
		display:flex;
	}
		.contacts__info p{
			width:50%;
			font-size: 20px;
			line-height: 28px;
		}
		.contacts__info a{
			text-decoration:none;
		}
		.contacts__info .bold{
			font-weight:800;
		}
.wider-contacts-send{
	background-color:#79b423;
	color:#fff;
	padding:30px 20px;
	font-size:20px;
	transition:.0s;
	-webkit-transition:.0s;
	display:none;
}
	.wider-contacts-send .uk-alert-close{
		top:8px;
	}
.wider-contacts{
	margin-top:80px;
}
	.slim-contacts{
		height:100%;
	}
		.slim-contacts span{
			font-size:18px;
			margin-top:0;
			display:block;
		}
		span.error{
			display:none !important;
		}
		input.focus{
			border-bottom:solid 3px #cc0e0e !important;
		}
		.slim-contacts form{
			display:flex;
			width:100%;
		}
			.left-contacts,
			.right-contacts{
				width:50%;
			}
			.slim-contacts input[type=text],
			.slim-contacts textarea{
				border-left:0;
				border-right:0;
				border-top:0;
				border-bottom:solid 3px silver;
				background-color:transparent;
				padding:10px 0 5px 0;
				font-size:20px;
				width:70%;
				min-width:400px;
				margin-bottom:50px;
				transition:.3s;
				-webkit-transition:.3s;
			}
			.slim-contacts textarea{
				width:80%;
				height:100px;
			}
			.slim-contacts input[type=text]:focus,
			.slim-contacts textarea:focus{
				border-color:#91c93f;
			}
			label{
				cursor:pointer;
				display:inline-block;
				margin-bottom:5px;
				padding:4px 0 3px 30px;
				background:url('/i/clip.svg') left center no-repeat;
			}
				label font{
					border-bottom:solid 1px #d7d7d7;
				}
			label:hover{
				border-color:#91c93f;
			}
			span.forfile{
				padding-left:30px;
				margin-bottom:50px;
				font-size:14px;
			}
			#file{
				width: 0;
				height: 0;
				padding: 0;
				margin: 0;
				position: absolute;
				top: 0;
			}

			.fornameput{
				width:1px;
				height:1px;
				position:absolute;
				top:0;
				border:0;
			}
			.forsubmit{
				display:flex;
				align-items:center;
			}
			.slim-contacts button{
				padding:15px 56px 14px 56px;
				color:#fff;
				/* background-color:#79b423; */
				border-radius:30px;
				display:inline-block;
				text-decoration:none;
				cursor:pointer;
				border:0;
				font-size:20px;
				transition:.3s;
				-webkit-transition:.3s;
			}
			.slim-contacts button:hover{
				/* background-color:#91c93f; */
			}
			.forsubmit span{
				font-size:12px;
				display:inline-block;
				margin:0 0 0 10px;
			}




/* footer */
.footer{
	margin-top:80px;
}
	.footer .box{
		border-top:1px solid silver;
		padding-top:25px;
		padding-bottom:25px;
		display:flex;
		justify-content:space-between;
		font-size:16px;
		align-items:center;
	}
		.footer a{
			text-decoration:none;
		}
			/* .footer a:hover{
				color:#5d9905;
			} */
		.footer a.bold{
			font-weight:600;
			font-size:22px;
			margin-right:20px;
			vertical-align:middle;
		}