@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=latin-ext');

body {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	height: 100%;
	font-size:13px;
	font-weight:400; color:#333;
	margin:0;
}
::-webkit-scrollbar{width: 15px;}
::-webkit-scrollbar-thumb{background-color:#000; border-radius: 10px;}
::-webkit-scrollbar-thumb:hover{background-color:#fc902b;}
::-webkit-scrollbar-track{background-color:#FFFFFF;}
.boslukkoy{ height:110px; transition:.3s all linear; }
IMG{border:none;}
a{outline: none; text-decoration:none; color:inherit; }
a:hover{text-decoration:none; }
a:active{text-decoration:none; }
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
.clear{clear: both;	}
.yukleme{ position:absolute; left:50%; margin-left:-50px; top:30%; z-index:99;}
.menuarkadoseme{  height:123px; width:100%; background:url(/images/ustarka.jpg) repeat-x bottom left; z-index:1}
.altalan{ width:100%; height:110px; transition:.3s all linear ; background:#110604; bottom:0px; border-bottom:7px solid #a06c39; }
.altalan1{ width:31%; padding-left:1%; height:auto; float:left; margin-right:1%; text-align:left; padding-top:40px;  }
.altalan2{ width:32%; height:auto; float:left; margin-right:1%; text-align:left; padding-top:40px;  }
.altalan3{ width:32%; padding-right:1%; height:auto; float:left;  text-align:right; padding-top:50px;  }

.dilleralan{ position:absolute; right:15px; top:17px; transition:.3s all linear ; z-index:3;}

.diller{ text-align:center; background:#b1763e; font-size:12px; color:#FFF; float:left; cursor:pointer; padding:5px 10px; width:auto; margin:3px; }
.diller:hover{  background:#555555;}
.dilleraktif{  background:#555555;}
.anasayfauyari{margin:10px auto; width:50%; max-width:700px; font-size:18px; font-weight:700; padding-top:30px; }


.logo { position:absolute; top:0px; margin-left:100px; z-index:3; transition:.3s all linear; transition:.3s all linear;  }
.menualani{ width:490px; margin:0 auto; position:absolute;  right:140px; top:5px; z-index:4; transition:.3s all linear; }
.menualani li{ font-size:14px;  cursor:pointer; color:#474747;  list-style:none; float:left; width:auto; padding:21px 20px; transition:.3s all linear; }
.menualani img{  float:left; width:auto; padding:21px 3px; transition:.3s all linear; }
.menualani li:hover{ color:#a16c39;}
.menualaniaktif{   color:#a16c39 !important;}


.slaytalani{ position:absolute; top:9px; overflow:hidden;  width:100%; z-index:2; transition:.3s all linear; height:500px;}
.ortaalan{  background:url(/images/ortaarka.jpg) center top; margin-top:435px;  height:479px; width:100%; transition:.3s all linear;}
.ortaalan1{ width:32%; height:auto; float:left; margin-right:1%; text-align:center; padding-top:70px; transition:.3s all linear;  }
.ortaalan2{ width:32%; height:auto; float:left; margin-right:1%; text-align:left; padding-top:5px;  transition:.3s all linear; }
.ortaalan3{ width:32%; height:auto; float:left;  text-align:left; padding-top:5px; transition:.3s all linear;  }
.iletisiminput{font-family: 'Titillium Web', Arial, Helvetica, sans-serif;width:84%; padding:0 5px; height:25px; border:1px solid #666; border-radius:6px; display:block; margin:2px 3%; }

.iletisiminput:hover { opacity:0.9;}
.iletisimbutton{ transition:.3s all linear; cursor:pointer; width:auto; border:1px ; margin:4px 8px 4px 0px ; padding:10px 15px; background:#4b4b4b; color:#FFF; font-weight:700; font-family: 'Titillium Web', Arial, Helvetica, sans-serif;  border-radius:6px; }
.iletisimbutton:hover { background:#fc902b;}

.baslik{ font-size:24px; font-weight:700; color:#666;}
.beyazyazi {  font-size:12px; color:#FFF;}
.copyright { font-size:11px; color:#FFF;}

.ustmobil { display:none;}

@media (max-width: 1800px) {
.slaytalani{ top:19px;  height:500px; }
.ortaalan{   margin-top:395px;   }
}

@media (max-width: 1600px) {
.slaytalani{ top:39px;  height:400px; }
.ortaalan{   margin-top:313px;  }
}
@media (max-width: 1500px) {
.slaytalani{ top:64px;  height:350px; }
.ortaalan{   margin-top:290px;   }

}
@media (max-width: 1300px) {
.logo { margin-left:0px;  }
.slaytalani{ top:90px;  height:250px; }
.ortaalan{   margin-top:215px; }
.ortaalan1{ width:24%; }
.ortaalan1 img{ display:none;}
.ortaalan2{ width:50%;  }
.ortaalan3{ width:24%;  }
.ortaalan3 img{ width:90%; height:auto;  }
.altalan1{ width:23%;  }
.altalan1 img{ width:90%; height:auto; }
.altalan2{ width:50%;   }
.altalan3{ width:23%;   }
.bx-wrapper .bx-controls-direction a {position: absolute;top:00%;margin-top: 35px;outline:0;text-indent: -9999px;z-index: 9999;}

}

@media (max-width: 1100px) {
.menualani{ width:350px;  right:140px;  }
.menualani li{ font-size:13px; width:auto; padding:21px 5px; }
}
@media (max-width: 1000px) {
.icerik{ top:35%;}
.icalan{ width:750px; margin:0 auto; }
.icerikalan{ width:178px; margin:0; padding:0; }
.kategorialan2{ width:98%; margin:5px 0%;}
.kategorialan3{ width:98%; margin:5px 0%;  float:left;}
}
@media (max-width: 800px) {
	#sonuc{
		margin-top:10px;
	}
.menuarkadoseme{ position:fixed; top:0; left:0; }	
.logo { position:fixed;  }
.dilleralan{ position:fixed; }
.slaytalani{ z-index:0; }

.menualani{ display:none; }
.ustmobil { display:block; width:100%; margin-top:0px; height:50px; margin-top:-120px; position:fixed; z-index:2223;}
.menuacil { overflow:hidden; background:#000; width:100%; height:0px;   position:absolute; z-index:9999; top:0; transition:.3s all linear ;}
.menuacil2 {  height:250px; cursor:default;}
.mobil1 li{ color:#FFF; left:0px;  padding:15px; font-size:20px; margin:0px;}
.mobmenuicon {  position:absolute; width:100px; right:1%; margin-right:-40px; top:-40px;  cursor:pointer;}
.acilacak .mobil1 { position:absolute; padding:0; width:100%; margin:0 ; top:0px; transition:.3s all linear ; }
.acilacak .mobil1aktif {position:absolute; padding:0; width:100%; margin:0; top:10px; transition:.3s all linear ;}
.ortaalan{   margin-top:332px;  height:640px; }
	.ortaalan1 {
		width: 96%;
		padding: 8% 2%;
	}
.ortaalan2{ width:96%; padding:2%;  }
.ortaalan3{  display:none; }
.iletisim3{ width:100%; padding:0%; display:block !important;  }
.iletisim2{ width:100%; padding:0%; margin-top:120px; height:240px !important; background-size:contain !important; display:block !important;  }
.altalan1{ display:none;  }
.altalan2{ width:98%;  padding:0; margin-bottom:10px;  }
.altalan3{ width:98%;  padding:0; text-align:left;   }
}
@media (max-width: 650px) {
.logo{ width:40%; }
.logo img{ width:100%; }

}