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


.coin-slider { overflow: hidden; zoom: 1; position: relative; height: 282px }
.coin-slider a{ text-decoration: none; outline: none; border: none }
.coin-slider p {padding: 0}
.loader {
  background-image: url(../../../bundles/softekspert/images/loader.gif);
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  z-index: 1000;
  position: absolute
}

#coin-slider-slider {
  display: none
}

#slider {
  height: 250px;
  width: auto !important;
  display: none;
  overflow: hidden
}

#slider span {
  display: none
}

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.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: 100%; padding: 15px; background-color: #000000; color: #FFFFFF; }

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

#mini-coin-slider .cs-buttons a {
  width: 3px !important;
  height: 3px !important
}

#mini-coin-slider {
  margin: 0 20px
}

#mini-coin-slider, #mini-coin-slider .coin-slider {
  height: 85px !important;
  width: 160px !important
}

#cs-buttons-mini-slider {
  padding-left: 28px
}

#mini-slider {
  height: 60px;
  overflow: hidden
}