.vs-slideshow {
	position:relative;
	background:#000;
	overflow:hidden;
	padding:0;
	color:#FFF;
	font:18px/1.6 Helvetica,Arial,sans-serif;
}

.vs-slideshow a {
	text-decoration:none;
}

.vs-slideshow a:hover,
.vs-slideshow a:active {
	text-decoration:underline;
}

.vs-slideshow a img {
	border:0;
}

.vs-slideshow * {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;

	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.vs-slideshow > * {
	position:absolute;
	z-index:1;
}
.vs-slideshow .touchLayer {
	z-index:3;
	width:100%;
	height:100%;
}

/* LOADING SPINNER */

.vs-slideshow .spinner {
	position:absolute;
	top:50%;
	left:50%;
	width:32px;
	height:32px;
	margin:-16px 0 0 -16px;
	z-index:1;
}

/* PHOTO CONTAINER */

.vs-slideshow .placeholder,
.vs-slideshow .placeholder .overlay,
.vs-slideshow .placeholder video,
.vs-slideshow .placeholder .swipeLayer {
	position:absolute;
	width:100%;
	height:100%;
	z-index:2;

	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0)
}

.vs-slideshow .placeholder video {
	background:#000;
}

.vs-slideshow .placeholder video.hidden {
	top:2000px; 
}

.vs-slideshow.iphone.paused .placeholder video {
	top:2000px;
}

.vs-slideshow.iphone .resumeVideo {
	z-index:4;
	width:1px;
	height:1px;
	border:70px solid transparent;
	border-left-color:#FFF;
	border-top-width:40px;
	border-bottom-width:40px;
	opacity:0.8;
	top:50%;
	left:50%;
	margin:-35px 0 0 -35px;
	position:absolute;
	cursor:pointer;
	display:none;
}

.vs-slideshow .placeholder {
	-webkit-transition: -webkit-filter 0.2s linear;
}

.vs-slideshow .placeholder .overlay {
	background-size:cover;
	background-repeat:no-repeat;
	background-position: center;
	opacity:0;

	-webkit-transition:opacity 0.5s linear;
	-moz-transition:opacity 0.5s linear;
	-ms-transition:opacity 0.5s linear;
	-o-transition:opacity 0.5s linear;
	transition:opacity 0.5s linear;
}

.vs-slideshow .placeholder *.animate {
	-webkit-transition: -webkit-transform 0.5s ease-out;
}

.vs-slideshow .placeholder.contain .overlay/*,
.vs-slideshow.fullscreen .placeholder .overlay*/ {
	background-size:contain;
} 

.vs-slideshow .placeholder .overlay.active {
	z-index:3;
	opacity:1;
}
.vs-slideshow .placeholder .overlay.preview {
	opacity:0.5 !important;
}

.vs-slideshow .placeholder .overlay.fadeOut {
	opacity:0;
}

.vs-slideshow .placeholder.insetShadow .overlay {
	box-shadow:inset 0 0 150px rgba(0,0,0,0.5);
}

/* TOOLBARS */

.vs-slideshow .bar {
	position:absolute;
	width:100%;
	height:76px;
	background:rgba(0,0,0,0.5);

	-webkit-backface-visibility: hidden;
}

.vs-slideshow .bar > * {
	float:right;
	position:relative;

}

.vs-slideshow .hoverzone {
	width:100%;
	height:152px;
	z-index:3;

	-webkit-backface-visibility: hidden;
}

.vs-slideshow.autohideBars.no-touch .hoverzone:hover .bar,
.vs-slideshow.autohideBars .hoverzone.active .bar {
	display:block;
	-webkit-transform:none;
	-moz-transform:none;
	-ms-transform:none;
	-o-transform:none;
	transform:none;
}

.vs-slideshow .topBar {
	top:0;
	z-index:5;
}

.vs-slideshow .bottomBar {
	bottom:0;
	background:rgba(0,0,0,0); 
	/* IE9-10 hack to make the whole thing work for mouse hovers, not just its content */
}

.vs-slideshow.fullscreen .bottomBar.active {
		bottom:30px;
}

.vs-slideshow .bottomBar .bar {
	top:76px;
}

.vs-slideshow.autohideBars .topBar .bar {
	-webkit-transform: translate(0,-76px);
	-moz-transform: translate(0,-76px);
	-ms-transform: translate(0,-76px);
	-o-transform: translate(0,-76px);
	transform: translate(0,-76px);
}

