/*! Lity - v3.0.0-dev - 2018-07-09
* http://sorgalla.com/lity/
* Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */
.lity-active,.lity-active body{overflow:hidden}
.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,.75);outline:none!important;opacity:0;transition:opacity .3s ease}
.lity.lity-opened{opacity:1}
.lity.lity-closed{opacity:0}
.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none!important}
.lity-wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}
.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;transition:opacity .3s ease}
.lity-loading .lity-loader{opacity:1}
.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none!important;width: 100%}
.lity-content{z-index:9993;width:100%;transform:scale(1);transition:transform .3s ease}
.lity-closed .lity-content,.lity-loading .lity-content{transform:scale(.8)}
.lity-content:after{content:"";position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1}
.lity-close{z-index:9994;width:35px;height:35px;position:fixed;right:15px;top:15px;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-size:42px;font-weight: bold;line-height:42px;text-shadow:0 1px 2px rgba(0,0,0,.6);border:0;background:none;box-shadow:none}
.lity-close::-moz-focus-inner{border:0;padding:0}

.lity-image img{max-width:100%;display:block;line-height:0;border:0}
.lity-iframe .lity-container{width:100%;max-width:964px}
.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;transform:translateZ(0);-webkit-overflow-scrolling:touch}
.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}
.lity-hide{display:none}

@media only screen and (orientation: landscape) and (max-width:1023px) {
    .lity-container{width: 80% !important;max-width: 580px}
}
@media only screen and (min-width:1024px) {
    .lity-close{top: 35px;right: 5%;}
    .lity-container{width: 80%;max-width: 1070px}
}