.reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:9999;display:none;top:0;left:0;background: black;opacity: 0.15;}
.reveal-modal{visibility:hidden;top:100px;width: 95%;background: #ffffff;position:fixed;z-index:999999;border-radius:10px;padding-top: 25px;color:#fff;left:0;right:0;margin:0 auto;box-sizing:border-box;max-width: 440px !important;}
.reveal-modal.small{width:200px;margin-left:-140px;}
.reveal-modal.medium{width:400px;margin-left:-240px;}
.reveal-modal.large{width:600px;margin-left:-340px;}
.reveal-modal.xlarge{width:800px;margin-left:-440px;}
.reveal-modal .close-reveal-modal{color:transparent;position:absolute;cursor:pointer;right: 5px;top: 5px;width: 30px;height: 30px;z-index: 99999;}

.close-reveal-modal:hover, .remodal-close:focus {
    color: #ee558c;
    background: transparent !important;
    box-shadow: none;
}

.close-reveal-modal:before, .close-reveal-modal:after {
    position: absolute;
    left: 15px;
    top: 0;
    content: ' ';
    height: 30px;
    width: 1px;
    background-color: #d6d6d6;
}

.close-reveal-modal:before {
    transform: rotate(45deg);
}

.close-reveal-modal:after {
    transform: rotate(-45deg);
}