.useful-modal{z-index:1000;visibility:hidden;opacity:0;-webkit-transition:opacity .3s ease-in-out;-moz-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;position:fixed;right:0;left:0;bottom:15%;margin-right:auto;margin-left:auto;min-height:10em;width:60%}@media only screen and (max-width:768px){.useful-modal{width:90%}}.useful-modal-background{display:none}.useful-modal-content{background-color:#fff;max-width:700px;max-height:500px;width:100%;height:100%;border-radius:5px;padding:25px;z-index:11;text-align:center;margin:25px}.useful-modal-image{height:80vh;z-index:11;margin:auto}@media only screen and (max-width :480px){.useful-modal-image{height:60vh}}.sub-modal-image{width:500px;z-index:11;margin:auto;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);transition:all .3s cubic-bezier(.25,.8,.25,1)}.sub-modal-image:hover{box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22)}@media only screen and (max-width :480px){.sub-modal-image{width:100%}}.useful-modal-close{right:25px;cursor:default;font-weight:700;height:100%;color:#fff;top:15px;position:absolute;font-size:2em}.useful-modal-close:hover{color:#222}