.project-filter-wrapper .project-wrapper .tab{display:none}.project-filter-wrapper .project-filter{display:inline-block;padding:15px 0}.project-filter-wrapper .project-filter button{background:transparent;border:0;color:#6c605b;display:inline-block;font-size:17px;font-weight:700;letter-spacing:2px;line-height:45px;margin-right:36px;padding:0;position:relative;text-transform:uppercase}.project-filter-wrapper .project-wrapper{padding-left:15px;padding-right:15px}.project-filter-wrapper button.button.is-checked:before,.project-filter-wrapper button.button:before{background-color:#648c1a;bottom:0;content:"";height:2px;left:0;position:absolute;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:0;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{margin:0 1% 1.75%;width:31%}.project-filter-wrapper .project-container .element-item:before{background-color:#6c605bd4;content:"";height:100%;left:0;position:absolute;top:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:0}.project-filter-wrapper .project-container .element-item .project-info{left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.project-filter-wrapper .project-container .element-item .h5{color:#fff;font-size:30px;font-weight:700;line-height:40px;margin-bottom:17px;opacity:0;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.project-filter-wrapper .project-container .element-item .desc{color:#fff;font-size:21px;font-weight:500;line-height:30px;opacity:0;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.project-filter-wrapper .project-container .element-item:hover .project-info{left:35px}.project-filter-wrapper .project-container .element-item:hover .desc,.project-filter-wrapper .project-container .element-item:hover .h5{opacity:1}.project-filter-wrapper .project-container .element-item:hover:before{width:100%}.project-filter-wrapper .project-filter button:focus{outline:none}.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%}@media screen and (min-width:992px){.project-filter-wrapper .project-container .element-item img{display:block}}@media(max-width:1199px){.project-filter-wrapper .project-container .element-item .h5{font-size:28px;line-height:36px}}@media screen and (max-width:991px){.project-filter-wrapper .project-container .element-item,.project-filter-wrapper .project-container .grid-item.large{width:48%}.project-filter-wrapper .project-container .element-item:before{width:100%}.project-filter-wrapper .project-container .element-item .project-info,.project-filter-wrapper .project-container .element-item:hover .project-info{left:30px;padding-right:10px}.project-filter-wrapper .project-container .element-item .desc,.project-filter-wrapper .project-container .element-item .h5{opacity:1}.project-filter-wrapper .project-container .element-item img{display:block;width:100%}.project-filter-wrapper .project-container .element-item .h5{font-size:23px;line-height:28px;margin-bottom:10px}}@media screen and (max-width:767px){.project-filter-wrapper .project-container .element-item,.project-filter-wrapper .project-container .grid-item.large{width:98%}.project-filter-wrapper .project-wrapper .tab{border:2px solid #6c605b;color:#6c605b;cursor:pointer;display:block!important;font-size:16px;font-style:normal;font-weight:600;letter-spacing:2px;line-height:20px;margin:0 auto;max-width:100%;padding:18px 30px 18px 16px;position:relative;text-transform:uppercase}.project-filter-wrapper .project-wrapper .tab i{font-style:normal}.project-filter-wrapper .project-wrapper .tab span{height:30px;position:absolute;right:0;top:14px;transition:all .5s ease-in-out 0s;width:30px}.project-filter-wrapper .project-wrapper .tab span:after,.project-filter-wrapper .project-wrapper .tab span:before{background-color:#6c605b;content:"";height:2px;left:6px;position:absolute;top:13px;transform:rotate(45deg);width:11px}.project-filter-wrapper .project-wrapper .tab span:after{left:auto;right:6px;transform:rotate(-45deg)}.project-filter-wrapper .project-filter{border:2px solid #6c605b;border-image:initial;border-top:none;display:none;margin:0 auto;max-width:100%;padding:0}.project-filter-wrapper button.button.is-checked:before,.project-filter-wrapper button.button: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;font-size:16px;line-height:30px;margin-right:0;padding:5px 16px}.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{text-align:left;width:100%}}