/* eSlider styles (minimum) */
.eSlider {
	padding: 0;
	position: relative; /* for positioning the slider navigation. */
	height: 100%;
}
.eSlider-viewport {
	height: 100%;
}
.eSlider .slides {
	list-style: none;
	margin: 0;
	padding: 0;
}
.slides {
	height: 100%;
}
.slides > li {
	height: 100%;
	position: relative;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.eSlider .slides > li {
	display: none;
  -webkit-backface-visibility: hidden;
} 
.eSlider-pauseplay span {
	text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
	content: ""; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
/* 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 .slides > li:first-child {
	display: block;
}
/* */
/* set slide images to scale */
.slideImage img {
	width: 100%;
	height: auto;
}
/* default transition for fade (shouldn't be needed...) */
.slides > li {
  -webkit-transition: opacity 0.6s ease-out;  
     -moz-transition: opacity 0.6s ease-out;  
       -o-transition: opacity 0.6s ease-out;  
          transition: opacity 0.6s ease-out;  
}
/*
.flexislider .slideInner {
	position: relative;
	height: 100%;
}
.slideContent {
   position: relative;
   z-index: 3;
}
.imageHeight .slideContent {
	position: absolute;
	height: 100%;
	width: 100%;
}
.flexislider .table {
	display: table;
	height: 100%;
	width: 100%;
}
.flexislider .table-cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
*/
/* set image to scale */
/*.imageHeight .slides img {
  width:100%;
  height:auto;
	position: relative;
	z-index: 1;	
}*/
/* flex slider styles (minimum) */
/* .sliderList is our element. Use whatever element you're calling the .flexslider() function on */
.sliderList {
  position:relative; /* for positioning the slider navigation. */	
}
/* remove margin, padding on <ul> */
.slides {
  margin:0;
	padding:0;	
}
/* set image to scale */
.slides img {
  width:100%;
  height:auto;	
}
/* handle vertically centered content positioning */
.tbl {
	display: table;
	width: 100%;
	height: 100%;
}
.tblcell {
	display: table-cell;
	vertical-align: middle;
}
/* slide image is always behind content */
.slideImage {
	z-index: 0;
}
/*.slideContent {
	position: relative;
	z-index: 1;
}*/
/* images as backgrounds styles */
.eSlider.backgrounds .slideImage {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.colorOverlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.patternOverlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.slideImage.grayscale {
    filter: url('../js/filters.svg#grayscale'); /* Firefox 3.5+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */
}