﻿
html.swipebox {

	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;

	user-select: none;

}

#swipebox-slider {

	height: 100%;

	left: 0;

	top: 0;

	width: 100%;

	white-space: nowrap;

	position: absolute;

	display: none;

}

#swipebox-slider .slide {

	background: url("../images/loader.gif") no-repeat center center;

	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 {

	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%;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-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-action, #swipebox-caption {

	position: absolute;

	left: 0;

	z-index: 999;

	height: 50px;

	width: 100%;

}

#swipebox-action {

	bottom: -50px;

}

#swipebox-action.visible-bars {

	bottom: 0;

}

#swipebox-action.force-visible-bars {

	bottom: 0 !important;

}

#swipebox-caption {

	top: -50px;

	text-align: center;

}

#swipebox-caption.visible-bars {

	top: 0;

}

#swipebox-caption.force-visible-bars {

	top: 0 !important;

}

#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next, #swipebox-action #swipebox-close {

	background-image: url("../images/icons.png");

	background-repeat: no-repeat;

	border: none !important;

	text-decoration: none !important;

	cursor: pointer;

	position: absolute;

	width: 50px;

	height: 50px;

	top: 0;

}

#swipebox-action #swipebox-close {

	background-position: 15px 12px;

	left: 40px;

}

#swipebox-action #swipebox-prev {

	background-position: -32px 13px;

	right: 100px;

}

#swipebox-action #swipebox-next {

	background-position: -78px 13px;

	right: 40px;

}

#swipebox-action #swipebox-prev.disabled, #swipebox-action #swipebox-next.disabled {

 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);

	opacity: 0.3;

}

#swipebox-slider.rightSpring {

	-moz-animation: rightSpring 0.3s;

	-webkit-animation: rightSpring 0.3s;

}

#swipebox-slider.leftSpring {

	-moz-animation: leftSpring 0.3s;

	-webkit-animation: leftSpring 0.3s;

}

 @-moz-keyframes rightSpring {

 0% {

 margin-left: 0px;

}

 50% {

 margin-left: -30px;

}

 100% {

 margin-left: 0px;

}

}

 @-moz-keyframes leftSpring {

 0% {

 margin-left: 0px;

}

 50% {

 margin-left: 30px;

}

 100% {

 margin-left: 0px;

}

}

 @-webkit-keyframes rightSpring {

 0% {

 margin-left: 0px;

}

 50% {

 margin-left: -30px;

}

 100% {

 margin-left: 0px;

}

}

 @-webkit-keyframes leftSpring {

 0% {

 margin-left: 0px;

}

 50% {

 margin-left: 30px;

}

 100% {

 margin-left: 0px;

}

}

 @media screen and (max-width: 800px) {

#swipebox-action #swipebox-close {

	left: 0;

}

#swipebox-action #swipebox-prev {

	right: 60px;

}

#swipebox-action #swipebox-next {

	right: 0;

}

}

/* Skin

--------------------------*/

#swipebox-overlay {

	background: #0d0d0d;

}

#swipebox-action, #swipebox-caption {

	text-shadow: 1px 1px 1px black;

	background-color: #0d0d0d;

	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d0d0d), color-stop(100%, #000000));

	background-image: -webkit-linear-gradient(#0d0d0d, #000000);

	background-image: -moz-linear-gradient(#0d0d0d, #000000);

	background-image: -o-linear-gradient(#0d0d0d, #000000);

	background-image: linear-gradient(#0d0d0d, #000000);

 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);

	opacity: 0.95;

}

#swipebox-action {

	border-top: 1px solid rgba(255, 255, 255, 0.2);

}

#swipebox-caption {

	border-bottom: 1px solid rgba(255, 255, 255, 0.2);

	color: white !important;

	font-size: 15px;

	line-height: 43px;

	font-family: Helvetica, Arial, sans-serif;

}

