.modal{display:none;position:fixed;z-index:999;padding-top:200px;overflow:auto;background-color:rgba(0,0,0,.5019607843137255);animation:lightboxon 5s normal}.modal,div.modalackground{left:0;top:0;width:100%;height:100%}div.modalackground{position:absolute;display:block;padding:0}@keyframes lightboxon{0%{opacity:0}25%{opacity:1}50%{opacity:1}75%{opacity:1}to{opacity:1}}.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:30px;width:400px;max-width:90%;animation:lightboxytemb 5s normal;border-radius:15px;z-index:9999}@keyframes lightboxytemb{0%{opacity:0;transform:scale(0)}25%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.close{color:#fff;position:absolute;top:-60px;right:0;z-index:9;font-size:60px;font-weight:600;font-family:sans-serif}.close:focus,.close:hover{color:#999;text-decoration:none;cursor:pointer}.box-gallery{display:flex;max-width:100%;position:relative;flex-wrap:wrap}.box-gallery-img{padding:10px;width:33%;max-width:33%;box-sizing:border-box}.filter-bg{background:#000;background:linear-gradient(0deg,rgba(0,0,0,.08167016806722693),transparent);position:absolute;left:0;bottom:3px;width:100%;transition:all .3s linear;height:50%}.box-gallery-img:hover .filter-bg{background:#000;background:linear-gradient(0deg,rgba(0,0,0,.54),transparent);transition:all .2s linear;height:100%}.box-gallery a{display:block;box-sizing:border-box;transition:all .2s linear;position:relative}img.img-gallery{max-width:100%;width:auto}span.label-box{position:absolute;bottom:0;width:100%;display:block;text-align:center;color:#fff;opacity:0;font-size:8px;transition:all .2s linear}.box-gallery-img:hover span.label-box{font-size:15px;opacity:1;bottom:20px}@media screen and (max-width:900px){.box-gallery-img{padding:5px;width:50%;max-width:50%;box-sizing:border-box}}@media screen and (max-width:600px){.box-gallery-img{padding:5px;width:100%;max-width:100%;box-sizing:border-box}}