@charset "utf-8";
body {margin:0; padding:0; background: url(../images/arkaplan.png); font-family: "open sans", sans-serif; font-size:14px; }
IMG{border:none;}
a{outline: none;text-decoration:none;}
a:hover{text-decoration:none;}
.ortala { width:1000px; margin:0 auto; padding:0 auto;}
.sabitle {position: fixed;top: 0;right: 0; width:100%; height:50px; background-color:#fff; float:right; border-top:4px solid #434d57;-webkit-box-shadow: -4px 8px 10px -4px rgba(0,0,0,0.56);-moz-box-shadow: -4px 8px 10px -4px rgba(0,0,0,0.56);box-shadow: -4px 8px 10px -4px rgba(0,0,0,0.56);display: none;z-index:99999;}
.clear { clear:both; }
.moblogo { display:none;}
.ustmenuler1 { float:right;}
.ustmenuler1 a { display:block; padding:15px 10px; color:#333; float:left;  font-weight:bold; font-size:14px; font-family:'open sans', sans-serif;}
.ustmenuler1 a:hover { background-color:#f9f8f8;}
.logo1 { float:left; margin-top:2px;} 
.cizgiver { border-right:1px solid #a8a8a8;}
.yukari {position: fixed;bottom: 10px;right: 10px;background: #111;color: #fff;display: none;-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;padding:10px;cursor:pointer;}
.sldalan { width:100%;}
.menualan { width:100%; height:94px; position: absolute; z-index:99999;}
.ustmenuler { width:650px; margin:0 auto;}
.ustmenuler a { display:block; padding:30px 20px; color:#333; float:left; font-weight:normal; font-size:14px; font-family:'open sans', sans-serif;  }
.ustmenuler a:hover { opacity:.7;}
.logoust { width:324px; height:158px; position:absolute; left:50%; margin-left:-162px; top:15vh;} 
.hakkimizda {background:#FFF url(../images/hakkimizda.jpg) no-repeat center top; height:598px; }
.hakkimizdayazi { padding-left:330px; padding-top:150px; width:450px;}
.misyonv { float:left; width:400px; padding-top:150px;}
.misyonvresim { float:left;}
.hust { margin-top:-100px;}
.islerimiz img { display:block; width:100%;}
.clear { clear:both;}
.isler ul { list-style-type:none; margin-left:25px;}
.isler li { width:23%; height:135px; float:left; margin:40px 1%;color:#979797; transition:.3s all linear; cursor:default;}
.isler li .sayi { width:100%; font-weight:bold; font-size:26px;border-bottom:1px solid #979797; }
.isler li .baslik { font-weight:bold; font-size:13px; margin-top:0; text-align:left;}
.isler li .metre { width:100%; height:115px; font-weight:bold; font-size:36px; line-height:1.2; padding-top:42px; text-align:left; margin-top:-28px;}

.isler li:hover {color:#000;}

.galeri {background:#FFF url(../images/galeri.jpg) no-repeat center top; height:151px; }
.galeriici { display:block; width:18%; margin:10px 1%; float:left; }
.galeriici img { display:block; width:100%;transition:.3s all linear;}
.galeriici img:hover { opacity: 0.5;}


.refalan { width:800px;padding-left:250px;}
.refsayfa { width:240px; border:1px solid #ccc; float:left; height:112px; margin-right:8px; margin-bottom:8px; }
.refsayfa span { width:240px; height:69px; position:absolute; text-align:center; transition:.3s all linear; cursor:default; background-color:#eee; color:#082d4c; padding-top:43px; display:block; opacity:0;}
.refsayfa span:hover { background-color:#eee; font-size:18px; opacity:0.9; font-weight:bold; }


.iletisim {background:#FFF url(../images/iletisim.jpg) no-repeat center top; height:1092px; }
.iletisimbaslik { padding-top:20px; padding-left:68px; font-size:18px;}
.iletisimic { padding-left:68px; width:450px; float:left;}
.iletisimic a { margin-left:5px; color:#777; transition:.3s all linear;}
.iletisimic a:hover { color:#ee7c23} 
.sosyalmedya a { margin-right:5px;}
.sosyalmedya a:hover { opacity:0.6;}
.harita { border:8px solid #e8e8e8; width:707px; height:267px; margin-left:65px; margin-top:15px;}

.mobilmenu { display:none;}
.ustbosluk { display:none;}

@media only screen and (max-width: 1024px) {
	body { overflow-x:hidden;}
.ortala { width:96%; margin:0 auto; padding:0 auto;}
.menualan { display:none;}
.menu { display:none;}
.ustbosluk { display:block; height:102px;background:#f00;}
.mobilust { position:fixed; background:#FFF; z-index:99999; padding:15px 2%; width:96%; top:0;}
.mobilmenu { display:block; z-index:10000; position:absolute; right:10px; top:40px; background:#f07c22; transition:.3s all linear;}
.menubuton { display:block; float:right; padding:10px; z-index:999; cursor:pointer;}
.menu2 { width:150px; position:relative; display:none; text-align:center; padding:5px 0 0 0; margin-top:27px;}
.menuu li { width:100% !important; text-align:center !important; display:block; padding:10px 5px; border-bottom:2px solid #fff; margin-right:15px;}
.menuu li:first-child { margin:0;}
.menuu li:last-child { border:none;}
.menuu a { color:#FFF;}
.moblogo { top:10px; left:10px; z-index:999; display:block;}
.moblogo img { display:block; width:150px;}
.menuu span { margin-top:-20px; margin-left:-47px; position:absolute; text-align:left; padding-bottom:5px; padding-left:5px; font-weight:bold; color:#FFF; border-bottom:2px solid #FFF; width:100%;}
.mkapa { display:none;}
.sabitle {display:none !important;}
.hakkimizda { height:auto; }
.hakkimizdayazi { padding-left:30%; padding-top:150px; width:65%;}
.misyonv { float:left; width:40%; padding-top:150px;}
.misyonvresim { float:left; width:60%;}
.misyonvresim img { width:100%; height:auto;}
.islerimiz img { display:block; width:200%; margin-left:-50%;}
.isler li { width:29%; margin:20px 2%;}
.isler li .metre { font-size:25px; line-height:1.2;}
.refalan { width:96%;padding-left:2%;}

.refsayfa { width:30%;position:relative; text-align:center; margin-right:2%; height:auto; overflow:hidden;}
.refsayfa img { display:block; max-width:100%;}
.refsayfa span { width:100%;left:0; height:70%; padding-top:15%; font-size:13px !important;}


.iletisim {height:600px; background-position:bottom; }

.iletisimbaslik { padding-left:3%;}
.iletisimic { padding-left:3%; width:97%; float:none;}
.sosyalmedya { padding:20px 0 0 3%;}
.harita { width:90%;margin:15px auto;}



.galeriici { background:none; background-size:cover !important; width:auto !important; height:auto !important;z-index:0; transition:.3s all linear;}
.galeriici:hover { background:none; }
.galeriici img { width:70%; margin:0px 0 0 14%;}


}

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

.hakkimizdayazi { padding-left:25%;width:75%;}

.misyonv { float:none; width:100%; padding-top:40px;}
.misyonvresim { float:none; width:60%; margin:20px auto;}

.isler ul { margin-left:0;}
.isler li { margin:40px 4% 40px 0;}
.isler li .sayi { width:100%; font-size:26px;}
.isler li .baslik { margin-top:0; text-align:left; display:block;}

}



@media only screen and (max-width: 540px) {
.misyonvresim { width:80%;}
.isler li { width:46%; margin-bottom:15px;}
.refsayfa { width:47%;}
.hakkimizdayazi { padding-left:15%;width:85%;}
.galeriici { width:23% !important;}
.galeriici img { width:100%; margin:0;}
.hakkimizdayazi { padding-left:5%;width:95%;}
}
@media only screen and (max-width: 400px) {
.galeriici img { width:50%; margin:0px 0 0 26%;}
}