.center{float:none;margin:auto;height:inherit;border:0;left:0;width:100%}
.loading-image{display:block;margin:auto}
.vertical-center{padding:0;margin:auto;position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%)}
.modal{position:fixed;padding:1.5em .5em 0 .5em;border:1px solid #999;border-radius:10px;/*box-shadow:rgba(50,50,63,.2) 0 1px 5px -1px,rgba(0,0,0,.3) 0 1px 3px -1px;*/background-color:#fff;z-index:4500;width:96%;max-width:860px;min-height:300px;max-height:85%;display:none;margin:0 auto;box-sizing:border-box;overflow-y:auto;top:50%;left:50%;transform:translate(-50%, -50%);height:fit-content}
.modal.on,.play_btn.on{display:block}
.video-wrapper{position:relative;padding-bottom:56.25%; /* aspect ration for 16:9 */height:0;overflow:hidden;margin:1em auto}
.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px}
.modal-js-overlay{background:#fff;border:0;position:relative;width:100%;height:100%;z-index:4000}
.modal-js-close{position:absolute;bottom:0;background:transparent;color:#333;border:0;height:30px;width:30px;text-align:center;top:10px;right:10px;cursor:pointer;font-size:18px;font-weight:normal;transform:scale(1.1, 1)}
.modal-js-close:hover{color:#c00}
.img-wrap{width:200px;height:200px;padding:0;margin:0;border:0}
.img-wrap img{width:200px;height:auto;padding:0;margin:0;border:0}
@media (max-width:600px){.modal{min-height:250px;max-width:96%}}