/**************************
 * Structure generale
 **************************/
#category_list
{
	margin-bottom: 		100px;
}

#category_list::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}


/**************************
 * Category Items
 **************************/
.category_list_item:link,
.category_list_item:hover,
.category_list_item:active,
.category_list_item:visited
{
	display: 				block;
	position: 				relative;
	float: 					left;
	width: 					31%;
	margin: 				10px 1%;
	height: 				300px;
	background-position: 	center center;
	background-repeat: 		no-repeat;
	background-size: 		cover;
	text-decoration: 		none;
	color: 					#111;
	overflow: 				hidden;
}
	.category_list_item_info
	{
		position: 				absolute;
		top: 					0;
		bottom: 				0;
		left: 					0;
		right: 					0;
		text-align: 			center;
		-webkit-transform: 		translateY(245px);
		-moz-transform: 		translateY(245px);
		-ms-transform: 			translateY(245px);
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1); 
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1.350);
	   -moz-transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1.350);
	     -o-transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1.350);
	        transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1.350);
	}
	.category_list_item:hover .category_list_item_info
	{
		-webkit-transform: 		translateY(0);
		-moz-transform: 		translateY(0);
		-ms-transform: 			translateY(0);
	}
		.category_list_item_info_inner
		{
			position: 				absolute;
			top: 					0;
			left: 					0;
			right: 					0;
			bottom: 				0;
		}
	
	.category_list_item:hover .category_list_item_info_inner
	{
		top: 					50%;
		-webkit-transform: 		translateY(-50%);
		-moz-transform: 		translateY(-50%);
		-ms-transform: 			translateY(-50%);
	}
	
		.category_list_item_name
		{
		}
		.category_list_item_name h2
		{
			position: 				relative;
			height: 				55px;
			line-height: 			55px;
			font-size: 				22pt;
			color: 					#fff;
			padding: 				0 20px;
			margin: 				0;
			-webkit-transition:		all .2s ease-out;
			-moz-transition:		all .2s ease-out;
			-o-transition:			all .2s ease-out;
			transition:				all .2s ease-out;
		}
		.category_list_item_description
		{
			position: 			relative;
			font-size: 			12pt;
			color: 				#fff;
			padding: 			0 20px;
			overflow: 			hidden;
			height: 			0;
			top: 				15px;
			height: 			220px;
			-webkit-transition:	all .5s ease-out;
			-moz-transition:	all .5s ease-out;
			-o-transition:		all .5s ease-out;
			transition:			all .5s ease-out;
		}
		/*
		.category_list_item:hover .category_list_item_name h2
		{
			padding: 			20px 20px;
		}
		.category_list_item:hover .category_list_item_description
		{
			top: 				5px;
			height: 			220px;
			line-height: 		1.5;
		}
*/
		.category_list_item:hover .category_list_item_info
		{
			opacity: 			0.9;
		}

		
		/*
.home_menu:link,
.home_menu:hover,
.home_menu:active,
.home_menu:visited
{
	display: 				block;
	position: 				absolute;
	top: 					0;
	bottom: 				0;
	left: 					0;
	right: 					0;
	
	-webkit-transform: 		translateY(245px);
	-moz-transform: 		translateY(245px);
	-ms-transform: 			translateY(245px);
	
	
	text-align: 			center;
	text-decoration: 		none;
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1); 
	-webkit-transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1.350);
	   -moz-transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1.350);
	     -o-transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1.350);
	        transition: all 250ms cubic-bezier(0.250, 0.250, 0.475, 1.350);
}
.home_menu_bloc:hover .home_menu:link,
.home_menu_bloc:hover .home_menu:hover,
.home_menu_bloc:hover .home_menu:active,
.home_menu_bloc:hover .home_menu:visited
{
	-webkit-transform: 		translateY(0);
	-moz-transform: 		translateY(0);
	-ms-transform: 			translateY(0);
}

		.home_title
		{
			position: 			relative;
			z-index: 			100;
			padding: 			0 10px;
			text-align: 		center;
			font-size: 			17pt;
			font-size: 			22pt;
			line-height:		55px;
			height: 			55px;
			font-family: 		'Poppins', Arial;
			color: 				#fff;
		}
		.home_text
		{
			position: 			absolute;
			top: 				0;
			left: 				0;
			right: 				0;
			bottom: 			0;
			font-size: 			12pt;
			color: 				#fff;
		}
		
		.home_text_center
		{
			position: 				absolute;
			top: 					50%;
			left: 					0;
			right: 					0;
			padding: 				0 20px;
			-webkit-transform: 		translateY(-50%);
			-moz-transform: 		translateY(-50%);
			-ms-transform: 			translateY(-50%);
		}
		
		*/
		

/***************************
 *
 * Responsive
 *
 ***************************/
@media only screen /* Smartphone Horizontal */ 
and (max-width : 700px) 
{
	
	.category_list_item:link,
	.category_list_item:hover,
	.category_list_item:active,
	.category_list_item:visited
	{
		float: 					left;
		width: 					48%;
		margin: 				10px 1%;
		height: 				300px;
	}	
}
@media only screen /* Smartphone Horizontal */ 
and (max-width : 350px) 
{
	.category_list_item:link,
	.category_list_item:hover,
	.category_list_item:active,
	.category_list_item:visited
	{
		float: 					none;
		width: 					auto;
		margin: 				10px 10px;
		height: 				250px;
	}	
}