.subalmost {
     position:fixed;
     top:0;
     bottom:0;
     left:0;
     right:0;
     background-color:rgba(106,194,89,.95);
     z-index:100;
     opacity:0;
     pointer-events:none;
     transition:all .5s;
     color:#fff;
     text-align:center;
     margin-bottom:0 !important;
}
 .subalmost-on {
     opacity:1;
     pointer-events:all;
}
 .check {
     background-image:url('check-mark.png');
     background-repeat:no-repeat;
     background-position:center top;
     padding:20px;
     padding-top:100px;
     transition:all .3s;
}
 .subalmost span {
     display:block;
     font-size:48px;
     line-height:48px;
     font-weight:400;
     margin-bottom:15px;
     text-shadow: 0px 3px 5px rgba(0,0,0,0.25);
}
 .subalmost .close {
     font-size:18px;
     background-color:#eee;
     color:#6ac259;
     padding:15px 100px;
     font-weight:500;
     display:inline-block;
     border-radius:5px;
     transition:all .3s;
     cursor:pointer;
     opacity:0;
}
 .subalmost .close:hover {
     background-color:#fff;
     color:#222;
     box-shadow: 0px 3px 5px rgba(0,0,0,0.25);
}
 .hidedown {
     margin-top:20px;
     opacity:0;
}
 .closedown {
     margin-top:20px;
     opacity:1 !important;
}