.img-popup{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(38,40,52,.9);text-align:center;display:none;z-index:9999999999999;animation:pop-in;animation-duration:0.5s;-webkit-animation:pop-in 0.5s;-moz-animation:pop-in 0.5s;-ms-animation:pop-in 0.5s}
.img-popup img{position:absolute;top:50%;max-width:80%;max-height:80vh;display:inline-block;transform:translate(-50%,-50%)}
.close-lightbox{position:absolute;top:10px;right:10px;color:#fff;font-size:30px;border:2px solid #fff;border-radius:50%;z-index:99;width:30px;height:30px;cursor:pointer;line-height:26px}
.lightboxfadeout{animation:fadeout;animation-duration:0.5s;-webkit-animation:fadeout 0.5s;-moz-animation:fadeout 0.5s;-ms-animation:fadeout 0.5s}
@keyframes pop-in{0%{opacity:0;transform:scale(.1)}100%{opacity:1;transform:scale(1)}}
@-webkit-keyframes pop-in{0%{opacity:0;-webkit-transform:scale(.1)}100%{opacity:1;-webkit-transform:scale(1)}}
@-moz-keyframes pop-in{0%{opacity:0;-moz-transform:scale(.1)}100%{opacity:1;-moz-transform:scale(1)}}
@keyframes fadeout{100%{opacity:0;transform:scale(.1)}0%{opacity:1;transform:scale(1)}}
@-webkit-keyframes fadeout{100%{opacity:0;-webkit-transform:scale(.1)}0%{opacity:1;-webkit-transform:scale(1)}}
@-moz-keyframes fadeout{100%{opacity:0;-moz-transform:scale(.1)}0%{opacity:1;-moz-transform:scale(1)}}