.slideshow { width:100%; border-bottom:5px solid #0060a9; }
.no-js .slideshow { overflow-y:scroll; }

.slideshow-overlay { position:relative; padding:20px; background:rgba(255,255,255,0.7); }

.slide { width:100%; }

.slideshow { position:relative; z-index:30; background:#cdcdcd; }
.slides { position:relative; z-index:20; margin:0; padding:0; height:360px; list-style:none; }

.slide { position:absolute; z-index:10; top:0; left:0; width:100%; background-position:center top; }
.slide.active { z-index:15; }
.no-js .slide { position:relative; display:block; }

.slide .slideImg { background-position:80% top; width:100%; height:370px; }

.slide:first-child { display:block; }
.slide:first-child .slideImg,
.slide:first-child .slideInfo { display:block; }

.slideInfo {
	display:none;
	position:relative;
	padding:4em 3em; 
	width:100%; height:400px;
	color:#000;
	background:#fff; 
			
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	
}

.slideInfo .title { margin-top:0; font-style:italic; font-weight:normal; font-size:1.3em; }
.slideInfo .description { line-height:1.8em; font-size:0.73em; }
.slideInfo .btn { position:absolute; bottom:15px; right:5%; z-index:99; }
.slideInfo a, .slideInfo a:visited { color:#fff; 
	
	-webkit-transition: all .2s ease-in;
       -moz-transition: all .2s ease-in;
        -ms-transition: all .2s ease-in; 
	     -o-transition: all .2s ease-in;
            transition: all .2s ease-in;	
}
.slideInfo a:hover, .slideInfo a:focus { text-decoration:none; text-shadow:1px 1px 1px #999, 2px 2px 1px #222; }
.no-textshadow .slideInfo a:hover, .no-textshadow .slideInfo a:focus { text-decoration:underline; }

.slideInfo .viewMore { font-family:arial, sans-serif; font-size:1.25em; font-weight:bold; text-transform:lowercase; }

.slideImg { display:none; }

.slideNavWrap { position:relative; margin:-50px auto 0; width:100%; height:50px }
.slideNav  { position:absolute; z-index:25; bottom:350px; width:100%; }
.slideNav .prev, .slideNav .next { display:none;	 }

.slideNav a:hover, .slideNav a:focus { outline:0;
	
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	     -o-transform: scale(1.1);
	        transform: scale(1.1);
}

.slideNav .prev:before, .slideNav .next:before { position:absolute; left:-15px; top:-10px; }

.slideNav .slidePager { text-align:center; }
.slideNav .slidePager a { display:inline-block; margin:0 0 0 10px; height:15px; width:15px; text-indent:-9999em; background:#999b9e; 

	-webkit-border-radius:30px;
	        border-radius:30px;
	
	-webkit-transition: all .2s ease-in;
       -moz-transition: all .2s ease-in;
	     -o-transition: all .2s ease-in;
            transition: all .2s ease-in;	
}
.slideNav .slidePager a.active { background:#0060a9; }

.slideNav .prev span, .slideNav .next span { position:absolute; margin:-1px; padding:0; width:1px; height:1px; border:0; clip:rect(0 0 0 0); overflow:hidden; }

@media only screen and (min-width:12em) and (max-width:44.59em){
	.slideshow { width:100%; overflow:hidden; background:#cdcdcd }
	.slides { height:auto; }
	.slide { position:relative; display:none; }
	.slide:first-child { display:block; }
	.slide.active { display:block; }
	.slide.inactive { display:none; }
	.slideImg { display:block !important; width:100%; }
	.active .slideImg {
	
	-webkit-animation:fadeIn .8s 1;
	   -moz-animation:fadeIn .8s 1;
	     -o-animation:fadeIn .8s 1;
	        animation:fadeIn .8s 1;
	}
	.active .slideInfo { }
	.slideInfo { display:block !important; position:relative; bottom:0; width:100%; }
}

@media only screen and (min-width:48em) {
	.slideshow { height:370px; }
	
	.slide { height:370px; background:#fff; }
	.slideWrap { position:relative; margin:0 auto; max-width:940px; width:100%; height:370px; }
	.slideInfo { position:absolute; top:20px; left:0; padding:1.7em; width:370px; height:70%; background:rgba(255,255,255,0.9); }
	.slideInfo:before {
		content:"";
		background:rgba(255,255,255,0.9);
		position:absolute; bottom:-70px; left:0;	
		height:70px; width:300px;
	}
	.slideInfo:after {
		content:"";
		position:absolute; bottom:-70px; right:0;	
		border-left:70px solid rgba(255,255,255,0.9);
		border-bottom:70px solid transparent;
	}
	.slideInfo .title { font-size:1.6em; }
	.slideInfo .btn { position:absolute; bottom:-50px; right:0; z-index:99; }
	.slide .slideImg { position:absolute; width:100%; /* max-width:1500px; */ height:370px; overflow:hidden; background-repeat:no-repeat; background-color:#fff; background-position:center top; }
	.slide .slideImg:before { content:''; position:absolute; top:0; left:0; height:370px; width:100px; 
		background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); 
		background: -moz-linear-gradient(left,  rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%); 
		background: -ms-linear-gradient(left,  rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); 
		background: -o-linear-gradient(left,  rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); 
		background: linear-gradient(to right,  rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
	}
	.slide .slideImg:after { content:''; position:absolute; top:0; right:0; height:370px; width:100px; 
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 00%,rgba(255,255,255,1) 80%); 
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 20%, rgba(255,255,255,1) 100%);
		background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); 
		background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%); 
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); 

	}
	.slideImg img { max-width:640px; }
	.slideNavWrap { max-width:980px; }
	
	.slideNavWrap { margin:-38px auto 0; }
	.slideNav { left:1%; bottom:42px; width:auto; }
	.slideNav .slidePager { width:200px; }
}

@-webkit-keyframes fadeIn {
  0%   { opacity: 0.0; }
  100% { opacity: 1.0; }
}
@-moz-keyframes fadeIn {
  0%   { opacity: 0.0; }
  100% { opacity: 1.0; }
}
@-o-keyframes fadeIn {
  0%   { opacity: 0.0; }
  100% { opacity: 1.0; }
}
@keyframes fadeIn {
  0%   { opacity: 0.0; }
  100% { opacity: 1.0; }
}