.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.mpp-container{
	max-width: 1200px;
	margin: 0 auto;
}
.mpp-title{
	/*border-bottom: 1px solid #f2f2f2;*/
	margin-bottom: 30px;
}
.mpp-info{
	padding: 30px;
	border: 1px solid #f2f2f2;
	margin: 30px 0;
}
.mpp-meta{
	/*float: left;
	width: 30%;
	display: table;*/
	margin-bottom: 30px;
}
.mpp-meta > div{
	display: table-row;
}

.mpp-meta > div > strong,
.mpp-meta > div > span{
	display: table-cell;
	padding: 8px 0;
}
/*.mpp-short-desc{
	float: left;
	width: 70%;
}*/

.mpp-short-desc p:last-child{
	margin-bottom: 0;
}
.mpp-gallery{
	margin: 0 -15px;
	margin-bottom: 60px;
	box-sizing: border-box;
}
.mpp-gallery .mpp-gallery-item{
	float: left;
	width: 25%;
	padding: 0 15px;
	box-sizing: border-box;
}
.mpp-items{
	margin: 0 -15px -15px;
}
.mpp-items .mpp-item{
	width: 25%;
	float: left;
	padding: 0 15px 30px;
}

.mpp-items .mpp-item a{
	display: block;
	position: relative;
	text-decoration: none !important;
	box-shadow: none !important;
}

.mpp-items .mpp-item .mpp-item-info{
	display: block;
	text-align: center;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.mpp-items .mpp-item .mpp-item-title{
	display: block;
	color: #fff;
}

.mpp-items .mpp-item .mpp-item-cats{
	display: block;
	font-size: 80%;
	color: #fff;
}

.mpp-items .mpp-item .mpp-item-overlayer{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.mpp-items .mpp-item:hover .mpp-item-overlayer{
	opacity: 1;
}

.mpp-items .mpp-item:hover .mpp-item-info{
	opacity: 1;
}

.mpp-filters{
	margin-bottom: 20px;
}

.mpp-filters ul{
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.mpp-filters ul li{
	display: inline-block;
	float: left;
}

.mpp-filters ul li a{
	display: block;
	padding: 5px 15px;
	color: #000;
	box-shadow: none !important;
}

.mpp-filters ul li a.active{
	font-weight: bold;
}

.mpp-pagination .nav-links{
	text-align: center;
}
.mpp-pagination .nav-links > span,
.mpp-pagination .nav-links > a{
	display: inline-block;
	box-shadow: none !important;
	padding: 7px;
	color: #000;
}

.mpp-pagination .nav-links > span.current{
	font-weight: bold;
}