.project-filter-wrapper .project-wrapper .tab{display:none}.project-filter-wrapper .project-filter{padding:15px 0;display:inline-block}.project-filter-wrapper .project-filter button{color:#6c605b;font-size:17px;font-weight:700;letter-spacing:2px;line-height:45px;position:relative;text-transform:uppercase;margin-right:36px;display:inline-block;background:transparent;border:0;padding:0}.project-filter-wrapper .project-wrapper{padding-left:15px;padding-right:15px}.project-filter-wrapper button.button:before,.project-filter-wrapper button.button.is-checked:before{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#648c1a;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:100%}.project-filter-wrapper button.button{cursor:pointer}.project-filter-wrapper button.button:hover:before{width:100%}.project-filter-wrapper button.button:before{width:0}.project-filter-wrapper .grid-sizer{width:1%}.project-filter-wrapper .gutter-sizer{width:2%}.project-filter-wrapper .project-container .element-item{width:31%;margin:0 1% 1.75%}.project-filter-wrapper .project-container .element-item:before{content:'';position:absolute;top:0;left:0;height:100%;width:0;background-color:#6c605bd4;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.project-filter-wrapper .project-container .element-item .project-info{position:absolute;left:0;top:50%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.project-filter-wrapper .project-container .element-item .h5{font-weight:700;margin-bottom:17px;color:#fff;opacity:0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;font-size:30px;line-height:40px}.project-filter-wrapper .project-container .element-item .desc{font-weight:500;color:#fff;opacity:0;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out;font-size:21px;line-height:30px}.project-filter-wrapper .project-container .element-item:hover .project-info{left:35px}.project-filter-wrapper .project-container .element-item:hover .h5{opacity:1}.project-filter-wrapper .project-container .element-item:hover .desc{opacity:1}.project-filter-wrapper .project-container .element-item:hover:before{width:100%}.project-filter-wrapper .project-filter button:focus{outline:0}.project-filter-wrapper .cm-col-xs-12:last-child{padding:0 15px}.project-filter-wrapper .project-container.grid{padding-top:15px}.project-filter-wrapper .project-container .grid-item.large{width:64%}.project-filter-wrapper.recent-project .project-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.project-filter-wrapper.recent-project .button.type3{text-align:center;display:inline-block;position:relative;font-size:15px;line-height:19px;letter-spacing:.88px;font-weight:700;cursor:pointer;text-transform:uppercase;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;border:3px solid #4e423d;color:#4e423d;background-color:transparent;padding:15px 35px;text-decoration:none}.project-filter-wrapper.recent-project .button.type3 span{z-index:2;position:relative;display:block;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.project-filter-wrapper.recent-project .button.type3:before{content:'';position:absolute;top:0;left:0;width:100%;height:0;background-color:#4e423d;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.project-filter-wrapper.recent-project .project-link{-webkit-transform:rotate(90deg);transform:rotate(90deg);color:#383838;font-size:15px;font-weight:600;letter-spacing:1.67px;line-height:40px;text-align:center;display:block;text-transform:uppercase;position:absolute;right:-165px;top:50%;margin-top:-21px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;text-decoration:none}.project-filter-wrapper.recent-project .cm-col-xs-12{position:relative}@media screen and (min-width:992px){.project-filter-wrapper .project-container .element-item img{display:block}.project-filter-wrapper.recent-project .button.type3:hover:before{height:100%}.project-filter-wrapper.recent-project .button.type3:hover span{color:#fff}.project-filter-wrapper.recent-project .project-link:hover{color:#648c1a}}@media(max-width:1199px){.project-filter-wrapper .project-container .element-item .h5{font-size:28px;line-height:36px}.project-filter-wrapper.recent-project .project-link{right:auto;margin-top:10px;position:relative;-webkit-transform:rotate(0);transform:rotate(0)}}@media screen and (max-width:991px){.project-filter-wrapper .project-container .grid-item.large{width:48%}.project-filter-wrapper .project-container .element-item{width:48%}.project-filter-wrapper .project-container .element-item:before{width:100%}.project-filter-wrapper .project-container .element-item:hover .project-info{left:30px;padding-right:10px}.project-filter-wrapper .project-container .element-item .project-info{left:30px;padding-right:10px}.project-filter-wrapper .project-container .element-item .h5{opacity:1}.project-filter-wrapper .project-container .element-item .desc{opacity:1}.project-filter-wrapper .project-container .element-item img{width:100%;display:block}.project-filter-wrapper .project-container .element-item .h5{font-size:23px;margin-bottom:10px;line-height:28px}.recent-project .project-container.grid .element-item{width:49%}}@media screen and (max-width:767px){.project-filter-wrapper .project-container .grid-item.large{width:98%}.project-filter-wrapper .project-container .element-item{width:98%}.project-filter-wrapper .project-wrapper .tab{display:block !important;color:#6c605b;font-size:16px;font-weight:600;letter-spacing:2px;line-height:20px;position:relative;text-transform:uppercase;border:2px solid #6c605b;padding:18px 30px 18px 16px;max-width:100%;margin:0px auto;font-style:normal;cursor:pointer}.project-filter-wrapper .project-wrapper .tab i{font-style:normal}.project-filter-wrapper .project-wrapper .tab span{width:30px;height:30px;position:absolute;top:14px;right:0px;transition:all .5s ease-in-out 0s}.project-filter-wrapper .project-wrapper .tab span::before,.project-filter-wrapper .project-wrapper .tab span::after{content:"";position:absolute;left:6px;top:13px;width:11px;height:2px;background-color:#6c605b;transform:rotate(45deg)}.project-filter-wrapper .project-wrapper .tab span::after{left:auto;right:6px;transform:rotate(-45deg)}.project-filter-wrapper .project-filter{display:none;border-right:2px solid #6c605b;border-bottom:2px solid #6c605b;border-left:2px solid #6c605b;border-image:initial;border-top:0;max-width:100%;margin:0px auto;padding:0}.project-filter-wrapper button.button:before,.project-filter-wrapper button.button.is-checked:before{display:none}.project-filter-wrapper .project-filter button:last-child{padding-bottom:15px}.project-filter-wrapper .project-filter button:first-child{padding-top:15px}.project-filter-wrapper .project-filter button{display:block;margin-right:0px;padding:5px 16px;font-size:16px;line-height:30px}.project-filter-wrapper .project-wrapper.open .tab span{transform:rotate(180deg)}.project-filter-wrapper .project-wrapper{margin-bottom:15px}.project-filter-wrapper .project-filter button{width:100%;text-align:left}.project-filter-wrapper.recent-project .project-wrapper{position:relative;display:block}.project-filter-wrapper.recent-project .button.type3{width:100%;margin-top:20px}.recent-project .project-container.grid .element-item{width:98%}}