@charset "utf-8";
/* CSS Document */
:root{
	--main-color:#6ea84f;
	--second-color:#31572b;
	--contrast-color:#4cbdbb;
	--main-text:#333;	
}
#HeadLogo{
	min-width: 290px;
	margin-top: 20px;
	display:block;
	vertical-align:top;
	text-align:center;
}
#HeadLogo img{
	max-width:290px;
}
#HeadLogo .recom{
	text-align:center;
	margin-bottom:15px;
}
.menu{
	height: 52px;
	padding: 10px;
	display: block;
	color:#FFF;
	text-align: left;
	border-radius: 4px;
	background:var(--main-color);
	font-size:20pt;
	cursor:pointer;
}
nav{
	width:100%;
	position:absolute;
	z-index:1000;
}
nav ul{
	display: none;
	list-style: none;
	background:rgba(0,87,36,0.85);
}
nav ul li{
	padding:10px;
	font-size:20pt;
	border:1px solid var(--main-color);
 	position: relative;
}
nav ul li a{
	display:block;
	color:#FFF;
	transition:all 1s;
}
nav ul li a:hover{
	color: var(--contrast-color);
}
.active{
	color:var(--main-color);
}
#MainTitles{
	padding:85px 30px;
	text-align: right;
	text-shadow:2px 2px 1px rgba(5,0,0,0.5);
	font-style:italic;
}
#MainTitles h1{
	color:#79C54F;
}
footer .container{
	padding:20px 0;
}
#FooterLogo{
	max-width: 210px;
}
.SocialNetworks{
	text-align: center;
}
.SocialNetworks h3{
	margin-bottom:19px;
}
.SocialNetworks ul{
	list-style:none;
}
.SocialNetworks ul li{
	display: inline-block;
	margin:0 5px;
}
.SocialNetworks ul li a{
	color:white;
}
.SocialNetworks ul li i{
	color:white;
}
.SocialNetworks ul li img{
	width:33px;
	height:33px;
}
.SocialNetworks ul li img:hover{
    -webkit-animation: tada 1s;
    animation: tada 1s;
}
.copyright{
	text-align: center;
	color:white;
}
.termsprivacy{
	display:none;
	text-align: center;
	color:white;
}
.termsprivacy a{
	color:white;
	transition:ease all 0.3s;
}
.termsprivacy a:hover{
	color:#288DC1;
}

.TestWYSWYG{
	width:100%;
	min-height:300px;
}
#ContactInfo{
	padding:0 20px 20px 20px;
	text-align:left;
}
#ServicesBlocks .Block p{
	width:80%;
	margin:auto;
}
.BlockOverColor{
	padding:30px 5px;
	background-color:rgba(0,0,0,0.50);
	min-height:380px;
	transition:ease all 0.3s;
}
.BlockOverColor:hover{
	background-color:rgba(0,0,0,0.70);
}
#WelcomeInfo{
	text-align:center;
}
#WelcomeImg img{
	width:290px;
	transition:ease all 0.3s;
	border-radius:6px;
}
#WelcomeImg img:hover{
	-webkit-filter: brightness(1.2);
	filter: brightness(1.2);
	transition:ease all 0.3s;
}
.ArtContent{
	text-align: center;
	vertical-align: top;
	margin: 10px 10px 30px 10px;
}
.ArtContent p{
	line-height:20pt;
}
.ArtImage{
	margin:10px;
	border-radius:6px;
	transition:ease all 0.3s;
	text-align:center;
	overflow:hidden;
}
.ArtImage img{
	border-radius:6px;
	margin-left:-30%;
}
.ArtImage:hover{
	-webkit-filter: brightness(1.2);
	filter: brightness(1.2);
}
.ContactInfo{
	margin:15px 0 0 25px;
}
.ContactInfo li{
	padding-right:10px;
	margin-top:7px;
}
#ContactInfo{
	padding:0 20px 20px 20px;
	text-align:left;
}
.ServiceBlock{
	margin:5px;
	border-radius:6px;
	background:#F1F1F1;
} 
.ServPict{
	overflow:hidden;
	height:250px;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
.ServPict img{
	-webkit-animation: fadeInDown 1s;
    animation: fadeInDown 1s;
	transition:ease all 0.3s;
}
.ServPict img:hover{
	-webkit-filter: brightness(1.2);
	filter: brightness(1.2);
}
.ServInfo{
	margin:10px 8px;
	line-height:17pt;
	padding-bottom:15px;
}
.ServInfo h2{
	margin:15px auto;
}
.ServInfo p{
	margin:10px;
}
.ProductBlock{
	margin:10px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}
.ProductBlock h3 a{
	color:white;
}
.ProductBlock h3 a:hover{
	color:#D1EBD0;
	transition:ease all 0.3s;
	letter-spacing:3pt;
}
.ProductImg{
	overflow:hidden;
	text-align:center;
	min-height:300px;
	vertical-align:bottom;
	border:1px solid #D6EDD5;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
}
.ProductImg a img{
	
}
.ProductInfo{
	min-height:190px;
	padding-top:10px;
	vertical-align:top;
	background:#4db24a;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
}
.ProductInfo h3{
	color:white;
	letter-spacing:2pt;
}
.ProductInfo p{
	color:white;
	margin:10px;
}
#ProductSlide .slick-prev:before{
	color:darkgreen;
}
#ProductSlide .slick-next:before{
	color:darkgreen;
}
#ProductSlide .slick-prev{
	left: 0px;
	z-index:100;
}
#ProductSlide .slick-next{
	right: 0px;
}
.SocialNetworks{
	display:inline-block;
}
.SocialBlock{
	display:none;
}
.Catalogue{
	border:1px solid #CCECEB;
	border-radius:6px;
	margin:10px auto;
}
.ProfMini{
	overflow:hidden;
}
.ProfMini h3{
	margin:15px auto;
	transition:ease all 0.3s;
}
.ProfMini h3:hover{
	letter-spacing:1pt;
}
.ProfMini img{
	transition:transform 0.2s;
	width:190px;
	height:190px;
	margin-top:15px;
	border-bottom:1px solid #CCECEB;
}
.ProfMini img:hover{
	transform:scale(1.05);
}
#ProductImage{
	border-radius:6px;
	height:300px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}
