Открыть окно
.modal { display: none; background: #337AB7; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 99999; } .modal_vis { display: block; } .body_block { overflow: hidden; margin-right: 17px; } #close_modal { color: #BFE2FF; font-size: 40px; font-weight: bold; font-family: Times, sans-serif; border-radius: 50%; border: 4px solid #BFE2FF; width: 50px; height: 50px; line-height: 50px; text-align: center; margin: 20px; cursor: pointer; position: absolute; right: 0; transform: rotate(45deg); transition: all 0.6s; box-sizing: content-box; } #close_modal:hover { color: #FFF; transform: rotate(135deg); } .modal_txt { box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2); background: #FFF; padding: 30px; margin: 100px auto; max-width: 800px; }