@charset "UTF-8";
/* Container */
.R4PhotoGallery{
  color:white;
  font:14px/1.4 sans-serif;
  font-family:sans-serif,"Lucida Sans","Verdana","Arial","Times New Roman";
  position:fixed;
  z-index:999999;
  top:24px;
  left:24px;
  bottom:24px;
  right:24px;
  background:rgba(0,0,0, 0.8) none no-repeat 50% 50% / contain;
  box-shadow:0 0 0 24px rgba(0,0,0, 0.8);
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -ms-transition:all 0.3s;
  -o-transition:all 0.3s;
  transition:all 0.3s;
}
.R4PhotoGallery.hidden{
  opacity:0;
  visibility:hidden;
}
.R4PhotoGallery.visible{
  opacity:1;
  visibility:visible;
}
.R4PhotoGallery figure{
  position:absolute;
  opacity:0;
  height:100%;
  width:100%;
  margin:0;
  -webkit-transition:opacity 1s ease-in-out;
  -moz-transition:opacity 1s ease-in-out;
  -ms-transition:opacity 1s ease-in-out;
  -o-transition:opacity 1s ease-in-out;
  transition:opacity 1s ease-in-out;
}
.R4PhotoGallery figure.visible{
  opacity:1;
}
.R4PhotoGallery figure img{
  position:relative;
  left:50%;
  top:50%;
  max-height:100%;
  max-width:100%;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  -o-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
}
.R4PhotoGallery figure figcaption{
  position:absolute;
  right:6px;
  bottom:6px;
  text-align:right;
}
.R4PhotoGallery figure figcaption span.title{
  font-weight:bold;
}
.R4PhotoGallery figure figcaption p{
  font-style:italic;
}
/* Image Statistics */
.R4PhotoGallery div.R4PhotoGalleryImageStatistics{
  position:absolute;
  left:0;
  top:0;
}
/* Close button */
.R4PhotoGallery a.R4PhotoGalleryCloseButton{
  position:absolute;
  top:-8px;
  right:0px;
}
.R4PhotoGallery a.R4PhotoGalleryCloseButton:after{
  position:absolute;
  right:0;
  top:0;
  font-size:2.2em;
  content:"\d7";
  cursor:pointer;
}
/* Previous and Next Buttons */
.R4PhotoGallery a.R4PhotoGalleryPreviousButton,
.R4PhotoGallery a.R4PhotoGalleryNextButton{
  cursor:pointer;
  position:absolute;
  height:30px;
  width:30px;
  top:50%;
  margin-top:-15px;
  border:0px solid #fff;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
}
.R4PhotoGallery a.R4PhotoGalleryPreviousButton{
  left:-6px;
  border-width:0 0 3px 3px;
}
.R4PhotoGallery a.R4PhotoGalleryNextButton{
  right:-6px;
  border-width:3px 3px 0 0;
}
/* Hover action elements styles */
.R4PhotoGallery a:hover{
  color:#0bf;
  border-color:#0bf;
}