/**
*	Author			: 	Cybernetikz
*	Author Email	:	info@cybernetikz.com
*	Blog			: 	http://blog.cybernetikz.com
*	Website			: 	http://www.cybernetikz.com
*/

#cnslider-container{margin:0 auto;}
	
.cnslider{float:left;position:relative;width:100%;}	

.cnslider-wrap{float:left;position:relative;width:100%;height:100%;overflow:hidden;}

#cnslider-container p{margin:0;}

	.cns-item img{width:100%;}
	
	.cns-item .cns-contentbox{
		float:left;
		position:absolute;
		width:75%;
		top:8%;
		}
	
	.cns-contentbox h2.cns-tille{
		color: #FFF;
		font-size: 100%;
		font-weight: bold;
		line-height: 110%;
		margin:0;
		padding-bottom:10px;
		}
		
	.cns-inner-content{
		font-size: 70%;
		line-height:110%;
		color:#FFF;
	}
		
	.cns-contentbox .cns-link{
			padding-top:1.5%;
			text-align:center;
			width:40%;
		}
		
		.cns-contentbox .cns-link a {
			font-size: 70%;
			padding: 5% 8%;
			text-decoration: none;
			font-weight: 700;
			letter-spacing: 2px;
    		line-height: 110%;
			display:inline-block;
		}
				
		.cns-contentbox .cns-link a{
			background-color: #7db7f0;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#7db7f0), to(#1874cd));
			background-image: -webkit-linear-gradient(top, #7db7f0, #1874cd);
			background-image: -moz-linear-gradient(top, #7db7f0, #1874cd);
			background-image: -ms-linear-gradient(top, #7db7f0, #1874cd);
			background-image: -o-linear-gradient(top, #7db7f0, #1874cd);
			background-image: linear-gradient(top, #7db7f0, #1874cd);
			color: #fff;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7db7f0, endColorstr=#1874cd);
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
			border-radius:3px;
		}
	
.cns-pagination,.slidesjs-pagination{
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:100;
	list-style:none outside none;
	}
	
	.cns-pagination li,.slidesjs-pagination li.slidesjs-pagination-item{float:left;position:relative;width:12px;height:12px;padding:2px;list-style:none outside none;}
	
	.cns-pagination li a,.slidesjs-pagination li.slidesjs-pagination-item a{display:block;text-indent:20000px;background:url(../../images/cybernetikz_cnslider/pagination.png) no-repeat;width:10px;height:10px;}
	.cns-pagination li.activeSlide a,.slidesjs-pagination li.slidesjs-pagination-item a.active{background:url(../../images/cybernetikz_cnslider/pagination.png) no-repeat center -14px;}
	
.cns-pauseplay{
	bottom: 10px;
    position: absolute;
    left: 10px;
    z-index: 100;
	}
	
	#cns-pause{width:14px;height:16px;}
	
	#cns-play{
		width:14px;
		height:16px;
		display:none;
		}

#cns-prevnext{position:absolute;z-index:100;width:100%;top:45%;display:none;}
	
	#prev_button{width:50px;float:left;position:relative;}
	
	#next_button{ width:50px;float:right;position:relative;}

.slidesjs-previous{position:absolute;z-index:100;top:40%;left:5px;width:50px;height:46px;background:url(../../images/cybernetikz_cnslider/prev.png) no-repeat;text-indent:99999em;}

.slidesjs-next{position:absolute;z-index:100;top:40%;right:5px;width:50px;height:46px;background:url(../../images/cybernetikz_cnslider/next.png) no-repeat;text-indent:99999em;}

.slidesjs-play,.slidesjs-stop{
	bottom: 10px;
    position: absolute;
    left: 10px;
    z-index: 100;
	text-indent:99999em;
	width:14px;
	height:16px;
	}
	
.slidesjs-play{background:url(../../images/cybernetikz_cnslider/play.png) no-repeat;}
.slidesjs-stop{background:url(../../images/cybernetikz_cnslider/pause.png) no-repeat;}

.clearall{clear:both;}

/* Media quires for a responsive layout */

/* For tablets & smart phones */
@media (max-width: 767px) {
  #cnslider-container {width: auto}
  
  .cns-contentbox h2.cns-tille{font-size:70%;}
  
  .cns-inner-content{font-size:50%;}
}

/* For smartphones */
@media (max-width: 480px) {
	
	.slidesjs-next,.slidesjs-previous{top: 30%;}
	
	.slidesjs-pagination{bottom:2px;right:2px;}
  
	.cns-contentbox .cns-link a{font-size:70%;}
}

/* For smaller displays like laptops */
@media (min-width: 768px) and (max-width: 979px) {
  #cnslider-container {width: 724px}
}

/* For larger displays */
@media (min-width: 1200px) {
  #cnslider-container {width: 1170px}
}