.portfolio-block{background:#343434;padding:25px 0 40px;}
.portfolio-block .heading{color:#fff;}
#info{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fcf8e3;border:1px solid #fbeed5;width:95%;max-width:900px;margin:0 auto 40px auto;font-family:arial;font-size:12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
#info .info-wrapper{padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
#info a{color:#c09853;text-decoration:none;}
#info p{margin:5px 0 0 0;}
#filters{margin:0 -15px;padding:15px 0 0 0;list-style:none;text-align:center;}
#filters li{display:inline-block;margin:0;}
#filters li span{display:block;padding:5px 20px;text-decoration:none;color:#fff;cursor:pointer;font-size:14px;text-transform:uppercase;}
#filters li span.active{color:#F86B70;}
.content-block #filters li span{display:block;padding:5px 20px;text-decoration:none;color:#fff;cursor:pointer;font-size:14px;text-transform:uppercase;margin:0 5px 10px;background-color:#FFF;border:2px solid #ECECEC;border-radius:2px;color:#888;cursor:pointer;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.content-block #filters li span.active{background-color:#4D4C4D;color:#fff;border-color:#4D4C4D;}
#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;}
.portfolio img{max-width:100%;position:relative;}
.portfolio .label{position:absolute;width:94%;height:92%;bottom:-210px;left:0;z-index:2;right:0;margin:3% auto;}
.portfolio .label:after{position:absolute;right:10px;top:6px;z-index:2;content:"\f138";display:inline-block;font:normal normal normal 21px/1 FontAwesome;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.clients-list .portfolio .label:after{display:none;}
.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;text-align:left;}
.portfolio .label-text .text-title{color: #fff;font-size: 18px;font-weight: normal;display: block;white-space: normal;padding-right: 15px;line-height: 24px;}
.portfolio .text-category{display:block;font-size:15px;color:#FFD0C9;font-weight:normal;text-transform:none;white-space:normal;padding-top:10px;line-height:18px;}
.clients-list .portfolio-wrapper{background:#fff;text-align:center;border:1px solid #eee;padding:50px 0;}
.portfolio-overlay ul{overflow:hidden;text-align:center;padding:0;margin:0;}
.portfolio-overlay ul li{display:inline-block;float:right;margin:0 0 0 1px;}
.portfolio-overlay a{border:0;width:35px!important;height:40px!important;margin:0;font-size:18px;line-height:40px;text-align:center;color:#fff;display:block;-webkit-backface-visibility:hidden;}
.portfolio-overlay a i{line-height:40px;}
.portfolio-overlay{position:absolute;bottom:0px;right:0;display:none;z-index:3;text-align:center;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out;}
@media only screen and (min-width:992px) and (max-width:1200px){#portfoliolist .portfolio{width:31%;margin:1%;}
}
@media only screen and (min-width:768px) and (max-width:991px){#portfoliolist .portfolio{width:48%;margin:1%;}
}
@media only screen and (max-width:767px){#portfoliolist .portfolio{width:100%;margin:1% 0;}
#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;}