@charset "utf-8";.container{position:relative;width:960px;margin:0 auto;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}#filters{margin: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}#portfoliolists .portfolio{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;*width:23%;*width:22%;margin:1%;display:none;float:left;overflow:hidden}#portfoliolist .portfolio{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;*width:23%;*width:22%;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}.portfolio .label{position:absolute;width:100%;height:40px;bottom:-40px;left:0}.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}@media only screen and (min-width:768px) and (max-width:959px){.container{width:768px}}@media only screen and (max-width:767px){.container{width:95%}#portfoliolist .portfolio{width:48%;margin:1%}#portfoliolists .portfolio{width:48%;margin:1%}}@media only screen and (min-width:480px) and (max-width:767px){.container{width:70%}}.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}