*:focus{outline:0}.modal_opener{background:#3498db;padding:4px 0;position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);border-radius:3px;text-align:center;text-transform:uppercase;color:#fff;font-size:16px;padding:10px 20px;border:0;transition:background .2s ease}.modal_opener:hover{cursor:pointer;background:#469fdb}.modal_opener::after{content:"";display:block;position:absolute;left:50%;width:100%;height:10%;border-radius:50%;background-color:rgba(0,0,0,0.4);opacity:.4;transform:translateX(-50%) translateY(-50%);bottom:-30px}.modal{position:fixed;left:0;top:0;width:100%;height:100%;z-index:990}.modal .overlay{position:absolute;left:0;top:0;width:100%;height:100%;z-index:995;background:rgba(0,0,0,0.85)}.modal .modal_content{z-index:999;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:90%;overflow:auto;background:#fff;padding:20px;box-shadow:0 1px 5px rgba(0,0,0,0.7);text-align:center;border-radius:4px;width:90%;min-width:360px;max-width:520px}.modal .modal_content>h2{font-size:28px;font-weight:200;margin:20px 0 40px;text-align:center}.modal .modal_content .buttons_wrapper{padding:20px}.modal .close_modal{position:absolute;right:10px;top:10px;cursor:pointer;font-size:18px;opacity:.5;background:0;border:0;transition:opacity .2s ease}.modal .close_modal:hover{opacity:.9}