.project-section{position:relative;padding:115px 0 90px}.project-section .sec-title{margin-bottom:50px}.project-section .upper-box .select-box{position:relative;max-width:270px;width:100%;margin-top:32px}.project-section .upper-box .nice-select{position:relative;width:100%;height:58px;border:1px solid #e3e3e3;line-height:58px;border-radius:0;padding:0 20px;font-size:17px;font-weight:600;color:#5a5a68;z-index:9}.project-block-three .inner-box{position:relative;display:block;overflow:hidden;text-align:center;margin-bottom:32px}.project-block-three .inner-box .image-box{position:relative;display:block}.project-block-three .inner-box .image-box img{width:100%}.project-block-three .inner-box .content-box .lower-content{position:relative;padding-top:13px}.project-block-three .inner-box .content-box .lower-content p{font-size:18px;font-weight:600;margin-bottom:2px}.project-block-three .inner-box .content-box .lower-content h3{margin-bottom:0}.project-block-three .inner-box .content-box{position:relative;opacity:1;transition:all .5s ease}.project-block-three .inner-box:hover .content-box{opacity:0}.project-block-three .inner-box .overlay-box{position:absolute;left:0;top:50px;right:0;opacity:0;transition:all .5s ease}.project-block-three .inner-box:hover .overlay-box{top:0;opacity:1}.project-block-three .inner-box .overlay-box .image-box{overflow:hidden;background:#1e1e2a}.project-block-three .inner-box .overlay-box .image-box img{opacity:.1}.project-block-three .inner-box .overlay-box .inner{position:relative}.project-block-three .inner-box .overlay-box .box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;padding:15px}.project-block-three .inner-box .overlay-box .box p{font-size:18px;font-weight:600;color:#fff;margin-bottom:2px}.project-block-three .inner-box .overlay-box .box h3{color:#fff;margin-bottom:22px}.project-block-three .inner-box .overlay-box .box h3 a{display:inline-block;color:#fff}.project-block-three .inner-box .overlay-box .box .view-btn{position:relative;display:inline-block;font-size:30px;font-family:'Roboto',sans-serif;color:#fff;font-weight:700;width:60px;height:60px;line-height:54px;text-align:center;border-radius:50%;border:4px solid #fff}.project-section.modern-view{padding-bottom:70px}.project-block-four .inner-box{position:relative;display:block;overflow:hidden;text-align:center;margin-bottom:30px;transition:all .5s ease}.project-block-four .inner-box:hover{padding:10px}.project-block-four .inner-box .image-box{position:relative;display:block}.project-block-four .inner-box .image-box img{width:100%;transition:all .5s ease}.project-block-four .inner-box:hover .image-box img{opacity:0}.project-block-four .inner-box .content-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;padding:15px}.project-block-four .inner-box .content-box p{font-size:18px;font-weight:600;color:#fff;margin-bottom:2px;transform:translateY(-15px);opacity:0;transition:all .5s ease}.project-block-four .inner-box .content-box h3{color:#fff;margin-bottom:23px;transform:translateY(-15px);opacity:0;transition:all .5s ease}.project-block-four .inner-box:hover .content-box p,.project-block-four .inner-box:hover .content-box h3,.project-block-four .inner-box:hover .content-box .view-btn{opacity:1;transform:translateY(0px)}.project-block-four .inner-box .content-box h3 a{color:#fff}.project-block-four .inner-box .content-box .view-btn{position:relative;display:inline-block;font-size:30px;font-family:'Roboto',sans-serif;font-weight:700;width:60px;height:60px;line-height:60px;background:#fff;text-align:center;border-radius:50%;transform:translateY(15px);opacity:0;transition:all .5s ease}.project-section .sortable-masonry .filters{position:relative;display:block;margin-bottom:65px}.project-section .sortable-masonry .filters .filter-tabs{position:relative;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3}.project-section .sortable-masonry .filters .filter-tabs li{position:relative;display:inline-block;font-size:18px;font-family:'Roboto',sans-serif;color:#1e1e2a;font-weight:700;padding:25px 30px;cursor:pointer;text-align:center;border-right:1px solid #e3e3e3;transition:all .5s ease;text-transform:capitalize}.project-section .sortable-masonry .filters .filter-tabs li:first-child{border-left:1px solid #e3e3e3}.project-section .sortable-masonry .filters .filter-tabs li span{position:absolute;left:50%;transform:translateX(-50%);bottom:-28px;font-size:14px;font-family:'Roboto',sans-serif;color:#fff;font-weight:700;width:35px;height:26px;line-height:26px;text-align:center;border-radius:5px;opacity:0;transition:all .5s ease}.project-section .sortable-masonry .filters .filter-tabs li:hover span,.project-section .sortable-masonry .filters .filter-tabs li.active span{bottom:-18px;opacity:1}.project-section .sortable-masonry .filters .filter-tabs li span:before{position:absolute;content:'';width:10px;height:10px;left:12px;top:-3px;transform:rotate(45deg)}.project-section.masonry-view1{padding:120px 0 90px}