#filters {
   margin: 1% 0 1%;
   padding: 0;
   list-style: none;
}
#filters li {
   float: left;
}
#filters li span {
   display: block;
   padding: 10px 20px;
   text-decoration: none;
   color: #666;
   cursor: pointer;
   text-transform: capitalize;
}
#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 {
   position: relative;
   top: 0;
   min-height: 220px;
   max-height: 220px;
   -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 */