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


.coin-slider { overflow: hidden; zoom: 1; position: relative;  background-color: black;	background-color:  transparent;}
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; top: -32px;  background-color: #000; filter: alpha(opacity=70); opacity:0.7; border-radius: 15px 0 0 0; z-index: 1001; position: absolute;}
.cs-buttons a { position: relative; margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF;  /*text-indent: -1000px;*/ border-radius: 50% 50% 50% 50%; z-index: 2500;}

.cs-active { background-color: #FFF; color: #FFF;
-webkit-box-shadow: 0 0 3px #FFF; 
-moz-box-shadow: 0 0 3px #FFF; 
 box-shadow: 0 0 3px #FFF;
 border: 1px solid #FFF !important;
 /* #00AFF6 */
 }

.cs-title { padding: 6px; background-color: #000000; color: #FFFFFF; border-radius: 0 15px 0 0;}

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

.cs-next{ border-radius: 40% 0 0 40%;}
.cs-prev { border-radius: 0 40% 40% 0;}

.cs-title-coin-slider span {}
.cs-title-coin-slider b { opacity: 1 !important; }