.modal-content,.modal-overlay{
    height:100%;
    width:100%
}
.modal-error,.modal-image,.modal-title-wrap{
    text-align:center
}
.modal-overlay{
    position:fixed;
    top:0;
    left:0;
    z-index:99998;
    overflow:hidden;
    visibility:hidden;
    opacity:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.modal-overlay.modal-open{
    visibility:visible;
    opacity:1
}
.modal-wrap{
    position:absolute;
    top:10%;
    bottom:10%;
    left:10%;
    right:10%
}
.modal-next,.modal-prev{
    top:50%;
    position:absolute
}
.modal-title-wrap{
    position:absolute;
    bottom:0;
    margin:auto;
    display:inline-block;
    width:100%
}
.modal-nav{
    display:none
}
.modal-prev{
    left:0
}
.modal-next{
    right:0
}
.modal-close{
    position:absolute;
    top:2%;
    right:2%
}
.modal-image img{
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    vertical-align:middle
}
.modal-content iframe,.modal-error{
    width:100%;
    height:100%
}
.modal-ajax,.modal-inline{
    max-height:100%;
    overflow:auto;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.modal-error{
    display:table;
    color:#fff;
    text-shadow:0 1px 1px #000
}
.modal-error p{
    display:table-cell;
    vertical-align:middle
}
.modal-notouch .modal-effect-fade,.modal-notouch .modal-effect-fadeScale,.modal-notouch .modal-effect-fall,.modal-notouch .modal-effect-slideDown,.modal-notouch .modal-effect-slideLeft,.modal-notouch .modal-effect-slideRight,.modal-notouch .modal-effect-slideUp{
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -ms-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out
}
.modal-effect-fadeScale .modal-wrap{
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
    -webkit-transform:scale(.7);
    -moz-transform:scale(.7);
    -ms-transform:scale(.7);
    transform:scale(.7)
}
.modal-effect-fadeScale.modal-open .modal-wrap{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
.modal-effect-slideDown .modal-wrap,.modal-effect-slideLeft .modal-wrap,.modal-effect-slideRight .modal-wrap,.modal-effect-slideUp .modal-wrap{
    -webkit-transition:all .3s cubic-bezier(.25,.5,.5,.9);
    -moz-transition:all .3s cubic-bezier(.25,.5,.5,.9);
    -ms-transition:all .3s cubic-bezier(.25,.5,.5,.9);
    -o-transition:all .3s cubic-bezier(.25,.5,.5,.9);
    transition:all .3s cubic-bezier(.25,.5,.5,.9)
}
.modal-effect-slideLeft .modal-wrap{
    -webkit-transform:translateX(-10%);
    -moz-transform:translateX(-10%);
    -ms-transform:translateX(-10%);
    transform:translateX(-10%)
}
.modal-effect-slideRight .modal-wrap{
    -webkit-transform:translateX(10%);
    -moz-transform:translateX(10%);
    -ms-transform:translateX(10%);
    transform:translateX(10%)
}
.modal-effect-slideLeft.modal-open .modal-wrap,.modal-effect-slideRight.modal-open .modal-wrap{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
.modal-effect-slideDown .modal-wrap{
    -webkit-transform:translateY(-10%);
    -moz-transform:translateY(-10%);
    -ms-transform:translateY(-10%);
    transform:translateY(-10%)
}
.modal-effect-slideUp .modal-wrap{
    -webkit-transform:translateY(10%);
    -moz-transform:translateY(10%);
    -ms-transform:translateY(10%);
    transform:translateY(10%)
}
.modal-effect-slideDown.modal-open .modal-wrap,.modal-effect-slideUp.modal-open .modal-wrap{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
.modal-body-effect-fall .modal-effect-fall{
    -webkit-perspective:1e3px;
    -moz-perspective:1e3px;
    perspective:1e3px
}
.modal-effect-fall .modal-wrap{
    -webkit-transition:all .3s ease-out;
    -moz-transition:all .3s ease-out;
    -ms-transition:all .3s ease-out;
    -o-transition:all .3s ease-out;
    transition:all .3s ease-out;
    -webkit-transform:translateZ(300px);
    -moz-transform:translateZ(300px);
    -ms-transform:translateZ(300px);
    transform:translateZ(300px)
}
.modal-effect-fall.modal-open .modal-wrap{
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    transform:translateZ(0)
}
.modal-skin-default.modal-overlay{
    background:#282c39
}
.modal-skin-default .modal-content.modal-loading{
    background:url(https://i.imgur.com/cWmwHRS.gif) 50% 50% no-repeat
}
.modal-skin-default .modal-nav{
    top:10%;
    width:8%;
    height:80%;
    text-indent:-9999px;
    background-repeat:no-repeat;
    background-position:50% 50%;
    opacity:.5
}
.modal-skin-default .modal-nav:hover{
    opacity:1
}
.modal-skin-default .modal-prev{
    background-image:url(https://i.imgur.com/5lvhOF7.png);
    border-radius:0 3px 3px 0
}
.modal-skin-default .modal-next{
    background-image:url(https://i.imgur.com/8CPLach.png);
    border-radius:3px 0 0 3px
}
.modal-skin-default .modal-close{
    display:block;
    background:url(https://i.imgur.com/DDhZS6k.png) 5px 5px no-repeat;
    width:23px;
    height:23px;
    text-indent:-9999px;
    padding:5px;
    opacity:.5
}
.modal-skin-default .modal-close:hover{
    opacity:1
}
.modal-skin-default .modal-title-wrap{
    bottom:-7%
}
.modal-skin-default .modal-title{
    color:#fff;
    padding:7px 15px;
    display:inline-block;
    cursor:pointer;
    background:#000;
    border-radius:30px
}
.modal-skin-default .modal-image img{
    background:#2f3444;
    background:0 0;
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,.4);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,.4);
    box-shadow:0 1px 1px rgba(0,0,0,.4)
}
.modal-skin-default .modal-ajax,.modal-skin-default .modal-inline{
    background:#2f3444;
    padding:40px;
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,.4);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,.4);
    box-shadow:0 1px 1px rgba(0,0,0,.4)
}
@media(-webkit-min-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio:2.6/2),(min--moz-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx){
    .modal-skin-default .modal-content.modal-loading{
        background-image:url(https://i.imgur.com/hSJUh5x.gif);
        background-size:32px 32px
    }
    .modal-skin-default .modal-prev{
        background-image:url(https://i.imgur.com/n9FqpVJ.png);
        background-size:48px 48px
    }
    .modal-skin-default .modal-next{
        background-image:url(https://i.imgur.com/jIcbVZe.png);
        background-size:48px 48px
    }
    .modal-skin-default .modal-close{
        background-image:url(https://i.imgur.com/71gOmg7.png);
        background-size:16px 16px
    }
}