body {
	margin: 0;
	padding:0;
	font-family:  "LatoRegular", Arial;
	color: #3c4043;
	font-weight:normal;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;

	}
b, strong{font-family: "LatoBold";}
a {color: #afb2b7; text-decoration:none;}
img{padding:0; margin:0;}
h1, h2, h3, h4, h5, h6 {padding:0; margin:0; font-weight:normal; font-family: "LatoBold";}
p{padding:0; margin:0;}
.logo {  padding: 25px 0;
    text-align: center;
}
.description {
    padding:0 5px ;
    margin: 0 auto;
    max-width: 1100px;
    font-size: 23px;
    line-height: 36px;
    text-align: center;
   }

   .description h1{
	   font-family:  "LatoRegular";
    padding:0 5px ;
    margin: 0 auto;
    max-width: 1100px;
    font-size: 23px!important;
    line-height: 36px;
    text-align: center;
   }
.description p{padding:0 2px 10px 2px;}
	
.prod {
    max-width: 1280px;
    text-align: center;
    margin: 0 auto;
    padding: 60px 5px;
}
	
	a.linkmob {
    display:none;
}


.prod-block {
    display: inline-block;
	vertical-align:top;
    max-width: 585px;
    padding: 5px;
}

.prod h2 {
    font-size: 36px;
    padding-bottom: 60px;
}

.prod-block p {
    font-size: 22px;
    line-height: 32px;
    text-align: justify;
	padding:15px 3px;
}



.advantages {
    background: #4b4f53;
    color: #fff;
    text-align: center;
    padding: 70px 0;
}

.advantages h2 {
    font-size: 36px;
    padding-bottom: 30px;
}


.advantages-block1 {
    display: inline-block;
    max-width: 300px;
    padding: 50px;
	    vertical-align: top;
}

 .advantages-block {
    max-width: 1280px;
    margin: 0 auto;
}
.advantages-block h3 {
    padding: 30px 0;
    font-size: 25px;
}

.advantages-block p{  font-size: 20px;  color:#afb1b6;}



.advantages-block1:hover{opacity:0.7;}


.footer{background:#afb1b6; color:#fff; padding:30px; }

.footer-block{max-width:1100px; margin:0 auto;}
.footer2{   background: #4b4f53; color:#fff; padding:10px; }



.footer2 img {     vertical-align: middle;  
    margin-right: 20px;
}

.footer2-block{max-width:1100px; margin:0 auto;  font-size: 18px; }
.footer img {
    vertical-align: middle;
    }
.footer {
    
    background: #afb1b6;
    color: #fff;
    padding: 30px;
    font-size: 22px;
}
.footer-block p {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
	padding:10px 0;
}

.prod-p{padding:0;overflow:hidden;position:relative;display:inline-block;}
.prodgallery{overflow:hidden;position:relative;}
.prodgallery:hover{cursor:pointer;}
.prodgallery img{border:none;width:100%;}
.prodgallery .more{color:#FFF;background-color:#000;width:100%;padding:0;filter:alpha(opacity=65);background:rgb(0, 0, 0);background:rgba(0, 0, 0, 0.5);position:absolute;right:0px;bottom:0px;}
.prodgallery .more1{color:#FFF;width:100%;padding:0;position:absolute;right:0px;bottom:0px;}
.prodgallery:hover .more{display:none;}
.prodgallery .desc{display:none; text-align:center;}
.prodgallery .desc1{display:none;}
.prodgallery:hover .desc{display:block;height:100%;background:rgb(0, 0, 0);background:rgba(0, 0, 0, 0.5);margin:0;color:#FFF;font-size:14px;padding:10px;filter:alpha(opacity=65);position:absolute;bottom:4px;left:0px;right:0px;   -webkit-transition: width 3s; /* Safari */
    -webkit-transition-delay: 1s; /* Safari */
    transition: width 3s;
    transition-delay: 1s;}
.prodgallery:hover .desc strong{display:block;font-size:14px;line-height:1em;}
.more p{font-size:15px;}
.desc p{font-size:14px;padding:5px 0;}
.prodgallery .desc a{font-size:14px;}



.prodgallery .desc a {display: block;   margin-top: 150px; font-size: 25px;   
}
a.descr{ color: #FFFFFF;
     
    padding: 20px;
    text-align: center;
    max-width: 255px;
	margin:0 auto;
    border: solid #FFFFFF 1px;
    font-size: 25px;
    text-decoration: none;
	}

	a.descr:hover{background:#fff; color:#000;}


@font-face {
			font-family: "LatoRegular";
			src: url("../font/LatoRegular/LatoRegular.eot");
			src: url("../font/LatoRegular/LatoRegular.eot?#iefix")format("embedded-opentype"),
			url("../font/LatoRegular/LatoRegular.woff") format("woff"),
			url("../font/LatoRegular/LatoRegular.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "LatoBold";
			src: url("../font/LatoBold/LatoBold.eot");
			src: url("../font/LatoBold/LatoBold.eot?#iefix")format("embedded-opentype"),
			url("../font/LatoBold/LatoBold.woff") format("woff"),
			url("../font/LatoBold/LatoBold.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "LatoItalic";
			src: url("../font/LatoItalic/LatoItalic.eot");
			src: url("../font/LatoItalic/LatoItalic.eot?#iefix")format("embedded-opentype"),
			url("../font/LatoItalic/LatoItalic.woff") format("woff"),
			url("../font/LatoItalic/LatoItalic.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "LatoLight";
			src: url("../font/LatoLight/LatoLight.eot");
			src: url("../font/LatoLight/LatoLight.eot?#iefix")format("embedded-opentype"),
			url("../font/LatoLight/LatoLight.woff") format("woff"),
			url("../font/LatoLight/LatoLight.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "LatoBoldItalic";
			src: url("../font/LatoBoldItalic/LatoBoldItalic.eot");
			src: url("../font/LatoBoldItalic/LatoBoldItalic.eot?#iefix")format("embedded-opentype"),
			url("../font/LatoBoldItalic/LatoBoldItalic.woff") format("woff"),
			url("../font/LatoBoldItalic/LatoBoldItalic.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	@font-face {
			font-family: "LatoLightItalic";
			src: url("../font/LatoLightItalic/LatoLightItalic.eot");
			src: url("../font/LatoLightItalic/LatoLightItalic.eot?#iefix")format("embedded-opentype"),
			url("../font/LatoLightItalic/LatoLightItalic.woff") format("woff"),
			url("../font/LatoLightItalic/LatoLightItalic.ttf") format("truetype");
			font-style: normal;
			font-weight: normal;
	}

	
	
@media screen and (min-width:501px) and (max-width:1000px){
	
.advantages-block1 {
    display: inline-block;
    max-width: 300px;
    padding: 30px 20px;
}
}
	
	
@media screen and (min-width:100px) and (max-width:500px){
	
	
	 .description h1{
    padding:0 5px ;
    margin: 0 auto;
    max-width: 1100px;
    font-size: 20px!important;
    line-height: 30px!important;
    text-align: center;
   }
   
	.description {
    padding:0 10px ;
       font-size: 20px;
    line-height: 30px;
    text-align: center;
   }
   
   	a.linkmob {
		display:block;
    padding: 20px;
    background: #afb2b7;
    color: #fff;
    text-decoration: none;
    font-size: 22px;
	margin-bottom:20px;
}

   	a.linkmob:hover{ background: #4b4f53;}
.prodgallery .desc a {display: block;  margin-top: 120px; font-size: 25px;   
}
	.advantages h2 {
    font-size: 30px;
    padding-bottom: 30px;
}

.prod h2 {
    font-size: 30px;
    padding-bottom: 60px;
}
	
	.prod-block p {
    font-size: 20px;
    line-height: 30px;
    text-align: justify;
	padding:10px;
}

.advantages-block1 {
      max-width: 300px;
    padding: 30px;
}

	
}