/**
 * Slideshow
 */



/* Necessary styles
-------------------------------------------------------------- */
.the-slideshow {margin: 0; padding: 0;}
.the-slideshow .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.the-slideshow .slides img {max-width: 100%; display: block;}
.pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.the-slideshow .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .the-slideshow .slides {display: block;}
* html .the-slideshow .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .the-slideshow .slides > li:first-child {display: block;}

/* Default style
-------------------------------------------------------------- */
.the-slideshow { margin:0 auto 2%; position:relative; zoom:1; }
.the-slideshow .slides { zoom:1; }
.the-slideshow .slides > li {
	position:relative;
	-webkit-transform: translateZ(0); /* Fix: possible glitches during animation */
}

/* Slideshow banners
-------------------------------------------------------------- */
.slideshow-banners { margin-bottom:2%;}
.slideshow-banners .banner { position:relative; /* Container for caption */ }
.slideshow-banners a.banner, /* Backward compatibility, link could have "banner" class */
.slideshow-banners .banner a { display:block; }

/* Effects
-------------------------------------------------------------- */
.the-slideshow-wrapper .fade-on-hover,
.the-slideshow-wrapper .fade-on-slideshow-hover {
	transition:			opacity 300ms ease-in-out;
	-moz-transition:	opacity 300ms ease-in-out;
	-webkit-transition:	opacity 300ms ease-in-out;
	-o-transition:		opacity 300ms ease-in-out;
}
.the-slideshow-wrapper .fade-on-hover:hover,
.the-slideshow-wrapper:hover .fade-on-slideshow-hover {
	opacity:0.80;
	filter:alpha(opacity=80);
}