#container_sl {

	width:100%;
	height:340px;
	display:block;
	margin-top:0px;
	margin-left:0%;
	padding-bottom: 0px;
	/*background-color: #F00;*/
}

/*
	Slideshow
*/

#slides{
	position:absolute;
	z-index:100;
}

 #intro {
	 	position:absolute;
 }

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:100%;
	overflow:hidden;
	position:relative;
	display:none;
}

.slides_container div.slide {
	width:1024px;
	height:340px;
	display:block;
	position:relative;
}
.slidetext {
	position:absolute;
	z-index:50;
	top:50%;
	margin-top:-19px;
	left:140px;
	


	
	
}
.slidetext span{
	display:inline-block;
	padding:10px 20px;
	background-color: rgba(0,91,172,0.8);
		font-size: 34px;
 	 line-height: 34px;
 	 font-family: "Open Sans Condensed",sans-serif;
 	 font-family: 'Heebo', sans-serif;
 	 text-transform: uppercase;
    font-weight: 700;
	color:#FFF;	

}
/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container a {
	
	width:100%;
	display:block;
}

#content #container_sl .slides_container a img {
	position:relative;

}

/*
	Next/prev buttons
*/

.content .next img, .content .prev img {
	width:auto;
	height:auto;
	
}



#intro .next, #intro .prev {
	background-repeat: no-repeat;
	background-position: 0px center;
	background-size: 40px 40px;	
	position:absolute;
	top:0px;	
	left:0px;
	width:100px;
	height:100%;
	display:block;
	z-index:10;
	cursor:pointer;
	/*background-color: rgba(200,200,200,0.8);*/
	
}
#intro .prev {
	background-image:url(../userfiles/images/meta/arrow-prev.svg);
}
#intro .next {
	background-image:url(../userfiles/images/meta/arrow-next.svg);
	background-position: right center;
	left:924px;
}

/*
	Pagination
*/

#intro ul.pagination{
	z-index:200;
	/*background-color: #Ff0;*/
	display:block;
	display:none;
}



.pagination {
	position:absolute;
	bottom:-30px;
	margin-left:-23px;
	height:12px;
	width:400px;
	display:none;
	/*background-color: #Ff0;*/
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:14px;
	height:0;
	padding-top:12px;
	background-image:url(../userfiles/images/meta/pagination2.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}
/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1023px) {	
	#container_sl { height:263px;}
	.slides_container div.slide { width:768px; height: 263px;}
	.slidetext span{ padding:6px 16px; font-size: 28px;  line-height: 32px; }
	#intro .next { left:668px; }

}
@media only screen and (min-width: 320px)  and (max-width: 639px) {

}


@media only screen and (min-width: 480px)  and (max-width: 639px) {
		#container_sl { height:175px;}
	.slides_container div.slide { width:512px; height: 175px;}
	.slidetext span{ padding:3px 8px; font-size: 18px;  line-height: 22px; }
	#intro .next { left:412px; }
}
@media only screen and (min-width: 320px)  and (max-width: 479px) {
		#container_sl { height:110px;}
	.slides_container div.slide { width:320px; height: 110px;}
	.slidetext
{
  position: absolute;
  z-index: 50;
  top: 50%;
  margin-top: -19px;
  left: 40px;
}
	.slidetext span{ padding:2px 6px; font-size: 14px;  line-height: 16px; }
	#intro .next { left:220px; }
	
#intro .next, #intro .prev {  background-size: 30px 30px;	}
	
	
	
}