@charset "utf-8";

/*tasarimlar slider*/
.slidermc{position:relative; width:100%; margin:0 auto; background:url("../Images/hakkimdabg-SB.png") 0 100% no-repeat; background-size:32vw; border-top:1px solid #0081BF; border-bottom:1px solid #0081BF;/*border:1px solid green;*/}

	/*Kareler*/
	.sc{position:relative; width:100%; height:100%; /*overflow:hidden;*/}
		.sc>div{position:absolute; top:0; left:0; width:100%; text-align:center;}
				.sc>div>img{height:93%;}

	/*Navigasyonlar*/
	div.next, div.prev{position:absolute; top:50%; z-index:10; width:46px; height:117px; margin-top:-58px; text-indent:-9999px; /*background-size:auto 70px;*/ /*border:1px solid green;*/ cursor:pointer;}
	.next{background:url("../Images/nextButton.png") 0 0 no-repeat; right:100px;}
	.prev{background:url("../Images/prevButton.png") 0 0 no-repeat; left:100px;}
	
	/*pc js içinden ortalanacak.*/
	/*paginationlar için span'dan başka elementler de kullanabiliriz.*/
	div.pc{position:absolute; bottom:2%; /*background:pink;*/}
		div.pc span{display:inline-block;  width:15px; height:15px; margin:0 5px; text-indent:-9999px; border-radius:25px; background:#dbdbdb; cursor:pointer;}
		div.pc span.pagact{background:#0081BF;}

	/*TimeBar*/		
	.timebarc{position:absolute; top:0; left:0; z-index:10; width:100%; height:5px; background:#e9e9e9; opacity:0.8;}
			.timebar{position:absolute; top:0; left:0; width:0%; height:5px; background:#aaa;}


			
/*Mobileslider*/
div.mobiletasarimslider{display:none;}






@media only screen and (max-width: 1024px){

/*tasarim slider*/
.slidermc{display:none;}



/*mobile tasarim slider*/
div.mobiletasarimslider{display:block; width:100%; background:url("../Images/sonyazibg.png") left bottom no-repeat; background-size:45vw auto; border-bottom:1px solid #0081BF;}
	div.mobiletasarimslider>div{/*border:1px solid green;*/}
	/*img'leri display:block yaptığından dolayı, ortalamak için margin:auto kullanıyoruz.*/
		div.mobiletasarimslider img{width:80vw; margin:0 auto; /*border:1px solid blue;*/}
/*border:1px solid purple;*/}

	/*Mobile Pagination*/
	ul.slick-dots{margin:0 auto 10px; list-style:none; text-align:center; /*border:1px solid gray;*/}
		/*pagination li'ler*/
		ul.slick-dots>li{display:inline-block; margin-left:10px;}
		/*pagination buttonlar*/
		ul.slick-dots>li>button{width:10px; height:10px; background:#dbdbdb; border:none; border-radius:15px; text-indent:-9999px;}
		/*seçili pagination li*/
		ul.slick-dots>li.slick-active{}
		/*seçili pagination button*/
		ul.slick-dots>li.slick-active>button{background:#0081BF; border-radius:15px;}
}