/* 
    Created on : 2022. júl. 11., 20:03:58
    Author     : Creatus
*/
#show_image_popup{
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10000000;
    transform: translate(-50%, -50%);
    display: none;
}
#show_image_popup img{
    max-width: 90%;
    max-height: 540px !important;
    height: auto;
    z-index: 100000000;
}
.active-img {
    /* filter: blur(5px);
    -webkit-filter: grayscale(100%);
    filter: brightness(50%); */
    filter: blur(3px) grayscale(100%);
    transition: all .8s ease-in-out;
}
.active-bg {
    background-color: rgba(218, 218, 48, .8);
    transition: all .8s ease-in-out;
}
.close-btn-area #close-btn {
    top: 4px;
    left: 4px;
    position: absolute;
    cursor: pointer;
    color: red;
    font-weight: bold;
    border: solid 1px;
    border-radius: 50%;
    padding: 0 6px;
    transition: all .5s ease-in-out;
    background-color: #E8A37C;
    opacity: .8;
}
.close-btn-area #close-btn:hover {
    opacity: 1;
    transition: all .5s ease-in-out;
}