@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1500px){}
@media only screen and (max-width: 1450px){}
@media only screen and (max-width: 1400px){}
@media only screen and (max-width: 1350px){}
@media only screen and (max-width: 1300px){}
@media only screen and (max-width: 1250px){}

@media only screen and (max-width: 1200px){
	section div.products article{width:-moz-calc(25% - 14px); width:-webkit-calc(25% - 14px); width:-o-calc(25% - 14px); width:calc(25% - 14px); margin:0px 0px 10px 10px;}
	section div.products article:nth-child(4n + 1){clear:left; margin:0px 0px 10px 0px;}
	
	div.pagination{padding:20px 0px 0px 0px;}
}

@media only screen and (max-width: 1150px){}

@media only screen and (max-width: 1100px){
	header nav ul li a{padding:0px;}
	
	section.control p{display:inline; float:none;}
	section.control a.popup{max-width:200px; margin:-45px 0px 0px 20px;}
	section.control div.headline{margin:0px 0px 30px 0px;}
	
	section.benefits div.box{width:-moz-calc(33.3334% - 50px); width:-webkit-calc(33.3334% - 50px); width:-o-calc(33.3334% - 50px); width:calc(33.3334% - 50px); padding:0px 25px;}
	section.benefits div.box.center{width:-moz-calc(33.3334% - 52px); width:-webkit-calc(33.3334% - 52px); width:-o-calc(33.3334% - 52px); width:calc(33.3334% - 52px);}
}

@media only screen and (max-width: 1050px){
	section img.right{float:right; margin:0px 30px 20px 30px;}
}

@media only screen and (max-width: 1000px){
	header h1{margin:8px 20px 8px 0px;}	
	header nav{width:-moz-calc(100% - 405px); width:-webkit-calc(100% - 405px); width:-o-calc(100% - 405px); width:calc(100% - 405px); margin:18px 0px;}	
	header div.languages{margin:24px 20px 23px 0px;}
	header div.languages a:first-child{padding:0px 5px 0px 0px;}	
	header a.phone{font-size:44px; line-height:48px;}
	
	section.home{height:-moz-calc(100% - 108px); height:-webkit-calc(100% - 108px); height:-o-calc(100% - 108px); height:calc(100% - 108px);}
}

@media only screen and (max-width: 950px){
	header nav{width:-moz-calc(100% - 330px); width:-webkit-calc(100% - 330px); width:-o-calc(100% - 330px); width:calc(100% - 330px);}
	header div.languages a.select{display:none;}
	header div.languages a:first-child{padding:0px;}
	
	footer div.top .name{display:none;}	
	footer div.top .address{width:-moz-calc(30% - 25px); width:-webkit-calc(30% - 25px); width:-o-calc(30% - 25px); width:calc(30% - 25px); border-left:none; padding:25px 25px 25px 0px;}
	footer div.top .contact{width:-moz-calc(20% - 26px); width:-webkit-calc(20% - 26px); width:-o-calc(20% - 26px); width:calc(20% - 26px);}
	footer div.top .menu{width:-moz-calc(50% - 106px); width:-webkit-calc(50% - 106px); width:-o-calc(50% - 106px); width:calc(50% - 106px);}
	
	section.contacts div.address{width:50%; padding:0px;}
	
	section.map{height:400px;}
	
	section div.products article{width:-moz-calc(33.3334% - 14px); width:-webkit-calc(33.3334% - 14px); width:-o-calc(33.3334% - 14px); width:calc(33.3334% - 14px); margin:0px 0px 10px 10px;}
	section div.products article:nth-child(4n + 1){clear:none; margin:0px 0px 10px 10px;}
	section div.products article:nth-child(3n + 1){clear:left; margin:0px 0px 10px 0px;}
}

@media only screen and (max-width: 900px){
	header nav ul li{padding:0px 15px 0px 0px;}
	
	section img.right{float:none; margin:0px auto 20px auto;}
}

