.lity {
 z-index:800;
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 white-space: nowrap;
 background: #000;
 background: rgba(0, 0, 0, .95);
 outline: none !important;
 opacity: 0;
 -webkit-transition: opacity .3s ease;
 -o-transition: opacity .3s ease;
 transition: opacity .3s ease;
}

.lity.lity-opened {
 opacity: 1;
}

.lity.lity-closed {
 opacity: 0;
 border:0;
}

.lity * {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

.lity-wrap {
 z-index:800;
 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: -0.25em;
}

.lity-loader {
 height:32px;
 width:32px;
 position:absolute;
 left:50%;
 top:50% ;
 margin-left:-16px;
 margin-top:-16px;
 z-index:11;
 background:url(../img/loader.gif);
 opacity: 0;
 -webkit-transition: opacity .3s ease;
 -o-transition: opacity .3s ease;
 transition: opacity .3s ease;
}

.lity-loading .lity-loader {
 opacity: 1;
}

.lity-container {
 z-index:802;
 position: relative;
 text-align: left;
 vertical-align: middle;
 display: inline-block;
 white-space: normal;
 max-width: 100%;
 max-height: 100%;
 outline: none !important;
}

.lity-content {
 z-index:803;
 width: 100%;
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 -webkit-transition: -webkit-transform .3s ease;
 transition: -webkit-transform .3s ease;
 -o-transition: -o-transform .3s ease;
 transition: transform .3s ease;
}

.lity-loading .lity-content,
.lity-closed .lity-content {
 -webkit-transform: scale(0.8);
 -ms-transform: scale(0.8);
 -o-transform: scale(0.8);
 transform: scale(0.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:804;
 /* Change to position: absolute to display close button inside content container */
 color:#888; font-size:0; line-height:0; font-weight:normal; width:30%; height:100%; cursor:pointer; position: fixed; top:0; right:32px; background:transparent url(../img/closew.png) 100% 14px no-repeat; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;  border: 0; -webkit-appearance: none; cursor: pointer; }
.lity-close::-moz-focus-inner { font-size:0; line-height:0; font-weight:normal; border: 0; padding: 0; }
.lity-close:visited, .lity-close:focus, .lity-close:hover, .lity-close:active { background-color:transparent; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5; }

.lity-image img { max-width: 100%; display: block; line-height: 0; border: 0; }
/* iFrame */
.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; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-overflow-scrolling: touch; }
.lity-iframe-container iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: #000; }
.lity-hide { display: none; }