@charset "utf-8";


/**************************************************50
 * products
 **************************************************/
#products{
	text-align: center;
}
#products .products{
	display: inline-block;
	vertical-align: top;
}
#products .products picture{
}
#products .products > a:first-child{
	border-radius: 50%;
	display: block;
	overflow: hidden;
	position: relative;
}
#products .products > a:first-child:before{
	border: 1px solid #3E3A39;
	border-radius: 50%;
	box-sizing: border-box;
	content: "";
	display: block;
	height: -webkit-calc(100% - (1px * 2));
	height: calc(100% - (1px * 2));
	height: 100%;
	pointer-events: none;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: -webkit-calc(100% - (1px * 2));
	width: calc(100% - (1px * 2));
	width: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: border 0.2s ease-out 0s;
}
#products .products > a:first-child:hover:before{
	border: 0.75em solid #576B8D;
}
#products .products picture img{
	width: 100%;
}
#products .products h2,
#products .products h3{
	font-weight: 500;
	line-height: 1.25;
	padding: 0.75em 0;
}
#products .products p{
}
#products .products .link_to{
}
@media screen and (max-width:359px){
	#products .products{
		width: 93.75%;
	}
}
@media screen and (min-width:360px) and (max-width:639px){
	#products .products{
		width: -webkit-calc((100% - (3.125% * 3)) / 2);
		width: calc((100% - (3.125% * 3)) / 2);
	}
}
@media screen and (min-width:640px) and (max-width:767px){
	#products .products{
		width: -webkit-calc((100% - (3.125% * 4)) / 3);
		width: calc((100% - (3.125% * 4)) / 3);
	}
}
@media screen and (max-width:767px){
	#products{
	}
	#products .products{
		margin: 0 1.5625% 6.25%;
	}
	#products .products h2,
	#products .products h3{
		font-size: 125%;
	}
	#products .products p{
	}
	#products .products .link_to{
		font-size: 75%;
		width: 8.75em
	}
}
@media screen and (min-width:768px){
	#products{
	}
	#products .products{
		margin-bottom: 3.125em;
	}
	#products .products:not(:nth-child(3n+1)){
	}
	#products .products h2,
	#products .products h3{
	}
	#products .products p{
	}
	#products .products .link_to{
		font-size: 87.5%;
		width: 8.75em
	}
}
@media screen and (min-width:768px) and (max-width:1023px){
	#products .products{
		width: 29.25%;
	}
	#products .products:not(:nth-child(3n+1)){
		margin-left: 3.0625%;
	}
	#products .products h2,
	#products .products h3{
		font-size: 125%;
	}
}
@media screen and (min-width:1024px) and (max-width:1279px){
	#products .products{
		width: 28%;
	}
	#products .products:not(:nth-child(3n+1)){
		margin-left: 4%;
	}
	#products .products h2,
	#products .products h3{
		font-size: 137.5%;
	}
}
@media screen and (min-width:1280px){
	#products .products{
		width: 26%;
	}
	#products .products:not(:nth-child(3n+1)){
		margin-left: 5.5%;
	}
	#products .products h2,
	#products .products h3{
		font-size: 150%;
	}
}