@charset "utf-8";



/*tasarimlar slider*/
.slidermc{position:relative; width:100%; margin:0 auto; 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%;}
				.sc>div>a{display:block; width:100%; border:1px dashed green;}
				.sc>div>img{width:100%;}

	/*Navigasyonlar*/
	div.next, div.prev{position:absolute; bottom:0.5%; z-index:99; width:35px; height:35px; text-indent:-9999px; background-size:auto 70px; /*border:1px solid green;*/ cursor:pointer;}
	.next{background:url(img/nav.png) 0 0 no-repeat; right:10px;}
	.prev{background:url(img/nav.png) -35px 0 no-repeat; left:10px;}
	
	/*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:#777;}

	/*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;}


/*mobile tasarımlar slider*/
div.mobiletasarimlarslider{display:none;}



/*Sayfalama*/
div.sayfalama{/*position:relative; top:50px; right:200px; */width:130px; height:40px; float:right; margin-top:160px; margin-right:100px; /*border: 1px solid green;*/}
	a.sayOnceki, a.saySonraki, div.sayfalama span{display:inline-block; width:40px; height:40px;}
	a.sayOnceki, a.saySonraki{text-indent:-9999px; background:url("../Images/oncekisonraki.png") 0 0 no-repeat; background-size:80px 40px;}
	a.sayOnceki{}
	a.saySonraki{background-position:-40px 0;}
	div.sayfalama span{vertical-align: middle; font:24px robotocondlight, Arial, sans-serif; color:#0081BF; text-align:center; padding-top:25px; /*border:1px solid green;*/}

a.devam{display:block; width:180px; padding:13px; margin:15px auto; font:18px robotocondlight, Arial, sans-serif; color:white; text-align:center; background:radial-gradient(#0081BF, #00496C 200%); border-radius:3px;}

/*örnektasarımlar liste*/
h1.orneklerBaslik{position:relative; top:0; left:19vw; width:180px; height:180px; margin-top:150px; margin-bottom:-90px; background-color:#0081BF; z-index:10;}	
	h1.orneklerBaslik>a{position:absolute; left:18px; bottom:15px; font:33px milkshake, "Gill Sans", Helvetica, "sans-serif"; color:white; line-height:32px;}
div.mavi, div.beyaz{width:100%; height:25vw;}
div.mavi{background:url("../Images/tasarim_mavibg.png") no-repeat 1% 1%, radial-gradient(#0081BF, #00496C 150%); background-size:600px contain, contain; overflow:hidden;}
div.beyaz{background:url("../Images/tasarim_beyazbg.png") no-repeat 100% 1%; background-size:600px contain; overflow:hidden;}
	a.maviContent{display:table; width:70vw; height:25vw; margin:0 auto; /*border:1px dashed purple;*/}
		div.maviPhoto{display:table-cell; vertical-align: middle; width:30vw; text-align:center; /*border:1px solid green;*/}
			div.maviPhoto>img{width:25vw; /*border:1px solid blue;*/ }
		div.maviYazi{display:table-cell; vertical-align: middle; width:38vw; color:white; text-align:right; /*border:1px dotted red;*/}
			div.maviYazi>span:nth-child(1){font:1.3vw bebaskai, Arial, sans-serif;}
			div.maviYazi>span:nth-child(3){font:6vw bebaskai, Arial, sans-serif;}
			div.maviYazi>span:nth-child(5){font:1vw anke, Arial, sans-serif;}
	a.beyazContent{display:table; width:70vw; height:25vw; margin:0 auto; /*border:1px dashed purple;*/}
		div.beyazPhoto{display:table-cell; vertical-align: middle; width:30vw; text-align:center; /*border:1px solid green;*/}
			div.beyazPhoto>img{width:25vw; }
		div.beyazYazi{display:table-cell; vertical-align: middle; width:38vw; color:#0081BF; text-align:left; /*border:1px dotted red;*/}
			div.beyazYazi>span:nth-child(1){font:1.3vw bebaskai, Arial, sans-serif;}
			div.beyazYazi>span:nth-child(3){font:6vw bebaskai, Arial, sans-serif;}
			div.beyazYazi>span:nth-child(5){font:1vw anke, Arial, sans-serif;}





		
@media only screen and (max-width: 1440px) {
		/*fixed header*/
		div.fixmenu{height:60px;}
			a.fixlogo{width:125px; height:46px; margin:15px 0 0 60px; background-size: contain; /*border:1px solid green;*/}
			.fixmainmenu{margin-top:18px;}
				.fixmainmenu>a{margin-left:40px; font-size:18px;}

		/*header*/
		a.logo{width:146px; height:62px; margin-left:60px; background-size: contain; }
		.mainmenu{margin-top:56px;}
		.mainmenu>a{font-size:18px;}

}/*Media 1440*/



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



/*tasarımlar slider*/
.slidermc{display:none}

/*mobile tasarımlar slider*/
div.mobiletasarimlarslider{display:block; width:100%; margin-top:50px; /*border-bottom:1px solid #0081BF;*/}
	div.mobiletasarimlarslider>div{width:100%;/*border:1px solid green;*/}
		/*img'leri display:block yaptığından dolayı, ortalamak için margin:auto kullanıyoruz.*/
			div.mobiletasarimlarslider>div img{width:100%; height:auto; margin:0 auto; /*border:1px solid blue;*/}
		/*Mobile Pagination*/
	ul.slick-dots{margin:15px auto 0; 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:gray; 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:white; border-radius:15px; border:1px solid gray;}






/*Sayfalama*/
div.sayfalama{/*position:relative; top:50px; right:200px; */width:130px; height:40px; float:right; margin-top:55px; margin-right:2vw; /*border: 1px solid green;*/}
	a.sayOnceki, a.saySonraki, div.sayfalama span{display:inline-block; width:40px; height:40px;}
	a.sayOnceki, a.saySonraki{text-indent:-9999px; background:url("../Images/oncekisonraki.png") 0 0 no-repeat; background-size:80px 40px;}
	a.sayOnceki{}
	a.saySonraki{background-position:-40px 0;}
	div.sayfalama span{vertical-align: middle; font:24px robotocondlight, Arial, sans-serif; color:#0081BF; text-align:center; padding-top:25px; /*border:1px solid green;*/}

a.devam{display:block; width:180px; padding:13px; margin:15px auto; font:18px robotocondlight, Arial, sans-serif; color:white; text-align:center; background:radial-gradient(#0081BF, #00496C 200%); border-radius:3px;}





/*örnektasarımlar liste*/
h1.orneklerBaslik{position:relative; top:0; left:9vw; width:90px; height:90px; margin-top:75px; margin-bottom:-45px; background-color:#0081BF; z-index:10;}	
	h1.orneklerBaslik>a{position:absolute; left:8px; bottom:6px; font:16px milkshake, "Gill Sans", Helvetica, "sans-serif"; color:white; line-height:16px;}
div.mavi, div.beyaz{width:100%; height:auto;}
div.mavi{background:url("../Images/tasarim_mavibg.png") 0 100% no-repeat, radial-gradient(#0081BF 50%, #00496C 150%); background-size:600px contain, contain; /*overflow:hidden;*/}
div.beyaz{background:url("../Images/tasarim_beyazbg.png") 0 100%  no-repeat; background-size:600px contain; /*overflow:hidden;*/}
	a.maviContent{display:block; width:100%; height:auto; margin:0 auto; padding:80px 0;/*border:1px dashed purple;*/}
		div.maviPhoto{display:block; vertical-align:inherit; width:80vw; margin:0 auto; text-align:center; /*border:1px solid green;*/}
			div.maviPhoto>img{width:80vw; /*border:1px solid blue;*/ }
		div.maviYazi{display:block; vertical-align:inherit; width:80vw; margin:0 auto; color:white; text-align:center; /*border:1px dotted red;*/}
			div.maviYazi>span:nth-child(1){font:16px bebaskai, Arial, sans-serif;}
			div.maviYazi>span:nth-child(3){font:60px bebaskai, Arial, sans-serif;}
			div.maviYazi>span:nth-child(5){font:12px anke, Arial, sans-serif;}
	a.beyazContent{display:block; width:100%; height:auto; margin:0 auto; padding:80px 0;/*border:1px dashed purple;*/}
		div.beyazPhoto{display:block; vertical-align: inherit; width:80vw; margin:0 auto; text-align:center; /*border:1px solid green;*/}
			div.beyazPhoto>img{width:80vw; }
		div.beyazYazi{display:block; vertical-align: inherit; width:80vw; margin:0 auto; color:#0081BF; text-align:center; /*border:1px dotted red;*/}
			div.beyazYazi>span:nth-child(1){font:16px bebaskai, Arial, sans-serif;}
			div.beyazYazi>span:nth-child(3){font:60px bebaskai, Arial, sans-serif;}
			div.beyazYazi>span:nth-child(5){font:12px anke, Arial, sans-serif;}




}/*Media 1024*/