@colorGreen1: #64a500;
@colorGreen2: #7dc91c;

*{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #000;
	list-style: none;
	border: none;
	box-sizing: border-box;
}
a, span, b, i, p{
	color: inherit;
}
input, textarea, submit{
	font-family: 'Play', sans-serif;
}
body{
	min-width: 1140px;
	background: #fff;	
	font-family: 'Play', sans-serif;
	overflow-x: hidden;
}
.scrolllock{
	overflow-y: hidden;
}
.blur{
	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	filter: blur(2px);
}
.open_popup{
	cursor: pointer;
}
.center{
	position: relative;
	max-width: 1140px;
	padding: 1px 0 0 0;
	margin: 0 auto;
}
.flexcenter{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	max-width: 1140px;
	padding: 1px 0 0 0;
	margin: 0 auto;
}
.clear{
	clear: both;
}
.rzd1k{
	width: 100%;
	height: 1000px;
}
/*
	HEADER
*/
.page{
	padding-top: 166px;
	overflow: hidden;
}
.header{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 110px;
	background: #fff;
	border-bottom: 1px solid #ddd;
	z-index: 100;
}
.header .flexcenter{
	padding: 0px;
	height: 100%;
	align-items: center;
}
.logo{
	position: relative;
	display: flex;
	align-items: center;
	width: 170px;
	min-height: 65px;
	height: 100%;
	background: url('../images/logo.png') no-repeat center top;
	order: 1;
	padding-top: 50px;
	overflow: hidden;
}
@keyframes logo-after {
	from {left: -100%;}
	to {left: 150%;}
}
.logo:after{
	content: '';
	position: absolute;
	top: 0px;
	left: -100%;
	width: 30px;
	height: 100%;
	transform: skewX(-45deg);
	background: rgba(255,255,255,0.6);
}
.logo:hover:after{
	animation: logo-after 0.5s 1 ease;
}
.logo h2, .logo2 h2{
	text-indent: -9999px;
	background: none;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
	line-height: 0px;
}
.logo2{
	position: relative;
	width: 173px;
	min-height: 63px;
	height: 100%;
	background: url('../images/logo2.png') no-repeat left center;
	order: 1;
	overflow: hidden;
}
.logo2:after{
	content: '';
	position: absolute;
	top: 0px;
	left: -100%;
	width: 30px;
	height: 100%;
	transform: skewX(-45deg);
	background: rgba(255,255,255,0.6);
}
.logo2:hover:after{
	animation: logo-after 0.5s 1 ease;
}
.header-text{
	
}
.phone-text{
	padding-left: 30px;
	background: url('../images/phone-text.png') no-repeat center left;
}
.email-text a{
	display: block;
	padding: 5px 0 5px 30px;
	background: url('../images/address-text.png') no-repeat center left;
}
.email-text2 a{
	display: block;
	padding: 5px 0 5px 30px;
	
}
/*
	BUTTONS
*/
.but1{
	width: 226px;
	height: 50px;
	background: #65cbbd;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 50px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.2s 0s;
}
.but1:hover{
	background: #84d5ca;
}
/*
	MENU
*/
.menu{
	position: absolute;
	top: 110px;
	left: 0px;
	display: flex;
	justify-content: center;
	width: 100%;
	height: 56px;
	border-bottom: 1px solid #ddd;
	background: #fff;
	z-index: 1000;
}
.menu .logo{
	display: none;
	min-height: 100%;
	background-size: auto 80%;
	background-position: left center;
}
.menu .logo2{
	display: none;
	min-height: 100%;
	background-size: auto 80%;
	background-position: center right;
}
.menu a{
	height: 100%;
}
.menu-link{
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	color: #2b2a2a;
	font-size: 16px;
	font-weight: 400;
	padding: 0 30px;
	text-transform: uppercase;
	transition: all 0.2s 0s;
	cursor: pointer;
}
.menu-link:after{
	content: '';
	position: absolute;
	bottom: -2px;
	left: 50%;
	width: 0%;
	height: 4px;
	background: #7dc91c;
	transition: all 0.5s 0s;
}
.menu-link:hover:after{
	width: 100%;
	left: 0%;
}
.menu-link:hover{
	color: #64a500;
}
.menu-stick{
	position: fixed;
	top: 0px;
}
.menu-stick .logo{
	width: 170px;
	display: block;
	padding-left: 0px;
}
.menu-stick .logo2{
	display: block;
}
/*
	CAT MENU
*/
.open-cat-menu--active:after{
	width: 100%;
	left: 0%;
}
.open-cat-menu--active{
	color: #64a500;
}
.cat-menu{
	position: fixed;
	top: -400px;
	left: 0%;
	width: 100%;
	background: #f0f0f0;
	z-index: 80;
	box-shadow: 0px 2px 4px #aaa;
	transition: all 0.2s 0s;
}
.cat-menu--open{
	top: 166px;
}
.cat-menu--open2{
	top: 56px;
}
.cat-menu-1{
	position: relative;
	width: 215px;
	padding: 25px 15px 25px 0;
	background: #fff;
}
.cat-menu-1 a:last-child, .cat-menu-2 a:last-child{
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 5px 15px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #a5b591;
}
.cat-menu-1 a:last-child:hover, .cat-menu-2 a:last-child:hover{
	color: #000;
}
.cat-menu-1:after{
	content: '';
	position: absolute;
	top: 0px;
	left: -200%;
	width: 200%;
	height: 100%;
	background: #fff;
}
.cat-menu-item{
	position: relative;
	font-size: 14px;
	color: #2a2a2a;
	padding: 10px 25px 10px 15px;
	cursor: pointer;
}
.cat-menu-item:hover{
	color: #64a500;
}
.cat-menu-item:last-child{
	border: none;
}
.cat-menu-2{
	position: relative;
	display: none;
	width: 230px;
	padding: 25px 0 25px 15px;
	border-right: 1px solid #fff;
}
.cat-menu-2 a:last-child, .cat-menu-3 a:last-child{
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 5px 15px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #3d4e27;
}
.cat-menu-2 a:last-child:hover, .cat-menu-3 a:last-child:hover{
	color: #000;
}
.cat-menu-2 .cat-menu-item--active{
	color: #64a500;
}
.cat-menu-2--active{
	display: block;
}
.cat-menu-3{
	position: relative;
	display: none;
	width: 245px;
	padding: 25px 0px 25px 15px;
}
.cat-menu-3--active{
	display: block;
}
.cat-menu-3 .cat-menu-item{
	text-transform: uppercase;
}
.cat-menu-3 .cat-menu-item--active{
	color: #64a500;
	background: none;
}
.cat-menu-3 .cat-menu-item--active:after{
	display: none;
}
.cat-menu-product{
	position: relative;
	width: ~"calc(100% - 690px)";
	padding: 25px 0 25px 15px;
	background-color: #fff;
	background-position: right 15px;
	background-repeat: no-repeat;
	.text{
		position: absolute;
		top: 0px;
		right: -320px;
		display: flex;
		align-items: center;
		width: 300px;
		height: 100%;
		z-index: 1;
		opacity: 0;
		transition: all 1s 1s;
		p{
			color: darken(@colorGreen2, 5%);
			font-size: 16px;
			font-weight: 400;
			margin-bottom: 15px;
		}
		span{
			color: #000;
			font-weight: 700;
		}
	}
	.text--active{
		opacity: 1;
	}
	a{
		display: block;
		width: 100%;
		padding: 300px 0 0px;
		color: #000;
		font-size: 24px;
		font-weight: 400;
		text-transform: uppercase;
	}
}
.cat-menu-product:after{
	content: '';
	position: absolute;
	top: 0px;
	right: -100%;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 0;
}
.cat-menu-item--active{
	color: #7dc91c;
	background: url('../images/cat-menu-item.png') no-repeat left bottom;
}
.cat-menu-item:after{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 11px;
	width: 0%;
	height: 1px;
	background: #7dc91c;
	transition: all 0.4s 0s;
}
.cat-menu-item--active:after{
	width: ~"calc(100% - 11px)";
}
.cmi-hidden{
	display: none;
}
/*
	FORMS
*/
input:-moz-placeholder 					{ color: #888; transition: opacity 0.2s ease; opacity: 1;}
input::-webkit-input-placeholder 			{ color: #888; transition: opacity 0.2s ease; opacity: 1;}
input:-moz-placeholder					{ color: #888; transition: opacity 0.2s ease; opacity: 1;}
input:-ms-input-placeholder   				{ color: #888; transition: opacity 0.2s ease; opacity: 1;}
textarea:-moz-placeholder 					{ color: #888; transition: opacity 0.2s ease; opacity: 1;}
textarea::-webkit-input-placeholder 		{ color: #888; transition: opacity 0.2s ease; opacity: 1;}
textarea:-moz-placeholder					{ color: #888; transition: opacity 0.2s ease; opacity: 1;}
textarea:-ms-input-placeholder   			{ color: #888; transition: opacity 0.2s ease; opacity: 1;}
input:focus:-moz-placeholder 				{ opacity: 0.5;}
input:focus::-webkit-input-placeholder 	{ opacity: 0.5;}
input:focus:-moz-placeholder				{ opacity: 0.5;}
input:focus:-ms-input-placeholder   		{ opacity: 0.5;}
textarea:focus:-moz-placeholder 			{ opacity: 0.5;}
textarea:focus::-webkit-input-placeholder 	{ opacity: 0.5;}
textarea:focus:-moz-placeholder			{ opacity: 0.5;}
textarea:focus:-ms-input-placeholder   		{ opacity: 0.5;}
.formtext{
	width: 100%;
	text-align: center;
}
.formtext p{
	color: #002335;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 35px;
	line-height: 1.1;
	text-transform: uppercase;
}
input:focus, textarea:focus{
	outline: none;
}
/* INPUT POPUP */
.input2con{
	position: relative;
	width: 250px;
	height: 32px;
	margin: 30px auto;
}
.input2con:first-child{
	margin-top: 0px;
}
.input2con:after{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 0%;
	height: 2px;
	transition: all 0.4s 0s;
	background: #008dd2;
}
.input2{
	display: block;
	width: 100%;
	height: 100%;
	background: none;
	color: #000;
	font-size: 16px;
	font-weight: 400;
	border-bottom: 2px solid #ccc;
	padding-left: 10px;
}
.area2con{
	position: relative;
	width: 250px;
	height: 120px;
	margin: 30px auto;
}
.area2{
	display: block;
	width: 100%;
	height: 100%;
	background: none;
	color: #000;
	font-size: 16px;
	font-weight: 400;
	border: 2px solid #ccc;
	transition: all 0.2s 0s;
	resize: none;
	padding: 5px 10px;
}
.area2:focus{
	border-color: #008dd2;
}
.submit2{
	display: block;
	width: 222px;
	height: 50px;
	margin: 35px auto 0;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	line-height: 50px;
	background: #008dd2;
	transition: all 0.2s 0s;
	cursor: pointer;
}
.submit2:hover{
	background: #61bfec;
}
.onFocus:after{
	width: 100%;
}
.error:before{
	content: 'Корректно заполните поле';
	position: absolute;
	bottom: -18px;
	left: 0px;
	font-size: 12px;
	color: #ff0000;
	padding-left: 10px;
}
.error:after{
	background: #ff0000;
}
/* 
	CONTENT
*/
h3{
	width: 100%;
	margin: 50px 0;
	font-size: 24px;
	font-weight: 400;
	color: #2a2a2a;
	text-align: center;
}
h3 span{
	padding: 20px 170px 0px;
	background:
		url('../images/h3-left.png') no-repeat center left,
		url('../images/h3-right.png') no-repeat center right;
}
.slider-main:after{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, #000, transparent);
	z-index: 1;
}
.slide-video-click{
	display: none;
	align-items: center;
	justify-content: center;
	position: absolute;
	bottom: 25%;
	left: 10%;
	padding: 5px 40px;
	z-index: 2;
	border: 1px solid lighten(@colorGreen1, 10%);
	background: @colorGreen1;
	opacity: 1;
	transition: all 0.1s 0s;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	transform: skewX(45deg);
	p{
		transform: skewX(-45deg);
	}
}
.slide-video-click:hover{
	border-color: lighten(@colorGreen1, 20%);
	background: darken(@colorGreen1, 5%);
}
.slide-video-click_active{
	display: flex;
}
.slider-main{
	position: relative;
	width: 100%;
	height: 653px;
	.slider-center_hide{
		display: none;
	}
	.wrapper{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: #000;
		z-index: 0;
	}
	.slide{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		transition: all 0.5s 0s;
		opacity: 0;
		z-index: 0;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.slide img{
		
	}
	.slide--active{
		opacity: 1;
	}
	.text-con-con{
		
	}
	.text-con{
		position: absolute;
		top: -2000px;
		left: 0px;
		width: 100%;
		height: 100%;
		z-index: 3;
		display: flex;
		align-items: center;
		justify-content: center;
		padding-bottom: 100px;
		opacity: 0;
		transition: opacity 0.5s 0.2s;
		.text{
			position: relative;
			width: 1140px;
			padding: 20px 385px 20px 0px;
			*{
				position: relative;
				z-index: 1;
			}
		}
		.text:after{
			content: '';
			position: absolute;
			top: 0px;
			right: 2000px;
			width: 4000px;
			height: 100%;
			background: rgba(0,0,0,0.5);
			transform: skewX(-45deg);
			z-index: 0;
			transition: all 0.5s 0s;
		}
		p{
			color: #fff;
		}
		li{
			position: relative;
			color: #fff;
			font-size: 16px;
			padding-left: 15px;
			margin-bottom: 5px;
			margin-left: 10px;
			a{
				font-size: 20px;
				transition: all 0.1s 0s;
			}
			a:hover{
				color: @colorGreen2;
			}
		}
		li:after{
			content: '';
			position: absolute;
			top: 50%;
			left: 0px;
			width: 4px;
			height: 4px;
			margin-top: -2px;
			background: @colorGreen1;
		}
		.h-p{
			font-size: 50px;
			line-height: 1;
			text-transform: uppercase;
			margin-bottom: 10px;
		}
		.h-p-mini{
			font-size: 25px;
			line-height: 1;
			text-transform: uppercase;
			margin-bottom: 10px;
		}
		.after-h-p{
			font-size: 18px;
			font-weight: 700;
			text-transform: uppercase;
			margin-bottom: 30px;
		}
		.before-h-p{
			font-size: 18px;
			font-weight: 700;
			text-transform: uppercase;
			margin-bottom: 10px;
		}
		.before-ul-p{
			font-size: 18px;
			font-weight: 700;
			text-transform: uppercase;
			margin-bottom: 10px;
		}
		.more{
			font-weight: 700;
			padding: 10px;
			color: #fff;
			transition: all 0.2s 0s;
		}
		.more a:hover{
			color: @colorGreen2;
		}
	}
	.text-con:nth-child(3){
		padding-top: 400px;
	}
	.text-con:nth-child(4){
		padding-top: 450px;
	}
	.text-con--active{
		top: 0px;
		opacity: 1;
	}
	.text-con--active .text:after{
		right: 400px;
	}
	.dots{
		position: absolute;
		bottom: 20px;
		left: 0px;
		display: flex;
		justify-content: center;
		width: 100%;
		height: 7px;
		z-index: 4;
	}
	.dots div{
		width: 20px;
		height: 100%;
		background: #fff;
		margin: 0 2px;
		cursor: pointer;
	}
	.dots .dots--active{
		background: #7dc91c;
	}
	.center{
		height: 100%;
		z-index: 2;
	}
	.eggscon{
		position: absolute;
		bottom: 0px;
		left: 0px;
		display: flex;
		justify-content: space-between;
		width: 100%;
		height: 155px;
	}
	.eggscon .eggs{
		width: 220px;
		padding-top: 55px;
		background-position: top center;
		background-repeat: no-repeat;
		color: #fff;
		font-size: 14px;
		text-align: center;
	}
	.eggscon .eggs1{background-image: url('../images/slider-main/eggscon/1.png');}
	.eggscon .eggs2{background-image: url('../images/slider-main/eggscon/2.png');}
	.eggscon .eggs3{background-image: url('../images/slider-main/eggscon/3.png');}
	.eggscon .eggs4{background-image: url('../images/slider-main/eggscon/4.png');}
}
/*
	MAIN CATS
*/
.mc-con{
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 290px;
	margin: 0 auto;
}
.mc-item{
	position: relative;
	overflow: hidden;
	cursor: pointer;
	height: 100%;
}
.mc-item p{
	position: absolute;
	padding: 15px 0;
	bottom: 0px;
	font-size: 24px;
	font-weight: 400;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	z-index: 5;
	transition: all 0.2s 0s;
}
.mc-item p span{
	position: relative;
	z-index: 1;
}
.mc-item p:before{
	content: '';
	position: absolute;
	bottom: 0px;
	left: -20%;
	width: 0px;
	height: 100%;
	background: #7dc91c;
	transition: all 0.2s 0s;
	z-index: 0;
}
.mc-item .image{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.mc-item .image:after{
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(22,22,22,0.7), transparent);
	transition: all 0.2s 0s;
}
.mc-item:hover .image:after{
	opacity: 0;
}
.mc-item:hover p:before{
	width: 140%;
}
#mc-item1{
	width: 40%;
	background: #000;
	z-index: 1;
}
#mc-item1 p{
	width: 100%;
	text-align: left;
	padding-right: 50px;
	padding-left: 25px;
}
#mc-item1 .image{
	background: url('../images/main-cats/1.jpg') no-repeat center left;	
	background-size: 100% auto;
}
#mc-item2{
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -17%;
	width: 34%;
	transform: skewX(-25deg);
	z-index: 2;
}
#mc-item2 p{
	width: 100%;
	padding-left: 100px;
	transform: skewX(25deg);
}
#mc-item2 .image{
	position: absolute;
	top: 0px;
	left: -20%;
	width: 150%;
	height: 100%;
	transform: skewX(25deg);
	background: url('../images/main-cats/2.jpg') no-repeat center;	
	background-size: 100% auto;
}
#mc-item3{
	position: absolute;
	top: 0px;
	left: 40%;
	width: 20%;
	transform: skewX(-25deg);
	z-index: 3;
}
#mc-item3 p{
	width: 100%;
	transform: skewX(25deg);
}
#mc-item3 .image{
	position: absolute;
	top: 0px;
	left: -50%;
	width: 200%;
	height: 100%;
	transform: skewX(25deg);
	background: url('../images/main-cats/3.jpg') no-repeat center;	
}
#mc-item4{
	position: absolute;
	top: 0px;
	left: 60%;
	width: 20%;
	transform: skewX(-25deg);
	z-index: 4;
}
#mc-item4 p{
	width: 100%;
	transform: skewX(25deg);
}
#mc-item4 .image{
	position: absolute;
	top: 0px;
	left: -50%;
	width: 200%;
	height: 100%;
	transform: skewX(25deg);
	background: url('../images/main-cats/4.jpg') no-repeat center;
}
#mc-item5{
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	width: 40%;
	background: #000;
	z-index: 1;
}
#mc-item5 p{
	position: relative;
	text-align: right;
	padding-right: 25px;
	padding-left: 25px;
}
#mc-item5 p:before{
	left: -70%;
}
#mc-item5:hover p::before{
	width: 200%;
}
#mc-item5 .image{
	background: url('../images/main-cats/5.jpg') no-repeat center right;
	background-size: 100% auto;
}
.main-company{
	width: 100%;
	height: 423px;
	background: url('../images/main-company.jpg') no-repeat center top;
}
.main-company .center{
	height: 100%;
}
.main-company .text{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 170px;
	background: #fff;
	padding: 30px 35px 5px 35px;
	box-shadow: 0px -10px 20px rgba(0,0,0,0.2);
}
.main-company .text p{
	color: #2a2a2a;
	font-size: 14px;
	line-height: 1.5;
	text-align: justify;
}
.main-company .text p:last-child{
	margin-top: 10px;
	text-align: right;
}
.main-company .text a{
	position: relative;
	color: #000;
	text-transform: uppercase;
	padding-bottom: 2px;
}
.main-company .text a:after{
	content: '';
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 0px;
	height: 2px;
	background: #7dc91c;
	transition: all 0.1s 0s;
}
.main-company .text a:hover:after{
	width: 100%;
}
.main-news{
	width: 100%;
	height: 515px;
	background: #f7f7f7;
	padding: 40px 0;
}
.main-news .flexcenter{
	height: 100%;
}
.main-news .news{
	position: relative;
	width: 48%;
	height: 100%;
	padding-bottom: 30px;
}
.news img{
	display: block;
	margin: 0 auto;
	width: auto;
	height: 200px;
}
.news h4{
	color: #2a2a2a;
	font-size: 16px;
	line-height: 1;
	text-transform: uppercase;
	padding-bottom: 15px;
}
.news .text{
	position: relative;
	color: #2a2a2a;
	font-size: 14px;
	line-height: 1;
	padding: 20px 30px 0px 0px;
	text-align: justify;
	margin-bottom: 15px;
}
.news .date{
	position: absolute;
	top: 20px;
	right: 0px;
	width: 10px;
	font-size: 14px;
	color: #2a2a2a;
	word-wrap: break-word;
}
.news .date span{
	color: #7dc91c;
}
.news a{
	position: absolute;
	bottom: 0px;
	right: 0px;
	color: #000;
	text-transform: uppercase;
	padding-bottom: 2px;
}
.news a:after{
	content: '';
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 0px;
	height: 2px;
	background: #7dc91c;
	transition: all 0.1s 0s;
}
.news a:hover:after{
	width: 100%;
}
.partners{
	display: grid;
	grid-template-columns: 33% auto 33%;
	grid-template-rows: 150px 150px 150px;
	width: 100%;
	margin-bottom: 50px;
	.eggs{
		background-repeat: no-repeat;
		background-size: 50%;
	}
	.eggs1{background-image: url('../images/partners/1.png'); background-position: center left; background-size: auto 70%;}
	.eggs2{background-image: url('../images/partners/2.png'); background-position: center;}
	.eggs3{background-image: url('../images/partners/3.png'); background-position: center right; background-size: auto 70%;}
	.eggs4{background-image: url('../images/partners/4.png'); background-position: center left;}
	.eggs5{background-image: url('../images/partners/5.png'); background-position: center;}
	.eggs6{background-image: url('../images/partners/6.png'); background-position: center right;}
	.eggs7{
		background-image: url('../images/partners/7.svg'); background-position: center;
		filter: grayscale(1);
		grid-column-start: 1;
		grid-column-end: 4;
		background-size: auto 50%;
	}
}
/*
	SP SLIDER
*/
.sp-slider{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	.wrapper{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.sp-slide{
		display: flex;
		justify-content: center;
		position: absolute;
		top: 0%;
		left: -100%;
		width: 100%;
		height: 100%;
		overflow: hidden;
		transition: all 0.2s 0s;
		background-position: top center;
		background-repeat: no-repeat;
		img{
			width: auto;
			height: 100%;
		}
	}
	.sp-slide--active{
		left: 0px;
	}
}
.sp-slider-images{
	display: flex;
	justify-content: flex-end;
	height: 90px;
	margin-right: 45px;
	z-index: 1;
	.sp-img{
		position: relative;
		width: 120px;
		height: 90px;
		transform: skewX(-45deg);
		border: 1px solid #fff;
		overflow: hidden;
		opacity: 0.5;
		transition: all 0.2s 0s;
		cursor: pointer;
	}
	.sp-img:hover{
		opacity: 1;
	}
	.sp-img--active{
		border: 2px solid @colorGreen2;
		opacity: 1;
	}
	img{
		position: absolute;
		top: 0px;
		left: -70%;
		transform: skewX(45deg);
	}
}
.sp-slider-bottom{
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: flex;
	justify-content: flex-end;
	width: 100%;
	height: 90px;
}
.page-top .center .sp-slider-bottom h1{
	position: relative;
	z-index: 0;
}
/*
	SINGLE PRODUCT
*/
.single-product-image{
	position: relative;
	width: 100%;
	height: 650px;
	background: url('../images/slider-main/1.jpg') no-repeat center top;
}
.single-product-image .center{
	height: 100%;
}
.single-product-image h1{
	position: absolute;
	bottom: 20px;
	right: 0px;
	text-align: right;
	color: #000;
	font-size: 24px;
	font-weight: 700;
}
.single-product-image h1 span{
	background: #fff;
	padding: 20px 40px;
}
.sp-menu{
	width: 100%;
	height: 100px;
	background: #f5f5f5;
	border-bottom: 1px solid #ccc;
}
.sp-menu .flexcenter{
	height: 100%;
	align-items: flex-end;
}
.sp-menu-item{
	position: relative;
	top: 1px;
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
	height: 80%;
	padding: 10px 30px 0 45px;
	cursor: pointer;
	transition: all 0.1s 0s;
}
.sp-menu-item:hover{
	color: #64a500;
}
.sp-menu-item--active{
	color: #64a500;
	background:
		url('../images/sp-menu-active.png') no-repeat left center,
		url('../images/sp-menu-active2.png') no-repeat right center;
}
.sp-content-con{
	position: relative;
	padding: 60px 0 250px;
	transition: all 0.5s 0s;
	overflow: hidden;
}
.sp-content{
	position: absolute;
	left: -100%;
	top: 60px;
	width: 100%;
	overflow: hidden;
	background: #fff;
	transition: all 0.5s 0s;
}
.centered-img{
	margin: 25px auto 0;	
}
.flex-images{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	.item{
		display: flex;
		justify-content: center;
		width: 50%;
		height: 300px;
		border: 1px solid #ccc;
		padding: 10px;
		overflow: hidden;
	}
	img{
		height: 100%;
	}
}
.flex-images3{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 1px 25px;
	.item{
		display: flex;
		justify-content: center;
		width: 706px;
		height: 303px;
		border: 1px solid #ccc;
		padding: 10px;
		overflow: hidden;
	}
	img{
		height: 100%;
	}
}
.flex-images2{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 1px 25px;
	.item{
		display: flex;
		justify-content: center;
		width: 320px;
		height: 220px;
		border: 1px solid #ccc;
		padding: 10px;
		overflow: hidden;
	}
	img{
		height: 100%;
	}
}
.food-nasadki{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	.item{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 33.33%;
		height: 220px;
		border: 1px solid #ccc;
		padding: 10px;
		overflow: hidden;
	}
	img{
		height: ~"calc(100% - 30px)";
	}
	p{
		height: 30px;
		width: 100%;
		font-size: 20px;
	}
}
.sp-content--active{
	left: 0%;
}
.sp-content h3{
	position: relative;
	max-width: 1140px;
	margin: 40px auto 15px;
	font-size: 30px;
	font-weight: 400;
	text-align: left;
	padding-bottom: 5px;
	border-bottom: 2px solid #7dc91c;
}
.sp-content h4{
	max-width: 1140px;
	margin: 40px auto 15px;
	font-size: 20px;
}
.sp-content h5{
	max-width: 1140px;
	margin: 40px auto 15px;
	font-size: 16px;
	border-left: 4px solid @colorGreen1;
	padding-left: 15px; 
}
.sp-content .text{
	width: 100%;
}
.sp-content .text:nth-child(2n - 1){
	background: #f3f3f3;
}
.sp-content .text p{
	padding: 10px 0;
	color: #2a2a2a;
}
.sp-content .text2{
	display: flex;
	flex-wrap: wrap;
	h4{
		width: 100%;
	}
	p{
		width: 100%;
		color: #2a2a2a;
		line-height: 1.5;
		margin-bottom: 25px;
	}
	img{
		margin: 25px 0;
	}
	ul{
		width: 100%;
		margin-bottom: 30px;
	}
	li{
		position: relative;
		padding: 5px 25px;
		color: #000;
		font-size: 16px;
		font-weight: 400;
		margin-left: 25px;
	}
	li:after{
		content: '';
		position: absolute;
		top: 50%;
		left: 0px;
		width: 6px;
		height: 6px;
		margin-top: -3px;
		background: #7dc91c;
	}
}
.sp-content .text3{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	background: #fff;
	box-shadow: 0px 18px 6px rgba(0,0,0,0.16);
	margin-bottom: 50px;
	.left{
		width: ~"calc(100% - 520px)";
		padding: 25px;
		h4{
			margin-top: 0px;
		}
	}
	.right{
		width: 520px;
		height: 520px;
		background: #000;
		overflow: hidden;
	}
	.right img{
		width: 100%;
		margin: 0;
	}
}
.sp-content .text3:nth-child(2n){
	.left{
		order: 2;
	}
	.right{
		order: 1;
	}
}
.eggscon-technology{
	display: flex;
	flex-wrap: wrap;
	a{
		display: block;
		width: 20%;
	}
	a:hover .eggs p{
		color: #000;
	}
	a:hover .eggs{
		background-size: 180px auto;
	}
	.eggs{
		position: relative;
		width: 100%;
		padding: 210px 10px 40px 10px;
		background-repeat: no-repeat;
		background-position: top center;
		background-size: 200px auto;
		transition: all 0.2s 0s;
	}
	.eggs p{
		color: #666;
		font-size: 18px;
		font-weight: 700;
		text-align: center;
		transition: all 0.1s 0s;
	}
	.eggs1{background-image: url('../images/single-tech/10.png');}
	.eggs2{background-image: url('../images/single-tech/9.png');}
	.eggs3{background-image: url('../images/single-tech/8.png');}
	.eggs4{background-image: url('../images/single-tech/7.png');}
	.eggs5{background-image: url('../images/single-tech/6.png');}
	.eggs6{background-image: url('../images/single-tech/5.png');}
	.eggs7{background-image: url('../images/single-tech/4.png');}
	.eggs8{background-image: url('../images/single-tech/3.png');}
	.eggs9{background-image: url('../images/single-tech/2.png');}
	.eggs10{background-image: url('../images/single-tech/1.png');}
}
.single-technology{
	padding: 30px 0 200px;
	/*background: url('../images/single-tech/5.jpg') no-repeat center top;*/
	background-position: center top;
	background-repeat: no-repeat;
	background-size: auto 654px;
	.headers-image{
		width: 199px;
		height: 199px;
		background-repeat: no-repeat;
		background-position: center;
	}
	.h-image1{background-image: url('../images/single-tech/1.png');}
	.h-image2{background-image: url('../images/single-tech/2.png');}
	.h-image3{background-image: url('../images/single-tech/3.png');}
	.h-image4{background-image: url('../images/single-tech/4.png');}
	.h-image5{background-image: url('../images/single-tech/5.png');}
	.h-image6{background-image: url('../images/single-tech/6.png');}
	.h-image7{background-image: url('../images/single-tech/7.png');}
	.h-image8{background-image: url('../images/single-tech/8.png');}
	.h-image9{background-image: url('../images/single-tech/9.png');}
	.h-image10{background-image: url('../images/single-tech/10.png');}
	.headers-block{
		width: 570px;
		background: #fff;
		padding: 70px 40px;
		box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
		margin-top: 15px;
		h1{
			width: 100%;
			margin-bottom: 40px;
			padding: 20px 0;
			font-size: 24px;
			font-weight: 400;
			text-align: left;
			text-transform: uppercase;
			border-bottom: 1px solid @colorGreen1;
			border-top: 1px solid @colorGreen1;
		}
		p{
			color: #333;
			font-size: 16px;
			line-height: 1.5;
		}
	}
	.content-item{
		display: grid;
		grid-template-columns: 480px auto;
		grid-template-rows: auto;
		margin-top: 35px;
		.image{
			height: 240px;
			background: url('../images/single-tech/5_1.jpg') no-repeat center;
		}
		.text{
			padding-left: 35px;
			p{
				color: #333;
				font-size: 16px;
				font-weight: 400;
				line-height: 1.5;
			}
		}
		.text2{
			p{
				color: #333;
				font-size: 16px;
				font-weight: 400;
				line-height: 1.5;
			}
		}
	}
	.content-item2{
		margin-top: 35px;
		.image{
			height: 240px;
			background: url('../images/single-tech/5_1.jpg') no-repeat center;
		}
		.text{
			color: #333;
			font-size: 16px;
			font-weight: 400;
			line-height: 1.5;
			p{
				color: #333;
				font-size: 16px;
				font-weight: 400;
				line-height: 1.5;
			}
		}
		li{
			position: relative;
			margin-left: 10px;
			color: #000;
			padding: 5px 0 5px 10px;
		}
		li:after{
			content: '';
			position: absolute;
			top: 50%;
			left: 0%;
			width: 4px;
			height: 4px;
			margin-top: -2px;
			background: @colorGreen1;
		}
	}
	h3{
		color: #000;
		font-size: 24px;
		font-weight: 700;
		text-transform: uppercase;
		margin: 60px 0;
	}
	.related{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		.related-item{
			width: 199px;
			padding-top: 210px;
			background-repeat: no-repeat;
			background-position: center top;
			color: #000;
			font-size: 16px;
			font-weight: 700;
			text-transform: uppercase;
			margin-bottom: 20px;
		}
	}
}
.category-media{
	padding: 60px 0 200px;
	h1{
		width: 100%;
		margin-bottom: 40px;
		font-size: 30px;
		font-weight: 400;
		text-align: left;
		padding-bottom: 5px;
		border-bottom: 2px solid #7dc91c;
	}
	a{
		display: block;
		width: 50%;
	}
	.media-item{
		width: 100%;
		background: #f0f0f0;
		overflow: hidden;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		transition: all 0.2s 0s;
		img{
			max-width: 100%;
			height: auto;
		}
		h2{
			color: #000;
			font-size: 20px;
			font-weight: 400;
			padding: 0px;
		}
		a{
			padding: 25px;
		}
	}
	.media-item:hover{
		border-color: #fff;
		background: #222;
	}
	.media-item:hover h2{
		color: @colorGreen1;
	}
}
.single-media{
	padding: 60px 0 200px;
	h1{
		width: 100%;
		margin-bottom: 40px;
		font-size: 30px;
		font-weight: 400;
		text-align: left;
		padding-bottom: 5px;
		border-bottom: 2px solid #7dc91c;
	}
	p{
		color: #333;
		font-size: 16px;
		line-height: 1.5;
	}
	.single-video{
		position: relative;
		width: 100%;
		.single-video_height{
			width: 100%;
			padding-bottom: 56.25%;
		}
		.single-video_content{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
		}
	}
}
.sp-content table{
	width: 100%;
	max-width: 1140px;
	margin: 0px auto;
	border-collapse: collapse;
}
.sp-content tr{
	border-bottom: 1px solid #aeaeae;
}
.sp-content .tr-bold{
	background: #f0f0f0;
}
.sp-content .tr-bold td{
	color: #000;
	font-weight: 700;
}
.sp-content tr:first-child{
	border-bottom: 1px solid #333;
}
.sp-content th{
	padding: 5px;
	font-size: 16px;
	font-weight: 700;
	color: #333;
	text-align: left;
}
.sp-content td{
	padding: 5px;
	font-size: 16px;
	font-weight: 400;
	color: #666;
	a{
		display: inline-block;
		position: relative;
		color: @colorGreen1;
		transition: all 0.2s 0s;
	}
	a:after{
		position: absolute;
		bottom: 0px;
		left: 0px;
		content: '';
		width: 0%;
		height: 1px;
		background: @colorGreen2;
		transition: all 0.2s 0s;
	}
	a:hover:after{
		width: 100%;
	}
	a:hover{
		color: darken(@colorGreen1, 10%);
	}
}
.breadcrumbs{
	width: 100%;
	padding: 50px 0;
}
.breadcrumbs a{
	color: #000;
	font-size: 12px;
	text-transform: uppercase;
	transition: all 0.1s 0s;
}
.breadcrumbs a:hover{
	color: #7dc91c;
}
.breadcrumbs span{
	color: #000;
	font-size: 12px;
	padding: 0 10px;
}
.production-lvl1{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 464px;
	padding-bottom: 90px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 90px;
}
.production-lvl1 h2{
	width: 100%;
	height: 50px;
	color: #000;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
}
.production-lvl1 .image{
	width: 485px;
	height: ~"calc(100% - 50px)";
	background: url('../images/production-lvl1/1.jpg') no-repeat center top;
}
.production-lvl1 .text{
	position: relative;
	width: ~"calc(100% - 485px)";
	height: ~"calc(100% - 50px)";
	padding: 0 0 60px 45px;
}
.production-lvl1 .text p{
	color: #333;
	font-size: 16px;
	font-weight: 400;
}
.production-lvl1 .but{
	position: absolute;
	bottom: 0px;
	right: 0px;
	color: #000;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	padding: 20px 30px;
	background: url('../images/production-lvl1-button.png') no-repeat bottom right;
	transition: all 0.1s 0s;
}
.production-lvl1 .but:hover{
	color: #7dc91c;
}
.page-top{
	position: relative;
	width: 100%;
	height: 550px;
	background: #000;
	background-position: center top;
	background-repeat: no-repeat;
}
.page-top .h1con{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 90px;
	right: -100%;
	background: #fff;
}
.page-top .center{
	height: 100%;
}
.page-top .center h1{
	position: absolute;
	bottom: 0px;
	right: 0px;
	color: #000;
	font-size: 36px;
	font-weight: 400;
	line-height: 90px;
	background: #fff;
	padding-left: 30px;
	text-transform: uppercase;
}
.page-top .center h1:after{
	content: '';
	position: absolute;
	top: 0px;
	left: -90px;
	border-top: 45px solid transparent;
	border-left: 45px solid transparent;
	border-right: 45px solid #fff;
	border-bottom: 45px solid #fff;
}
.page-text{
	padding: 50px 0;
	border-bottom: 1px solid #ddd;
}
.page-text p{
	color: #333;
	font-size: 14px;
	font-weight: 400;
}
.production-lvl2{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	padding-bottom: 90px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 90px;
}
.production-lvl2 h2{
	width: 100%;
	height: 50px;
	color: #000;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
}
.production-lvl2 .image{
	width: 400px;
	height: 225px;
	background: url('../images/production-lvl2/1.jpg') no-repeat center top;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.production-lvl2 .text{
	position: relative;
	width: ~"calc(100% - 400px)";
	padding: 0 0 60px 45px;
}
.production-lvl2 .text p{
	color: #333;
	font-size: 16px;
	font-weight: 400;
}
.production-lvl2 .but{
	position: absolute;
	bottom: 0px;
	right: 0px;
	color: #000;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	padding: 20px 30px;
	background: url('../images/production-lvl1-button.png') no-repeat bottom right;
	transition: all 0.1s 0s;
}
.production-lvl2 .but:hover{
	color: #7dc91c;
}
.product-po{
	h4{
		color: #000;
		font-size: 24px;
		font-weight: 700;
		text-align: left;
		text-transform: uppercase;
		width: 100%;
	}
	p{
		width: 100%;
		color: #2a2a2a;
		line-height: 1.5;
		margin-bottom: 25px;
	}
	.cases{
		.case{
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			margin-top: 30px;
			.image{
				width: 570px;
				height: 325px;
				background-repeat: no-repeat;
				background-position: center;
			}
			.casetext{
				width: ~"calc(100% - 585px)";
				padding-left: 30px;
				text-align: right;
				p{
					color: #000;
					font-size: 16px;
					font-weight: 400;
				}
				h5{
					color: #000;
					font-size: 16px;
					font-weight: 700;
					text-transform: uppercase;
					margin-bottom: 30px;
				}
			}
		}
		.case:nth-child(2n-1){
			flex-direction: row-reverse;
			.casetext{
				padding-right: 30px;
				padding-left: 0px;
				text-align: left;
			}
		}
		.case:nth-child(1) .image{background-image: url('../images/product-po/cases/1.jpg');}
		.case:nth-child(2) .image{background-image: url('../images/product-po/cases/2.jpg');}
		.case:nth-child(3) .image{background-image: url('../images/product-po/cases/3.jpg');}
	}
}
.cases2{
	.case{
		background: #f6f6f6;
		.flexcenter{
			flex-direction: row-reverse;
		}
		.image{
			width: 540px;
			text-align: center;
			padding: 30px;
		}
		.casetext{
			width: ~"calc(100% - 540px)";
			padding: 60px 60px 60px 0;			
			p{
				color: #333;
				font-size: 16px;
				font-weight: 400;
				line-height: 1.5;
			}
			h5{
				color: #000;
				font-size: 16px;
				font-weight: 700;
				margin-bottom: 30px;
			}
			.more{
				display: inline;
				position: relative;
				top: 30px;
				color: @colorGreen1;
				font-weight: 700;
				cursor: pointer;
				transition: all 0.1s 0s;
				padding: 5px 0;
			}
			.more:after{
				content: '';
				position: absolute;
				bottom: 0px;
				left: 50%;
				width: 0%;
				height: 2px;
				background: @colorGreen2;
				transition: all 0.1s 0s;
			}
			.more:hover{
				color: lighter(@colorGreen1, 20%);
			}
			.more:hover:after{
				width: 100%;
				left: 0%;
			}
			ul{
				width: 100%;
				margin-bottom: 30px;
			}
			li{
				position: relative;
				padding: 5px 25px;
				color: #000;
				font-size: 16px;
				font-weight: 400;
				margin-left: 25px;
			}
			li:after{
				content: '';
				position: absolute;
				top: 50%;
				left: 0px;
				width: 6px;
				height: 6px;
				margin-top: -3px;
				background: #7dc91c;
			}
		}
	}
	.case:nth-child(2n){
		background: #fff;
		.flexcenter{
			flex-direction: row;
		}
		.casetext{
			padding: 60px 0px 60px 60px;
		}
	}
}
.product-tab4{
	p{
		color: #333;
		font-size: 16px;
		font-weight: 400;
		line-height: 1.5;
	}
	h5{
		color: #000;
		font-size: 16px;
		font-weight: 700;
		margin-bottom: 30px;
	}

	ul{
		width: 100%;
		margin-bottom: 30px;
	}
	li{
		position: relative;
		padding: 5px 25px;
		color: #000;
		font-size: 16px;
		font-weight: 400;
		margin-left: 25px;
	}
	li:after{
		content: '';
		position: absolute;
		top: 50%;
		left: 0px;
		width: 6px;
		height: 6px;
		margin-top: -3px;
		background: #7dc91c;
	}
}
.po-block1{
	width: 100%;
	height: 440px;
	background: #0a0c1d;
	.flexcenter{
		height: 100%;
		align-items: center;
	}
	.image{
		width: 585px;
		height: 100%;
		background: url('../images/product-po/po-block1.png') no-repeat center;
	}
	ul{
		width: 100%;
		margin-bottom: 30px;
	}
	li{
		position: relative;
		padding: 5px 25px;
		color: #fff;
		font-size: 16px;
		font-weight: 400;
		margin-left: 25px;
	}
	li:after{
		content: '';
		position: absolute;
		top: 50%;
		left: 0px;
		width: 6px;
		height: 6px;
		margin-top: -3px;
		background: #7dc91c;
	}
	p{
		color: #fff;
		margin-bottom: 20px;
	}
	.po-block1-text{
		width: ~"calc(100% - 585px)";
	}
}
/*
	PAGE ABOUT
*/
.page-about{
	.block1{
		position: relative;
		width: 100%;
		height: 739px;
		background: url('../images/about-page/block1.jpg') no-repeat center top;
		padding-top: 100px;
		.text1{
			display: flex;
			flex-wrap: wrap;
			padding: 25px 0;
			p{
				width: ~"calc(100% - 535px)";
				color: #fff;
				font-size: 14px;
				line-height: 1.5;
			}
			.image{
				width: 535px;
				min-height: 129px;
				background: url('../images/about-page/block1_text1_image.png') no-repeat center left;
			}
		}
		.text2{
			display: flex;
			flex-wrap: wrap;
			padding: 25px 0;
			p{
				width: ~"calc(100% - 667px)";
				color: #fff;
				font-size: 14px;
				line-height: 1.5;
			}
			.image{
				width: 667px;
				min-height: 128px;
				background: url('../images/about-page/block1_text2_image.png') no-repeat center;
			}
		}
		.text3{
			padding: 25px 0;
			p{
				color: #fff;
				font-size: 24px;
			}
		}
	}
	.block2{
		padding-bottom: 100px;
		h3{
			color: #000;
			font-size: 24px;
			font-weight: 700;
			text-align: left;
			margin: 60px 0;
		}
		.side{
			width: 50%;
			h4{
				color: #000;
				font-size: 14px;
				text-transform: uppercase;
				padding: 25px 0;
				margin-bottom: 30px;
			}
		}
		.side-left{
			.eggs1 .image{background: url('../images/about-page/block2_eggs/side-left/1.png')}
			.eggs2 .image{background: url('../images/about-page/block2_eggs/side-left/2.png')}
			.eggs3 .image{background: url('../images/about-page/block2_eggs/side-left/3.png')}
			.eggs4 .image{background: url('../images/about-page/block2_eggs/side-left/4.png')}
			.eggs5 .image{background: url('../images/about-page/block2_eggs/side-left/5.png')}
			.eggs6 .image{background: url('../images/about-page/block2_eggs/side-left/6.png')}
		}
		.side-right{
			h4{
				position: relative;
				color: #fff;
				padding: 25px 15px;
				background: #35c600;
			}
			h4:after{
				content: '';
				position: absolute;
				top: 0px;
				left: 100%;
				width: 200%;
				height: 100%;
				background: #35c600;
			}
			.eggs1 .image{background: url('../images/about-page/block2_eggs/side-right/1.png')}
			.eggs2 .image{background: url('../images/about-page/block2_eggs/side-right/2.png')}
			.eggs3 .image{background: url('../images/about-page/block2_eggs/side-right/3.png')}
			.eggs4 .image{background: url('../images/about-page/block2_eggs/side-right/4.png')}
			.eggs5 .image{background: url('../images/about-page/block2_eggs/side-right/5.png')}
			.eggs6 .image{background: url('../images/about-page/block2_eggs/side-right/6.png')}
			.eggs7 .image{background: url('../images/about-page/block2_eggs/side-right/7.png')}
			.eggs8 .image{background: url('../images/about-page/block2_eggs/side-right/8.png')}
		}
		.eggscon{
			display: flex;
			flex-wrap: wrap;
			.eggs{
				width: 50%;
				padding: 0px 10px 30px;
				text-align: center;
				color: #333;
				font-size: 14px;
				.image{
					width: 100%;
					height: 75px;
					background-position: bottom center;
					background-repeat: no-repeat;
					margin-bottom: 15px;
				}
			}
		}
	}
	.block3{
		padding-bottom: 100px;
		h3{
			color: #000;
			font-size: 24px;
			font-weight: 700;
			text-align: left;
			margin: 60px 0;
		}
		.side{
			position: relative;
			width: 50%;
			height: 610px;
			h5{
				color: #fff;
				font-size: 70px;
				text-align: center;
				text-transform: uppercase;
				margin-top: 35px;
				margin-bottom: 80px;
				letter-spacing: 10px;
				transform: scaleY(0.6);
			}
			p{
				color: #000;
				font-size: 14px;
				line-height: 2;
				padding: 15px;
			}
		}
		.side-left{
			background: #35c600;
			.image{
				width: 100%;
				height: 287px;
				background: url('../images/about-page/block3/left-image.png') no-repeat center;
			}
			p{
				color: #fff;
			}
		}
		.side-left:after{
			content: '';
			position: absolute;
			top: 0px;
			left: -100%;
			width: 100%;
			height: 100%;
			background: #35c600;
		}
		.side-right{
			h5{
				color: #35c600;
			}
			.image{
				width: 100%;
				height: 287px;
				background: url('../images/about-page/block3/right-image.png') no-repeat center;
			}
			p{
				padding-left: 35px;
			}
		}
		.text1{
			color: #000;
			font-size: 14px;
			font-weight: 400;
			line-height: 1.5;
			padding: 60px 0;
		}
		.text2{
			width: 100%;
			padding: 85px 40px 55px;
			background: url('../images/about-page/block3/text2_1.png') no-repeat 15px 25px,
						url('../images/about-page/block3/text2_2.png') no-repeat ~"calc(100% - 15px)" ~"calc(100% - 25px)";
			color: #000;
			font-size: 	24px;
			font-weight: 700;
			text-transform: uppercase;
			text-align: center;
			box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
		}
		.eggscon{
			display: flex;
			flex-wrap: wrap;
			.eggs{
				width: 25%;
				.image{
					width: 100%;
					height: 125px;
					background-repeat: no-repeat;
					background-position: bottom center;
				}
				p{
					color: #000;
					font-size: 14px;
					font-weight: 400;
					text-align: center;
					line-height: 1.5;
					padding: 20px 50px;
				}
			}
			.eggs1 .image{background-image: url('../images/about-page/block3/eggs/1.png')}
			.eggs2 .image{background-image: url('../images/about-page/block3/eggs/2.png')}
			.eggs3 .image{background-image: url('../images/about-page/block3/eggs/3.png')}
			.eggs4 .image{background-image: url('../images/about-page/block3/eggs/4.png')}
		}
	}
}
/*
	PAGE CONTACTS
*/
.page-contacts{
	padding: 50px 0;
	h1{
		width: 100%;
		color: #000;
		font-size: 40px;
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 30px;
	}
	h2{
		width: 100%;
		color: #000;
		font-size: 24px;
		font-weight: 400;
		text-transform: uppercase;
		text-align: left;
	}
	.contacts-tab-buttons{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin-bottom: 50px;
		.button{
			width: 50%;
			color: #bbb;
			font-size: 20px;
			font-weight: 400;
			padding: 15px;
			text-align: center;
			border-bottom: 2px solid #888;
			text-transform: uppercase;
			transition: all 0.1s 0s;
			cursor: pointer;
		}
		.button:hover{
			color: #000;
			border-color: #000;
		}
		.button--active{
			color: @colorGreen1;
			border-color: @colorGreen2;
		}
	}
	.contacts-con{
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		.left{
			width: 280px;
			height: 100%;
		}
		.right{
			width: 860px;
		}
		.right-flex{
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			.contact{
				width: 49%;
			}
		}
		.contact{
			position: relative;
			width: 100%;
			background: #fff;
			box-shadow: 0px 18px 6px rgba(0,0,0,0.16);
			margin-bottom: 50px;
			padding: 25px;
			text-transform: uppercase;
			p{
				width: 100%;
				color: #000;
				font-size: 14px;
				font-weight: 400;
			}
			a{
				display: block;
				width: 100%;
				color: #000;
				font-size: 14px;
				font-weight: 700;
			}
			a:hover{
				color: @colorGreen2;
			}
			p:last-child{
				font-size: 36px;
				line-height: 1;
				margin-top: 10px;
			}
			p:nth-of-type(1){
				margin-bottom: 10px;
			}
			p:nth-of-type(2){
				margin-bottom: 10px;
				margin-top: 10px;
			}
		}
		.image{
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 480px;
			height: 292px;
			background-repeat: no-repeat;
			background-position: bottom center;
		}
		.contact1{background-image: url('../images/page-contacts/contact1.png');}
		.contact2{background-image: url('../images/page-contacts/contact2.png');}
		.contact3{background-image: url('../images/page-contacts/contact3.png');}
	}
	.tab2{
		display: none;
	}
	
}
/*
	MAP
*/
.map{
	position: relative;
	width: 100%;
	height: 600px;
	background: url('../images/mapload.gif') no-repeat center, #000;
}
.info{
	position: absolute;
	top: 50%;
	left: 10%;
	margin-top: -197px;
	display: flex;
	align-items: center;
	width: 360px;
	height: 394px;
	background: #fff;
	box-shadow: 0px 18px 6px rgba(0,0,0,0.16);
	padding: 0px 30px;
	z-index: 1;
	h5{
		position: absolute;
		top: 40px;
		left: 45px;
		color: #000;
		font-size: 24px;
		font-weight: 400;
		text-transform: uppercase;
	}
	.text{
		width: 100%;
	}
	p{
		width: 100%;
		text-align: right;
		color: #000;
		font-size: 14px;
		font-weight: 700;
		margin: 5px 0;
		text-transform: uppercase;
	}
	a{
		
	}
	a:hover{
		color: @colorGreen2;
	}
}
/*
	PAGE SERVICES
*/
.page-services{
	padding: 50px 0;
	h1{
		width: 100%;
		color: #000;
		font-size: 40px;
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 30px;
	}
	.ps-content{
		width: 527px;
		img{
			margin-bottom: 10px;
		}
		.item{
			display: none;
			p{
				color: #2b2b2b;
				font-size: 14px;
				font-weight: 400;
				margin-bottom: 10px;
			}
			span{
				color: @colorGreen1;
			}
			a{
				color: @colorGreen1;
				text-decoration: underline;
			}
			a:hover{
				text-decoration: none;
			}
		}
		.item--active{
			display: block;
		}
	}
	.ps-menu{
		width: ~"calc(100% - 527px)";
		padding-left: 25px;
		.item{
			position: relative;
			width: 100%;
			padding: 20px 0 20px 100px;
			border-bottom: 1px solid #666;
			text-align: right;
			color: #2b2b2b;
			font-size: 14px;
			cursor: pointer;
			transition: all 0.1s 0s;
		}
		.item:hover{
			color: @colorGreen1;
			border-color: transparent;
		}
		.item:hover:before{
			width: 100%;
		}
		.item:before{
			content: '';
			position: absolute;
			bottom: 0px;
			right: 0px;
			width: 0%;
			height: 2px;
			background: @colorGreen2;
			transition: all 0.2s 0s;
		}
		.item:after{
			content: '';
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100px;
			height: 100%;
			background-position: center;
			background-repeat: no-repeat;
		}
		.item:nth-child(1):after{background-image: url('../images/services/1.png');}
		.item:nth-child(2):after{background-image: url('../images/services/2.png');}
		.item:nth-child(4):after{background-image: url('../images/services/4.png');}
		.item:nth-child(5):after{background-image: url('../images/services/5.png');}
		.item:nth-child(6):after{background-image: url('../images/services/6.png');}
		.item:nth-child(7):after{background-image: url('../images/services/7.png');}
		.item:nth-child(8):after{background-image: url('../images/services/8.png');}
		.item--active{
			padding: 30px 0 30px 100px;
			font-size: 18px;
			font-weight: 700;
		}
	}
}
/*
	PAGE TECHNOLOGY
*/
.page-technology{
	padding: 50px 0;
	h1{
		width: 100%;
		color: #000;
		font-size: 40px;
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 30px;
	}
	.item:nth-of-type(1), .item:nth-of-type(2){
		width: 570px;
	}
	.item{
		width: 380px;
		height: 300px;
		background-color: #000;
		background-position: top top;
		background-size: 100% auto;
		background-repeat: no-repeat;
		border: 1px solid #fff;
		transition: all 0.5s 0s;
		overflow: hidden;
		a{
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
			z-index: 2;
		}
		p{
			position: absolute;
			bottom: 0px;
			left: -35px;
			max-width: 80%;
			color: #fff;
			font-size: 24px;
			font-weight: 700;
			padding: 20px 25px 20px 55px;
			z-index: 1;
			background: rgba(0,0,0,0.75);
			border: 1px solid @colorGreen1;
			transform: skewX(45deg);
			span{
				display: block;
				transform: skewX(-45deg);
			}
		}
	}
	.item:hover{
		background-size: 110% auto;
	}
	.item1{background-image: url('../images/technology-page/category/1.jpg');}
	.item2{background-image: url('../images/technology-page/category/2.jpg');}
	.item3{background-image: url('../images/technology-page/category/3.jpg');}
	.item4{background-image: url('../images/technology-page/category/4.jpg');}
	.item5{background-image: url('../images/technology-page/category/5.jpg');}
}
/*
	CAT TECHNOLOGY
*/
.category-technology-child{
	padding-bottom: 100px;
	.block-left{
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 295px;
		.ctc-href{
			position: relative;
			padding: 10px 35px 10px 0;
			cursor: pointer;
			transition: all 0.1s 0s;
		}
		.ctc-href:after{
			content: '';
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 0%;
			height: 1px;
			background: @colorGreen2;
			transition: all 0.2s 0s;
		}
		.ctc-href:hover{
			color: @colorGreen1;
		}
		.ctc-href:hover:after{
			width: 100%;
		}
		.ctc-href__active{
			font-weight: 700;
			font-size: 20px;
		}
		.ctc-href__active:after{
			width: 100%;
			height: 2px;
		}
	}
	.block-right{
		position: relative;
		width: ~"calc(100% - 295px)";
		height: 475px;
		overflow: hidden;
		.ctc-item{
			position: absolute;
			top: 0px;
			right: -100%;
			display: flex;
			flex-wrap: wrap;
			width: 100%;
			height: 100%;
			padding: 20px;
			transition: all 0.2s 0s;
			.image{
				display: flex;
				justify-content: center;
				width: 310px;
				height: 435px;
				background: #000;
				overflow: hidden;
				img{
					position: relative;
					right: 50%;
					width: auto;
					height: 100%;
				}
			}
			.text{
				width: ~"calc(100% - 310px)";
				padding-left: 20px;
				h2{
					font-size: 24px;
					font-weight: 400;
					text-transform: uppercase;
					padding: 15px 0;
					border-top: 1px solid @colorGreen1;
					border-bottom: 1px solid @colorGreen1;
					margin-bottom: 35px;
				}
				p{
					color: #444;
					line-height: 1.5;
				}
				.more{
					position: absolute;
					bottom: 0px;
					right: 0px;
					padding: 20px;
				}
				.more:hover{
					color: @colorGreen1;
				}
			}
		}
		.ctc-item__active{
			right: 0%;
		}
	}
}
/*
	PAGE INFORMATION
*/
.page-information{
	width: 1125px;
	padding: 50px 0;
	.grid-container{
		display: grid;
		grid-template-columns: 395px 395px 335px;
		grid-template-rows: 440px 220px;
	}
	h1{
		width: 100%;
		color: #000;
		font-size: 40px;
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 30px;
	}
	.item{
		position: relative;
		width: 395px;
		height: 220px;
		background-repeat: no-repeat;
		background-position: top top;
		background-color: #8d8d8d;
		transition: all 0.5s 0s;
		a{
			position: relative;
			display: block;
			width: 100%;
			height: 100%;
			z-index: 2;
		}
		p{
			position: absolute;
			bottom: 0px;
			left: 0px;
			color: #000;
			font-size: 24px;
			font-weight: 700;
			padding: 20px;
			z-index: 1;
		}
	}
	.item:after{
		content: '';
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		transition: all 0.2s 0s;
		z-index: 0;
	}
	.item1{
		grid-column-start: 1;
		grid-column-end: 3;
		width: 790px;
		height: 440px;
		background-image: url('../images/information-page/1.jpg');
		background-size: 100% auto;
		p{
			color: #fff;
		}
	}
	.item2{
		grid-column-start: 3;
		grid-column-end: 5;
		grid-row-start: 1;
		grid-row-end: 3;
		width: 100%;
		height: 100%;
		background-image: url('../images/information-page/2.jpg');
		background-size: auto 100%;
	}
	.item3{
		background-image: url('../images/information-page/3.jpg');
		background-size: 100% auto;
		background-position: top left;
	}
	.item4{
		background-image: url('../images/information-page/4.jpg');
		background-size: 100% auto;
		.image{
			position: absolute;
			z-index: 1;
			top: 50%;
			left: 0px;
			margin-top: -32px;
			width: 100%;
			height: 64px;
			background: url('../images/information-page/item4-image.png') no-repeat center;
			background-size: 80% auto;
		}
	}
	.item1:after{
		background: rgba(0,0,0,0.57);
	}
	.item1:hover{
		background-size: 110% auto;
	}
	.item2:after{
		height: 50%;
		background: linear-gradient(to top, #c8c8c8 30%, transparent)
	}
	.item2:hover{
		background-size: auto 110%;
	}
	.item4:after{
		background: rgba(255,255,255,0.5);
	}
	.item4:hover{
		background-size: 110% auto;
	}
	.item3:hover{
		background-size: 110% auto;
	}
}
/*
	PAGE DEFAULT
*/	
.page-default{
	padding: 50px 0;
	h1{
		width: 100%;
		color: #000;
		font-size: 40px;
		font-weight: 700;
		text-transform: uppercase;
		margin-bottom: 30px;
	}
	p{
		color: #333;
		line-height: 1.5;
		margin-bottom: 20px;
	}
}
/*
	FOOTER
*/
.footer{
	padding: 85px 0;
	background: #353c49;
}
.footer .logocon{
	width: 50%;
	height: 60px;
	margin-bottom: 85px;
}
.footer .logocon a{
	display: block;
	width: 220px;
	margin: 0 auto;
}
.footer .logo{
	width: 100%;
	height: 60px;
	background: url('../images/footer-logo.png') no-repeat center top;
}
.footer .logo2{
	width: 100%;
	background-position: center;
}
.footer-left{
	position: relative;
	width: ~"calc(100% - 300px)";
	padding-right: 35px;
}
.footer-left:after{
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	height: 60%;
	width: 1px;
	background: #7dc91c;
}
.footer-right{
	width: 300px;
	padding-left: 35px;
}
.social{
	margin-top: 10px;
	display: flex;
	.item{
		width: 50px;
		height: 50px;
		background-repeat: no-repeat;
		background-position: center;
	}
}
.icon-youtube{
	background-image: url('../images/icons/icon-youtube.png');
}
.footer-menu{
	display: flex;
	justify-content: space-between;
}
.footer-menu ul{
	
}
.footer-menu li{
	position: relative;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	padding: 5px 0;
	cursor: pointer;
	transition: all 0.2s 0s;
}
.footer-menu li:after{
	content: '';
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 0px;
	height: 2px;
	background: #7dc91c;
	transition: all 0.1s 0s;
}
.footer-menu li:hover:after{
	width: 100%;
}
.footer-menu li:hover{
	color: #64a500;
}
.footer-right p{
	color: #fff;
	font-size: 14px;
	padding: 5px 0;
}
.footer-right p a{
	position: relative;
}
.footer-right p a:after{
	content: '';
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 0px;
	height: 2px;
	background: #7dc91c;
	transition: all 0.1s 0s;
}
.footer-right p a:hover:after{
	width: 100%;
}
.footer-right p a:hover{
	color: #64a500;
}
.copyright{
	width: 100%;
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}
.copyright p{
	display: block;
	color: #888;
	font-weight: 700;
	font-size: 10px;
	text-transform: uppercase;
}
/*
	POPUP WINDOWS
*/
.overlay{
	display: none;
	position: fixed;
	z-index: 999;
	opacity: 0.5;
	filter: alpha(opacity=50);
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: #000;
}
.popup{
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 1000;
}
.close{
	display: block;
	width: 30px;
	cursor: pointer;
	height: 30px;
	position: absolute;
	top: 5px;
	right: 5px;
	background: url('../images/close.png') no-repeat bottom;
	opacity: 0.75;
	transition: all 0.2s 0s;
	z-index: 10;
}
.close:hover{
	opacity: 1;
}
#popup_cons{
	width: 600px;
	height: auto;
	margin: -128px 0 0 -250px;
	padding: 30px 40px;
}
#popup_cons p{
	font-size: 24px;
	color: #fff;
	text-align: center;
	font-weight: 700;
}
/*
	THANKS MESSAGE
*/
.thx{
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.75);
	transition: opacity 0.5s 0s;
	opacity: 0;
	z-index: 999;
}
.thxActive{
	display: table;
	opacity: 1;
}
.thx p{
	display: table-cell;
	vertical-align: middle;
	font-size: 42px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	text-shadow: 0px 0px 25px #000;
}
.slider-content{
	position: relative;
	width: 30%;
	height: auto;
	.slides{		
		.slide{
			display: none;
			img{
				width: 100%;
				height: auto;
			}
		}
		.slide.active{
			display: block;
		}
	}
	.arrow{
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 100%;
		height: 60px;
		background: url('../images/icons/slider-content-arrow.png') no-repeat center;
		background-size: auto 100%;
		cursor: pointer;
	}
}
.slider-content-desc{
	display: flex;
	flex-wrap: wrap;	
	align-content: center;
	width: 70%;
}
/*
	RESP
*/
.menu-mobile{
	display: none;
}
.open-mobile-menu{
	display: none;
}
.info-mobile{
	display: none;
}
@media screen and (max-width: 1160px){
	body{
		min-width: 960px;
	}
	.flexcenter{
		max-width: 960px;
	}
	.center{
		max-width: 960px;
	}
	.cat-menu-product .text{
		display: none;
	}
	.mc-con{
		flex-wrap: wrap;
		height: auto;
		.mc-item{
			height: 290px;
			background: #000;
			border: 1px solid #ccc;
		}
		#mc-item1{
			width: 100%;
			p{
				text-align: center;
				padding-right: 25px;
			}
			.image{
				transform: none;
				background: url('../images/main-cats/mob/1.jpg') no-repeat center;
			}
		}
		#mc-item2{
			width: 50%;
			position: relative;
			left: 0%;
			transform: skewX(0deg);
			.image{
				transform: none;
				background: url('../images/main-cats/mob/2.jpg') no-repeat center;
			}
			p{
				transform: skewX(0deg);
			}
		}
		#mc-item3{
			width: 50%;
			position: relative;
			left: 0%;
			transform: skewX(0deg);
			.image{
				transform: none;
				background: url('../images/main-cats/mob/3.jpg') no-repeat center;
			}
			p{
				transform: skewX(0deg);
			}
		}
		#mc-item4{
			width: 50%;
			position: relative;
			left: 0%;
			transform: skewX(0deg);
			.image{
				transform: none;
				background: url('../images/main-cats/mob/4.jpg') no-repeat center;
			}
			p{
				transform: skewX(0deg);
			}
		}
		#mc-item5{
			display: block;
			width: 50%;
			p{
				position: absolute;
				bottom: 0px;
				width: 100%;
				text-align: center;
			}
			.image{
				transform: none;
				background: url('../images/main-cats/mob/5.jpg') no-repeat center;
			}
		}
	}
	.footer-left{
		width: 100%;
		padding-right: 0px;
	}
	.footer-left:after{
		display: none;
	}
	.footer-right{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		padding-left: 0px;
		padding-top: 35px;
		p:first-child{
			width: 230px;
		}
		p:last-child{
			width: 230px;
			text-align: right;
		}
	}
	.slider-main{
		.text-con{
			.text{
				width: 960px;
				padding-right: 205px;
			}
		}
		.text-con--active .text:after{
			right: 220px;
		}
	}
	.page-contacts{
		.contacts-con{
			.left{
				width: 100%;
				height: auto;
			}
			.right{
				width: 100%;
				height: auto;
			}
		}
	}
	.page-about{
		.block1{
			height: auto;
			background-repeat: repeat-y;
			.text1{
				.image{
					width: 30%;
					background-position: center;
					background-size: 100% auto;
				}
				p{
					width: 70%;
					padding-left: 20px;
				}
			}
			.text2{
				.image{
					width: 30%;
					background-position: center;
					background-size: 100% auto;
				}
				p{
					width: 70%;
					padding-right: 20px;
				}
			}
		}
		.block3{
			.side-left{
				.image{
					background-position: center;
					background-size: 90% auto;
				}
			}
			.side-right{
				.image{
					background-position: center;
					background-size: 90% auto;
				}
			}
			.eggscon{
				.eggs{
					p{
						padding: 20px;
					}
				}
			}
		}
	}
}
@media screen and (max-width: 980px){
	body{
		min-width: 768px;
	}
	.flexcenter{
		max-width: 768px;
		padding: 0 20px;
	}
	.center{
		max-width: 768px;
		padding: 0 20px;
	}
	.menu{
		display: none;
	}
	.open-mobile-menu{
		display: block;
		width: 100%;
		height: 56px;
		border-bottom: 1px solid #ddd;
		background: #fff;
		color: #000;
		font-size: 20px;
		font-weight: 700;
		line-height: 55px;
		text-align: center;
		text-transform: uppercase;
		cursor: pointer;
		span{
			display: inline-block;
			height: 56px;
			padding: 0 60px 0 0;
			position: relative;
		}
	}
	.open-mobile-menu span:after{
		content: '';
		position: absolute;
		top: 0px;
		right: 0px;
		width: 56px;
		height: 100%;
		background: url('../images/openmenu.png') no-repeat center;
	}
	.menu-mobile__active{
		display: flex;
	}
	.menu-mobile{
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: #fff;
		z-index: 100;
		flex-direction: column;
		a{
			height: auto;
		}
		.menu-link{
			width: 100%;
			height: auto;
			padding: 30px;
			border-bottom: 1px solid #ddd;
		}
		a:nth-last-child(2) .menu-link{
			border-bottom: none;
		}
		.menu-link:after{
			display: none;
		}
		.close-mobile{
			position: absolute;
			top: 0px;
			right: 0px;
			width: 100px;
			height: 100px;
			cursor: pointer;
		}
		.close-mobile:after{
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			width: 30px;
			height: 30px;
			margin: -15px 0 0 -15px;
			background: url('../images/close.png') no-repeat center top;
		}
	}
	.cat-menu{
		display: none;
	}
	.slider-main{
		display: none;
	}
	.page{
		padding-top: 0px;
	}
	.header{
		position: relative;
	}
	.page-services{
		padding: 30px 0;
		.ps-content{
			width: 100%;
			order: 2;
		}
		.ps-menu{
			width: 100%;
			order: 1;
			display: flex;
			flex-wrap: wrap;
			padding: 0px;
			margin-bottom: 25px;
			.item{
				display: flex;
				align-items: center;
				justify-content: center;
				width: 25%;
				padding: 10px;
				border-top: 1px solid #666;
				border-left: 1px solid #666;
				text-align: center;
			}
			.item:nth-child(4n){
				border-right: 1px solid #666;
			}
			.item:nth-child(n+5){
				border-top: none;
				border-bottom: 1px solid #666;
			}
			.item:hover{
				border-color: #666;
			}
			.item:before{
				display: none;
			}
			.item:after{
				display: none;
			}
		}	
	}
	.page-technology{
		padding: 30px 0;
		justify-content: center;
		.item:nth-of-type(1), .item:nth-of-type(2){
			width: 50%;
		}		
		.item{
			width: 50%;
		}
	}
	.category-technology-child{
		padding-bottom: 30px;
		.block-left{
			width: 100%;
			flex-direction: row;
			flex-wrap: wrap;
			.ctc-href{
				display: flex;
				align-items: center;
				justify-content: center;
				text-align: center;
				width: 50%;
				padding: 10px;
				border: 1px solid #ccc;
			}
			.ctc-href:after{
				display: none;
			}
		}
		.block-right{
			height: auto;
			width: 100%;
			.ctc-item{
				display: none;
				position: relative;
				height: auto;
				padding-bottom: 50px;
			}
			.ctc-item__active{
				display: flex;
			}
		}
	}
	.page-information{
		padding: 30px 0px;
		.grid-container{
			width: 100%;
			display: flex;
			flex-direction: column;
			.item{
				width: 100%;
				height: 220px;
				margin-bottom: 2px;
			}
		}
	}
	.page-top{
		background: none !important;
		height: auto;
		.h1con{
			display: none;			
		}
		.center{
			h1{
				width: 100%;
				position: relative;
				text-align: center;
				padding-left: 0px;
				padding-top: 35px;
				line-height: 1;
			}
		}
	}
	.sp-menu{
		margin-top: 30px;
	}
	.page-text{
		padding: 30px 0;
	}
	.production-lvl2{
		border-bottom: none;
		margin-bottom: 0px;
		h2{
			font-size: 24px;
			height: auto;
			margin-bottom: 10px;
		}
		.image{
			width: 100%;
		}
		.text{
			width: 100%;
			padding-left: 0px;
			padding-top: 25px;
		}
	}
	.sp-slider{
		position: relative;
		height: 29vw;
		.sp-slide{
			background-size: 100% auto;
		}
	}
	.sp-slider-bottom{
		position: relative;
		height: auto;
		flex-wrap: wrap;
		.sp-slider-images{
			width: 100%;
			margin-right: 0px;
			.sp-img{
				transform: none;
			}
			img{
				transform: none;
			}
		}
	}
	.sp-menu{
		height: auto;
		.sp-menu-item{
			height: 50px;
		}
	}
	.eggscon-technology a{
		width: 50%;
	}
	.sp-content{
		.text3{
			.left{
				width: 100%;
				order: 1 !important;
			}
			.right{
				width: 100%;
				max-height: 520px;
				height: 50vh;
				order: 2 !important;
				background: #fff;
				text-align: center;
				img{
					width: auto;
					height: 100%;
				}
			}
		}
		h4{
			padding: 0 10px;
		}
		.text{
			border-bottom: 1px solid #ccc;
			p{
				width: 100%;
			}
		}
	}
	.product-po{
		.cases{
			.case{
				.casetext{
					padding-top: 30px;
					width: 100%;
				}
			}
		}
	}
	.cases2{
		.case{
			.casetext{
				width: 100%;
				padding: 30px 0px 60px;
			}
		}
		.case:nth-child(2n){
			.casetext{
				padding: 30px 0px 60px;
			}
		}
	}
	.page-contacts{
		padding: 30px 0;
	}
	.map{
		height: 60vh;
	}
	.info{
		display: none;
		position: relative;
		top: 0px;
		left: 0px;
		width: 100%;
		height: auto;
		box-shadow: none;
		margin: 0px;
	}
	.info-mobile{
		display: flex;
		margin-bottom: 30px;
	}
	.category-media{
		padding: 30px 0;
	}
	.single-media{
		padding: 30px 0;
	}
	.page-about{
		.block3{
			.side{
				h5{
					margin: 0px;
				}
			}
			.side-left{
				.image{
					height: 220px;
				}
			}
			.side-right{
				.image{
					height: 220px;
				}
			}
			.eggscon{
				.eggs{
					width: 50%;
					margin-bottom: 35px;
				}
			}
		}
	}
}
@media screen and (max-width: 768px){
	body{
		min-width: 100%;
	}
	.flexcenter{
		max-width: 100%;
		padding: 0 10px;
	}
	.center{
		max-width: 100%;
		padding: 0 10px;
	}
	.header{
		height: auto;
		a{
			width: 50%;
		}
		.logo{
			width: 100%;
			height: 85px;
			background-position: center;
		}
		.logo2{
			width: 100%;
			height: 85px;
			background-position: center;
		}
		.email-text{
			width: 50%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			a{
				width: auto;
				min-width: 51%;
			}
		}
		.email-text2{
			width: 50%;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			a{
				width: auto;
				min-width: 51%;
			}
		}
		.mob-order1{
			order: 1;
		}
		.mob-order2{
			order: 2;
		}
		.mob-order3{
			order: 3;
			display: flex;
			justify-content: center;
		}
		.mob-order4{
			order: 4;
		}
	}
	.main-company{
		height: auto;
		background: none;
		.text{
			position: relative;
			height: auto;
			box-shadow: none;
		}
	}
	.footer-menu{
		flex-wrap: wrap;
		ul{
			width: 50%;
			padding: 0 15px 15px 0;
		}
	}
	.main-news{
		height: auto;
		.news{
			height: auto;
		}
	}
	.page-services{
		padding: 30px 10px;
	}
	.page-technology{
		padding: 30px 10px;
		.item:nth-of-type(1), .item:nth-of-type(2){
			width: 100%;
		}		
		.item{
			width: 100%;
		}
	}
	.category-technology-child{
		.block-right{
			.ctc-item{
				.image{
					display: none;
				}
				.text{
					width: 100%;
					padding-left: 0px;
				}
			}
		}
	}
	.page-information{
		padding: 30px 10px;
	}
	.page-contacts{
		padding: 30px 10px;
		.contacts-con{
			.right-flex{
				.contact{
					width: 100%;
				}
			}
		}
	}
	.single-technology{
		.headers-block{
			max-width: 100%;
		}
	}
	.category-media{
		padding: 30px 10px;
	}
	.single-media{
		padding: 30px 10px;
	}
	.page-about{
		.block1{
			.text1{
				justify-content: center;
				.image{
					width: 100%;
					max-width: 350px;
					order: 1;
				}
				p{
					margin-top: 35px;
					width: 100%;
					padding: 0px;
					order: 2;
				}
			}
			.text2{
				justify-content: center;
				.image{
					width: 100%;
					max-width: 350px;
					order: 1;
				}
				p{
					margin-top: 35px;
					width: 100%;
					padding: 0px;
					order: 2;
				}
			}
		}
		.block2{
			.side{
				width: 100%;
			}
		}
		.block3{
			.side{
				width: 100%;
				height: auto;
			}
			.side-left{
				.image{
					max-width: 400px;
					margin: 0px auto 30px;
				}
			}
			.side-right{
				.image{
					max-width: 400px;
					margin: 0px auto;
				}
			}
		}
	}
}
@media screen and (max-width: 620px){
	.partners{
		grid-template-columns: 50% 50%;
		grid-template-rows: 150px 150px 150px;
		.eggs1{
			background-position: center;
		}
		.eggs3{
			background-position: center;
		}
		.eggs4{
			background-position: center;
		}
		.eggs6{
			background-position: center;
		}
	}
	.page-services{
		.ps-content img{
			max-width: 100%;
		}
		.ps-menu{
			.item{
				width: 50%;
			}
			.item:nth-child(2n){
				border-right: 1px solid #666;
			}
			.item:nth-child(n+7){
				border-top: none;
				border-bottom: 1px solid #666;
			}
		}
	}
	.main-news{
		.news{
			width: 100%;
			margin-bottom: 30px;
		}
	}
	h3 span{
		padding: 0px;
		background: none;
	}
}
@media screen and (max-width: 500px){
	.header{
		.logo{
			background-size: 80% auto;
		}
		.logo2{
			background-size: 80% auto;
		}
	}
	.footer{
		padding-top: 50px;
		.logocon{
			width: 100%;
			margin-bottom: 5px;
		}
		.footer-left{
			margin-top: 50px;
		}
		.footer-right{
			p{
				width: 100%;
			}
		}
		.copyright{
			flex-wrap: wrap;
			p{
				width: 100%;
				margin-bottom: 10px;
			}
		}
		.footer-menu{
			li{
				font-size: 12px;
			}
		}
	}
	.mc-con{
		#mc-item2{
			width: 100%;
		}
		#mc-item3{
			width: 100%;
		}
		#mc-item4{
			width: 100%;
		}
		#mc-item5{
			width: 100%;
		}
	}
	.info{
		flex-wrap: wrap;
		h5{
			position: relative;
			top: 0px;
			left: 0px;
		}
	}
	.sp-menu{
		.sp-menu-item{
			width: 100%;
		}
	}
}
@media screen and (max-width: 380px){
	
}