.hide-all {display:none !important}
.pswp__bg {
	background-color:rgba(0,0,0,.9);
	background: url("/img/e/party/bg.jpg") no-repeat center center fixed !important; 
	background-size: cover !important;
}
.pswp__top-bar {
  height:70px;
  background: rgba(0,0,0,0.5);
  background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%) !important;
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0))) !important;
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%) !important;
  background: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%) !important;
  background: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%) !important;
  background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%) !important;
}

.pswp__button--arrow--left, .pswp__button--arrow--right {background-color: rgba(0,0,0,.35) !important; width:45px; margin-top: -30px;}
.pswp__button--arrow--left {border-radius:0 10px 10px 0;}
.pswp__button--arrow--right {border-radius:10px 0 0 10px;}
.pswp__button--arrow--left::before, .pswp__button--arrow--right::before {background-color:rgba(0,0,0,0) !important; top: 12px;}

.pswp div.header, .pswp div.content {position:fixed; bottom:0; background-color:rgba(0,0,0,0)}
.pswp div.header figcaption, .pswp div.content figcaption{color:#fff;}
.pswp__caption__center {font-size: 1.5em; padding: .75em; max-width:100%; text-align:center; font-weight: 400;}
.pswp button, .pswp button:hover {background-color: rgba(0,0,0,.15) !important;}
/*.pswp__counter {opacity:1 !important;}*/


.gallery-thumb {cursor: pointer;}

div.content {color: #fff;}
div.content h1, div.content h2 {max-width: 100% !important;}
div.content h1 {font-size: 5em; padding-top: 1em; color: #08acc7;}
div.content h2 {font-size: 2em; font-weight:300;}

.slideshow-controls {position: fixed; top:22em; left:50%; margin-left:-5em; z-index: 9;}
.slideshow-controls .ss-btn {display: inline-block; width: 10em; height:10em; border-radius:5em; background-color: rgba(255,255,255,.30); background-image: url('/party-gallery/lightbox/play.svg'); background-size: 60%; background-position: center center; background-repeat: no-repeat;}
.autoPlaying .ss-btn {background-image: url('/party-gallery/lightbox/pause.svg');}
.slideshow-controls .ss-btn:hover {background-color: rgba(255,255,255,.50);}

.pswp__img, .pswp__zoom-wrap {transition: all .22s ease-in-out;}
.party-gallery .slideshow-controls {top: 1em; left: 1em; margin-left: 0; width:4em; height: 4em;}
.party-gallery .slideshow-controls a {width:4em; height: 4em;}


@media all and (max-width:1024px) {
  .hide-mobi {display:none !important}
  /*.pswp__button--close {float:left !important; margin-left:5px; margin-top:5px;}*/
  .pswp__caption__center {max-width:auto; text-align:center;}
  .pswp__caption__center {text-align:left;}
	div.content h1 {font-size: 2.5em;}
	div.content h2 {font-size: 1.5em;}
	.pswp__caption__center {font-size: .9em;}
}
@media all and (max-width:1024px) and (-webkit-min-device-pixel-ratio: 1.5){
  /*.pswp__button--close {background-image:none!important;}
  .pswp__button--close::after, .pswp__button--close::before {content:''; display:inline-block; width:20px; height:2px; background-color:#fff;}
  .pswp__button--close::after {transform:translateX(-10px) rotate(45deg);-webkit-transform:translateX(-10px) rotate(45deg); -moz-transform:translateX(-10px) rotate(45deg);}
  .pswp__button--close::before {transform:translateX(10px) rotate(-45deg);-webkit-transform:translateX(10px) rotate(-45deg); -moz-transform:translateX(10px) rotate(-45deg);}*/

}