@charset "UTF-8";

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 0.4s ease;
 transition: transform 0.4s ease;
 height: 100%;
 left: 0;
 top: 0;
 width: 100%;
 white-space: nowrap;
 position: absolute;
 display: none;
 cursor: 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: 50%;
 width: 1px;
 margin-right: -1px
}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container{
 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: none;
 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( "../images/swipebox-loader.gif" ) no-repeat center center;
}
#swipebox-top-bar,
#swipebox-bottom-bar{
 -webkit-transition: 0.500ms; transition: 0.500ms;
 position: absolute;
 left: 0;
 z-index: 999;
 width: 100%
}
#swipebox-top-bar{
 top: 0; 
 padding: 15px 10px
}
#swipebox-bottom-bar{
 bottom: 0; 
 height: 70px;
 padding: 10px
}
#swipebox-bottom-bar.visible-bars{
 opacity: 1 
}

#swipebox-title{
 display: block;
 width: 100%;
 text-align: center
} 

#swipebox-close{
 background-repeat: no-repeat;
 border: none !important;
 text-decoration: none !important;
 cursor: pointer;
 width: 50px;
 height: 50px;
 top: 0
}
#swipebox-close{
 top: 0;
 right: 0;
 position: absolute;
 z-index: 9999;
 background-color: transparent;
 background-position: 15px 12px			
}

#swipebox-close:before,
#swipebox-close:after{
 display: block; 
 content: ''; 
 width: 30px; 
 height: 3px; 
 position: absolute; 
 top: 50%;
 left: 50%;
 margin-top: -1px;
 margin-left: -14px;
 background-color: #FFF; 
 border-radius: 2px;
 pointer-events: none
}
#swipebox-close:before{
 transform: rotate(45deg) 
}
#swipebox-close:after{ 
 transform: rotate(-45deg) 
}
.swipebox-no-close-button #swipebox-close{
 display: none
}

#swipebox-arrows{
 position: relative;
 display: block;
 margin: 0 auto;
 width: 100%;
 height: 100%
}
#swipebox-prev{
 top: 0;
 left: 0;
 cursor: pointer
}
#swipebox-next{
 top: 0;
 right: 0;
 cursor: pointer
}
#swipebox-prev.disabled,
#swipebox-next.disabled{
 opacity: 0.3
}
#swipebox-arrows>.arrow:before,
#swipebox-arrows>.arrow:after{
 border-color: #fff
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{
 -webkit-animation: rightSpring 0.3s;
 animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{
 -webkit-animation: leftSpring 0.3s;
 animation: leftSpring 0.3s
}

.swipebox-touch #swipebox-container:before, 
.swipebox-touch #swipebox-container:after{
 -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
}
.swipebox-touch #swipebox-container:before{
 left: 0;
 -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
 box-shadow: inset 10px 0px 10px -8px #656565
}
.swipebox-touch #swipebox-container:after{
 right: 0;
 -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
 box-shadow: inset -10px 0px 10px -8px #656565
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{
 opacity: 1
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{
 opacity: 1
}

@-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{
  right: 25px
 }

 #swipebox-arrows{
  width: 92%;
  max-width: 800px
 }
 
}

/* 
 Skin 
 */
 
#swipebox-overlay{
 background: #0d0d0d
}
#swipebox-top-bar,
#swipebox-bottom-bar{
 text-shadow: 1px 1px 1px #000;
 background-color: #000
}
#swipebox-top-bar{
 color: #FFF !important;
 font-size: 15px
}