@media screen and (min-width: 768px){.nopadd-ltf{padding-left:0}.nopadd-rth{padding-right:0}.nopadd{padding-left:0;padding-right:0}}.portfolioITems.style-4 .filters button{padding:10px 15px;overflow:hidden}@media screen and (min-width: 992px){.portfolioITems.style-4 .filters button{font-size:18px}}@media screen and (max-width: 992px){.portfolioITems.style-4 .filters button{padding:7px 35px}}.portfolioITems.style-4 .filters button span{font-size:45px;color:#fff;opacity:.1;position:absolute;width:100%;height:100%;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none}.portfolioITems.style-4 .filters button.active span{opacity:0}.portfolioITems.style-4 .port-item{position:relative;overflow:hidden}.portfolioITems.style-4 .port-item img{position:relative;-webkit-transition:all .5s;transition:all .5s;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 0;transform-origin:50% 0}.portfolioITems.style-4 .port-item a.port_popup{position:absolute;width:70px;height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(255,255,255,.8588235294);-webkit-transition:all .5s;transition:all .5s;opacity:0;font-size:30px;left:20px;margin:auto;bottom:20px;-webkit-transform:scale(0.1);transform:scale(0.1);z-index:9}.portfolioITems.style-4 .port-item .demoBox{bottom:-100px !important;width:100% !important;right:0 !important;z-index:9;height:110px !important;background:#fff !important}.portfolioITems.style-4 .port-item h3.pTitle{bottom:47px !important;left:110px !important;text-align:left !important}.portfolioITems.style-4 .port-item p.pCat{bottom:-5px !important;left:110px !important;text-align:left !important}.portfolioITems.style-4 .port-item .portTag{position:absolute;right:15px;top:15px;font-size:12px;padding:7px 17px;color:#fff;text-transform:capitalize}.portfolioITems.style-4 .port-item:hover img{-webkit-transform:scale(1.2);transform:scale(1.2)}.portfolioITems.style-4 .port-item:hover .img-box .port_popup{width:70px;height:70px;border-radius:50%;top:auto;left:20px;right:auto;bottom:20px;margin:auto;opacity:1;-webkit-transform:scale(1);transform:scale(1);border:1px solid #ddd;color:#fff}.portfolioITems.style-4 .port-item:hover .demoBox{bottom:0 !important}@media screen and (max-width: 991px){.portfolioITems .filters .filter-menu{background-color:#fff !important}}@media screen and (min-width: 992px){.portfolioITems .filter-v4{text-align:center}.portfolioITems .filter-v4 .filter-menu{position:relative;display:inline-block;margin:0 auto;padding:5px}.portfolioITems .filter-v4 button{width:150px;background:rgba(0,0,0,0) !important;color:#fff !important;margin:0 !important;position:relative}.portfolioITems .filter-v4 button:before{width:1px !important;height:50% !important;position:absolute !important;right:0 !important;background:#fff !important;opacity:.4 !important;display:block !important;top:0 !important;z-index:99 !important;bottom:0 !important;margin:auto}.portfolioITems .filter-v4 button:last-child::before{display:none !important}.portfolioITems .filter-v4 .btn-overlay{left:5px;height:calc(100% - 10px);position:absolute;width:150px;top:5px;-webkit-transition:all .3s;transition:all .3s}}.portfolioITems .filters{text-align:center;margin-bottom:30px}.portfolioITems .filters button{border:none;color:#7c49dd;background:#d946d3;padding:10px 20px;outline:none;margin-bottom:1px;border-radius:3px;margin:5px;position:relative}.portfolioITems .filters button:before{content:"";width:20px;height:50px;display:block;background-color:#7c49dd;border-radius:50%;position:absolute;right:0;bottom:-20px;z-index:-1;opacity:0;-webkit-transition:all .5s;transition:all .5s}.portfolioITems .filters button.active,.portfolioITems .filters button:hover{color:#fff;background:#7c49dd}.portfolioITems .filters button.active:before,.portfolioITems .filters button:hover:before{opacity:0;bottom:0}@media(max-width: 992px){.portfolioITems .filters .portfolio .filter-menu{display:none}}.portfolioITems .filters .themeies-wrapper{max-width:300px;border:1px solid #ddd;position:relative;height:40px;margin:0 auto;margin-bottom:20px}.portfolioITems .filters .themeies-wrapper i{position:absolute;right:10px;top:13px;pointer-events:none}.portfolioITems .filters .themeies-wrapper .bttn{width:100%;height:40px}.portfolioITems .filters .placeholder{position:relative;width:100%;height:100%;display:block;text-align:center;padding:7px 10px;cursor:pointer}.portfolioITems .portGrid .protItem{margin-bottom:30px}.portfolioITems .portGrid .protItem img{border-radius:5px}.portfolioITems .portGrid .protItem .demoBox{position:absolute;width:calc(100% - 30px);height:0;bottom:0;background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(160, 0, 73, 0)), color-stop(69%, white));background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(160, 0, 73, 0) 30%, white 69%);right:15px;opacity:0;-webkit-transition:all ease-out .3s;-webkit-transition:all .3s;transition:all .3s;border:1px solid #f3f1f1;border-top:none;height:70%}.portfolioITems .portGrid .protItem .demoBox h3.pTitle{position:absolute;font-size:24px;bottom:35px;left:0;right:0;text-align:center}.portfolioITems .portGrid .protItem .demoBox p.pCat{position:absolute;font-size:16px;bottom:-15px;left:0;right:0;text-align:center;text-transform:capitalize}.portfolioITems .portGrid .protItem .demoBox a{display:block;width:70px;height:70px;border-radius:50%;color:#7c49dd;background:#d946d3;margin:2px;padding:24px 20px;text-align:center;position:absolute;right:0;top:30px;left:0;margin:auto}.portfolioITems .portGrid .protItem .demoBox a.elem{top:42px;padding:10px}.portfolioITems .portGrid .protItem .demoBox a:hover{color:#fff;background:#7c49dd}.portfolioITems .portGrid .protItem .demoBox a i{font-size:26px}.portfolioITems .portGrid .protItem:hover .demoBox{opacity:1;height:100%;background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(30%, rgba(160, 0, 73, 0)), color-stop(70%, white));background:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(160, 0, 73, 0) 30%, white 70%);-webkit-transition:all .3s;transition:all .3s}.portfolioITems.v2 .portGrid .protItem .demoBox{-webkit-transition:all .3s;transition:all .3s;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff;border-top:1px solid #f3f1f1}.portfolioITems.v2 .portGrid .protItem .demoBox a,.portfolioITems.v2 .portGrid .protItem .demoBox h3,.portfolioITems.v2 .portGrid .protItem .demoBox p{position:relative;margin:0;top:20px;-webkit-transition:all .5s;transition:all .5s;opacity:0}.portfolioITems.v2 .portGrid .protItem .demoBox a{width:40px;height:40px;border-radius:50%;margin:2px;padding:11px 3px;margin-bottom:40px;position:relative}.portfolioITems.v2 .portGrid .protItem .demoBox a i{font-size:18px}.portfolioITems.v2 .portGrid .protItem .demoBox a:before{content:"";width:1px;height:30px;display:block;background:#7c49dd;margin:0 auto;position:absolute;bottom:-93%;right:0;left:0}.portfolioITems.v2 .portGrid .protItem .demoBox p{text-transform:capitalize;-webkit-transition-delay:.3s;transition-delay:.3s}.portfolioITems.v2 .portGrid .protItem .demoBox .pTitle{bottom:inherit;-webkit-transition-delay:.2s;transition-delay:.2s}.portfolioITems.v2 .portGrid .protItem .demoBox:hover a,.portfolioITems.v2 .portGrid .protItem .demoBox:hover h3,.portfolioITems.v2 .portGrid .protItem .demoBox:hover p{opacity:1;top:0}.xop-section{font-weight:500;font-size:1.6rem;line-height:1.3;margin:0 0 4em}.project{display:block;width:100%;text-decoration:none;margin:1em 0;cursor:pointer;border-radius:5px;overflow:hidden}figure{margin:0;padding:0}.project figure img{width:100%;display:block;-o-object-fit:cover;object-fit:cover;height:300px}.project figcaption{padding:1em;background:#7c49dd;color:#fff}.project h3{margin:0;font-size:24px;color:#fff;margin-bottom:10px}p.pCat.cta{font-size:16px;line-height:1;text-transform:capitalize}.cta:after{content:"";font-family:"Font Awesome 5 Free";display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;margin:0 0 .5em .5em}@media screen and (min-width: 960px){.xop-wrapper{max-width:960px;margin:0 auto}.xop-container{display:grid;grid-template-columns:repeat(3, 1fr);-ms-grid-columns:repeat(3, 1fr);grid-gap:1em}.project:nth-child(1){grid-column:1/span 3}.project{width:100%;height:300px;text-decoration:none;margin:0}.project:first-child{height:400px}.project:first-child img{height:400px}.project figure{position:relative;overflow:hidden}.project figure img{position:relative;z-index:999;-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s, -webkit-transform .4s}.project figure:hover img{-webkit-transform:translateY(-90px);transform:translateY(-90px)}.project figcaption{position:absolute;left:0;bottom:0;padding:20px;height:90px;width:100%}}