/*
	Oyos Yazılım
	18 Temmuz 2019 - ismail ihsan bülbül - e-ben@msn.com
*/
body {font-family: 'PT Sans', sans-serif; font-size:14px; color:#2b2b2b; background:#ffff;}
a {color:#1e1e1e;}
a:hover {color:#de0000;}
p {margin-bottom:10px;}
strong {font-weight:700;}

h1 {width:0px; height:0px; left:50%; position:absolute; z-index:9; top:5px;}
	h1 a {margin-left:-172px; float:left; width:344px; height:154px; display:block; background:url('../images/logo.png') top left no-repeat; text-indent:-99999px;}

.proje .alt:after {
	content : "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity : 1;
	transition:all 0.5s;
	background-size:cover !important;
}
.proje:hover .alt:after {opacity : 0.2;}

.proje:nth-child(2) {left:0px;}
.proje:nth-child(2) .alt:after {background: url('../images/mk_bg.jpg') center center;}

.proje:nth-child(3) {right:0px;}
.proje:nth-child(3) .alt:after {background: url('../images/villa_bg.jpg') center center;}

.proje {width:50%; position:absolute; height:100%;}	
	.proje .ust {width:100%; float:left; text-align:center; height:105px; background:#fff; }	
	.proje .ust a {display:inline-block; position:relative; height:50px; width:250px; margin-top:30px;}	
	.proje .ust a i {position:absolute; height:50px; line-height:50px; color:#d1d1d1; font-size:32px; left:0px; transition:all 0.5s;}	
	.proje .ust a h3 {width:100%; float:left; text-align:left; padding-left:50px; box-sizing:border-box; color:#333d4b; font-size:20px; font-weight:700;}	
	.proje .ust a span {width:100%; float:left; text-align:left; padding-left:50px; box-sizing:border-box; color:#757575;}	
	
	.proje:hover .ust a h3 {color:#80940a;}
	.proje:hover .ust a i {color:#80940a; margin-top:10px;}

	.proje .alt {width:100%; height:calc(100% - 104px); position:absolute; top:104px; background:#000; text-align:center; transition:all 0.5s;}
	.proje .alt>a {display:inline-block; width:100%; position:absolute; color:#fff; padding:0 50px; box-sizing:border-box; bottom:200px; left:0px; z-index:9; opacity:0; transition:all 0.5s;}
	.proje:hover .alt>a {opacity:1; bottom:300px;}
	.proje .alt>a i {position:absolute; font-size:40px; right:50px; top:20px;}
	.proje .alt>a h4 {width:100%; float:left; padding-right:60px; text-align:left; box-sizing:border-box; font-size:35px; font-weight:700;}
	.proje .alt>a span {width:100%; float:left; padding-right:50px; text-align:left; box-sizing:border-box; font-size:16px; font-style:italic;}

	.proje .alt .pkutu_ort {width:100%; position:absolute; bottom:0px; padding:50px 0; background:#00000090; z-index:9;}
	.proje .alt .pkutu_ort .pkutu {width:25%; padding:0 10px; box-sizing:border-box; display:inline-block; color:#fff; float:left;}
	.proje .alt .pkutu_ort .pkutu i {font-size:55px; margin-bottom:10px;}
	.proje .alt .pkutu_ort .pkutu h3 {font-size:18px; font-weight:700; color:#afcb08; margin-bottom:5px;}
	.proje .alt .pkutu_ort .pkutu span {font-size:13px;}
	
@media screen and (max-width:768px) {	
	h1 {display:none;}
	.proje {width:100%; position:relative !important; min-height:550px;}
	.proje .alt>a {display:none;}
	.proje .alt .pkutu_ort {height:100%; padding:65px 0; box-sizing:border-box;}
	.proje .alt .pkutu_ort .pkutu {width:50%; margin-bottom:10px;}
}
	
@media screen and (min-width:768px) {
	body {min-width:1220px;}
	h1 {display:block;}
}