.img-popup {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.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;cursor: zoom-out;}
.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: 45px;right: 20%;padding: 0px 10px;color: #fff;font-size: 35px;border: 2px solid #fff;border-radius: 50%;z-index: 99;cursor: pointer;line-height: 1.15 !important;}
.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(0.1);}
100% {opacity: 1;transform: scale(1);}
}
@-webkit-keyframes pop-in {
0% {opacity: 0;-webkit-transform: scale(0.1);}
100% {opacity: 1;-webkit-transform: scale(1);}
}
@-moz-keyframes pop-in {
0% {opacity: 0;-moz-transform: scale(0.1);}
100% {opacity: 1;-moz-transform: scale(1);}
}
@keyframes fadeout {
100% {opacity: 0;transform: scale(0.1);}
0% {opacity: 1;transform: scale(1);}
}
@-webkit-keyframes fadeout {
100% {opacity: 0;-webkit-transform: scale(0.1);}
0% {opacity: 1;-webkit-transform: scale(1);}
}
@-moz-keyframes fadeout {
100% {opacity: 0;-moz-transform: scale(0.1);}
0% {opacity: 1;-moz-transform: scale(1);}
}