/* Z-INDEX OVERLAY */

.zoverlay {
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    -webkit-transition: z-index 0.1s .5s;
    transition: z-index 0.1s .5s;
}

xhtml[class^="swipe"] .zoverlay,
.swipebox-html .zoverlay {
    z-index: 9998;
    x-webkit-transition: z-index 0.1s 1s;
    xtransition: z-index 0.1s 1s;
}

@-webkit-keyframes movedown {
  to {
    z-index: -1;
  }
}
@keyframes movedown {
  to {
    z-index: -1;
  }
}
@-webkit-keyframes moveup {
  to {
    z-index: 9998;
  }
}
@keyframes moveup {
  to {
    z-index: 9998;
  }
}



/* RESPONSIVE LIGHTBOX CSS OVERRIDES */


#swipebox-close,
#swipebox-next,
#swipebox-prev {
  background-position: center!important;
  width: 30px;
  height: 36px;  
}
#swipebox-close {
  top: 36px;
  right: 3.5vw;
  width: 30px;
  height: 27px;
  background-image: none!important;
  xbackground-color: red;
}

#swipebox-next:hover,
#swipebox-prev:hover {
  opacity: .375;
}


#swipebox-top-bar {
  top: initial!important;
  background: none!important;
}

#swipebox-top-bar.visible-bars {
  width: 100%!important;
  bottom: 0;
  height: 10%;
  -webkit-transform: translate(-50%)!important;
      -ms-transform: translate(-50%)!important;
          transform: translate(-50%)!important;
  left: 50%!important;
}

#swipebox-bottom-bar.visible-bars {
  top: 50%;
  -webkit-transform: translate(0,-50%)!important;
      -ms-transform: translate(0,-50%)!important;
          transform: translate(0,-50%)!important;
  background: transparent!important;
}


#swipebox-title {
  top: 50%;
  -webkit-transform: translate(0,-50%);
      -ms-transform: translate(0,-50%);
          transform: translate(0,-50%);
  max-width: 600px!important;
  margin: 0 auto;
  font-size: .785em;
  line-height: 1.5;
  font-style: italic;
}
#swipebox-slider .slide .swipebox-inline-container,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide img {
  max-width: 100%!important;
  xmax-height: 86%!important;
  max-height: 88vh!important;
  top: 1.5vh;
  position: relative;  
}
#swipebox-arrows {
  max-width: none; 
}
#swipebox-next {
  background-image: url(../img/pageant-right-arrow-draft.svg)!important;
}
#swipebox-prev {
  background-image: url(../img/pageant-left-arrow-draft.svg)!important;
}
#swipebox-slider .slide-loading {
  background-image: url(../img/loading.gif)!important;
}



/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */

html.swipebox-html.swipebox-touch {
	overflow: hidden!important
}
#swipebox-overlay img {
	border: none!important
}
#swipebox-overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999!important;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
#swipebox-container {
	position: relative;
	width: 100%;
	height: 100%
}
#swipebox-slider {
	-webkit-transition: -webkit-transform .4s ease;
	transition: transform .4s ease;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
	white-space: nowrap;
	position: absolute;
	display: none;
	xcursor: pointer
}
#swipebox-slider .slide {
	height: 100%;
	width: 100%;
	line-height: 1px;
	text-align: center;
	display: inline-block
}
#swipebox-slider .slide:before {
	content: "";
	display: inline-block;
	height: 48%;
  xheight: 50%;
	width: 1px;
	margin-right: -1px
}
#swipebox-slider .slide .swipebox-inline-container,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	vertical-align: middle
}
#swipebox-slider .slide .swipebox-video-container {
	background: 0 0;
	max-width: 1140px;
	max-height: 100%;
	width: 100%;
	padding: 5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
	width: 100%!important;
	height: 100%!important;
	position: absolute;
	top: 0;
	left: 0
}
#swipebox-slider .slide-loading {
	background: url(../img/loading.gif) center center no-repeat
}
#swipebox-bottom-bar,
#swipebox-top-bar {
	-webkit-transition: .5s;
	transition: .5s;
	position: absolute;
	left: 0;
	z-index: 999;
	height: 50px;
	width: 100%
}
#swipebox-bottom-bar {
	bottom: -50px
}
#swipebox-bottom-bar.visible-bars {
	-webkit-transform: translate3d(0,-50px,0);
	transform: translate3d(0,-50px,0)
}
#swipebox-top-bar {
	top: -50px
}
#swipebox-top-bar.visible-bars {
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0)
}
#swipebox-title {
	display: block;
	width: 100%;
	text-align: center
}
#swipebox-close,
#swipebox-next,
#swipebox-prev {
	xbackground-image: url(../img/icons.png);
	background-repeat: no-repeat;
	border: none!important;
	text-decoration: none!important;
	cursor: pointer;
	xwidth: 50px;
	xheight: 50px;
	xtop: 0
}
#swipebox-arrows {
	display: block;
	margin: 0 auto;
	width: 93%;
	height: 50px
}
#swipebox-prev {
	background-position: -32px 13px;
	float: left
}
#swipebox-next {
	background-position: -78px 13px;
	float: right
}
#swipebox-close {
	xtop: 0;
	xright: 0;
	position: absolute;
	z-index: 99999;
  xz-index: 9999;
	background-position: 15px 12px
}
.swipebox-no-close-button #swipebox-close {
	display: none
}
#swipebox-next.disabled,
#swipebox-prev.disabled {
	opacity: .1;
  filter: alpha(opacity=10);
}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
	-webkit-animation: rightSpring .3s;
	animation: rightSpring .3s
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
	-webkit-animation: leftSpring .3s;
	animation: leftSpring .3s
}
.swipebox-touch #swipebox-container:after,
.swipebox-touch #swipebox-container:before {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	content: ' ';
	position: absolute;
	z-index: 999;
	top: 0;
	height: 100%;
	width: 20px;
	opacity: 0
  filter: alpha(opacity=0);
}

.swipebox-touch #swipebox-container:before {
	left: 0;
	-webkit-box-shadow: inset 10px 0 10px -8px #656565;
	box-shadow: inset 10px 0 10px -8px #656565
}
.swipebox-touch #swipebox-container:after {
	right: 0;
	-webkit-box-shadow: inset -10px 0 10px -8px #656565;
	box-shadow: inset -10px 0 10px -8px #656565
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
	opacity: 1
  filter: alpha(opacity=100);
}


@-webkit-keyframes rightSpring {
0% {
	left: 0
}
50% {
	left: -30px
}
100% {
	left: 0
}
}
@keyframes rightSpring {
0% {
	left: 0
}
50% {
	left: -30px
}
100% {
	left: 0
}
}
@-webkit-keyframes leftSpring {
0% {
	left: 0
}
50% {
	left: 30px
}
100% {
	left: 0
}
}
@keyframes leftSpring {
0% {
	left: 0
}
50% {
	left: 30px
}
100% {
	left: 0
}
}


@media screen and (min-width:800px) {
#swipebox-close {
	xright: 10px
}
#swipebox-arrows {
	xwidth: 93%;
	xmax-width: 800px
}
}



/* Skin 
--------------------------*/
#swipebox-overlay {
  background: #ffffff;
}

#swipebox-slider .slide-loading {
  z-index: 1;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
	xtext-shadow: 1px 1px 1px #000;
	xbackground: #000;
	xopacity: .95
}

#swipebox-top-bar {
	xcolor: #fff!important;
	xfont-size: 15px;
	xline-height: 43px;
	xfont-family: Helvetica, Arial, sans-serif
}