.filter-portfolio-nav{margin-bottom:50px}.filter-portfolio-nav ul{list-style-type:none!important;padding:0!important;;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;row-gap:16px}.filter-portfolio-nav ul li{font-weight:600;font-size:14px;color:#2C2C2C;letter-spacing:-.02em;line-height:1em;display:block;overflow:hidden;height:100%;cursor:pointer;padding:15px 1.2em;border-radius:27px;margin-right:15px;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;background:rgba(0,80,210,.13)}.filter-portfolio-nav ul li.nav-active{color:#2C2C2C;background:#E2FAFF}.filter-portfolio-nav ul li:hover{background:rgba(0,80,210,.13)}.filter-portfolio-nav ul li.nav-active:hover{background:rgba(0,80,210,.13)}.filter-portfolio-item-output-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(30%,1fr));gap:1.1em}.filter-portfolio-item-container{position:relative}.filter-portfolio-item-container .loading{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.5)}.filter-portfolio-item-container .loading:before{content:url(../loader.html);position:absolute;bottom:10%;left:50%;transform:translate(-50%,-10%);width:55px;z-index:9}.portfolio-item-wrapper .portfolio-item-img{position:relative;line-height:0;cursor:pointer}.portfolio-item-wrapper .portfolio-item-img img{width:100%;border-radius:30px;filter:brightness(98%);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.portfolio-item-wrapper:hover .portfolio-item-img img{filter:brightness(.6)}.portfolio-item-wrapper .portfolio-item-img span{font-size:18px;line-height:18px;position:absolute;left:0;bottom:15px;width:100%;text-align:center;font-weight:500;color:#FFF;opacity:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.portfolio-item-wrapper:hover .portfolio-item-img span{opacity:1}.filter-portfolio-pagination{margin-top:50px}.filter-portfolio-pagination ul{list-style-type:none!important;padding:0!important;display:flex;justify-content:center}.filter-portfolio-pagination ul li span,.filter-portfolio-pagination ul li a{display:inline-block;color:#666;border:none;margin-right:10px;padding:10px 10px 8px;border-radius:4px;font-size:14px;line-height:14px;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.filter-portfolio-pagination ul li span.current,.filter-portfolio-pagination ul li a.current{color:#FFF;background:#0072DD}.filter-portfolio-slider-overlay{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#0b0b0b;opacity:.8;z-index:1000000}.filter-portfolio-slider-wrapper{display:none;position:fixed;top:0;bottom:0;left:0;z-index:1000001;width:100%;outline:none!important;-webkit-backface-visibility:hidden;overflow:hidden auto}.filter-portfolio-slider-wrapper .tns-outer{position:relative;width:80%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.filter-portfolio-slider-wrapper .tns-ovh{line-height:0}.filter-portfolio-slider-wrapper #closeOverlay{position:absolute;top:-30px;right:0;z-index:9;font-size:24px;color:#fff;background:transparent;border:none;cursor:pointer;padding:0}.filter-portfolio-slider-wrapper .tns-controls button{position:absolute;color:transparent;background:transparent;border:none}.filter-portfolio-slider-wrapper .tns-controls button[data-controls="prev"]{top:50%;transform:translateY(-50%);left:0}.filter-portfolio-slider-wrapper .tns-controls button[data-controls="next"]{top:50%;transform:translateY(-50%);right:0}.filter-portfolio-slider-wrapper .tns-controls button[data-controls="prev"]:before{font-family:etmodules;content:"\34";color:#0072DD;font-size:50px;position:absolute;left:0;top:50%;transform:translateY(-50%)}.filter-portfolio-slider-wrapper .tns-controls button[data-controls="next"]:before{font-family:etmodules;content:"\35";color:#0072DD;font-size:50px;position:absolute;right:0;top:50%;transform:translateY(-50%)}@media (max-width:767px){.filter-portfolio-item-output-wrapper{grid-template-columns:repeat(auto-fill,minmax(40%,1fr))}.filter-portfolio-nav ul li{font-size:14px}}@media (max-width:480px){.filter-portfolio-item-output-wrapper{grid-template-columns:repeat(auto-fill,minmax(100%,1fr))}}