/**
* @package com_spsimplephotogallery
* @author JoomShaper http://www.joomshaper.com
* @copyright Copyright (c) 2010 - 2017 JoomShaper
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
*/
.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.speasyimagegallery-album{float:left;display:block}.speasyimagegallery-album-description{font-size:14px;line-height:1.4;margin-bottom:20px}.speasyimagegallery-album > div > a{display:block;position:relative}.speasyimagegallery-album > div img{width:100%}.speasyimagegallery-album > div > a:after{content:" ";position:absolute;top:0;left:0;right:0;bottom:0;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);opacity:.5;-webkit-transition:opacity 400ms;transition:opacity 400ms}.speasyimagegallery-album-info{position:absolute;left:0;right:0;bottom:0;padding:20px;z-index:1}.speasyimagegallery-album-title{display:block;font-size:18px;line-height:1;letter-spacing:1px;color:rgba(255,255,255,.9);text-decoration:none;font-weight:700;margin:0 0 5px;outline:0;-webkit-transition:color 400ms;transition:color 400ms}.speasyimagegallery-album-title:hover,.speasyimagegallery-album-title:focus,.speasyimagegallery-album-title:active{outline:0;text-decoration:none}.speasyimagegallery-album-meta{display:block;margin:-5px}.speasyimagegallery-album-meta > span{display:block;float:left;margin:5px;font-size:13px;line-height:1;font-weight:700;letter-spacing:1px;color:rgba(255,255,255,.6);-webkit-transition:color 400ms;transition:color 400ms}.speasyimagegallery-album-meta > span:hover,.speasyimagegallery-album-meta > span:active,.speasyimagegallery-album-meta > span:focus{outline:0;text-decoration:none}.speasyimagegallery-album:hover > div > a:after{opacity:.7}.speasyimagegallery-album:hover .speasyimagegallery-album-title{color:#fff}.speasyimagegallery-album:hover .speasyimagegallery-album-meta > span{color:rgba(255,255,255,.8)}.speasyimagegallery-gallery{display:block}.speasyimagegallery-gallery-item{cursor:zoom-in;display:block;float:left}.speasyimagegallery-gallery-item img{width:100%}.speasyimagegallery-gallery-item > div{position:relative}.speasyimagegallery-gallery-item > div:after{content:" ";position:absolute;bottom:0;left:0;right:0;top:0;z-index:1;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.3) 100%);opacity:0;-webkit-transition:opacity 400ms;transition:opacity 400ms}.speasyimagegallery-gallery-item:hover > div:after{opacity:1}.speasyimagegallery-gallery-item-content{position:absolute;bottom:0;left:0;right:0;padding:10px;z-index:2;opacity:0;-webkit-transition:opacity 400ms;transition:opacity 400ms}.speasyimagegallery-gallery-item:hover .speasyimagegallery-gallery-item-content{opacity:1}.speasyimagegallery-gallery-item-title{display:block;color:#fff;margin:0;padding:0;font-size:13px;line-height:1.2;font-weight:700;letter-spacing:1px}.speasyimagegallery-modal-open{overflow:hidden}.speasyimagegallery-modal-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1033;background:rgba(0,0,0,0.8);overflow:hidden;text-align:center;cursor:zoom-out}.speasyimagegallery-modal{position:fixed;top:50%;left:50%;background:#000;z-index:1034;max-width:100%;max-height:100%;box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer}.speasyimagegallery-next,.speasyimagegallery-prev{position:fixed;top:0;width:40px;height:100%;opacity:0;-webkit-transition:opacity 300ms;transition:opacity 300ms}.speasyimagegallery-next{right:0}.speasyimagegallery-prev{left:0}.speasyimagegallery-modal-wrapper:hover .speasyimagegallery-next,.speasyimagegallery-modal-wrapper:hover .speasyimagegallery-prev{opacity:1}.speasyimagegallery-next > span,.speasyimagegallery-prev > span{display:block;position:relative;top:50%;width:16px;height:16px;border-top:5px solid #fff}.speasyimagegallery-next > span{left:-3px;border-right:5px solid #fff;transform:rotate(45deg) translateY(-50%);-webkit-transform:rotate(45deg) translateY(-50%)}.speasyimagegallery-prev > span{left:22px;border-left:5px solid #fff;transform:rotate(-45deg) translateY(-50%)}.speasyimagegallery-hidden,.speasyimagegallery-close.speasyimagegallery-hidden{display:none}.speasyimagegallery-close,.speasyimagegallery-close:hover,.speasyimagegallery-close:active,.speasyimagegallery-close:focus{display:block;font-size:30px;height:36px;width:36px;line-height:36px;color:rgba(255,255,255,.8);font-weight:700;text-align:center;position:absolute;top:-36px;right:-10px;text-decoration:none;outline:none;-webkit-transition:color 300ms;transition:color 300ms}.speasyimagegallery-close:hover{color:#fff}.speasyimagegallery-modal-close:hover,.speasyimagegallery-modal-close:active,.speasyimagegallery-modal-close:focus{color:#2384d3}.speasyimagegallery-image-wrapper{position:relative}.speasyimagegallery-modal-body{overflow:hidden}.speasyimagegallery-image-content{position:absolute;z-index:1;background:rgba(0,0,0,.8);color:#fff;bottom:0;left:0;right:0;font-size:14px;line-height:24px;padding:10px;text-align:left;-webkit-animation:fadeInUp 300ms;animation:fadeInUp 300ms}.speasyimagegallery-image-title{font-size:16px;font-weight:700;display:block}.speasyimagegallery-gallery-stat{font-weight:700;font-size:13px;color:rgba(255,255,255,0.5);float:right}.speasyimagegallery-gallery-loading{position:absolute;top:50%;left:50%;margin-left:-12px;margin-top:-12px;border-radius:50%;width:24px;height:24px;border:.25rem solid rgba(255,255,255,.2);border-top-color:#fff;-webkit-animation:spin 1s infinite linear;animation:spin 1s infinite linear}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes pulse{50%{background:#fff}}@keyframes pulse{50%{background:#fff}}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
