#ddl-overlay{position:fixed;top:0;left:0;bottom:2000px;right:0;background-color:#000;opacity:.7;z-index:999999999!important;transition:.5s;height:0}#ddl-overlay.show{height:100vh}.ddl-popup{width:100%;margin:0 auto;position:fixed;z-index:9999999999999!important;max-width:500px}.ddl-popup img{width:100%;max-width:100%;max-height:100%}.ddl-popup-content{max-width:800px;width:90vw;margin:100px auto;background:#f3f3f3;position:fixed;z-index:103;left:0;right:0;margin:0 auto;padding:15px;border-radius:5px;box-shadow:0 2px 5px #000;top:120vh;transition:.5s;max-width:600px}.ddl-popup-content.show{top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.ddl-popup-button.ddl-close{padding:17px 0;background:#000;color:#fff;display:block;box-sizing:border-box;width:100%;text-align:center}@media only screen and (max-height:700px){.ddl-popup-content.show{top:0;-ms-transform:translateY(0);transform:translateY(0);position:absolute}}