.gallery-wrap { margin-bottom: 10px; position: relative; background-color: #000000; }
.gallery-wrap .gallery-slider { padding: 0; margin: 0; list-style: none; white-space: nowrap; width: 100%; overflow: hidden; background-color: #ffffff; position: absolute; bottom: 0; opacity: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.gallery-wrap:hover .gallery-slider { opacity: 1; }
.gallery-wrap .gallery-slider .thumb-wrapper { position: relative; line-height: 1; overflow: hidden; }
.gallery-wrap .gallery-slider .thumb-wrapper ul { padding: 0; margin: 0; line-height: 1; }
.gallery-wrap .gallery-slider li { display: inline-block; overflow: hidden; position: relative; width: 150px; background-color: #ffffff; margin: 0; }
.gallery-wrap .gallery-slider li a { display: block; width: 100%; height: 0; padding: 0 0 68% 0; margin: 0; box-sizing: border-box; position: relative; border: none; overflow: hidden; border: 1px solid transparent; opacity: 0.5; }
.gallery-wrap .gallery-slider li a img { position: absolute; width: auto; max-width: 125%; min-width: 100%; height: auto; max-height: none; min-height: 100%; top: -100%; left: -100%; right: -100%; bottom: -100%; margin: auto; }
.gallery-wrap .gallery-slider li.active-img { z-index: 2; background-color: transparent; }
.gallery-wrap .gallery-slider li.active-img a { border: 1px solid #ffffff; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 1; }
.gallery-wrap .gallery-slider li.active-img img { opacity: 1; }
.gallery-wrap .img-preview { position: relative; -moz-transition: all ease 700ms; -webkit-transition: all ease 700ms; transition: all ease 700ms; }
.gallery-wrap .img-preview .img-nav { font-size: 2em; font-weight: 600; padding: 1% 0; display: inline-block; margin: auto; background-color: #000000; background-color: rgba(0, 0, 0, 0.60); cursor: pointer; width: auto; height: 50px; color: #ffffff; text-align: center; position: absolute; top: 0; bottom: 0; z-index: 1; -webkit-transition: background-color .25s ease; -moz-transition: background-color .25s ease; -ms-transition: background-color .25s ease; -o-transition: background-color .25s ease; transition: background-color .25s ease; }
.gallery-wrap .img-preview .img-nav .text { font-size: 75%; vertical-align: text-bottom; text-transform: uppercase; display: none; }
.gallery-wrap .img-preview .img-nav:hover { background-color: rgba(0, 0, 0, 0.80); }
.gallery-wrap .img-preview .img-nav.left { left: 0; padding: 5px 10px 5px 7px; }
.gallery-wrap .img-preview .img-nav.right { right: 0; padding: 5px 10px 5px 10px; }
.gallery-wrap .img-preview .img-wrap { background: url("../images/spinner_dark.gif") no-repeat center transparent; height: 0; padding: 0 0 60% 0; position: relative; overflow: hidden; margin: 0; }
.gallery-wrap .img-preview .img-wrap img { position: absolute; top: -100%; left: -100%; right: -100%; bottom: -100%; margin: auto; height: auto; width: auto; }
.gallery-wrap .maximize-layer { color: #ffffff; position: absolute; top: 1px; right: 0; z-index: 1; cursor: pointer; font-size: 1.3em; }
.gallery-wrap .maximize-layer span { padding: 7px 15px; display: block; background-color: #000000; background-color: rgba(0, 0, 0, 0.50); }
.gallery-wrap.fullscreen { position: fixed; width: 95%; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000; z-index: 15; height: 95%; margin: auto; -moz-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.65); -webkit-box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.65); box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.65); }
.gallery-wrap.fullscreen .img-wrap { border: none; padding: 0; background: url('../images/spinner_dark.gif') no-repeat center transparent; }
.gallery-wrap.fullscreen .img-preview { position: relative; max-width: 1200px; margin: auto; overflow: hidden; padding: 30px; }
.gallery-wrap.fullscreen .img-wrap img { max-width: 100%; max-height: 100%; }
.gallery-wrap.fullscreen .img-nav { width: 50px; color: #000000; background-color: rgba(255, 255, 255, 0.2); padding: 9px 0; top: 50%; bottom: auto; position: fixed; }
.gallery-wrap.fullscreen .img-nav.right { right: 5%; }
.gallery-wrap.fullscreen .img-nav.left { left: 5%; }
.gallery-wrap.fullscreen .gallery-slider { overflow: hidden; padding: 0; width: 96%; margin: 0 2%; }

/* =Lightbox */
.cm-lightbox { position: fixed; width: 100%; height: 100%; background-color: #000000; z-index: 99999; top: 0; left: 0; right: 0; bottom: 0; }
.cm-lightbox .close-arrow { position: absolute; right: 0; top: 0; cursor: pointer; line-height: 1; color: #000; background-color: rgb(255, 255, 255); line-height: 1; z-index: 1; border-radius: 0 0 0 100px; padding: 0 0 10px 10px; }
.cm-lightbox .close-arrow i { padding: 15px; }
.cm-lightbox .lightbox-nav .lb-nav { bottom: 0; margin: auto; position: absolute; color: #ffffff; background-color: rgba(255, 255, 255, 0.15); font-size: 2em; cursor: pointer; display: table; vertical-align: middle; width: 50%; text-align: center; }
.cm-lightbox .lightbox-nav .lb-nav i { display: table-cell; vertical-align: middle; box-sizing: border-box; height: 80px; padding: 0; }
.cm-lightbox .lightbox-nav .lb-nav span.text { display: table-cell; vertical-align: middle; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; height: 80px; padding: 0; width: 50%; font-size: 75%; text-transform: uppercase; padding: 0 20px; box-sizing: border-box; }
.cm-lightbox .lightbox-nav .prev.lb-nav i,
.cm-lightbox .lightbox-nav .next.lb-nav span.text { text-align: right; }
.cm-lightbox .lightbox-nav .next.lb-nav i,
.cm-lightbox .lightbox-nav .prev.lb-nav span.text { text-align: left; }
.cm-lightbox .lightbox-nav .lb-nav.prev { left: 0; right: 50%; }
.cm-lightbox .lightbox-nav .lb-nav.next { right: 0; left: 50%; }
.cm-lightbox .lightbox-wrapper { height: 100%; height: calc(100% - 80px); width: 100%; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: auto; }
.cm-lightbox .lightbox-wrapper .image-wrapper { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; overflow: hidden; background: url('../images/spinner_dark.gif') no-repeat center transparent; }
.cm-lightbox .lightbox-wrapper .image-wrapper img { max-height: 100%; max-width: 100%; margin: auto; position: absolute; top: -100%; left: -100%; right: -100%; bottom: -100%; }