/*
	Coin Slider jQuery plugin CSS styles
	http://workshop.rs/projects/coin-slider
*/

.coin-slider {
  overflow: hidden;
  zoom: 1;
  position: relative;
  margin: 0px auto;
  border: solid #9beb2a 10px;
  width: 690px;
}
.coin-slider a {
  text-decoration: none;
  outline: none;
  border: none;
}

.cs-buttons {
  font-size: 0px;
  padding: 10px;
  float: left;
  display: none;
}
.cs-buttons a {
  margin-left: 5px;
  height: 10px;
  width: 10px;
  float: left;
  border: 1px solid #b8c4cf;
  color: #b8c4cf;
  text-indent: -1000px;
}
.cs-active {
  background-color: #b8c4cf;
  color: #ffffff;
}

.cs-title {
  width: 500px;
  height: 100px;
  padding: 10px;
  font-size: 1.5em;
  text-align: right;
  top: 100px;
  background: #9beb2a;
  color: #000;
}

.cs-title strong {
  font-size: 26px;
}

.cs-prev,
.cs-next {
  background-color: #000000;
  color: #ffffff;
  padding: 0px 10px;
}

/* ----responsive----- */

@media screen and (max-width: 630px) {
  .coin-slider {
    overflow: hidden;
    zoom: 1;
    position: relative;
    margin-top: 10px;
    margin-left: 8px;
    border: solid #9beb2a 10px;
    width: 90%;
    max-width: 100%;
    display: none;
  }

  .cs-title {
    width: 250px;
  }
}