@charset "utf-8";
/* CSS Document */


/* photobox */
#gallery a img {
 margin-bottom: 5px;
}

#pbOverlay.show {
 opacity: 1;
 pointer-events: auto;
}

#pbOverlay {
 opacity: 0;
 overflow: hidden;
 width: 100%;
 height: 100%;
 position: fixed;
 z-index: 9999;
 left: 0;
 top: 0;
 text-align: center;
 pointer-events: none;
 -moz-user-select: none;
 background: rgba(0, 0, 0, 0.90);
 -webkit-transform: translate3d(0px, 0px, 0px);
 -ms-transition:opacity 300ms ease;
	transition:opacity 300ms ease;
}

#pbOverlay.msie {
 background-color: rgba(0, 0, 0, .6);
}

#pbOverlay.msie.pbLoading .wrapper {
 background: url('../images/loading.gif') no-repeat center center;
}

@keyframes pbLoaderFrames {
 50% {
  height: 5px;
 }
}

@-webkit-keyframes pbLoaderFrames {
 50% {
  height: 5px;
 }
}

#pbOverlay .pbLoader {
 visibility: hidden;
 opacity: 0;
 pointer-events: none;
 -webkit-transform: scale(.2);
 transform: scale(.2);
 position: absolute;
 z-index: 999;
 top: 50%;
 left: 50%;
 margin: -50px 0 0 -50px;
 text-align: center;
 border-radius: 100%;
 box-shadow: 15px 32px 60px -20px #FFF inset, 1px 1px 3px 1px #FFF inset, 0 0 20px;
 width: 100px;
 height: 100px;
 transition: 0.3s;
}

#pbOverlay.thumbs .pbLoader {
 margin-top: -100px;
}

#pbOverlay.pbLoading:not(.msie):not(.error) .pbLoader {
 visibility: visible;
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}

#pbOverlay .pbLoader b {
 display: inline-block;
 vertical-align: middle;
 margin: 0 2px;
 width: 8px;
 height: 60px;
 border-radius: 5px;
 background: rgba(255, 255, 255, 0.8);
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 -webkit-animation: .9s pbLoaderFrames infinite linear;
 animation: .9s pbLoaderFrames infinite linear;
}

#pbOverlay .pbLoader b:nth-child(2) {
 -webkit-animation-delay: .3s;
 animation-delay: .3s;
}

#pbOverlay .pbLoader b:nth-child(3) {
 -webkit-animation-delay: .6s;
 animation-delay: .6s;
}

#pbOverlay.mobile.pbLoading .pbLoader {
 transform: none;
 transition: 0s;
}

#pbOverlay .wrapper:after,
#pbCaption .pbThumbs ul:after,
#pbOverlay .prevNext:after,
#pbOverlay .pbLoader:before {
 content: "";
 display: inline-block;
 height: 100%;
 margin-right: -0.25em;
 vertical-align: middle;
}

/* Animation when image was not loaded */
@keyframes deadImage {
 50% {
  text-shadow: 0 0 25px rgba(255, 255, 255, .5);
  transform: scale(0.85);
 }
}

@-webkit-keyframes deadImage {
 50% {
  text-shadow: 0 0 25px rgba(255, 255, 255, .5);
  -webkit-transform: scale(0.85);
 }
}

#pbOverlay .wrapper {
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 vertical-align: middle;
 height: 100%;
 perspective: 1200px;
 -webkit-perspective: 1200px;
 position: relative;
 transition: 0.2s;
}

#pbOverlay.video .wrapper {
 z-index: 11;
 display: inline-block;
}

/*#pbOverlay.error .wrapper{ display:inline-block; width:100%; }*/
#pbOverlay.pbLoading .wrapper {
 display: inline-block\9;
 width: 100%;
}

/* ie8+9 hack */
#pbOverlay .wrapper:before {
 content: '\2716';
 color: transparent;
 text-shadow: 0 2px 35px rgba(255, 255, 255, 0);
 font-size: 0;
 vertical-align: middle;
 cursor: default;
 transition: text-shadow .7s ease-out;
}

#pbOverlay.error .wrapper:before {
 font-size: 22em;
 text-shadow: 0 0 0 #FFF;
 /* -webkit-animation: 2s 1s deadImage infinite linear;
 animation: 2s 1s deadImage infinite linear; */
}

