/*! Lity - v2.2.2 - 2017-07-17 * http://sorgalla.com/lity/ * Copyright (c) 2015-2017 Jan Sorgalla; Licensed MIT */ .lity {z-index: 9990; position: fixed; top: 0; right: 0; bottom: 0; left: 0; white-space: nowrap; /*background: #0b0b0b;*/ background: rgba(0, 0, 0, 0.5); 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 } .lity * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .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: -0.25em } .lity-loader {z-index: 9991; color: #fff; position: absolute; top: 50%; margin-top: -0.8em; width: 100%; text-align: center; font-size: 14px; font-family: Arial, Helvetica, sans-serif; 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: 9992; position: relative; text-align: left; vertical-align: middle; display: inline-block; white-space: normal; max-width: calc(100% - 40px); max-height: 100%; outline: none !important } .lity-content {z-index: 9993; width: 100%; margin-right: auto; margin-left: auto; -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; transition: transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease } .lity-loading .lity-content, .lity-closed .lity-content {-webkit-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); 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; /* -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6)*/ } .lity-close {z-index: 9994; width: 40px; height: 40px; position: absolute; right: -20px; top: -20px; -webkit-appearance: none; cursor: pointer; text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; background: #333333; border-radius: 100% 100%; outline: none; -webkit-box-shadow: none; box-shadow: none; animation: lity-zoomIn .3s; animation-duration: .2s; } .lity-close::-moz-focus-inner {border: 0; padding: 0 } .lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {text-decoration: none; text-align: center; padding: 0; color: #fff; font-style: normal; font-size: 35px; font-family: Arial, Baskerville, monospace; line-height: 35px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); border: 0; /*background: none;*/ outline: none; -webkit-box-shadow: none; box-shadow: none } /*.lity-close:active {top: 1px } */ @keyframes lity-zoomIn {from {opacity: 0; transform: scale3d(.3, .3, .3); } 50% {opacity: 1; } } .zoomIn {animation-name: lity-zoomIn; } .lity-image img {max-width: 100%; display: block; line-height: 0; border: 0 } .lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .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%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000 } .lity-hide {display: none }