/*! Swipebox v1.3.0 */

html.swipebox-html.swipebox-touch { overflow: hidden !important; }

#swipebox-container img { border: 0 solid #d6d6d6; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .4); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .4); box-shadow: 0px 0px 5px rgba(0, 0, 0, .4); }
#swipebox-container { 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-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-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/loader.png') no-repeat center center; }

#swipebox-bottom-bar, #swipebox-top-bar { position: relative; margin: 0 auto; -webkit-transition: 0.5s; transition: 0.5s; z-index: 999; height: auto; width: 100%; }
#swipebox-bottom-bar { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
#swipebox-bottom-bar.visible-bars { /*-webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0);*/ }
#swipebox-top-bar { bottom: 0px; position: absolute; }
#swipebox-top-bar.visible-bars { -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); }

#swipebox-title { display: block; width: 85%; text-align: center; margin: 0 auto; padding: 5px; }

#swipebox-prev, #swipebox-next, #swipebox-close { background-image: url('../images/icons.png'); background-repeat: no-repeat; border: none !important; text-decoration: none !important; cursor: pointer; width: 50px; height: 50px; top: 0; color: #000; }

#swipebox-arrows { position: relative; display: block; margin: 0 auto; width: 100%; }
#swipebox-prev { position: absolute; background-position: -32px 13px; left: 3%; }
#swipebox-next { position: absolute; background-position: -78px 13px; right: 3%; }
#swipebox-close { top: 0; right: 3%; position: absolute; z-index: 9999; background-position: 15px 12px; }

.swipebox-no-close-button #swipebox-close { display: none; }
#swipebox-prev.disabled, #swipebox-next.disabled { opacity: 0.3; }

.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: 10px; }
  #swipebox-arrows { /*width: 100%; max-width: 1000px;*/ }
}

/* Skin 
--------------------------*/

#swipebox-overlay { background: rgba(0, 0, 0, .85); }

#swipebox-top-bar { background: #000; opacity: 0; }
#swipebox-top-bar { font-family: "Open Sans", sans-serif; font-size: 14px; color: #fff; font-weight: 500; opacity: 1; padding: 10px; line-height: 1.5; }