.modal{height:100%;overflow:auto;padding-top:100px;position:fixed;top:0;background-color:#000;background-color:rgba(0,0,0,.4);left:0;width:100%;display:none;z-index:99}.modal-content{padding:0;border:1px solid #888;position:relative;-webkit-animation-name:animatetop;animation-name:animatetop;background-color:#fefefe;margin:auto;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);width:30%;-webkit-animation-duration:.4s;animation-duration:.4s}@-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{font-size:28px;font-weight:700;color:#fff;float:right}.close:focus,.close:hover{text-decoration:none;color:#000;cursor:pointer}.modal-header{color:#fff;background-color:#000}.modal-body,.modal-header{padding:2px 16px}.modal-body img{height:auto;margin-right:auto;max-width:84%;margin-left:auto;display:block}.modal-footer{padding:2px 16px;color:#fff;background-color:#34495e}.inp3{border:1px solid #000}