.justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery>a,.justified-gallery>div{position:absolute;display:inline-block;overflow:hidden;filter:"alpha(opacity=10)";opacity:.1}.justified-gallery>a>img,.justified-gallery>div>img,.justified-gallery>a>a>img,.justified-gallery>div>a>img{position:absolute;top:50%;left:50%;margin:0;padding:0;border:0;filter:"alpha(opacity=0)";opacity:0}.justified-gallery>a>.caption,.justified-gallery>div>.caption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000;left:0;right:0;margin:0;color:#fff;font-size:12px;font-weight:300;font-family:sans-serif}.justified-gallery>a>.caption.caption-visible,.justified-gallery>div>.caption.caption-visible{display:initial;filter:"alpha(opacity=70)";opacity:.7;-webkit-transition:opacity 500ms ease-in;-moz-transition:opacity 500ms ease-in;-o-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in}.justified-gallery>.entry-visible{filter:"alpha(opacity=100)";opacity:1;background:0 0}.justified-gallery>.entry-visible>img,.justified-gallery>.entry-visible>a>img{filter:"alpha(opacity=100)";opacity:1;-webkit-transition:opacity 500ms ease-in;-moz-transition:opacity 500ms ease-in;-o-transition:opacity 500ms ease-in;transition:opacity 500ms ease-in}.justified-gallery>.jg-filtered{display:none}.justified-gallery>.spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0;left:50%;filter:"alpha(opacity=100)";opacity:1;overflow:initial}.justified-gallery>.spinner>span{display:inline-block;filter:"alpha(opacity=0)";opacity:0;width:8px;height:8px;margin:0 4px;background-color:#000;border-radius:6px}.rl-justified-gallery > a,
.rl-justified-gallery > a img {
border: none;
outline: none;
box-shadow: none;
} .rl-justified-gallery.rl-hover-basic > a .caption,
.rl-justified-gallery.rl-hover-basic > a .caption.caption-visible {
filter: "alpha(opacity=0)";
opacity: 0;
background: rgba(0,0,0,0.8);
display: block;
padding: 10px 15px;
-webkit-transition: transform 0.3s, opacity 0.3s;
-moz-transition: transform 0.3s, opacity 0.3s;
-ms-transition: transform 0.3s, opacity 0.3s;
-o-transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
font-size: 13px;
font-weight: normal;
line-height: 20px;
}
.rl-justified-gallery.rl-hover-basic > a:hover .caption,
.rl-justified-gallery.rl-hover-basic > a:hover .caption.caption-visible {
filter: "alpha(opacity=100)";
opacity: 1;
background: rgba(0,0,0,0.8);
} .rl-justified-gallery {
overflow: visible;
}
.rl-justified-gallery.rl-hover-effect1 > a {
overflow: visible;
}
.rl-justified-gallery.rl-hover-effect1 > a .caption,
.rl-justified-gallery.rl-hover-effect1 > a .caption.caption-visible {
position: absolute;
top: 0;
left: 0;
padding: 0;
background: rgba(0,0,0,0.8);
color: #fff;
height: 100%;
width: 100%;
filter: "alpha(opacity=0)";
opacity: 0;
display: block;
z-index: 1;
word-wrap: break-word;
text-align: center;
backface-visibility: hidden;
-webkit-transition: transform 0.3s, opacity 0.3s;
-moz-transition: transform 0.3s, opacity 0.3s;
-ms-transition: transform 0.3s, opacity 0.3s;
-o-transition: transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.rl-justified-gallery.rl-hover-effect1 > a:hover .caption,
.rl-justified-gallery.rl-hover-effect1 > a:hover .caption.caption-visible {
filter: "alpha(opacity=100)";
opacity: 1;
background: rgba(0,0,0,0.8);
-webkit-transform: translate(15px, 15px);
-ms-transform: translate(15px, 15px);
-o-transform: translate(15px, 15px);
transform: translate(15px, 15px);
}
.rl-justified-gallery.rl-hover-effect1 > a .caption .caption-content {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
padding: 10px 15px;
width: 100%;
word-wrap: break-word;
font-size: 13px;
font-weight: normal;
line-height: 20px;
} .rl-justified-gallery.rl-hover-effect2 > a {
overflow: visible;
}
.rl-justified-gallery.rl-hover-effect2 > a img {
z-index: 10;
-webkit-transition: transform 0.4s;
-moz-transition: transform 0.4s;
-ms-transition: transform 0.4s;
-o-transition: transform 0.4s;
transition: transform 0.4s;
}
.rl-justified-gallery.rl-hover-effect2 > a:hover img {
-webkit-transform: translateY(-60px);
-ms-transform: translateY(-60px);
-o-transform: translateY(-60px);
transform: translateY(-60px);
}
.rl-justified-gallery.rl-hover-effect2 > a .caption,
.rl-justified-gallery.rl-hover-effect2 > a .caption.caption-visible {
position: absolute;
height: 60px;
width: 100%;
top: auto;
bottom: 0;
padding: 0;
background: rgba(0,0,0,1);
color: #fff;
filter: "alpha(opacity=80)";
opacity: 1;
display: block;
z-index: 1;
word-wrap: break-word;
}
.rl-justified-gallery.rl-hover-effect2 > a .caption .caption-content {
padding: 10px 15px;
font-size: 13px;
font-weight: normal;
line-height: 20px;
word-wrap: break-word;
} .rl-justified-gallery.rl-hover-effect3 > a {
overflow: hidden;
}
.rl-justified-gallery.rl-hover-effect3 > a img {
-webkit-transition: transform 0.4s;
-moz-transition: transform 0.4s;
-ms-transition: transform 0.4s;
-o-transition: transform 0.4s;
transition: transform 0.4s;
}
.rl-justified-gallery.rl-hover-effect3 > a:hover img {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
}
.rl-justified-gallery.rl-hover-effect3 > a .caption,
.rl-justified-gallery.rl-hover-effect3 > a .caption.caption-visible {
position: absolute;
height: 50px;
width: 100%;
top: auto;
bottom: 0;
padding: 0;
background: rgba(0,0,0,1);
color: #fff;
filter: "alpha(opacity=0)";
opacity: 0;
display: block;
word-wrap: break-word;
-webkit-transform: translateY(100%);
-ms-transform:  translateY(100%);
-o-transform:  translateY(100%);
transform:  translateY(100%);
-webkit-transition: transform 0.4s, opacity 0.1s 0.3s;
-moz-transition: transform 0.4s, opacity 0.1s 0.3s;
-ms-transition: transform 0.4s, opacity 0.1s 0.3s;
-o-transition: transform 0.4s, opacity 0.1s 0.3s;
transition: transform 0.4s, opacity 0.1s 0.3s;
}
.rl-justified-gallery.rl-hover-effect3 > a:hover .caption,
.rl-justified-gallery.rl-hover-effect3 > a:hover .caption.caption-visible {
filter: "alpha(opacity=100)";
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition: transform 0.4s, opacity 0.1s;
-moz-transition: transform 0.4s, opacity 0.1s;
-ms-transition: transform 0.4s, opacity 0.1s;
-o-transition: transform 0.4s, opacity 0.1s;
transition: transform 0.4s, opacity 0.1s;
}
.rl-justified-gallery.rl-hover-effect3 > a .caption .caption-content {
padding: 15px 20px;
font-size: 13px;
font-weight: normal;
line-height: 20px;
word-wrap: break-word;
} .rl-justified-gallery.rl-hover-effect4 > a {
overflow: hidden;
}
.rl-justified-gallery.rl-hover-effect4 > a img {
z-index: 10;
-webkit-transition: transform 0.4s;
-moz-transition: transform 0.4s;
-ms-transition: transform 0.4s;
-o-transition: transform 0.4s;
transition: transform 0.4s;
}
.rl-justified-gallery.rl-hover-effect4 > a:hover img {
-webkit-transform: translateY(20px) scale(0.4);
-ms-transform: translateY(20px) scale(0.4);
-o-transform: translateY(20px) scale(0.4);
transform: translateY(20px) scale(0.4);
}
.rl-justified-gallery.rl-hover-effect4 > a .caption,
.rl-justified-gallery.rl-hover-effect4 > a .caption.caption-visible {
position: absolute;
height: 100%;
width: 100%;
top: auto;
bottom: 0;
padding: 0;
background: rgba(0,0,0,1);
color: #fff;
filter: "alpha(opacity=0)";
opacity: 0;
display: block;
word-wrap: break-word;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
-webkit-transition: transform 0.4s, opacity 0.4s;
-moz-transition: transform 0.4s, opacity 0.4s;
-ms-transition: transform 0.4s, opacity 0.4s;
-o-transition: transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
}
.rl-justified-gallery.rl-hover-effect4 > a:hover .caption,
.rl-justified-gallery.rl-hover-effect4 > a:hover .caption.caption-visible {
filter: "alpha(opacity=100)";
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.rl-justified-gallery.rl-hover-effect4 > a .caption .caption-content {
padding: 15px 20px;
font-size: 13px;
font-weight: normal;
line-height: 20px;
word-wrap: break-word;
text-align: center;
} .rl-justified-gallery.rl-hover-effect5 > a {
overflow: hidden;
}
.rl-justified-gallery.rl-hover-effect5 > a img {
z-index: 10;
-webkit-transition: transform 0.4s;
-moz-transition: transform 0.4s;
-ms-transition: transform 0.4s;
-o-transition: transform 0.4s;
transition: transform 0.4s;
}
.rl-justified-gallery.rl-hover-effect5 > a:hover img {
-webkit-transform: translateY(-20px) scale(0.4);
-ms-transform: translateY(-20px) scale(0.4);
-o-transform: translateY(-20px) scale(0.4);
transform: translateY(-20px) scale(0.4);
}
.rl-justified-gallery.rl-hover-effect5 > a .caption,
.rl-justified-gallery.rl-hover-effect5 > a .caption.caption-visible {
position: absolute;
height: 100%;
width: 100%;
top: auto;
bottom: 0;
padding: 0;
background: rgba(0,0,0,1);
color: #fff;
filter: "alpha(opacity=0)";
opacity: 0;
display: block;
word-wrap: break-word;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
-webkit-transition: transform 0.4s, opacity 0.4s;
-moz-transition: transform 0.4s, opacity 0.4s;
-ms-transition: transform 0.4s, opacity 0.4s;
-o-transition: transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
}
.rl-justified-gallery.rl-hover-effect5 > a:hover .caption,
.rl-justified-gallery.rl-hover-effect5 > a:hover .caption.caption-visible {
filter: "alpha(opacity=100)";
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.rl-justified-gallery.rl-hover-effect5 > a .caption .caption-content {
padding: 10px 15px;
width: 100%;
font-size: 13px;
font-weight: normal;
line-height: 20px;
word-wrap: break-word;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}