.gallery-area{position:relative;display:block;background:#f3f3f4;padding:120px 0 120px}.gallery-area .sec-title .sub-title p{margin:0 0 8px}.project-menu-box{position:relative;display:block;overflow:hidden;padding-bottom:60px}.project-filter{position:relative;display:block;overflow:hidden;z-index:1}.project-filter li{position:relative;display:inline-block;float:none;margin:0 1px}.project-filter li .filter-text{position:relative;display:block;padding:0 30px;color:#0c1529;font-size:16px;font-weight:500;line-height:45px;text-transform:capitalize;cursor:pointer;border-radius:0;transition:all .4s ease;z-index:1;font-family:'Rubik',sans-serif}.project-filter li .filter-text:before{position:absolute;top:0;left:0;bottom:0;right:0;content:"";transform:scaleX(0);transform-origin:center;transform-style:preserve-3d;transition:all 0.4s cubic-bezier(.62,.21,.45,1.52);z-index:-1}.project-filter li:hover .filter-text:before,.project-filter li.active .filter-text:before{transform:scaleX(1)}.project-filter li:hover .filter-text,.project-filter li.active .filter-text{color:#fff}.project-filter li .count{display:none}.single-gallery-item{position:relative;display:block;margin-bottom:42px}.single-gallery-item .img-holder{position:relative;display:block;overflow:hidden;background:#000}.single-gallery-item .img-holder img{width:100%;transform:scale(1);transition:all 500ms ease}.single-gallery-item:hover .img-holder img{opacity:.2;transform:scale(1.05)}.single-gallery-item .img-holder .overlay-button{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;display:flex;justify-content:center;align-items:center;transform-origin:center;transform-style:preserve-3d;transform:scale(0);transition:all 500ms ease;z-index:10}.single-gallery-item:hover .img-holder .overlay-button{opacity:1;transform:scale(1);transition:all 500ms ease 800ms}.single-gallery-item .img-holder .overlay-button a{position:relative;display:inline-block;width:65px;height:65px;background:#fff;border-radius:3px;font-size:40px;line-height:65px;text-align:center}.single-gallery-item .title-holder{position:relative;display:block;padding-top:27px}.single-gallery-item .title-holder p{font-size:14px;line-height:16px;margin:0 0 10px}.single-gallery-item .title-holder h3{font-size:18px;line-height:28px;font-weight:700;text-transform:uppercase}.single-gallery-item .title-holder h3 a{color:#11161e}.gallery_viewmore_button{position:relative;display:block;padding-top:20px}