#pbOverlay.thumbs .wrapper {
 padding: 0;
 margin: 0;
}

#pbOverlay.error .wrapper img {
 width: 0;
}

#pbOverlay .wrapper>div {
 display: none;
 width: 624px;
 height: 351px;
 vertical-align: middle;
 border-radius: 5px;
 background: rgba(0, 0, 0, 0.5);
}

#pbOverlay.video .wrapper>div {
 display: inline-block;
}

#pbOverlay iframe,
#pbOverlay embed,
#pbOverlay object {
 display: block;
 width: 100%;
 height: 100%;
 opacity: 1;
 transition: 0.2s;
}

#pbOverlay .wrapper .hide iframe {
 opacity: 0;
}

#pbOverlay.show .wrapper>* {
 /* -ms-transition: .3s .5s ease-out; */
 /* transition: .8s .5s cubic-bezier(0.1, 0.87, 0.48, 1); */

 -webkit-transform: none;
 -ms-transform: none;
 transform: none;

 -webkit-backface-visibility: hidden;
 box-shadow: 0 0 20px #000;
}

/* FOR MOBILE */
#pbOverlay.mobile.show .wrapper>* {
 transition: 0s;
}

#pbOverlay .wrapper>*,
#pbOverlay.hide .wrapper>.prepare {
 display: inline-block;
 opacity: 1;
 vertical-align: middle;
 /* transform: scale(0) rotateX(80deg);
 -webkit-transform: scale(0) rotateX(80deg);
 -ms-transform: scale(0) rotateX(80deg); */
 border-radius: 6px;
 border: none;
 max-height: 95%;
 max-width: 100%;
}

#pbOverlay.on .wrapper>* {
 /* transition-delay: 0s;
 -ms-transition-delay: 0s; */
}

#pbOverlay .wrapper .zoomable {
 transition: 0s;
 -ms-transition: 0s;
 position: relative;
 z-index: 9;
}

#pbOverlay.hide .wrapper>* {
 /* -webkit-transform: scale(1.2);
 transform: scale(1.2); */
 /* transform: none\9; */
 opacity: 0;
 /* -ms-transition: .4s ease-in;
 transition: .4s ease-in; */
}

/*-- close button --*/
#pbCloseBtn,
#pbAutoplayBtn {
 position: absolute;
 top: -50px;
 right: -50px;
 z-index: 999;
 display: block;
 padding: 0 0 20px 20px;
 text-align: center;
 cursor: pointer;
 color: #FFF;
 /* transition: .3s .3s ease-out; */
}

.hide #pbCloseBtn {
 top: -50px;
 right: -50px;
}

.on #pbCloseBtn {
 top: -2px;
 right: -2px;
}

#pbCloseBtn:before {
 content: '\00D7';
 font: bold 1em/1 arial;
}

#pbCloseBtn:before,
#pbAutoplayBtn:before {
 display: inline-block;
 height: 35px;
 width: 35px;
 padding: 8px 8px 12px 12px;
 font-size: 2em;
 opacity: 0.8;
 vertical-align: middle;
 background: rgba(255, 255, 255, 0.2);
 border-radius: 0 0 0 70px;
 transition: 0.1s ease-out;
}

#pbCloseBtn:hover:before {
 padding: 15px 10px 24px 24px;
 background: rgba(100, 100, 100, .4);
}

/*-- autoplay controller --*/
#pbAutoplayBtn {
 display: none;
 right: auto;
 left: -50px;
 padding: 0;
 width: 50px;
 height: 50px;
 font-size: 13px;
}

.hasAutoplay #pbAutoplayBtn {
 display: block;
}

#pbAutoplayBtn:hover {
 width: 60px;
 height: 60px;
}

.on #pbAutoplayBtn {
 top: 0px;
 left: 0px;
 transition: .1s ease-out;
}

#pbAutoplayBtn:before {
 content: '\2016';
 width: 100%;
 height: 100%;
 border-radius: 0 0 70px 0;
 font-weight: bold;
 padding: 0;
 text-indent: -6px;
 line-height: 1.6;
}

#pbAutoplayBtn:active:before {
 text-shadow: 0 0 3px #FFF, 0 0 6px #FFF;
}

