#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{border:1px solid #dbdbdb;display:inline-block;margin:0 auto;padding:0;list-style:none;}
#filters li{display:inline-block;margin:0 auto;}
#filters li span{background-color:#fff;border-radius:0;color:#000;cursor:pointer;display:block;font-size:22px;font-weight:300;padding:8px 40px;text-decoration:none;font-family:'GothamBold';}
#filters li span.active{background:#369e48;color:#fff;position:relative;}
#filters li span.active::before{background:rgba(0, 0, 0, 0) none repeat scroll 0 0;border-left:10px solid rgba(0, 0, 0, 0);border-right:10px solid rgba(0, 0, 0, 0);border-top:13px solid #369e48;bottom:-12px;content:"";height:15px;left:0;margin:auto;position:absolute;right:0;width:20px;}
.btn-bg{display:inline-block;margin-bottom:60px;padding:22px 0;text-align:center;width:100%;}
#portfoliolist{margin:0 -15px;}
#portfoliolist .portfolio{box-sizing:border-box;display:none;float:left;margin:15px;overflow:hidden;width:22.96%;height:304px;}
#portfoliolist .portfolio img{width:100%;}
.portfolio-wrapper{overflow:hidden;position:relative !important;cursor:pointer;height:100%;}
.portfolio-wrapper figure{margin:auto;max-width:none;width:180%;min-height:100%;}
.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 .portfolio-wrapper a{background-color:rgba(54, 158, 72, 0.7);bottom:0;color:rgba(255, 255, 255, 0.6);font-size:50px;height:100%;left:0;line-height:50%;position:absolute;right:0;top:0;width:100%;z-index:1;visibility:hidden;transform:scale(1);}
.portfolio:hover .portfolio-wrapper a{visibility:visible;-ms-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;transform:scale(1.2)}
.portfolio .portfolio-wrapper a i{bottom:0;height:50px;left:0;margin:auto;position:absolute;right:0;top:0;width:50px;transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);}
.portfolio:hover .portfolio-wrapper a i{bottom:0;height:50px;left:0;margin:auto;position:absolute;right:0;top:0;width:50px;transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);}
.portfolio:hover .portfolio .portfolio-wrapper a::before{transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);}
}
@media only screen and (max-width:767px){#portfoliolist .portfolio{width:48%;margin:1%;}
#ads{display:none;}
}
@media only screen and (min-width:480px) and (max-width:767px){#ads{display:none;}
}
@media (max-width:1499px){#filters li span{font-size:18px;}
#portfoliolist .portfolio{height:242px;width:22.43%;}
}