@media only screen and (max-width: 850px){
	footer div.top .address{width:-moz-calc(40% - 26px); width:-webkit-calc(40% - 26px); width:-o-calc(40% - 26px); width:calc(40% - 26px); padding:25px 25px 25px 0px;}
	footer div.top .contact{display:none;}	
	footer div.top .menu{width:-moz-calc(60% - 106px); width:-webkit-calc(60% - 106px); width:-o-calc(60% - 106px); width:calc(60% - 106px); border-left:1px solid #646464;}
}

@media only screen and (max-width: 800px){
	header h1{margin:0px 20px 0px 0px;}	
	header nav{width:-moz-calc(100% - 160px); width:-webkit-calc(100% - 160px); width:-o-calc(100% - 160px); width:calc(100% - 160px); margin:10px 0px;}	
	header div.languages{margin:16px 0px 15px 0px;}
	header a.phone{display:none;}
	
	section.home{height:-moz-calc(100% - 92px); height:-webkit-calc(100% - 92px); height:-o-calc(100% - 92px); height:calc(100% - 92px);}
	
	section{padding:125px 0px 50px 0px;}
	
	section div.products article{width:-moz-calc(50% - 14px); width:-webkit-calc(50% - 14px); width:-o-calc(50% - 14px); width:calc(50% - 14px); margin:0px 0px 10px 10px;}
	section div.products article:nth-child(4n + 1){clear:left; margin:0px 0px 10px 0px;}
	section div.products article:nth-child(3n + 1){clear:none; margin:0px 0px 10px 10px;}
	section div.products article:nth-child(2n + 1){clear:left; margin:0px 0px 10px 0px;}
}

@media only screen and (max-width: 750px){
	section.benefits div.box{width:auto; float:none; padding:0px;}
	section.benefits div.box.center{width:auto; border-top:1px dotted #c2c2c2; border-bottom:1px dotted #c2c2c2; border-left:none; border-right:none; padding:25px 0px; margin:25px 0px;}
	
	section.map{height:350px;}
}

@media only screen and (max-width: 700px){
	section.control a.popup{width:-moz-calc(50% - 30px); width:-webkit-calc(50% - 30px); width:-o-calc(50% - 30px); width:calc(50% - 30px); max-width:none; display:inline-block; float:none; margin:0px 0px 10px 15px;}
	section.control a.popup img{width:100%;}
	section.control div.headline{text-align:center;}
	
	footer div.top .menu ul li{width:auto; float:none;}
}

@media only screen and (max-width: 650px){
	header nav{width:100%; height:100%; display:none; position:fixed; top:0px; left:0px; background-color:#138d45; margin:0px; align-items:center; -webkit-align-items:center; z-index:99;}
	header nav ul{width:100%;}
	header nav ul li{float:none; padding:0px 10px;}
	header nav ul li a{font-size:18px; color:#FFF; line-height:36px; padding:0px 10px;}
	header nav ul li a:hover{background-color:#6377ac; color:#FFF; text-decoration:none;}
	header nav ul li.active a{border-bottom:none; background-color:#FFF; color:#138d45; text-decoration:none;}
	header a.show{display:block;}
	
	section aside{width:auto; float:none; margin:0px 0px 30px 0px;}
	
	section div.products{width:auto; float:none;}
	section div.products article{width:-moz-calc(33.3334% - 14px); width:-webkit-calc(33.3334% - 14px); width:-o-calc(33.3334% - 14px); width:calc(33.3334% - 14px); margin:0px 0px 10px 10px;}
	section div.products article:nth-child(4n + 1){clear:none; margin:0px 0px 10px 10px;}
	section div.products article:nth-child(2n + 1){clear:none; margin:0px 0px 10px 10px;}
	section div.products article:nth-child(3n + 1){clear:left; margin:0px 0px 10px 0px;}
	
	div.pagination{text-align:center;}
}

@media only screen and (max-width: 600px){
	section.contacts div.address{width:auto; max-width:none; float:none; text-align:center; padding:0px 0px 30px 0px; margin:0px;}
	section.contacts div.form{width:auto; max-width:none; float:none; padding:0px; margin:0px;}
	
	section.map{height:300px;}
}

@media only screen and (max-width: 550px){
	footer div.bottom{text-align:center;}
	footer div.bottom div{float:none;}
	
	section div.products article{width:-moz-calc(50% - 14px); width:-webkit-calc(50% - 14px); width:-o-calc(50% - 14px); width:calc(50% - 14px); margin:0px 0px 10px 10px;}
	section div.products article:nth-child(4n + 1){clear:left; margin:0px 0px 10px 0px;}
	section div.products article:nth-child(3n + 1){clear:none; margin:0px 0px 10px 10px;}
	section div.products article:nth-child(2n + 1){clear:left; margin:0px 0px 10px 0px;}
}

@media only screen and (max-width: 500px){
	section{padding:100px 0px 25px 0px;}
	
	footer div.top .name,
	footer div.top .address,
	footer div.top .contact{width:auto; display:block; float:none; border:none; text-align:center; padding:0px; margin:0px 0px 20px 0px;}
	footer div.top .menu{display:none;}
	footer div.top a.facebook{float:none; margin:0px auto;}
}

@media only screen and (max-width: 450px){}
@media only screen and (max-width: 400px){}
@media only screen and (max-width: 350px){}
@media only screen and (max-width: 300px){}