#pbAutoplayBtn.play:before {
 content: '\25BA';
}

#pbAutoplayBtn .pbProgress {
 display: none\9;
 width: 100%;
 height: 100%;
 overflow: hidden;
 position: absolute;
 padding: 6px;
 top: 0;
 left: 0;
 opacity: 0.2;
 transform: rotateZ(0deg);
 -webkit-transform: rotateZ(0deg);
 -ms-transform: rotateZ(0deg);
 -webkit-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transition: 0.4s;
 -ms-transition: 0.4s;
 transition: 0.4s;
}

#pbAutoplayBtn.playing .pbProgress {
 -webkit-transform: rotateZ(90deg);
 -ms-transform: rotateZ(90deg);
 transform: rotateZ(90deg);
}

#pbAutoplayBtn .pbProgress:before {
 content: '';
 position: absolute;
 right: 0;
 bottom: 0;
 width: 200%;
 height: 200%;
 border-radius: 50%;
 box-shadow: 0 0 0 8px #FFF inset;
}

#pbCaption,
.hide #pbCaption {
 position: absolute;
 z-index: 999;
 margin-bottom: 5px;
 bottom: -120px;
 width: 100%;
 overflow: hidden;
 transition: .4s;
}

.show.on #pbCaption {
 bottom: 0;
 transition-delay: .5s;
}

#pbOverlay.thumbs #pbCaption label {
 display: block;
}

#pbCaption label {
 display: none;
 position: relative;
 z-index: 1;
 top: -5px;
 float: right;
 width: 60px;
 margin-right: 10px;
 color: #FFF;
 opacity: 0.3;
 transition: 0.2s;
 cursor: pointer;
}

#pbCaption label:after {
 content: '\2589';
 text-align: right;
 letter-spacing: 2px;
 text-shadow: -1em 0 0 rgba(255, 255, 255, 0.5), 1em 0 0 rgba(255, 255, 255, 0.5);
}

#pbCaption label:hover {
 opacity: 1;
}

#pbCaption .title,
#pbCaption .counter {
 display: inline-block;
 color: #FFF;
 margin: 0 6px;
}

#pbCaption .counter {
 display: none;
 opacity: .55;
}

.hasCounter #pbCaption .counter {
 display: inline-block;
}

.pbCaptionText {
 transition: .3s;
 opacity: 0.9;
 font-weight: bold;
 font-size: .9em;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
 padding-left: 60px;
}

/* padding-left from <label> */
.pbCaptionText.change {
 -webkit-transform: translateY(25px);
 transform: translateY(25px);
 opacity: 0;
}

#pbOverlay.mobile #pbCaption label {
 display: none;
 z-index: -1;
 color: red;
}

#pbOverlay.mobile .pbCaptionText {
 padding: 0;
}

/* hide thumbnails */
#pbOverlay #pbThumbsToggler:checked~#pbCaption .pbThumbs {
 margin: 0;
}

#pbOverlay #pbThumbsToggler:checked~.wrapper {
 margin-top: -50px;
 padding: 50px 0;
}

#pbOverlay .pbThumbs {
 display: none;
 transition: 0.35s;
 -webkit-overflow-scrolling: touch;
}

#pbOverlay.thumbs .pbThumbs {
 display: block;
 width: 100%;
 padding: 5px 0 2px;
 margin-bottom: -100px;
 overflow: hidden;
}

#pbCaption .pbThumbs:hover {
 clear: both;
}

#pbCaption .pbThumbs ul {
 display: inline-block;
 position: relative;
 list-style: none;
 height: 80px;
 padding: 0 5px;
 margin: 0;
 white-space: pre;
 transition: .2s;
}

#pbCaption .pbThumbs ul:after {
 vertical-align: bottom;
}

#pbCaption .pbThumbs li {
 display: inline-block;
 vertical-align: bottom;
 height: 70%;
 opacity: .6;
 text-align: center;
 position: relative;
 transition: .15s;
}

#pbCaption .pbThumbs li.active {
 height: 100%;
 opacity: 1;
}

#pbCaption .pbThumbs li:hover {
 height: 100%;
 opacity: 1;
}

