.wow-alert-overlay {
    position:fixed;
    top:0;
    left:0;
    background:rgba(0, 0, 0, 0.6);
    z-index:500;
    width:100%;
    height:100%;
    z-index: 999999;
}
.wow-alert-content {
   
    background:#FFF;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -khtml-border-radius:3px;
    position:fixed;
    z-index:99999999;
    min-width:200px;
    min-height:50px;
    max-width:75%;
    padding: 15px 20px;
    left: 50%;
    top: 50%;
}
.wow-alert-content p {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333;
    margin: 10px 0 20px 0;
    font-weight: bold;
    text-align: center;
}
.wow-alert-content a {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    font-family: Helvetica, Arial, sans-serif;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    -khtml-border-radius:3px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    margin: 10px;
    color: #F6FAF7;
    display: block;
    margin: 0 auto;
    width: 100px;
    background: black;
    text-decoration: none;
    height: 30px;
    line-height: 30px;
}
.wow-alert-content a:hover {
	color:white;
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px); /* Starts 20px below its final position */
    }
    100% {
        opacity: 1;
		visibility:visible;
        transform: translateY(0); /* Ends at its original vertical position */
    }
}

.wow-alert-content {
    animation-name: fadeInUp;
    animation-duration: 0.5s; /* The duration of the animation */
    animation-fill-mode: forwards; /* Ensures the element remains visible after the animation ends */
}