.vs-slideshow .bottomBar .bar,
.vs-slideshow.autohideBars.waiting .bottomBar:hover .bar {
	-webkit-transform: translate(0,76px);
	-moz-transform: translate(0,76px);
	-ms-transform: translate(0,76px);
	-o-transform: translate(0,76px);
	transform: translate(0,76px);
}

.vs-slideshow.autohideBars .bar {
	-webkit-transition: -webkit-transform 0.2s linear;
	-moz-transition: -moz-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	transition: transform 0.2s linear;
}

/* BUTTONS */

.vs-slideshow .btn,
.vs-slideshow .link {
	z-index:3;
	cursor:pointer;
	position:relative;

	-webkit-backface-visibility: hidden;
}

.vs-slideshow .bar .btn {
	text-align:center;
	width:76px;
	height:76px;
	line-height:76px;
}

.vs-slideshow.no-touch .bar .btn:hover,
.vs-slideshow.touch .bar .btn:active {
	background:rgba(0,0,0,0.8);
}

.vs-slideshow .icon {
	background-repeat:no-repeat;
	overflow:hidden;
}

.vs-slideshow .btn .icon,
.vs-slideshow .link .icon {
	position:absolute;
	width:100%;
	height:100%;
}

.vs-slideshow .onScreenPrevButton {
	position:absolute;
	top:0;
	width:50%;
	height:100%;
}

.vs-slideshow .onScreenNextButton {
	position:absolute;
	top:0;
	right:0;
	width:50%;
	height:100%;
}

.vs-slideshow.touch .onScreenPrevButton,
.vs-slideshow.touch .onScreenNextButton {
	top:50%;
	height:100px;
	width:100px;
	margin-top:-50px;
}

.vs-slideshow .onScreenPrevButton .icon {
	left:50px;
	background-position:-200px -176px;
}

.vs-slideshow .onScreenPrevButton.disabled .icon {
	background-position:-250px -176px;
}

.vs-slideshow .onScreenNextButton .icon {
	right:50px;
	background-position:-200px -76px;
}

.vs-slideshow .onScreenNextButton.disabled .icon {
	background-position:-250px -76px;
}

.vs-slideshow .onScreenPrevButton .icon,
.vs-slideshow .onScreenNextButton .icon {
	position:absolute;
	top:50%;
	margin:-50px -25px 0 -25px;
	width:50px;
	height:100px;
	opacity:0;
	
	-webkit-transition:opacity 0.2s linear;
	-moz-transition:opacity 0.2s linear;
	-ms-transition:opacity 0.2s linear;
	-o-transition:opacity 0.2s linear;
	transition:opacity 0.2s linear;
}

.vs-slideshow.touch .onScreenPrevButton:active,
.vs-slideshow.touch .onScreenNextButton:active {
	background-color:rgba(0,0,0,0.3);
}

.vs-slideshow .onScreenPrevButton.disabled,
.vs-slideshow .onScreenNextButton.disabled {
	background-color:transparent !important
}

.vs-slideshow.touch .onScreenPrevButton .icon,
.vs-slideshow.touch .onScreenNextButton .icon,
.vs-slideshow.no-touch .onScreenPrevButton:hover .icon,
.vs-slideshow.no-touch .onScreenNextButton:hover .icon {
	opacity:1;
}

.vs-slideshow.touch .onScreenPrevButton .icon,
.vs-slideshow.touch .onScreenNextButton .icon {
	opacity:0;
}

.vs-slideshow.touch .onScreenPrevButton.hidden,
.vs-slideshow.touch .onScreenNextButton.hidden {
	display:none;
}

.vs-slideshow.touch .onScreenPrevButton.active .icon,
.vs-slideshow.touch .onScreenNextButton.active .icon {
	opacity:1;
}

.vs-slideshow .onScreenPlayButton .icon {
	background-position:0 -76px;
}

.vs-slideshow .onScreenPlayButton {
	top:50%;
	left:50%;
	width:200px;
	height:200px;
	margin:-100px 0 0 -80px;
	cursor:default;
}
.vs-slideshow .onScreenPlayButton img {
	width:100%;
	height:100%;
	z-index:5;
	position:absolute;
	border:0;
}

.vs-slideshow .onScreenPlayButton area {
	cursor:pointer;
}


.vs-slideshow .playButton,
.vs-slideshow .pauseButton {
	float: left;
}

