.modal-cover{position:fixed;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;background:rgba(0,0,0,.5);z-index:1000;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal-window{background:#fff;padding:30px;border-radius:30px;position:relative;width:300px;max-width:100%;-webkit-box-shadow:0 0 0 30px rgba(0,0,0,.1);box-shadow:0 0 0 30px rgba(0,0,0,.1)}.modal-close{position:absolute;right:10px;top:10px;padding:10px;cursor:pointer}.modal-close:hover{opacity:.5}