#pbCaption .pbThumbs li.video::before {
 content: '\25BA';
 color: #FFF;
 font-size: 20px;
 height: 20px;
 width: 20px;
 line-height: 0.9;
 position: absolute;
 bottom: 4px;
 left: 7px;
 background: rgba(0, 0, 0, 0.4);
 box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.4);
 border-radius: 0 3px 0 0;
 pointer-events: none;
}

#pbCaption .pbThumbs a {
 height: 100%;
 padding: 0 2px;
 display: block;
 -moz-user-select: none;
}

#pbCaption .pbThumbs li:hover a {}

#pbCaption .pbThumbs img {
 height: 96%;
 min-height: 95.9%;
 border: 2px solid #FFF;
 max-width: none;
 border-radius: 0;
 transition: 0.15s;
}

#pbCaption .pbThumbs li:hover img {
 min-height: 96%;
}

/* fix a bug in Chrome and Opera */
#pbCaption .pbThumbs li.fast a img {
 transition: none;
}

#pbCaption .pbThumbs li.active a img {
 border-color: #D8FF16;
 min-height: 96%;
}

#pbOverlay .prevNext {
 display: none;
 background: rgba(0, 0, 0, 0);
 position: absolute;
 z-index: 10;
 height: 100%;
 width: 35%;
 padding: 80px 0;
 opacity: 0;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 top: 0;
 transition: .2s ease-out;
 text-shadow: 0 0 12px #000, 0 0 10px #FFF;
 cursor: pointer;
}

#pbOverlay.hasArrows .prevNext {
 display: block;
}

#pbOverlay .prevNext.hide {
 display: none;
}

#pbOverlay.on .prevNext:hover {
 opacity: .5;
}

#pbOverlay.on .prevNext:active {
 transition: 80ms;
 opacity: 1;
 text-shadow: 0 0 16px #FFF, 0 0 10px #000;
}

.prevNext b {
 display: inline-block;
 vertical-align: middle;
 /* transition: .2s ease-in; */
}

.prevNext:hover b {
 transition: .2s cubic-bezier(0.095, 0.870, 0.485, 0.985);
}

#pbPrevBtn b {
 /* transform: scale(.4) translateX(350px);
 -webkit-transform: scale(.4) translateX(350px); */
}

#pbNextBtn b {
 /* transform: scale(.4) translateX(-350px);
 -webkit-transform: scale(.4) translateX(-350px); */
}

/* */
#pbPrevBtn b:before,
#pbNextBtn b:after {
 display: inline;
 line-height: .3;
 font-size: 18em;
 font-weight: normal;
 color: #FFF;
 font-family: Arial;
}

#pbPrevBtn b:before {
 content: '\2039';
}

#pbNextBtn b:after {
 content: '\203A';
}

/* */
#pbOverlay.on #pbPrevBtn:hover b {
 transform: scale(1) translateX(20px);
 -webkit-transform: scale(1) translateX(20px);
}

#pbOverlay.on #pbNextBtn:hover b {
 transform: scale(1) translateX(-20px);
 -webkit-transform: scale(1) translateX(-20px);
}

#pbOverlay.show #pbPrevBtn,
#pbOverlay.show #pbNextBtn {}

#pbOverlay.show #pbPrevBtn {
 left: 0;
 text-align: left;
}

#pbOverlay.show #pbNextBtn {
 right: 0;
 text-align: right;
}

/*------- media queries (for small screens) -----------*/
@media all and (max-width:700px) {

 #pbOverlay .wrapper img,
 #pbOverlay.hide .wrapper img.prepare {
  max-height: 100%;
 }

 #pbOverlay.thumbs .wrapper {
  padding: 0;
  margin: 0;
 }

 #pbOverlay .pbThumbs {
  margin-bottom: -60px;
 }

 #pbOverlay .pbThumbs.show {
  margin: 0;
 }

 #pbCaption .pbThumbs ul {
  height: 50px;
 }

 #pbCaption .pbThumbs li {
  height: 100%;
  opacity: 1;
 }

 #pbCaption .pbThumbs li img {
  min-height: 96.5%;
 }
}

/* fix for Chrome */
@media all and (max-width:710px) {
 #pbCaption .pbThumbs li.active a img {
  min-height: 96%;
 }
}