#filters {

	margin:1% 0 1%;

	padding:0;

	list-style:none;

}



	#filters li {

		float:left;

	}

	

	#filters li span {

		display: block;

		padding:5px 20px;		

		text-decoration:none;

		color:#666;

		cursor: pointer;

	}

	

	#filters li span.active {

		background: #e95a44;

		color:#fff;

	}

 



 

#portfoliolist .portfolio {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-o-box-sizing: border-box;

	width:23%;

	margin:1%;

	display:none;

	float:left;

	overflow:hidden;

}



	.portfolio-wrapper {

		overflow:hidden;

		position: relative !important;

		background: #666;

		cursor:pointer;

	}



	.portfolio img {

		max-width:100%;

		position: relative;

		top:0;

		min-height: 195px;

    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);

    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);		

	}

	

	.portfolio .label {

		position: absolute;

		width: 100%;

		height:40px;

		bottom:-40px;

    -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);

    transition:         all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);

	}



		.portfolio .label-bg {

			background: #e95a44;

			width: 100%;

			height:100%;

			position: absolute;

			top:0;

			left:0;

		}

	

		.portfolio .label-text {

			color:#fff;

			position: relative;

			z-index:500;

			padding:5px 8px;

		}

			

			.portfolio .text-category {

				display:block;

				font-size:9px;

			}

	

	.portfolio:hover .label {

    bottom:0;

  }

/* #Clearing */