.content{margin-top:20px}
.categories{position:relative;margin:0 auto}
.fillter-wrap{text-align:center;padding:15px 0}
.fillter-wrap ul li{display:inline-block;position:relative;line-height:28px;padding:8px 15px}
.fillter-wrap .but{display:block;font:700 11px Lato,sans-serif;text-transform:uppercase;letter-spacing:3px;color:#999;padding:5px 0;border-bottom:1px solid #fff}
.fillter-wrap .active-fillter{color:#333;border-bottom:1px solid #333;transition:all .3s ease-out}
.fillter-wrap .but:hover{cursor:pointer}
.izotope-container{position:relative;width:100%;min-height:384px}
.izotope-container .item{position:relative;float:left;overflow:hidden}
.izotope-container .item .box:before{content:'';width:100%;height:100%;background:#000;position:absolute;display:block;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:right;transform-origin:right;-webkit-transition-duration:2s;transition-duration:2s;-webkit-transition-timing-function:cubic-bezier(.075,.82,.165,1);transition-timing-function:cubic-bezier(.075,.82,.165,1);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}
body.loaded .izotope-container .item .box:before{-webkit-transform:scaleX(0);transform:scaleX(0)}
.izotope-container .item-portf.it-25{width:25%}
.izotope-container .item-portf.it-50{width:50%}
.izotope-container .item-portf .box{margin:0 15px 30px;position:relative}
.izotope-container .item-portf .item-desc{background-color:rgba(44,44,44,0.6);cursor:pointer;position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;transition:all .1s ease}
.izotope-container .item-portf .item-desc .item-info{transform:translateY(-50%);top:50%;position:absolute;width:100%;left:10%}
.izotope-container .item img{width:100%;display:block}
.izotope-container .item .item-desc h2,.izotope-container .item .item-desc h3,.izotope-container .item .item-desc h4,.izotope-container .item .item-desc h6{color:#fff}
.izotope-container .item:hover .item-desc{opacity:1}
.izotope-container.item-b30 .item-categ{margin-bottom:30px}
;
@media screen and (max-width: 992px){.izotope-containeritemitem-desch2font-size:28px}
.izotope-container .item-portf .overlay .item-info h2{padding:0 0 10px}
.izotope-container .item .item-desc h3{font-size:24px}
.col-5 .item-portf{width:25%}
@media screen and (max-width: 768px) {
.header-content.half-height{height:200px}
.izotope-container .item-portf.it-25{width:50%}
.izotope-container .item-portf.it-50{width:50%}
.izotope-container .item .item-desc h3{font-size:32px}
.col-3 .item-portf{width:50%}
.col-4 .item-portf{width:33.3333%}
.col-5 .item-portf{width:33.333%}
}
@media screen and (max-width: 638px) {
.col-4 .item-portf{width:50%}
.col-5 .item-portf{width:50%}
}
@media screen and (max-width: 480px) {
.izotope-container .item-portf.it-25{width:100%}
.izotope-container .item-portf.it-50{width:100%}
.col-2 .item-portf{width:100%}
.col-3 .item-portf{width:100%}
.col-4 .item-portf{width:100%}
.col-5 .item-portf{width:100%}
}