.modal,.modal-overlay{left:0;position:fixed}html{box-sizing:border-box}*,::after,::before{box-sizing:inherit}.modal,.modal *{box-sizing:border-box}.modal{-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:#fff;border-radius:3px;box-shadow:0 0 15px #222;margin:0 auto;max-height:90%;overflow:auto;right:0;top:50%;width:90%;z-index:1000}@media screen and (min-width:not-phone){.modal{max-width:800px}}.modal-hidden{display:none}.modal-shown{display:block}.modal-overlay{display:block;height:100%;opacity:.7;top:0;width:100%;z-index:999}.modal-overlay-hidden{display:none}.modal-header{border-bottom:1px solid #ddd;overflow:hidden;padding:12px 22px;position:relative;width:100%}.modal-header h1,.modal-header h2,.modal-header h3,.modal-header h4,.modal-header h5{margin:0}.modal-footer{border-top:1px solid #ddd;overflow:hidden;padding:16px}.modal-content{padding:8px 22px;line-height:30px;}.modal-content img{width:32%}.modal-div{line-height:20px; margin-top:10px;}.modal-small{max-width:400px}.modal-medium{max-width:600px}.modal-content-scrollable{max-height:450px;overflow-y:auto}.modal-content-overflowed{box-shadow:0 0 15px #ddd inset}.modal-close{background-image:url(img/close.svg);background-position:center center;background-repeat:no-repeat;background-size:25px 25px;cursor:pointer;height:35px;margin:10px;opacity:.3;padding:10px;position:absolute;right:0;top:0;width:35px}.modal-close:hover{background-color:#ddd;opacity:.5}