.vs-slideshow .playButton .icon {
	background-position:-76px 0;
}

.vs-slideshow .pauseButton .icon {
	background-position:0 0;
}

.vs-slideshow .fullscreenButton .icon {
	background-position:-152px 0;
}
.vs-slideshow .fullscreenButton.active .icon {
/*  background-position:-234px 0;*/
background-position: -435px -203px;
}

.vs-slideshow .ccButton .icon {
	background-position:-228px 0;
	line-height:74px;
}

.vs-slideshow .ccButton.disabled .icon {
	background-position:-304px 0;
	color:#888;
}


/* TOPBAR ELEMENTS */

.vs-slideshow .logo.link {
	float:left;
	height:76px;
	margin:0 10px;
	background:none !important;
}

.vs-slideshow .logo .icon {
	background-position: -300px -200px;
}

.vs-slideshow .title {
	float:none;
	padding: 10px 0 0;
	height:28px;
  font-size:14px;
  line-height:14px;
}

.vs-slideshow .title a {
	color:#FFF !important;
}

.vs-slideshow .author {
	float:none;
	padding:2px 0;
	height:24px;
	line-height:24px;
	font-size:14px;
}

/* SOCIALS BLOCK */

.vs-slideshow .shareBlock {
	float:right;
	color:#CCC;
	line-height:76px;
	white-space:nowrap;
	padding:0 14px;
}

.vs-slideshow .shareBlock .link {
	float:right;
	width:40px;
	height:40px;
	margin:18px 0 18px 10px;
	background:none !important;
}
.vs-slideshow .shareBlock .icon {
	border-radius:4px;
}

.vs-slideshow .twitterButton .icon {
	background-position:-460px -76px
}

.vs-slideshow .facebookButton .icon {
	background-position:-420px -76px
}

/* BOTTOMBAR ELEMENTS */

.vs-slideshow .caption,
.vs-slideshow .numbers {
	position:absolute;
	padding:13px 15px;
	bottom:76px;
	left:0;
	width:70%;
	font:normal 20px/24px Helvetica,Arial,sans-serif; 
	text-shadow:0 0 5px #000;
	color:#FFF;
	opacity:1;
	cursor:default;

	-webkit-transition:opacity 0.2s linear;
	-moz-transition:opacity 0.2s linear;
	-ms-transition:opacity 0.2s linear;
	-o-transition:opacity 0.2s linear;
	transition:opacity 0.2s linear;
}

.vs-slideshow .caption b {
	font-weight:500;
	font-size: 24px;
}

.vs-slideshow .caption.hidden,
.vs-slideshow .numbers.hidden {
	opacity:0;
}

.vs-slideshow .bottomBar.active .numbers {
	opacity:1;

}

.vs-slideshow .numbers {
	left:auto;
	right:0;
	text-align:right;
	opacity:0;
}

.vs-slideshow .volumeBar {
	width:76px;
	height:76px;
}

.vs-slideshow .volumeBar:hover .btn,
.vs-slideshow .volumeBar.active .btn {
	background:rgba(0,0,0,0.8);
}

.vs-slideshow .volumeBar .btn .icon {
	width:38px;
	background-position:-380px 0;
}

.vs-slideshow .volumeBar .btn .icon.dynamic,
.vs-slideshow .volumeBar .btn .icon.dynamic.v100 {
	left:38px;
	background-position:-418px 0;
}
.vs-slideshow .volumeBar .btn .icon.dynamic.v66 {
	background-position:-456px 0;
}
.vs-slideshow .volumeBar .btn .icon.dynamic.v33 {
	background-position:-494px 0;
}
.vs-slideshow .volumeBar .btn .icon.dynamic.mute {
	background:none;
}

.vs-slideshow .volumeBar .sliderContainer {
	opacity:0;
	width:46px;
	left:15px;
	position:absolute;
	bottom:60px;
	padding:8px 0;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	z-index:4;
	visibility:hidden;

	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-ms-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}

.vs-slideshow .volumeBar:hover .sliderContainer,
.vs-slideshow .volumeBar.active .sliderContainer  {
	visibility:visible;
	opacity:1;
}

.vs-slideshow .volumeBar .slider {
	border:1px solid #000;
	border-top:0;
	border-bottom-width:15px;
	margin:0 auto;
	height:100px;
	width:0;
	position:relative;
}