#ProductImage img{
	border-radius:6px;
	margin:-30% 0 0 -30%;
	transition:transform 0.3s;
}
#ProductImage img:hover{
	transform:scale(1.02);
}
#MarketingFrame{
	padding:30px 0;
}
/*Tablet*/
@media (min-width: 600px){
	#HeadLogo{
	display: inline-block;
	text-align: left;
	padding:0;
	}
	#HeadLogo img{
	margin:0 auto;
	}
	nav{
		width:600px;
	}
	#MainTitles{
	padding:100px 75px;
	text-align: right;
	}
	#MainTitles h1{
	font-size:35pt;
	}
	.SocialNetworks{
		text-align: right;
	}
	.copyright{
		text-align: left;
	}
	.termsprivacy{
		padding-top:10px;
		text-align: right;
	}
	#HeadLogo .recom{
		text-align:right;
		margin-bottom:0;
	}
	#WelcomeImg{
		overflow:hidden;
	}
	#WelcomeImg img{
		width:450px;
		margin:20% 0 20% -33%;
	}
	.ArtImage{
		width:350px;
		float:left;
	}
	.ContactInfo{
		margin-left:5px;
	}
	.SocialNetworks{
		display:inline-block;
		padding:0 0 7px 0;
		margin:0;
	}
	.SocialBlock{
		display:inline-block;
		height:20px;
		padding-top:10px;
		vertical-align:top;
	}
	.SocialBlock a{
		color:white;
	}
	.SocialBlock a:hover{
		color:var(--contrast-color);
	}
	#FooterLogo{
		margin:0 auto;
	}
	.Catalogue{
		margin:10px 2px;
	}
	.ProductBlock{
		width:220px;
	}
	#ProductImage{
		height:600px;
	}
	#ProductImage img{
		margin:0 0 0 -50%;
	}
	#MarketingFrame{
		padding:50px 0;
	}
}
/*PC*/
@media (min-width: 900px){
	nav{
		width:700px;
		display: inline-block;
		margin: 15px auto 0 auto;
		padding-top:50px;
		z-index: auto;
		position: static;
		top:0;
		text-align:right;
	}
	nav ul{
		display: inline-block;
		background:none;
		padding:25px;
	}
	nav ul li{
		padding: 0;
		margin: 0 0 0 -4px;
		display: inline-block;
		font-size:13pt;
		border:none;
		transition: ease all 0.4s;
		background:none;
	}
	nav ul li:hover{
		background:none;
	}
	nav ul li a{
		padding: 25px 10px;
		transition: ease all 0.4s;
		color: #333;
	}
	nav ul li a:hover{
		color: var(--contrast-color);
	}
	#HeadLogo img{
		margin:0 auto;
	}
	.menu{
	display:none;
	}
	#MainTitles{
	padding:250px 75px;
	}
	#MainTitles h1{
	font-size:48pt;
	}
	#ServicesBlocks .Block{
		margin-left:20px;
	}
	#WelcomeInfo{
		text-align:left;
	}
	#WelcomeImg{
		text-align:right;
	}
	#WelcomeImg img{
		height:100%;
		margin: 0 auto;
	}
	.ArtImage{
		width:550px;
	}
	.ArtImage img{
		margin-left:0;
	}
	.ContactInfo{
		margin-left:25px;
	}
	.ServiceBlock{
		margin:10px 15px;
	}
	.Catalogue{
		margin:15px;
	}
	.ProductImg a img{
		margin-left:-15%;
	}
	#ProductImage img{
		margin:0 0 0 -35%;
	}
	#MarketingFrame{
		padding:110px 0;
	}
	
	
}