.overlay-main.show {
    visibility: visible;
    opacity: 1;
    z-index: 99999;
}
.overlay-main {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    background-color: rgba(0,0,0,0.8);
    z-index: -99999;
    display: block;
    visibility: hidden;
    opacity: 0;
    overflow-y: auto;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.reg-now {
background-color: #900706 !important;
border-radius: 8px !important;
font-size: 15px !important;
color: #FFFFFF !important;
font-weight: normal !important;
text-transform: none !important;
border: 0 none;
box-shadow: 3px 3px 0 rgba(0,0,0,0.31);
max-width: 187px !important;
width: 100%;
opacity: 1;
font-family: 'Roboto', sans-serif !important;
padding: 5px 9px 7px !important;
text-decoration: none !important;
display: inline-block; line-height: normal;

} 
.reg-now:hover {background-color: #007283 !important;}

.register-overlay-main.show, .reg-overlay-main.show {
    visibility: visible;
    opacity: 1;
    z-index: 99999;
}
.register-overlay-main, .reg-overlay-main{

    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    background-color: rgba(0,0,0,0.8);
    z-index: -99999;
    display: block;
    visibility: hidden;
    opacity: 0;
    overflow-y: auto;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;

}
.forget-overlay-main.show {
    visibility: visible;
    opacity: 1;
    z-index: 99999;
}
.forget-overlay-main{

    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    background-color: rgba(0,0,0,0.8);
    z-index: -99999;
    display: block;
    visibility: hidden;
    opacity: 0;
    overflow-y: auto;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;

}