.modal-open{background-color:#f5f5f5;border:solid #c0c0c0 1px;border-radius:5px;cursor:pointer;float:right;font-size:12px;font-weight:bold;height:26px;margin:-4px 4px 0 0;width:26px}.modal{position:relative;top:-90px;left:190px;width:100%;height:100%;opacity:0;visibility:hidden;transition:.2s;box-sizing:border-box}.modal:before{content:"";display:inline-block;vertical-align:middle;height:100%;margin-left:-.2em}.modal.opened{opacity:1;visibility:visible}.modal-container{position:relative;display:inline-block;vertical-align:middle;width:700px}.modal-close{background-color:#f5f5f5;border:solid #c0c0c0 1px;border-radius:5px;position:absolute;right:10px;top:-16px;width:32px;height:32px;padding:0;cursor:pointer}.modal-close span{width:22px;height:4px;background:#000;display:inline-block;position:absolute;left:calc(50% - 11px);top:50%;border-radius:20px}.modal-close span:nth-child(1){transform:rotate(45deg) translate(-1px,-1px)}.modal-close span:nth-child(2){transform:rotate(-45deg) translate(1px,-1px)}.modal-content{background-color:#f5f5f5;border:solid #c0c0c0 3px;border-radius:5px;box-shadow:0 0 30px gray;line-height:1.2;padding:0 20px 10px}.modal-content p{color:#000;margin:1em 0}.modal-content p.modal-caption{font-size:150%}