#filters {margin:1% 0; padding:0; list-style:none;}
#filters li {float:left;}
#filters li span {display:block; padding:10px 29px; text-decoration:none; font-size:14px; font-weight:500; color:#565656; cursor:pointer; text-transform:uppercase; border:1px solid #d9d9d9; margin-right:29px; margin-bottom:15px;}
#filters li span.active {background:#565656; color:#fff; border-color:#565656;}
#portfoliolist .portfolio {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; width:25%; padding:1%; display:none; float:left; overflow:hidden; border:1px solid #d9d9d9; margin-left:-1px; margin-bottom:-1px;}
.portfolio-wrapper {overflow:hidden; position:relative !important; cursor:pointer;}
.portfolio img {max-width:100%; position:relative; top:0; -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;}
#portfoliolist .portfolio {-webkit-transition:all 0.0s ease-in-out; -moz-transition:all 0.0s ease-in-out; -o-transition:all 0.0s ease-in-out; transition:all 0.0s ease-in-out;}
#portfoliolist .portfolio:hover {background:rgba(245, 179, 24, 0.3);}
/*.portfolio:hover img {top:-30px;}*/

@media only screen and (max-width:767px) {
	#portfoliolist .portfolio {width:50%; padding:2%;}
	#ads {display:none;}
}
@media only screen and (min-width:480px) and (max-width:767px) {
	#ads {display:none;}
}

.container:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden;}
.clearfix:before, .clearfix:after, .row:before, .row:after {content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.row:after, .clearfix:after {clear:both;}
.row, .clearfix {zoom:1;}
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}