.s5_is_slide{
  float: left; 
  position: absolute; 
  z-index:0;
  overflow: hidden;
  left:0; 
  bottom:0;  
  background:#000000;
  visibility: visible; 
  margin:0px !important;
  padding:0px !important;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;}

.s5_is{ 
  overflow: hidden; 
  position: relative;
  padding:0;
  cursor:pointer;}

.s5_is_display {
  position: absolute; 
  top: 0;
  z-index:1;
  font-size:1em;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:15px;
  color:#CCCCCC; }

.s5_is_display h3 {
  white-space:nowrap;
  padding-top:15px;
  padding-bottom:15px;
  font-size:1.1em;
  color:#FFFFFF;}

.s5_is img {
  display:block;}

@media screen and (max-width: 970px){
	.s5_is_display h3 {
	  white-space:normal;}
}


/*  CSS3 Info Slide Version  */

.s5_is_css_1 .s5_is_css_hidden, .s5_is_css_1:hover img, .s5_is_css_1 img, .s5_is_css .s5_is_slide_css, .s5_is_css_2 img, .s5_is_css_2 .s5_is_slide_css  {
	-webkit-transition:  all 300ms ease-in;
	-moz-transition:  all 300ms ease-in;
	-o-transition: all 300ms ease-in;
	transition:  all 300ms ease-in;
	}	
	
.s5_is_css img, .s5_is_css_hidden, .s5_is_css_1 img, .s5_is_css_2 img{	
	display:block;}	
	
/* Default */
	
.s5_is_css .s5_is_slide_css {
	background:#000000;
	-moz-opacity: .85;
	-khtml-opacity: .85;
	filter:alpha(opacity=85);
	opacity:.85;
	transform: translateY(-24%);
	-ms-transform:translateY(-24%); /* IE 9 */
	-webkit-transform:translateY(-24%); /* Safarai Chrome */
	height:100%;
	color: #CCCCCC;left: 0;width:100%;margin-left: 0;margin-top: 0;position: absolute;}

.s5_is_css:hover .s5_is_slide_css {		
	transform: translateY(-100%);
	-ms-transform:translateY(-100%); /* IE 9 */
	-webkit-transform:translateY(-100%); /* Safarai Chrome */
	}	
	
.s5_is_css {
	position:relative;overflow:hidden;}
	
.s5_is_css h1, .s5_is_css h2, .s5_is_css h3, .s5_is_css h4, .s5_is_css h5 {
	font-size:100%;
	padding-bottom: 3%;padding-left: 4%;padding-right: 4%;padding-top: 3%;color:#ffffff;}
	
.s5_is_css .s5_is_css_hidden {
	background:none;
	line-height: 22px;
	padding:4%;
	padding-top:0%;
	overflow:hidden;
	font-size:.9em;}	
	
@media screen and (max-width: 970px){
	.s5_is_css .s5_is_slide_css, .s5_is_css:hover .s5_is_slide_css  {
	transform:none;
	-ms-transform:none;
	-webkit-transform:none;
	position:relative;
	}
}

/* Version 1 */

.s5_is_css_1 .s5_is_slide_css {
	bottom: 0;color: #FFFFFF;left: 0;width:100%;margin-left: 0;margin-top: 0;position: absolute;}

.s5_is_css_1 {
	position:relative;overflow:hidden;}
	
.s5_is_css_1 h1, .s5_is_css_1 h2, .s5_is_css_1 h3, .s5_is_css_1 h4, .s5_is_css_1 h5 {
	bottom:0;color:#ffffff;padding-left:6%;padding-bottom:6%;padding-right:6%;}

.s5_is_css_1:hover .s5_is_css_hidden {
	height:auto;
	background:#000000;
	padding:6%;}	
	
.s5_is_css_1 .s5_is_css_hidden {
	display:block;
	background:none;
	line-height: 22px;
	padding-left:6%;
	padding-right:6%;
	padding-top: 0px;
	padding-bottom: 0px;
	font-size:0.9em;
	height:0px;}

	
@media screen and (max-width: 970px){
	.s5_is_css_1 .s5_is_slide_css, .s5_is_css_1:hover .s5_is_slide_css  {
	background:#262626;
	transform:none;
	-ms-transform:none;
	-webkit-transform:none;
	position:relative;
	}
	.s5_is_css_1 h1, .s5_is_css_1 h2, .s5_is_css_1 h3, .s5_is_css_1 h4, .s5_is_css_1 h5 {
	font-size:100%;padding-bottom: 3%;padding-left: 4%;padding-right: 4%;padding-top: 3%;color:#ffffff;}
	.s5_is_css_1 .s5_is_css_hidden, .s5_is_css_1:hover .s5_is_css_hidden {
	height:auto;
	background:#262626;
	padding:4%;
	padding-top:0%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}
}

	
/* Version 2 */

.s5_is_css_2 .s5_is_slide_css {	
	background:#000000;
	-moz-opacity: .85;
	-khtml-opacity: .85;
	filter:alpha(opacity=85);
	opacity:.85;
	transform: translateY(-24%);
	-ms-transform:translateY(-24%); /* IE 9 */
	-webkit-transform:translateY(-24%); /* Safarai Chrome */
	height:100%;
	color: #FFFFFF;left: 0;width:100%;margin-left: 0;margin-top: 0;position: absolute;}

.s5_is_css_2:hover .s5_is_slide_css, .s5_is_css_2:hover img {	
	-moz-opacity: 1;
	-khtml-opacity: 1;
	filter:alpha(opacity=100);
	opacity:1;
	transform: translateY(-100%);
	-ms-transform:translateY(-100%); /* IE 9 */
	-webkit-transform:translateY(-100%); /* Safarai Chrome */}	
	
.s5_is_css_2 {
	position:relative;overflow:hidden;margin-right:7px;margin-bottom:-7px;}
	
.s5_is_css_2 h1, .s5_is_css_2 h2, .s5_is_css_2 h3, .s5_is_css_2 h4, .s5_is_css_2 h5 {
	padding-bottom: 0%;padding-left: 6%;padding-right: 6%;padding-top: 3%;color:#ffffff;}
	
.s5_is_css_2 .s5_is_css_hidden {
	display:block;
	background:none;
	line-height: 22px;
	padding:3% 6% 6%;
	font-size:.9em;
	height:0px;}

@media screen and (max-width: 970px){
	.s5_is_css_2 .s5_is_slide_css, .s5_is_css_2:hover .s5_is_slide_css  {
	background:#000000;
	transform:none;
	-ms-transform:none;
	-webkit-transform:none;
	position:relative;
	}
	.s5_is_css_2:hover .s5_is_slide_css, .s5_is_css_2:hover img {	
	transform:none;
	-ms-transform:none;
	-webkit-transform:none;}	
	.s5_is_css_2 h1, .s5_is_css_2 h2, .s5_is_css_2 h3, .s5_is_css_2 h4, .s5_is_css_2 h5 {
	font-size:100%;padding-bottom: 3%;padding-left: 4%;padding-right: 4%;padding-top: 3%;color:#ffffff;}
	.s5_is_css_2 .s5_is_css_hidden, .s5_is_css_2:hover .s5_is_css_hidden {
	height:auto;
	background:#000000;
	padding:4%;
	padding-top:0%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}
}
