.reveal-modal-bg{position:fixed;height:100%;width:100%;background:#000;background:rgba(0,0,0,.8);z-index:101;display:none;top:0;left:0;}
.reveal-modal{visibility:hidden;top:25px;margin-left:355px;width:47%;position:absolute;-moz-border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);}
.reveal-modal-mobile{visibility:hidden;top:25px;position:initial;-moz-border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);}
.reveal-modal-login{position:absolute;visibility:hidden;width:100%;top:0px;z-index:1001;}
@media (max-width:480px){.reveal-modal{padding:7px 7px;margin:0px auto;width:350px;}
}
@media (min-width:480px) and (max-width:768px){.reveal-modal{padding:0px 10px;margin-left:-240px;}
}
.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{font-size:22px;line-height:.5;position:absolute;top:10px;right:10px;background:rgba(0, 0, 0, 0.1);padding:15px;color:#fff;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;}
.reveal-modal-login .close-reveal-modal{font-size:22px;line-height:.5;position:absolute;top:10px;right:10px;background:rgba(0, 0, 0, 0.1);padding:15px;color:#000;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;}
@media (min-width: 320px) and (max-width: 360px){
.reveal-modal {
    padding: 7px 7px;
    margin: 0px auto;
    width: 100%;
}
}