.single-portfolio{background-color:#111}.single-portfolio h1{font-size:60px;font-family:"barlow_condensedregular"}.single-portfolio .project-content{width:100%;padding:70px 100px;margin:0 auto}.single-portfolio .dettagli-progetto{list-style:none;margin:0;padding:10px 30px;background-color:#467e5e;border-radius:10px}.single-portfolio .dettagli-progetto li{margin:10px 0;padding:0 0 0 30px;border-bottom:1px solid #ffffff40;color:#fff}.single-portfolio .dettagli-progetto li:before{position:absolute;content:"\f192";font-size:1rem;font-family:"FontAwesome";left:0;top:55%;transform:translateY(-50%);color:var(--verde)}.single-portfolio img{border-radius:20px}.single-portfolio .gallery-portfolio img{margin:1px 0}.single-portfolio .back{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.single-portfolio .back a{background-color:var(--verde);color:#fff;padding:3px 20px 4px;border-radius:20px;line-height:1;text-transform:uppercase;display:inline-block;position:relative;transition:all .3s ease;overflow:hidden;margin-left:10px}.single-portfolio .back a:before{content:"←";position:absolute;left:10px;opacity:0;transform:translateX(-10px);transition:all .3s ease;color:#111}.single-portfolio .back a:hover{padding-left:40px;background-color:#fff;color:#111}.single-portfolio .back a:hover:before{opacity:1;transform:translateX(0)}.portfolio{padding-top:100px}.portfolio h4{color:#fff;font-size:36px;text-transform:uppercase}.progetti{width:100%;clear:both;padding:2em 0;display:flex;gap:30px;flex-wrap:wrap}.portfolio-item{position:relative;overflow:hidden}.portfolio-item:nth-child(4n+1),.portfolio-item:nth-child(4n+4){position:relative;width:calc((100% - 30px) * 0.65);height:auto;border-radius:20px;cursor:pointer;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.1);background-color:#111}.portfolio-item:nth-child(4n+2),.portfolio-item:nth-child(4n+3){position:relative;width:calc((100% - 30px) * 0.35);height:auto;border-radius:20px;cursor:pointer;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.1);background-color:#111}.portfolio-item .preview-image{display:block;width:100%;height:100%;object-fit:cover;z-index:1;border-radius:22px;transition:all 1s ease-out}.portfolio-item:hover .preview-image{scale:1.15;transform:rotate(5deg)}.portfolio-item .wrap-icon{background-color:#111;width:90px;height:90px;border-bottom-left-radius:50px;border-top-left-radius:50px;border-bottom-right-radius:50px;position:absolute;z-index:2;right:-3px;top:-3px;display:flex;align-items:center;justify-content:center;transform-origin:top right;transition:transform .4s ease-in-out}.portfolio-item .icon{width:50px;height:50px;background-color:var(--verde);border-radius:50%;z-index:2;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px rgba(0,0,0,.2);transition:opacity .3s ease-in-out}.portfolio-item .icon .icon-arrow{width:20px;height:20px;stroke:#fff}.portfolio-item:hover .wrap-icon{transform:scale(0)}.portfolio-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:0;background-color:rgba(0,0,0,.75);z-index:2;transition:height .2s ease-in-out;transition-delay:.2s}.portfolio-item:hover:before{height:100%}.portfolio-item .item-description{position:absolute;padding:20px;z-index:3;bottom:-200px;transition:bottom .4s ease-in-out 0s,transform .4s ease-in-out 0s}.portfolio-item .item-description h3{margin:0;font-size:24px;letter-spacing:1px}.portfolio-item .item-description h4{color:#fff;margin-top:0;text-transform:none}.portfolio-item:hover .item-description{bottom:0;transition:bottom .5s ease-out .3s,transform .5s ease-out .3s}.portfolio-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background-color:#467e5e !important}.portfolio-cta.full-width{width:100% !important}.portfolio-cta:before{background-color:#000}.portfolio-cta p{line-height:1.1;margin-bottom:10px !important}.portfolio-cta h3{text-transform:none;line-height:1;margin:0}.portfolio-item .item-cta{position:absolute;padding:20px;z-index:3;bottom:-200px;transition:bottom .4s ease-in-out 0s,transform .4s ease-in-out 0s}.portfolio-cta:hover .item-cta{bottom:50%;transform:translateY(50%);transition:bottom .5s ease-out .3s,transform .5s ease-out .3s}.portfolio-cta .item-cta h4{text-transform:none;margin:0}.portfolio-cta .item-cta h4 span{text-transform:uppercase;color:#fff;font-size:1.3em;letter-spacing:1px}@keyframes slideInFromTop{0%{transform:translate(-50%,-150%);opacity:0}100%{transform:translate(-50%,-50%);opacity:1}}@keyframes slideOutToTop{0%{transform:translate(-50%,-50%);opacity:1}100%{transform:translate(-50%,-150%);opacity:0}}.popup-portfolio .desc-progetto{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.85);z-index:9997}.popup-portfolio .desc-progetto .desc-progetto-content{width:95%;max-width:1200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9998;overflow:hidden;animation:slideInFromTop .5s ease-out forwards;border-radius:20px}.popup-portfolio .desc-progetto.desc-progetto-exit .desc-progetto-content{animation:slideOutToTop .5s ease-out forwards}.popup-portfolio .desc-progetto .img-progetto{position:relative;flex-basis:75%;height:100%}.popup-portfolio .desc-progetto .img-progetto img{align-self:center;scale:none !important}.popup-portfolio .desc-progetto .chiudimi{position:absolute;font-size:2em;color:var(--verde);top:30px;right:30px;z-index:99999;cursor:pointer}@media only screen and (max-width:1024px){.portfolio .item{padding-right:1em;padding-left:1em;max-width:50%}.portfolio .itemx2{width:100%;max-width:100%}.portfolio .itemx2 .progetto{height:auto !important;width:100%;padding:50px 20px}}@media only screen and (max-width:768px){.portfolio .item:nth-child(odd){padding-right:1em}.portfolio .item:nth-child(even){padding-left:1em}.single-portfolio h1{margin-top:0}}@media only screen and (max-width:640px){.portfolio{padding:0}.portfolio .item{max-width:100%;margin:5px 0}.portfolio .tipologie-lavori .columns,.portfolio #filters{margin:0;padding:0}.portfolio .itemx2 .progetto,.portfolio .itemx1 .progetto{height:auto !important;width:100%;padding:30px 20px}.single-portfolio h1{font-size:48px}}@media only screen and (max-width:480px){.portfolio-item .wrap-icon{width:70px;height:70px}.portfolio .item{width:100%;padding:0 1rem !important;min-height:0}.single-portfolio .project-content{padding:40px}.single-portfolio h1{font-size:36px}.single-portfolio .project-content{padding:40px 0}}