/*mainslider*/
div.mainslider{position:relative; top:-150px; left:0; z-index:0; width:100%; min-width:100%; /*height:1080px;*/ background: url("../Images/mainsliderbg4.png") no-repeat 100% top, url("../Images/mainsliderbg2.png") no-repeat 0% bottom; background-size:auto auto, 600px auto; border-bottom:2px solid #dadada; }

/*Animation Slider Stilleri*/
div.kareC{position:relative; top:0; left:0; width:100%; height:100%; /*background:pink;*/}
	div.kare{position:absolute; top:0; left:0; display:table; width:100%; height:100%; /*border:1px solid red;*/}
		div.photo{display:table-cell; vertical-align: middle; /*border:1px solid blue;*/ overflow:hidden;}
			div.photo>a{/*border:1px dashed green;*/}
			div.photo>a>img{max-width:40vw; /*max-height:80vh;*/ margin-top:2vw; margin-left:9vw; /*border:1px dashed black;*/}
		div.text{display:table-cell; width:45vw; vertical-align: middle; margin-right:4vw; /*border: 1px double pink;*/ overflow:hidden;}
			div.text p:nth-child(1), div.text p:nth-child(2){width:100%; font-family:bebaskai, Arial, Helvetica, sans-serif; color:#0081BF; /*border:1px solid green;*/}
			div.text p:nth-child(1){font-size:1.3vw; text-indent:0.2vw}
			div.text p:nth-child(2){font-size:8vw; margin-top:-0,5vw;}
			div.text p:nth-child(3){width:100%; font:1.1vw anke, Arial, Helvetica, sans-serif; color:#0081BF; margin-top:-0.5vw; text-indent:0.2vw}
			div.text a{color:#0081BF;}
			
div.nav{position:absolute; bottom:3vh; right:3vw;}
	a.onceki, a.sonraki{display:inline-block; width:50px; height:120px; font-size:0px; color:transparent; background:url("../Images/navButton.png") no-repeat 0 0;cursor:pointer;}
	a.onceki{background-position:0px 50%;}
	a.sonraki{background-position:-50px 50%;}

div.pagination{position:absolute; bottom:3vh; left:48vw;}
	div.pagination span{display:inline-block; width:15px; height:30px; margin-left:7px; border-radius:10px; background:#0081BF; text-indent:-9999px; cursor:pointer;}
	div.pagination span.aktif{background:white; border:1px solid #0081BF;/*background:#0E5888;*/}


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



/*Son yazı*/
div.sonyazi{width:100%; min-width:100%; margin-top:100px; padding-bottom:25px; background:url("../Images/sonyazibg.png") no-repeat left bottom, radial-gradient(#0081BF, #00496C 150%); background-size:600px, contain;/*border:1px solid transparent;*/}
/*background-size'da 600px bgimage'ın hem width hem height'i için kullanılıyor. contain, gradient rengin hem height hem width'i için kullanılıyor. Şöyle yazılabilirdi: background-size:600px 600px, contain contain; */
	div.sonyazi>h1{position:relative; top:-90px; left:19vw; width:180px; height:180px; background-color:#AE6FAC;}
		div.sonyazi>h1>a{position:absolute; left:18px; bottom:15px; font:33px milkshake, "Gill Sans", Helvetica, "sans-serif"; color:white; line-height:32px;}
	div.sonyazi>div{width:50vw; margin:-40px auto 10px; color:white;}
		div.sonyazi>div>h6{font:35px robotocondbold, Helvetica, sans-serif  }
		div.sonyazi>div>p{margin-top:10px; font:20px robotocondlight, Helvetica, sans-serif; line-height:40px; text-align: justify;}
		div.sonyazi>div>a{display:inline-block; margin-top:30px; font:22px milkshake, Helvetica, sans-serif; color:white;}



/*Son tasarımlar*/
h1.sontasarimlarh1{position:relative; left:19vw; width:180px; height:180px; margin-top:150px; margin-bottom:-90px; background-color:#0081BF; z-index:10;}	
	h1.sontasarimlarh1>a{position:absolute; left:18px; bottom:15px; font:33px milkshake, "Gill Sans", Helvetica, "sans-serif"; color:white; line-height:32px;}

div.sontasarimlar{width:75vw; margin:0 auto; /*border:1px solid red;*/}
	a.tasarim1{position:relative; display:block; width:37.1vw; height:37.1vw; float:left; background:url("../Images/tasarimbg1.png") no-repeat 93% 93%, radial-gradient(circle at top left, #e5e5e5 0%, #878787 120%); background-size:70% 70%, contain; /*border:1px dashed purple;*/overflow:hidden;}
		a.tasarim1>img{position:absolute; left:-5vw; bottom:1vw; width:32vw;}
		a.tasarim1>div{position:absolute; right:2vw; bottom:1vw; color:#0081BF; text-align:right; line-height:0;}
				a.tasarim1>div>span{display:inline-block; margin-top:-0.5vw;}
				a.tasarim1>div>span:first-child{font:1.2vw bebaskai, Arial, Helvetica, sans-serif;}
				a.tasarim1>div>span:nth-of-type(2){font:5vw bebaskai, Arial, Helvetica, sans-serif;}
				a.tasarim1>div>span:last-child{font:1vw anke, Arial, Helvetica, sans-serif;}
	a.tasarim2{position:relative; display:block; width:37.1vw; height:37.1vw; float:left; margin-left:0.7vw; background:url("../Images/tasarimbg2.png") no-repeat -100px 150%, radial-gradient(circle at top right, #0081BF 10%, #00496C 110%); background-size:70% 70%, contain; /*border:1px dashed purple*/overflow:hidden;}
		a.tasarim2>img{position:absolute; right:-15vw; bottom:-4vw; width:52vw;}
		a.tasarim2>div{position:absolute; left:2vw; bottom:1vw; color:white; text-align:left; line-height: 0;}
				a.tasarim2>div>span{display:inline-block; margin-top:-0.5vw;}
				a.tasarim2>div>span:first-child{font:1.2vw bebaskai, Arial, Helvetica, sans-serif;}
				a.tasarim2>div>span:nth-of-type(2){font:5vw bebaskai, Arial, Helvetica, sans-serif;}
				a.tasarim2>div>span:last-child{font:1vw anke, Arial, Helvetica, sans-serif;}					
	a.tasarim3{position:relative; display:block; width:37.1vw; height:37.1vw; float:left; margin-top:0.7vw; background:url("../Images/tasarimbg3.png") no-repeat 96% 93%, radial-gradient(circle at top right, #0081BF 50%, #00496C 150%); background-size:70% 70%, contain; overflow:hidden;}
		a.tasarim3>img{position:absolute; left:-3vw; top:-3vw; width:36vw;}
		a.tasarim3>div{position:absolute; right:2vw; bottom:1vw; color:white; text-align:right; line-height: 0;}
				a.tasarim3>div>span{display:inline-block; margin-top:-0.5vw;}
				a.tasarim3>div>span:first-child{font:1.2vw bebaskai, Arial, Helvetica, sans-serif;}
				a.tasarim3>div>span:nth-of-type(2){font:5vw bebaskai, Arial, Helvetica, sans-serif;}
				a.tasarim3>div>span:last-child{font:1vw anke, Arial, Helvetica, sans-serif;}		
	a.tasarim4{position:relative; display:block; width:37.1vw; height:37.1vw; float:left; margin-top:0.7vw; margin-left:0.7vw; background:url("../Images/tasarimbg1.png") no-repeat -15% 93%, radial-gradient(circle at top right, #e5e5e5, #878787 110%); background-size:70% 70%, contain; overflow:hidden;}
		a.tasarim4>img{position:absolute; left:0vw; top:0vw; width:35vw;}
		a.tasarim4>div{position:absolute; right:2vw; bottom:1vw; color:#0081BF; text-align:left; line-height: 0;}
				a.tasarim4>div>span{display:inline-block; margin-top:-0.5vw;}
				a.tasarim4>div>span:first-child{font:1.2vw bebaskai, Arial, Helvetica, sans-serif;}
				a.tasarim4>div>span:nth-of-type(2){font:5vw bebaskai, Arial, Helvetica, sans-serif;}
				a.tasarim4>div>span:last-child{font:1vw anke, Arial, Helvetica, sans-serif;}		




/*Son lab*/
div.sonlab{width:100%; min-width:100%; margin-top:250px; padding-bottom:25px; background:url("../Images/sonlabbg.png") no-repeat right bottom, radial-gradient(#0081BF, #00496C 150%); background-size:600px contain, contain;/*border:1px solid transparent;*/}
/*background-size'da 600px bgimage'ın hem width hem height'i için kullanılıyor. contain, gradient rengin hem height hem width'i için kullanılıyor. Şöyle yazılabilirdi: background-size:600px 600px, contain contain; */
	div.sonlab>h1{position:relative; top:-90px; left:19vw; width:180px; height:180px; background-color:#FECB3F;}
		div.sonlab>h1>a{position:absolute; left:18px; bottom:15px; font:33px milkshake, "Gill Sans", Helvetica, "sans-serif"; color:white; line-height:32px;}
	div.sonlab>div{width:50vw; margin:-40px auto 10px; color:white;}
		div.sonlab>div>h6{font:35px robotocondbold, Helvetica, sans-serif  }
		div.sonlab>div>p{margin-top:10px; font:20px robotocondlight, Helvetica, sans-serif; line-height:40px; text-align: justify;}
		div.sonlab>div>a{display:inline-block; margin-top:30px; font:22px milkshake, Helvetica, sans-serif; color:white;}





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

		/*mainslider*/
		div.mainslider{background-size: auto auto, 400px auto;}
			div.photo{top:16vh; max-width:48vw;}
				div.photo>img{max-width:48vw;}
		
		
		/*mobile main slider*/
		div.mobilemainslider{display:none;}
		

}/*Media 1440*/









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


/*mainslider*/
div.mainslider{display:none}

/*mobile main slider*/
div.mobilemainslider{display:block; width:100%; background:url("../Images/sonyazibg.png") left bottom no-repeat; background-size:45vw auto; border-bottom:1px solid #0081BF;}
	div.mobilemainslider>div{/*border:1px solid green;*/}
	/*img'leri display:block yaptığından dolayı, ortalamak için margin:auto kullanıyoruz.*/
		a.mobilekare{display:block; text-align:center; padding-bottom:30px; /*border:1px solid green;*/}
			a.mobilekare>img{width:60vw; margin:0 auto; /*border:1px solid blue;*/}
			a.mobilekare>span{display:block; font:8vw bebaskai, Arial, sans-serif; color:#0081BF; /*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:20px; background:#0081BF; 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 #0081BF;}



/*Son yazı*/
div.sonyazi{width:100%; min-width:100%; margin-top:100px; padding-bottom:25px; background:url("../Images/sonyazibg.png") no-repeat left bottom, radial-gradient(#0081BF, #00496C 150%); background-size:600px, contain;/*border:1px solid transparent;*/}
/*background-size'da 600px bgimage'ın hem width hem height'i için kullanılıyor. contain, gradient rengin hem height hem width'i için kullanılıyor. Şöyle yazılabilirdi: background-size:600px 600px, contain contain; */
	div.sonyazi>h1{position:relative; top:-45px; left:10vw; width:90px; height:90px; background-color:#AE6FAC;}
		div.sonyazi>h1>a{position:absolute; left:8px; bottom:6px; font:16px milkshake, "Gill Sans", Helvetica, "sans-serif"; color:white; line-height:16px;}
	div.sonyazi>div{width:80vw; margin:0 auto 10px; color:white;}
		div.sonyazi>div>h6{font:25px robotocondbold, Helvetica, sans-serif  }
		div.sonyazi>div>p{margin-top:10px; font:16px robotocondlight, Helvetica, sans-serif; line-height:30px; text-align: justify;}
		div.sonyazi>div>a{display:inline-block; margin-top:30px; font:18px milkshake, Helvetica, sans-serif; color:white;}



/*Son tasarımlar*/
h1.sontasarimlarh1{position:relative; left:10vw; width:90px; height:90px; margin-top:72.5px; margin-bottom:-45px; background-color:#0081BF; z-index:10;}	
	h1.sontasarimlarh1>a{position:absolute; left:8px; bottom:6px; font:16px milkshake, "Gill Sans", Helvetica, "sans-serif"; color:white; line-height:16px;}

div.sontasarimlar{width:90vw; margin:0 auto; /*border:1px solid red;*/}
	a.tasarim1{position:relative; display:block; width:90vw; height:90vw; background:url("../Images/tasarimbg1.png") no-repeat 93% 93%, radial-gradient(circle at top left, #e5e5e5 0%, #878787 120%); background-size:70% 70%, contain; /*border:1px dashed purple;*/overflow:hidden;}
		a.tasarim1>img{position:absolute; left:-12vw; bottom:1vw; width:80vw;}
		a.tasarim1>div{position:absolute; right:2vw; bottom:1vw; color:#0081BF; text-align:right; line-height:0;}
				a.tasarim1>div>span{display:inline-block; margin-top:-0.5vw;}
				a.tasarim1>div>span:first-child{font:3.2vw bebaskai, Arial, Helvetica, sans-serif;}
				a.tasarim1>div>span:nth-of-type(2){font:12.5vw bebaskai, Arial, Helvetica, sans-serif;}
				a.tasarim1>div>span:last-child{font:2.5vw anke, Arial, Helvetica, sans-serif;}
	a.tasarim2{position:relative; display:block; width:90vw; height:90vw; margin-left:0; margin-top:1.7vw; background:url("../Images/tasarimbg2.png") no-repeat -100px 150%, radial-gradient(circle at top right, #0081BF 10%, #00496C 110%); background-size:70% 70%, contain; /*border:1px dashed purple*/overflow:hidden;}
		a.tasarim2>img{position:absolute; right:-35vw; bottom:-8vw; width:120vw;}
		a.tasarim2>div{position:absolute; left:2vw; bottom:1vw; color:white; text-align:left; line-height: 0;}
				a.tasarim2>div>span{display:inline-block; margin-top:-0.5vw;}
				a.tasarim2>div>span:first-child{font:3.2vw bebaskai, Arial, Helvetica, sans-serif;}
				a.tasarim2>div>span:nth-of-type(2){font:12.5vw bebaskai, Arial, Helvetica, sans-serif;}
				a.tasarim2>div>span:last-child{font:2.5vw anke, Arial, Helvetica, sans-serif;}					
	a.tasarim3{position:relative; display:block; width:90vw; height:90vw; margin-top:1.7vw; background:url("../Images/tasarimbg3.png") no-repeat 96% 93%, radial-gradient(circle at top right, #0081BF 50%, #00496C 150%); background-size:70% 70%, contain; overflow:hidden;}
		a.tasarim3>img{position:absolute; left:-14vw; top:-10vw; width:95vw;}
		a.tasarim3>div{position:absolute; right:2vw; bottom:1vw; color:white; text-align:right; line-height: 0;}
				a.tasarim3>div>span{display:inline-block; margin-top:-0.5vw;}
				a.tasarim3>div>span:first-child{font:3.2vw bebaskai, Arial, Helvetica, sans-serif;}
				a.tasarim3>div>span:nth-of-type(2){font:12.5vw bebaskai, Arial, Helvetica, sans-serif;}
				a.tasarim3>div>span:last-child{font:2.5vw anke, Arial, Helvetica, sans-serif;}		
	a.tasarim4{position:relative; display:block; width:90vw; height:90vw; margin-top:1.7vw; margin-left:0; background:url("../Images/tasarimbg1.png") no-repeat -15% 93%, radial-gradient(circle at top right, #e5e5e5, #878787 110%); background-size:70% 70%, contain; overflow:hidden;}
		a.tasarim4>img{position:absolute; left:1vw; top:1vw; width:85vw;}
		a.tasarim4>div{position:absolute; right:2vw; bottom:1vw; color:#0081BF; text-align:left; line-height: 0;}
				a.tasarim4>div>span{display:inline-block; margin-top:-0.5vw;}
				a.tasarim4>div>span:first-child{font:3.2vw bebaskai, Arial, Helvetica, sans-serif;}
				a.tasarim4>div>span:nth-of-type(2){font:12.5vw bebaskai, Arial, Helvetica, sans-serif;}
				a.tasarim4>div>span:last-child{font:2.5vw anke, Arial, Helvetica, sans-serif;}		




/*Son lab*/
div.sonlab{width:100%; min-width:100%; margin-top:100px; padding-bottom:25px; background:url("../Images/sonlabbg.png") no-repeat right bottom, radial-gradient(#0081BF, #00496C 150%); background-size:600px contain, contain;/*border:1px solid transparent;*/}
/*background-size'da 600px bgimage'ın hem width hem height'i için kullanılıyor. contain, gradient rengin hem height hem width'i için kullanılıyor. Şöyle yazılabilirdi: background-size:600px 600px, contain contain; */
	div.sonlab>h1{position:relative; top:-45px; left:10vw; width:90px; height:90px; background-color:#FECB3F;}
		div.sonlab>h1>a{position:absolute; left:8px; bottom:6px; font:16px milkshake, "Gill Sans", Helvetica, "sans-serif"; color:white; line-height:16px;}
	div.sonlab>div{width:80vw; margin:0 auto 10px; color:white;}
		div.sonlab>div>h6{font:25px robotocondbold, Helvetica, sans-serif  }
		div.sonlab>div>p{margin-top:10px; font:16px robotocondlight, Helvetica, sans-serif; line-height:30px; text-align: justify;}
		div.sonlab>div>a{display:inline-block; margin-top:30px; font:18px milkshake, Helvetica, sans-serif; color:white;}




}/*Media 1024*/