/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}
.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}
.rslides_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
}
.centered-btns_nav {
	z-index: 3;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 50%;
	left: 0;
	opacity: 0.7;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 61px;
	width: 38px;
	background: url('http://phxautocores.com/en/Content/ResponsiveSlides.js-master/themes.gif') no-repeat left top;
	margin-top: -45px;
}
.centered-btns_nav:active {
  opacity: 1.0;
}
.centered-btns_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
}
.centered-btns_nav:focus {
  outline: none;
}
.centered-btns_tabs {
  margin-top: 10px;
  text-align: center;
}
.centered-btns_tabs li {
  display: inline;
  float: none;
  _float: left;
  *float: left;
  margin-right: 5px;
}
.centered-btns_tabs a {
  text-indent: -9999px;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #000;
  background: rgba(0,0,0, .2);
  display: inline-block;
  _display: block;
  *display: block;
  -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3);
  width: 9px;
  height: 9px;
}
.centered-btns_here a {
	background: #222;
	background: rgb(0, 0, 0);
}
/* Use this stlye to add a caption to each image individually. 
To use, add a <p> element with the class of "caption" to each image individually. */
.caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 14px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
}

@media screen and (max-width: 614px) {
	.caption {
	  font-size: 12px;
	}
}
@media screen and (max-width: 480px) {
	.caption {
	  font-size: 10px;
	}
}