.modal{background-color:#000;background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:auto;padding-top:100px;position:fixed;top:0;width:100%;z-index:10000}.modal-content{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:animatetop;animation-name:animatetop;background-color:#fefefe;border:1px solid #888;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);margin:auto;padding:0;position:relative;width:60%}@-webkit-keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}@keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}.close{color:#000;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;cursor:pointer;text-decoration:none}.modal-header{background-color:#f1f2f7;border-radius:12px 12px 0 0;color:#fff;padding:8px 16px}.modal-header h2,.modal-header h3,.modal-header h4,.modal-header h5{margin:12px 0 15px}.modal-body{padding:25px}.modal-footer{color:#fff;padding:2px 16px}.modal-footer h2 h3 h4 h5{margin:12px 0 15px}