@charset "utf-8";
html.hidden,
body.hidden{overflow:hidden;}
.new-portfolio-popup{opacity:0;visibility:hidden;position:fixed;top:0;left:0;z-index:99999;width:100%;height:100vh;background-color:#000;transform:scale(1.05);transition:0.5s ease-in-out;overflow-x:hidden;overflow-y:auto;text-align: center;}
.new-portfolio-popup.active{opacity:1; visibility:inherit; transform:none;}
.new-portfolio-popup .popup-img{text-align:center;position: relative;display: inline-block;margin: 0 auto;}
.new-portfolio-popup .popup-img img{max-width:100%;}
.new-portfolio-popup .popup-close{position:fixed;top: 1rem;/* right:4rem; */z-index:99999;width:6rem;height:6rem;border:0;border-radius:50%;background:rgba(0,0,0,0.5);font-size:0;margin-left: 1rem;}
.new-portfolio-popup .popup-close:before,
.new-portfolio-popup .popup-close:after{position:absolute;top:0;left:0;right:0;bottom:0;width: 0.3rem;height: 5rem;margin:auto;background-color:#fff;content:'';transform:rotate(45deg);}
.new-portfolio-popup .popup-close:after{transform:rotate(135deg);}
.new-portfolio-popup .popup-close.active{right:1rem;}
@media (max-width:1000px){
    .new-portfolio-popup .popup-close{top:1rem; right:1rem; width:3.6rem; height:3.6rem;}
    .new-portfolio-popup .popup-close:before,
    .new-portfolio-popup .popup-close:after{height: 1.8rem;width: 0.2rem;}
}