*{margin:0;padding:0;text-decoration:none;}
.ortala{width:90%;height:auto;display:block;margin:auto;position:relative;}

.header{width:100%;height:80px;display:block;position:fixed;z-index:6;background-color:#FFF;bottom:0;left:0; box-shadow:0px 0px 5px #888;}
.header .logo{height:70%; height:80px;}
.header .logo img{ height:60px; margin:10px 0;}
.header .menu{position:absolute;right:0;top:30%;font-family: 'Open Sans Condensed', sans-serif;}
.header .menu li{display:block;float:left; position:relative;}
.header .menu li a{color:#000;padding:10px;font-size:1.3em;}
.header .menu li.phone{}
.header .menu li.phone a{font-size:16px;}
.header .menu li.phone a img{ display:block; float:left; margin-top:-10px}
.header .menu li.phone a .tt{ display:block; width:120px; float:left; line-height:30px;}


.right-area{background-color:rgba(32,59,118,0.9);position:fixed;height:100%;width:40%;display:table;z-index:2;right:0;}
.right-area .fr{ width:80%; height:100%; padding:0 10%; display:table-cell; vertical-align:middle; position:relative;font-family: 'Open Sans Condensed', sans-serif; }
.right-area .fr h3{color:#FFF; font-size:2em; margin:10px 0;}
.right-area .fr input[type=text]{ width:80%; height:34px; margin:5px 0; background-color:#FFF; text-indent:10px;}
.right-area .fr textarea{ width:80%; height:70px; margin:5px 0; background-color:#FFF; text-indent:10px;}
.right-area .fr input[type=submit]{ width:100px; height:34px; margin:5px 0; border:none; font-weight:bold; color:#203c79; background-color:#ffd119; cursor:pointer;}
.right-area .liste{ width:100%; height:auto;}
.right-area .liste a{ color:#FFF; line-height:24px; width:100%; height:auto; margin:10px 0; display:block; font-size:16px;}
.right-area .liste a i{ width:24px; height:24px; text-align:center; color:#203c79; background-color:#ffd119; line-height:24px; margin-right:5px;-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;}
.right-area .ilet{ color:#FFF; font-size:1.5em;}
.ac{ position:fixed; top:20px; right:0px; width:30px; height:40px;background-color:rgba(32,59,118,0.9); color:#FFF; margin-left:-30px; font-size:32px; line-height:40px; text-align:center; display:none; z-index:4;}
.kapa{ position:fixed; top:20px; left:40%; width:30px; height:40px;background-color:rgba(32,59,118,0.9); color:#FFF; margin-left:0px; font-size:32px; line-height:40px; text-align:center; display:none; z-index:4;}

.content{width:100%; max-width:1200px; padding:10px;height:auto;margin:120px auto 50px auto;display:block;font-family: 'Open Sans Condensed', sans-serif; font-size:24px; line-height:40px; min-height:700px;}
.content .title{ width: 100%; height:auto; line-height:50px; padding:10px 0; border-bottom:1px solid #CCC; position:relative; text-align:center; color:#444; font-size:36px; font-weight:bold; margin-bottom:30px;}
.content .title:after{ content:""; position:absolute; height:1px; display:block; width:100%; border-bottom:1px solid #EDEDED; position:absolute; bottom:-2px;}
.content img{ width:100%; height:auto; margin:20px 0;}
.content #small{ font-size:24px; text-align:left; text-indent:20px;}

.panel .title{ width: 100%; height:auto; line-height:50px; padding:10px 0; border-bottom:1px solid #CCC; position:relative; text-align:center; color:#444; font-size:36px; font-weight:bold; margin-bottom:30px;}
.panel .title:after{ content:""; position:absolute; height:1px; display:block; width:100%; border-bottom:1px solid #EDEDED; position:absolute; bottom:-2px;}

.panel #small{ font-size:24px; text-align:left; text-indent:20px;}

textarea:focus, input:focus{outline: none;}
.formbox2 {font-family: 'Oswald', sans-serif;}
.formbox2 input[type=text]{background-color:#FFF;border:1px solid #CCC;width:60%;margin:5px 5%;height:24px;text-indent:5px;padding:5px;}
.formbox2 input[type=submit]{ border:none; color:#FFF; font-weight:bold; background-color:#888; margin:5px 5%; display:block; padding:10px 30px; cursor:pointer;}
.formbox2 textarea{background-color:#FFF;border:1px solid #CCC;width:60%;margin:5px 5%;height:50px;text-indent:5px;color:#091c3b;padding:5px;}

.proje{ width:90%; margin-left:5%; height:auto; display:block; margin-top:100px; position:relative; list-style:none;}
.proje li{ width:32%; height:400px; margin:10px 0.15%; background-color:#FFF; border:1px solid #CCC; display:inline-block; position:relative;}
.proje li a{ width:100%; height:100%; display:block; position:absolute;}
.proje li a .resim{ width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0; border-bottom:1px solid #CCC; background:#FFF;}
.proje li a .resim img{ top:-9999px; right:-9999px; left:-9999px; bottom:-9999px; margin:auto; position:absolute; min-height:100%; min-width:100%;}
.proje li a .tit{ line-height:40px; font-size:20px; color:#666; width:100%; text-align:center; position:absolute; z-index:2; bottom:10px; background:rgba(255,255,255,0.7);}

.footer{width:100%;height:50px;display:block; line-height:30px; position:fixed; bottom:0; border-top:2px solid #DDD; background-color:#FFF;margin-top:30px;}
.footer .copyright{ width:100%; height:50px; position:absolute; bottom:0px; color:#888; font-size:11px; line-height:50px; text-align:center;}
.footer a{ color:#888;}
.footer i{ font-size:20px; margin-right:5px;}
.footer .fad{width:350px;display:block;float:right; height:100px; padding:10px;}
.footer .flog{width:350px;display:block;float:left; height:100px; padding:10px;}

.res-alan{ width:50%; height:400px; margin-right:-6px; border:3px solid #999; display:block; float:left; position:relative; z-index:2; overflow:hidden;}
.res-alan img{ position:absolute;top:-9999px;left:-9999px;right:-9999px;bottom:-9999px; margin:auto; width:100%; min-height:400px;}
.yazi-alan{ width:46%; min-height:386px;  display:block; float:right; position:relative; z-index:1; line-height:28px; font-size:20px; padding:10px 2%; text-align:justify;}

ul.ajax{width:100%;height:auto;display:block;list-style:none;margin-top:30px;}
ul.ajax li{display:inline-block;float:left;}
ul.ajax li a{display:block; padding:5px 10px; color:#203c79; font-size:18px; font-weight:bold; border-left:1px dotted #999; text-align:center; min-width:50px;}
ul.ajax li:first-child a{border-left:none;}
ul.ajax li a:hover{ background-color:#999; color:#FFF;}
ul.ajax li a.current{background-color:#666; color:#FFF;}
.ajaxalan{width:96%; padding:2%; font-size:15px; line-height:24px; font-family:Arial, Helvetica, sans-serif; font-weight:100; height:auto;display:block;list-style:none;margin-top:5px;}



.sidebar{width:20%;height:auto;display:block;float:left;min-height:200px; margin-top:70px;}
.list{padding:0;margin:0;list-style:none;}
.list li{width:100%;height:auto;display:block;position:relative;border-bottom:1px solid  rgba(0,0,0,0.2);}
.list li:before{ content:""; position:absolute; height:1px; display:block; width:100%; border-bottom:1px solid rgba(255,255,255,0.2); bottom:-2px;}
.list li a{padding:5px;color:#000;line-height:40px;font-size:18px; display:block;}
.list li  i{ width:20px; height:20px; text-align:center; color:#FFF; background-color:#666; line-height:20px; position:absolute; right:5px; top:50%; margin-top:-10px; font-size:12px; -webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;}
.list li.act, .list li:hover{background-color:rgba(150,150,150,0.3);}

.icerik{width:68%;height:auto;display:block;float:left;min-height:400px;margin-left:12%;}

.slider{width:100%;height:95%;display:block;position:fixed;z-index:1;overflow:hidden;top:0;left:0;background-color:#CCC;}
#slideshow {position:absolute;width:100%;height:100%;display:block;z-index:-1; background-color:#FFF;}
#slideshow > div { position: absolute; width:100%;height:100%;display:block;overflow:hidden; background-color:#FFF;}
#slideshow > div > img{	position:absolute;top:-9999px;bottom:-9999px; left:-9999px;right:-9999px;margin:auto;max-width:130%;max-height:130%; min-height:100%; min-width:100%; background-color:#FFF;}

.galeri{width:100%;height:auto;display:block;text-align:left;}
.galeri a{width:175px;height:120px;overflow:hidden;display:inline-block;position:relative;margin:5px;border:5px solid rgba(255,255,255,0.7)}
.galeri a img{position:absolute;top:-9999px;bottom:-9999px;left:-9999px;right:-9999px;margin:auto;max-width:150%;	max-height:150%;}



.panel{width:80%;position:absolute;display:block;height:80%;margin:70px 10%;font-family: 'Open Sans Condensed', sans-serif; font-size:24px; line-height:40px;margin-bottom:30px;}
.bol3-1{width:20%;display:table;height:100%;float:left;position:relative;margin-left:5%;}
.bol3-2{width:35%;display:table;height:100%;float:left;position:relative;}
.bol3-3{width:35%;display:table;height:100%;float:left;position:relative;}
.bol3-4{width:60%;display:table;height:100%;float:left;margin-left:5%;position:relative;}
.tablebox{width:90%;height:100%;position:relative;	vertical-align:middle;	display: table-cell;padding:0 5%;}
#metin{	font-size:18px;	text-align: justify !important;	text-align:left;	font-weight:normal;	line-height:24px;}
.resimbox{	width:100%;	height:100%;	display:block;	position:absolute;	overflow:hidden;}
.resimbox img{	position:absolute;	top:-9999px;	left:-9999px;	right:-9999px;	bottom:-9999px;	margin:auto;	height:100%;	min-width:100%;	}
.formbox{width:90%;height:90%;	padding:5%;	display:block;	background-color:#FFF;	position:absolute;	overflow:hidden; vertical-align:middle;	display: table-cell;}

.trigger{width:60px;height:60px;background-color:#EDEDED;color:#000;position:absolute;right:20px;top:10px;display:none;}
.trigger i{width:60px;height:60px;display:block;line-height:60px;font-size:36px;text-align:center;}

@media screen and (max-width:1024px) {
.ortala{width:98%;height:auto;display:block;margin:auto;position:relative;}
.panel{width:100%;position:absolute;display:block;height:80%;margin:0px 0px;font-family: 'Open Sans Condensed', sans-serif; font-size:24px; line-height:40px;margin-bottom:30px;}
.bol3-1{width:25%;display:table;height:100%;float:left;position:relative;margin-left:0px;}
.bol3-4{width:70%;display:table;height:100%;float:left;margin-left:4%;position:relative;}
.tablebox{width:90%;height:100%;position:relative;	vertical-align:middle;	display: table-cell;padding:0 5%;}
.right-area{background-color:rgba(32,59,118,0.9);position:fixed;height:95%; padding-top:5%;width:60%;display:none;z-index:2;left:40%;}
.ac{ display:block;}


}
@media screen and (max-width:768px) {
.header .menu{ position:fixed; top:0; left:0; background-color:#FFF; display:none;  width:100%; height:90%; padding-top:10%; z-index:6;}
.header .menu li{ width:80%;line-height:60px; height:60px; border-bottom:1px solid #CCC; border-top:1px solid #EDEDED; left:10%; text-align:center;}
.header .menu li.phone{ line-height:60px;}
.header .menu li.phone a{font-size:1.3em;}
.header .menu li.phone a img{ display:inline-block; float:inherit; position:absolute; margin-top:10px; margin-left:-50px;}
.header .menu li.phone a .tt{ display:inline-block; width:auto; float:inherit; line-height:60px;}
.trigger{ display:block; z-index:7;}
.right-area{background-color:rgba(32,59,118,0.9);position:absolute; top:0;height:100%; padding-top:50px; padding-bottom:150px;width:100%;display:none;z-index:2;left:0%;}
.kapa{ left:0;}
.panel{width:100%;position:absolute;display:block;height:80%;margin:0px 0px;font-family: 'Open Sans Condensed', sans-serif; font-size:24px; line-height:40px;margin-bottom:30px;}
.bol3-1{width:100%;display:table;height:auto;float:left;position:relative;margin-left:0px; margin-top:100px;}
.bol3-4{width:100%;display:table;height:auto;float:left;margin-left:0%;position:relative;}

.proje{ width:90%; margin-left:5%; height:auto; display:block; margin-top:100px; margin-bottom:100px; position:relative; list-style:none;}
.proje li{ width:100%; height:300px; margin:10px 0.15%; background-color:#FFF; border:1px solid #CCC; display:inline-block; position:relative;}

.res-alan{ width:90%; display:block; margin:0 2%; float:inherit; position:relative; padding:0;}
.yazi-alan{ width:90%; min-height:0; height:auto display:block; margin:0 2%; padding:10px 0;  float:inherit; position:relative; padding:0;}


}