teammember_list_info.teammember_list_group
{
	margin-bottom: 			50px;
}

	.teammember_list_group:after
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
	}

	
.teammember_list_group h2
{
	text-transform: 	uppercase;
	font-size: 			18pt;
}
.teamemember_type_description
{
	font-size: 			12pt;
	color: 				#999;
	margin-bottom: 		20px;
}

/**************************
 * List
 **************************/
#teammember_list_items
{
	padding-bottom: 			100px;
}
	#teammember_list_items::after
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
	}
	

/**************************
 * Items
 **************************/

.teammember_list_item,
.teammember_list_item:link,
.teammember_list_item:hover,
.teammember_list_item:active,
.teammember_list_item:visited
{
	display: 				block;
	position: 				relative;
	float: 					left;
	width: 					24.25%;
	margin-right: 			1%;
	margin-bottom: 			1%;
	padding: 				15px;
	height: 				320px;
	overflow: 				hidden;
	background-color: 		#333;
}
.teammember_list_item:nth-child(4n)
{
	margin-right: 			0;
}
	.teammember_list_picture
	{
		position: 				absolute;
		top: 					0;
		left: 					0;
		right: 					0;
		z-index: 				1;
		bottom: 				0;
		opacity: 				0;
		background-position: 	center center;
		background-repeat: 		no-repeat;
		background-size: 		cover;
		-webkit-transition:		all .2s ease-out;
		-moz-transition:		all .2s ease-out;
		-o-transition:			all .2s ease-out;
		transition:				all .2s ease-out;
	}
	.teammember_list_picture2
	{
		position: 				absolute;
		top: 					0;
		left: 					0;
		right: 					0;
		bottom: 				0;
		z-index: 				0;
		background-position: 	center center;
		background-repeat: 		no-repeat;
		background-size: 		cover;
		-webkit-transition:		all .2s ease-out;
		-moz-transition:		all .2s ease-out;
		-o-transition:			all .2s ease-out;
		transition:				all .2s ease-out;
	}
	.teammember_list_picture.display
	{
		opacity: 				1;
	}
	
	.teammember_list_item:hover .teammember_list_picture
	{
		opacity:				0 !important;
	}

	.teammember_list_item:hover .teammember_list_info
	{
		background-color:   rgba(0,0,0,.6);
	}
	
	.teammember_list_info
	{
		position: 			absolute;
		left: 				0;
		bottom: 			0;
		z-index: 			2;
		padding: 			0 20px;
		padding-right: 		5px;
		-webkit-transition:	all .2s ease-out;
		-moz-transition:	all .2s ease-out;
		-o-transition:		all .2s ease-out;
		transition:			all .2s ease-out;
		
	}
		.teammember_list_name
		{
			font-weight: 			700;
			font-size: 				16pt;
			color: 					#fff;
			margin-bottom: 			5px;
			text-shadow: 			1px 1px 1px rgba(0,0,0,.5);
		}
	
		.teammember_list_function
		{
			position: 				relative;
			display: 				inline;
			font-size: 				8pt;
			color: 					#fff;
			/*background-color: 		#8BC462;*/
			background-color: 		#394696;
			padding: 				3px 8px;
			margin-top: 			10px;
			-moz-border-radius:		2px;
			-webkit-border-radius:	2px;
			border-radius:			2px;
		}

	
		.teammember_list_description
		{
			font-weight: 			300;
			font-size: 				9pt;
			height: 				0;
			opacity: 				0;
			padding-top: 			30px;
			color: 					rgba(255,255,255,.8);
			-webkit-transition:		all .2s ease-out;
			-moz-transition:		all .2s ease-out;
			-o-transition:			all .2s ease-out;
			transition:				all .2s ease-out;
		}
		.teammember_list_item:hover .teammember_list_description
		{
			height: 				100px;
			opacity: 				1;
			padding-top: 			10px;
		}
	




/***************************
 *
 * Responsive
 *
 ***************************/
@media only screen /* Smartphone Horizontal */ 
and (max-width : 1030px) 
{
	
	.teammember_list_item:link,
	.teammember_list_item:hover,
	.teammember_list_item:active,
	.teammember_list_item:visited
	{
		display: 				block;
		position: 				relative;
		float: 					left;
		width: 					32%;
		margin-right: 			1%;
		margin-bottom: 			1%;
		padding: 				15px;
		height: 				320px;
		overflow: 				hidden;
		background-color: 		#333;
	}
}

@media only screen /* Smartphone Horizontal */ 
and (max-width : 700px) 
{
	
	.teammember_list_item,
	.teammember_list_item:link,
	.teammember_list_item:hover,
	.teammember_list_item:active,
	.teammember_list_item:visited
	{
		display: 				block;
		position: 				relative;
		float: 					left;
		width: 					49%;
		margin-right: 			1%;
		margin-bottom: 			1%;
		padding: 				5px;
		height: 				320px;
		height: 				220px;
		overflow: 				hidden;
		background-color: 		#333;
		/*border-bottom:	 		7px solid #ED6240;*/
	}
	.teammember_list_info
	{
		position: 			absolute;
		left: 				0;
		right: 				0;
		bottom: 			0;
		z-index: 			2;
		padding: 			0;
		
	}
	
		.teammember_list_name
		{
			font-size: 				11pt;
			text-align: 			center;
		}
	
		.teammember_list_description
		{
			display: 				none;
		}
		.teammember_list_function
		{
			display: 				block;
			text-align: 			center;
			font-size: 				6pt;
			line-height: 			6pt;
			padding: 				3;
			-moz-border-radius:		0;
			-webkit-border-radius:	0;
			border-radius:			0;
		}
		.teammember_list_function::after
		{
			display: 				none;
		}
}


@media only screen /* Smartphone Horizontal */ 
and (max-width : 350px) 
{
	.teammember_list_item,
	.teammember_list_item:link,
	.teammember_list_item:hover,
	.teammember_list_item:active,
	.teammember_list_item:visited
	{
		float: 			none;
		width: 			auto;
		height: 		250px;
		margin: 		30px 0 !important;
	}
	.teammember_list_info
	{
		min-height: 	0;
	}
	
}