.vs-slideshow .volumeBar .handler {
	cursor:pointer;
	position:relative;
	top:20%;
	width:46px;
	height:15px;
	background:#FFF;
	margin-left:-23px;
	box-shadow:0 0 10px rgba(0,0,0,0.5);
}


.vs-slideshow .videoBar {
	position:absolute;
	padding:6px;
	height:7px;
	bottom:90px;
	left:30%;
	right:30%;
	background-color:rgba(0,0,0,0.5);
	font:normal 9px/1 Helvetica,Arial,sans-serif;
	color:#FFF;
	opacity:0;

	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-ms-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}

.vs-slideshow .videoBar.hidden {
	opacity:0 !important; 
}

.vs-slideshow.no-touch .hoverzone:hover .videoBar,
.vs-slideshow.touch .hoverzone.active .videoBar {
	opacity:1;
}

.vs-slideshow .videoBar .totalTime {
	float:right;
	margin-top:-1px;
}

.vs-slideshow .videoBar .progressBar {
	margin-right:30px;
	height:7px;
	position:relative;
	background:#9dc429;

	background:#FFF;
	background:-moz-linear-gradient(top, #fff 1%, #bbb 100%);
	background:-webkit-linear-gradient(top, #fff 1%,#bbb 100%);
	background:-o-linear-gradient(top, #fff 1%,#bbb 100%);
	background:-ms-linear-gradient(top, #fff 1%,#bbb 100%);
	background:linear-gradient(to bottom, #fff 1%,#bbb 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bbbbbb',GradientType=0 );
}

.vs-slideshow .videoBar .progressBar .loaded,
.vs-slideshow .videoBar .progressBar .current {
	position:absolute;
	height:100%;
	top:0;
	left:0;
	width:0%;
	z-index:1;
	background:rgba(0,0,0,0.25);
}

.vs-slideshow .videoBar .progressBar .popup {
	position:absolute;
	bottom:0;
	left:0;
	width:29px;
	margin:0 0 13px -14px;

}

.vs-slideshow .videoBar .progressBar .popup .corner {
	position:absolute;
	width:6px;
	height:6px;
	margin:-3px 0 0 -3px;
	left:50%;
	top:100%;

	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}

.vs-slideshow .videoBar .progressBar .popup .time {
	color:#000;
	width:25px;
	text-align:center;
	padding:2px;
}

/* MODALS */

.vs-slideshow .embedModal,
.vs-slideshow .errorModal,
.vs-slideshow .features {
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1001;
	visibility:hidden
}

.vs-slideshow .embedModal.active,
.vs-slideshow .errorModal.active,
.vs-slideshow.ended .features {
	visibility:visible
}

.vs-slideshow .shadow {
	opacity:0;
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);

	-webkit-transition:opacity 0.3s linear;
	-moz-transition:opacity 0.3s linear;
	-ms-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear;
}

.vs-slideshow .embedModal.active .shadow,
.vs-slideshow .errorModal.active .shadow,
.vs-slideshow.ended .features .shadow {
	opacity:1;
}

.vs-slideshow .embedModal.fadeOut .shadow,
.vs-slideshow .errorModal.fadeOut .shadow,
.vs-slideshow .features .shadow {
	opacity:0;
}

.vs-slideshow .modal {
	position:absolute;
	top:50%;
	left:50%;
	margin:-80px 0 0 -210px;
	width:400px;
	overflow:hidden;
	padding:10px;
	background:rgba(0,0,0,0.5);
}

.vs-slideshow .modal h3,
.vs-slideshow .modal h4 {
	margin:0;
	padding:0;
	float:left;
}

.vs-slideshow .modal h3 {
	width:100%;
	padding-bottom:8px;
}

.vs-slideshow .modal h3 .icon {
	display:inline-block;
	width:40px;
	height:25px;
	margin-bottom:-3px;
	margin-left:8px;
	background-position:-340px -80px;
}

.vs-slideshow .modal h4 {
	font-weight:normal;
	clear:left;
}

.vs-slideshow .modal .content {
	background:none;
	width:100%;
	height:auto;	
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
}
.vs-slideshow .modal label {
	margin-left:30px;
}

.vs-slideshow .modal input {
	width:24px;
}

.vs-slideshow .modal textarea {
	border:1px solid #000;
	width:100%;
	height:80px;
	display:block;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.vs-slideshow .modal button {
	display:block;
	width:200px;
	margin:10px auto 0;
}

.vs-slideshow .errorModal .modal button {
	width:100px;
}

.vs-slideshow .modal .close {
	position:absolute;
	top:0;
	right:0;
	width:17px;
	height:17px;
}

.vs-slideshow .modal .close .icon {
	background-position:-391px -88px;
}

/* FORM ELEMENTS */

.vs-slideshow input,
.vs-slideshow textarea {
	margin:0;
	border:1px solid #000;
	padding:2px;
	font:14px/18px Helvetica,Arial,sans-serif;
}

.vs-slideshow button {
	color:#000;
	cursor:pointer;
	padding:0;
/*	text-shadow:0 1px 1px #FFF;*/
	font:16px/32px Helvetica,Arial,sans-serif;
	border-left:0;
	border-right:0;
	box-shadow:0 0 1px #000;
}

/* FULLSCREEN MODE */

.vs-slideshow.fullscreen {
	position:fixed !important;
	z-index:1000 !important;
	top:0 !important;
	left:0 !important;
	margin:0 !important;
	width:100% !important;
	height:100% !important;
}

/* IOS6 fullscreen mode fix */

.vs-slideshow.os-fullscreen {
	min-height: 320px !important;
}

.vs-slideshow.os-fullscreen .playButton,
.vs-slideshow.os-fullscreen .pauseButton {
	margin-left:76px;
}

/* THUMBNAILS STRIP */

.vs-slideshow .thumbnailsBlock {
	float:none;
	overflow:hidden;
}

.vs-slideshow .thumbnailsBlock.hidden {
	visibility:hidden;
}

.vs-slideshow .thumbnailsBlock > div {
	height:76px;
	position:relative;
}

.vs-slideshow .thumbnails {
	margin:0 38px;
	height:76px;
	overflow:hidden;
}

.vs-slideshow .thumbnails ul {
	list-style:none;
	display:block;
	margin:0;
	padding:0;
}

/*
.vs-slideshow.touch .thumbnails {
	overflow:scroll;
	-webkit-overflow-scrolling: scroll;
} 
*/
.vs-slideshow .thumbnails ul {
	-webkit-transition:-webkit-transform 0.3s ease-out;
	-moz-transition:-moz-transform 0.3s ease-out;
	-ms-transition:-ms-transform 0.3s ease-out;
	-o-transition:-o-transform 0.3s ease-out;
	transition:transform 0.3s ease-out;
}

.vs-slideshow.touch .thumbnails ul.noAnimation,
.vs-slideshow.touch .features .modal .bar ul.noAnimation {
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	-o-transition:none;
	transition:none;
}

.vs-slideshow.touch .thumbnails ul.noAnimation li:active {
	border-color:#3f3f3f !important;
}

.vs-slideshow .thumbnails ul li {
	float:left;
	padding:0;
	margin:3px;
	border:3px solid #3f3f3f;
	width:64px;
	height:64px;
	background:#000;
	cursor:pointer;
}

.vs-slideshow .thumbnails ul li div {
	width:100%;
	height:100%;
	position:relative;
	background-color:#000;
	background-repeat:no-repeat;
	background-position: center;
}

.vs-slideshow .thumbnails ul li .icon.video {
	position:absolute;
	left:5px;
	bottom:5px;
	background:transparent;
	border-top:9px solid transparent;
	border-bottom:9px solid transparent;
	border-left:18px solid #FFF;
	border-radius:1px;
	height:1px;
	width:1px;
	opacity:0.8;
	z-index:3;
}

.vs-slideshow.retina .thumbnails ul li div {
	background-size:cover;
}

.vs-slideshow .thumbnails ul li.active {
	border-color:#FFF !important;
}

.vs-slideshow .thumbnailsBlock .prevThumbButton {
	width:38px;
	margin-left:-2px;
	float:left;
}

.vs-slideshow .thumbnailsBlock .prevThumbButton .icon {
	background-position:-608px 0;
}

.vs-slideshow .thumbnailsBlock .prevThumbButton.disabled .icon {
	background-position:-646px 0;
}

.vs-slideshow .thumbnailsBlock .nextThumbButton {
	width:38px;
	margin-right:-2px;
	float:right;
}

.vs-slideshow .thumbnailsBlock .nextThumbButton .icon {
	background-position:-532px 0;
}

.vs-slideshow .thumbnailsBlock .nextThumbButton.disabled .icon {
	background-position:-570px 0;

}

.vs-slideshow .thumbnailsBlock .prevThumbButton.disabled,
.vs-slideshow .thumbnailsBlock .nextThumbButton.disabled {
	background-color:transparent !important;
	cursor:default;
}

/* THUMBNAIL PREVIEW POPUP */

.vs-slideshow .thumbnailPreview {
	position:absolute;
	border:1px solid #FFF;
	background:#000;
	left:320px;
	bottom:76px;
	box-shadow:0 0 10px #000;
	z-index:5;
	visibility:hidden;
	opacity:0;

	-webkit-transition:opacity 0.2s ease;
	-moz-transition:opacity 0.2s ease;
	-ms-transition:opacity 0.2s ease;
	-o-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease;
}

.vs-slideshow .thumbnailPreview.show {
	visibility:visible;
	opacity:1;
}

.vs-slideshow .bottomBar:hover .thumbnailPreview,
.vs-slideshow .bottomBar.active .thumbnailPreview {
	opacity:1;
}

.vs-slideshow .thumbnailPreview .preview {
	width:110px;
	height:73px;
	background:#FFF;
	background-repeat:no-repeat;
	background-position:center;
}

.vs-slideshow .thumbnailPreview.portrait .preview {
	width:73px;
	height:110px;
}

.vs-slideshow .thumbnailPreview .label {
	position:absolute;
	width:100%;
	text-align:center;
	bottom:0;
	font-size:11px;
	text-shadow:0 0 5px #000,0 0 1px #000;
}

.vs-slideshow .thumbnailPreview .cornerContainer {
	position:absolute;
	top:100%;
	left:50%;
	width:14px;
	height:7px;
	overflow:hidden;
	margin:-14px 0 0 -7px;

	-webkit-transform:translate(0,14px);
	-moz-transform:translate(0,14px);
	-ms-transform:translate(0,14px);
	-o-transform:translate(0,14px);
	transform:translate(0,14px);
}

.vs-slideshow .thumbnailPreview .corner {
	width:14px;
	height:14px;
	position:absolute;
	top:-9px;
	left:0;
	background:#FFF;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}


/* MORE FEATURES POPUP */

.vs-slideshow .features {
	z-index:4;
}

.vs-slideshow .features .modal {
	background:transparent;
	width:80%;
	left:50%;
	padding:0;
	margin:-110px 0 0 0;
	overflow:visible;
}

.vs-slideshow .features .buttons .btn {
	float: left;
	display: block;
	color:#FFF;
	font-size: 18px;
	font-weight: bold;
	line-height:1.6;
	padding:8px 16px;
	background-color:rgba(0,0,0,0.7);
	margin:2px 6px;
	white-space:nowrap;
	overflow:hidden;
}

.vs-slideshow.no-touch .features .buttons .btn:hover,
.vs-slideshow.touch .features .buttons .btn:active {
	margin:0 4px;
	padding:10px 18px;
}

.vs-slideshow .features .modal .buttons .btn .icon {
	display:inline-block;
	position:relative;
	width:40px;
	height:40px;
	margin-bottom:-14px;
	margin-left:8px;
	background-position:-300px -76px;
}

.vs-slideshow .features .modal .buttons .btn.embed .icon {
	background-position:-340px -76px;
} 

.vs-slideshow .features .buttons {
	width:340px;
	margin:0 auto 14px;
}
.vs-slideshow.touch .features .buttons {
	width:174px;
}
.vs-slideshow.touch .features .buttons .embed {
	display:none;
}

.vs-slideshow .features .bar {
	width:100%;
	padding-right:3px;
	height:138px;
	float:none;
	clear:both;
	position:relative;
	overflow:hidden;
	background:rgba(255,255,255,0.5);
}

.vs-slideshow .features .modal .bar ul {
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:0;
	float:none;
	width:2820px;

	-webkit-transition:-webkit-transform 0.3s ease-out;
	-moz-transition:-moz-transform 0.3s ease-out;
	-ms-transition:-ms-transform 0.3s ease-out;
	-o-transition:-o-transform 0.3s ease-out;
	transition:transform 0.3s ease-out;
}

.vs-slideshow .features .modal .bar li {
	width:138px;
	height:138px;
	padding:0 0 0 3px;
	margin:0;
	float:left;
}

.vs-slideshow .features .modal .bar li .img {
	width:100%;
	height:100%;
	position:relative;
	background:#000;
}

.vs-slideshow .features .modal .bar li h4 {
	background-color:rgba(0,0,0,0.5);
	color:#FFF;
	font-weight:bold;
	line-height:1.4;
	font-size:13px;
	padding:3px 5px;
	max-height:42px;
	overflow:hidden;
	position:absolute;
	bottom:0px;
	left:0;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

.vs-slideshow .features .modal .content {
	overflow:visible;
}

.vs-slideshow .features .modal .btn.prev,
.vs-slideshow .features .modal .btn.next {
	position:absolute;
	bottom:0;
	height:138px;
	width:38px;
	right:100%;
	background-color:rgba(0,0,0,0.7);
}

.vs-slideshow .features .modal .btn .icon {
	width:38px;
	height:76px;
	position:absolute;
	top:50%;
	margin-top:-38px;	
	background-position:-532px 0;
}
.vs-slideshow .features .modal .btn.disabled .icon {
	background-position:-570px 0;
}

.vs-slideshow .features .modal .btn.next {
	right:auto;
	left:100%;
	margin-left:3px;
}

.vs-slideshow .features .modal .btn.prev .icon {
	background-position:-608px 0;
}

.vs-slideshow .features .modal .btn.prev.disabled .icon {
	background-position:-646px 0;
}

.vs-slideshow .features .modal .btn.next:active .icon {
	left:2px;
} 

.vs-slideshow .features .modal .btn.prev:active .icon {
	left:-2px;
} 

/*****************
 * PLAYER STATES *
 *****************/

.vs-slideshow.loading .bottomBar,
.vs-slideshow.loading .topBar,
.vs-slideshow.loading .onScreenPlayButton,
.vs-slideshow.loading .onScreenPrevButton,
.vs-slideshow.loading .onScreenNextButton,
.vs-slideshow.loading .caption,
.vs-slideshow.loading .numbers,

.vs-slideshow.ended .onScreenPlayButton,
.vs-slideshow.ended .onScreenPrevButton,
.vs-slideshow.ended .onScreenNextButton,
.vs-slideshow.ended .caption,
.vs-slideshow.ended .numbers {
	display:none;
}

.vs-slideshow.waiting .caption,
.vs-slideshow.waiting .numbers {
	opacity:0;
}

.vs-slideshow.waiting .onScreenPrevButton,
.vs-slideshow.waiting .onScreenNextButton {
	display:none;
}

.vs-slideshow.waiting .topBar .bar,
.vs-slideshow.ended .topBar .bar {
	-webkit-transform:none;
	-moz-transform:none;
	-ms-transform:none;
	-o-transform:none;
	transform:none;
}

.vs-slideshow.ready .onScreenPlayButton {
	display:none;
}

.vs-slideshow.playing .playButton,
.vs-slideshow .pauseButton {
	display:none;
}

.vs-slideshow.playing .pauseButton {
	display:block;
}


/* ENDED STATE */ 

.vs-slideshow.ended .bottomBar .bar {
	-webkit-transform: translate(0,76px) !important;
	-moz-transform: translate(0,76px) !important;
	-ms-transform: translate(0,76px) !important;
	-o-transform: translate(0,76px) !important;
	transform: translate(0,76px) !important;
}

.vs-slideshow.ended .placeholder {
	-webkit-filter: grayscale(1);
}

.vs-slideshow.ended .features {
	opacity:1;
}
/*
.vs-slideshow.ended .embedModal .shadow {
	background:rgba(0,0,0,0);
}*/

/************************
 * PLAYER DEBUG CONSOLE *
 ************************/

.vs-slideshow .console {
	z-index:10000;
	top:76px;
	bottom:70%;
	width:40%;
	left:30%;
	background-color:rgba(255,255,255,0.5);
}

.vs-slideshow .console .clear {
	color:red;
	position:absolute;
	text-align:right;
	top:0;
	right:0;
	padding:5px;
	cursor:pointer;
	z-index:2;
}

.vs-slideshow .console .content {
	background:transparent;
	font:12px/16px "Courier New", Courier, monospace;
	color:#000;
	padding:5px;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
	box-sizing:border-box;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
}


/**********
 * THEMES *
 **********/

/* MTB (Default) */

.vs-slideshow .spinner {
	background:url(spinner_MTB.gif);
}

.vs-slideshow .icon {
	background-image:url(vital_GUI_MTB_2x.png?1369866745);
	background-size: 684px 276px;
}

.vs-slideshow a,
.vs-slideshow .bar .btn {
	color:#9dc429;
}

.vs-slideshow .volumeBar .sliderContainer {
	background:#9dc429;
}

.vs-slideshow .logo.link {
	width:110px;
}

.vs-slideshow button {
	border-top:1px solid #cee882;
	border-bottom:1px solid #4d6212;

	background:#9dc429;
	background:-moz-linear-gradient(top, #add72f 1%, #83a51e 100%);
	background:-webkit-linear-gradient(top, #add72f 1%,#83a51e 100%);
	background:-o-linear-gradient(top, #add72f 1%,#83a51e 100%);
	background:-ms-linear-gradient(top, #add72f 1%,#83a51e 100%);
	background:linear-gradient(to bottom, #add72f 1%,#83a51e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#add72f', endColorstr='#83a51e',GradientType=0 );
}

.vs-slideshow.no-touch .thumbnails ul li:hover,
.vs-slideshow.touch .thumbnails ul li:active {
	border-color:#9dc429;
}

.vs-slideshow .videoBar .progressBar .popup,
.vs-slideshow .videoBar .progressBar .popup .corner {
	background:#9dc429;
}


/* MX Theme */

.vs-slideshow.mx .spinner {
	background:url(spinner_MX.gif);
}

 .vs-slideshow.mx .icon {
	background-image:url(vital_GUI_MX_2x.png);
}

.vs-slideshow.mx a,
.vs-slideshow.mx .bar .btn {
	color:#ffcd00;
}

.vs-slideshow.mx .volumeBar .sliderContainer {
	background:#ffcd00;
}

.vs-slideshow.mx .logo.link {
	width:110px;
}

.vs-slideshow.mx button {
	border-top:1px solid #ffe066;
	border-bottom:1px solid #7f6500;

	background:#e6b800;
	background:-moz-linear-gradient(top, #fecb00 1%, #d4aa00 100%);
	background:-webkit-linear-gradient(top, #fecb00 1%,#d4aa00 100%);
	background:-o-linear-gradient(top, #fecb00 1%,#d4aa00 100%);
	background:-ms-linear-gradient(top, #fecb00 1%,#d4aa00 100%);
	background:linear-gradient(to bottom, #fecb00 1%,#d4aa00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecb00', endColorstr='#d4aa00',GradientType=0 );
}

.vs-slideshow.mx.no-touch .thumbnails ul li:hover,
.vs-slideshow.mx.touch .thumbnails ul li:active {
	border-color:#ffcd00;
}

.vs-slideshow.mx .videoBar .progressBar .popup,
.vs-slideshow.mx .videoBar .progressBar .popup .corner {
	background:#ffcd00;
}



/* BMX Theme */

.vs-slideshow.bmx .spinner {
	background:url(spinner_BMX.gif);
}

.vs-slideshow.bmx .icon {
	background-image:url(vital_GUI_BMX_2x.png);
}

.vs-slideshow.bmx a,
.vs-slideshow.bmx .bar .btn {
	color:#009ee2;
}

.vs-slideshow.bmx .volumeBar .sliderContainer {
	background:#009ee2;
}

.vs-slideshow.bmx .logo.link {
	width:122px;
}

.vs-slideshow.bmx button {
	border-top:1px solid #77cee3;
	border-bottom:1px solid #014870;

	background:#0e93c5;
	background:-moz-linear-gradient(top,  #1badd0 1%, #017abc 100%);
	background:-webkit-linear-gradient(top,  #1badd0 1%,#017abc 100%);
	background:-o-linear-gradient(top,  #1badd0 1%,#017abc 100%);
	background:-ms-linear-gradient(top,  #1badd0 1%,#017abc 100%); 
	background:linear-gradient(to bottom,  #1badd0 1%,#017abc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1badd0', endColorstr='#017abc',GradientType=0 );
}

.vs-slideshow.bmx.no-touch .thumbnails ul li:hover,
.vs-slideshow.bmx.touch .thumbnails ul li:active {
	border-color:#009ee2;
}

.vs-slideshow.bmx .videoBar .progressBar .popup,
.vs-slideshow.bmx .videoBar .progressBar .popup .corner {
	background:#009ee2;
}



div.icon { 
  text-align: center 
}