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

body{ background-color: #111; }
.clear { clear:both; }

a{text-decoration: none; color:#acacac;}
a:hover{color:#b08748;}
h1{color:#666969; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 400; }


.slidePhoto{  }
.caption1{ width: 394px; height: 256px; position: fixed; top:50px; margin-left: 50vw; }
.captions h1{font-size: 24px; color:#a37749; }
.captions{font-weight: 300; margin-top: 50px; margin-left: 50px; color:#a37749; font-size: 12px; width: 320px; line-height: 140%; font-family: 'Open Sans', sans-serif;}
#slider{display: block; overflow: hidden;}
#hakkimizdaCaption{ background: url(../img/captionBiz.png) center center; background-repeat: no-repeat; position: relative; top:10px; margin-left: 0px; }

#kurumsal{width: 1024px;}
#anim{ width: 700px; margin-left: 5%; position:relative; margin-top: 10px; font-size: 12px;  float: right; }

#headerMobile{ display: none; height: 70px; width: 100%; background-color:rgba(0, 0, 0, 0.9); position: fixed; bottom: 0; font-family: 'Open Sans' , sans-serif; font-weight: 300; color:#fff;
font-size: 12px; z-index: 99999;  }
#header{height: 70px; width: 100%; background-color:rgba(0, 0, 0, 0.9); position: fixed; bottom: 0; font-family: 'Open Sans' , sans-serif; font-weight: 300; color:#fff;
font-size: 12px; z-index: 99999; } 
#headerLeft{ float: left; margin-left: 20px; margin-top: 15px; text-align: center;  }
#langLine{width: 30px; height: 1px; background-color: #acacac; margin-top: 10px;}
#logo{ float:left; display: inline-block; vertical-align: middle; margin-left: 30px; margin-top: 10px; }
#headerRight{ float: right; margin-top: 30px; }
#headerRight a{display: inline-block; margin-right: 40px; vertical-align: middle; font-size: 12px;}
.accorButtons li > a{display: inline-block; margin-right: 40px; vertical-align: middle; font-size: 12px; color:#fff;}
#headerRight ul > li{display: inline-block; list-style-type: none;}
.accorButtons li{display: inline-block; list-style-type: none;}
#social{ float: right; margin-top: 15px; margin-right: 15px; }
#social a {display: inline-block; margin-right: 5px;}
#langDiv{ display: inline-block; text-align: center; float: right; margin-top: 15px; margin-right: 20px; }
#trigger h3{ font-family: 'Open Sans' , sans-serif; font-weight: 300; color:#acacac; font-size: 12px; margin-top: 5px; margin-bottom: 5px; }

.mainContent{width: 1024px; margin: auto; text-align: center; display: block;}
.contentLeft{margin-top:100px; display: inline-block; text-align: left;color:#acacac;font-family: 'Open Sans' , sans-serif; 
font-weight: 300; line-height: 140%; background: none;}
.contentLeftHizmetler{margin-top:100px; display: inline-block; text-align: left;color:#acacac;font-family: 'Open Sans' , sans-serif; 
font-weight: 300; line-height: 140%; background: none;}
.contentLeftEkip{margin-top:100px; display: inline-block; text-align: left;color:#acacac;font-family: 'Open Sans' , sans-serif; 
font-weight: 300; line-height: 140%; background: none;}
.contentLeftM{display: none;}
#anim{ width: 700px; }
.contentLeftIletisim{margin-top:100px; display: inline-block; text-align: left;color:#acacac;font-family: 'Open Sans' , sans-serif; 
font-weight: 300; line-height: 140%; background: none;}
#hakkimizdaH1{ margin-left: 100px; margin-top: 80px; }

#iletisimLeft{display: inline-block; margin-top: 30px; float: left;}
#iletisimRight{display: inline-block; margin-top: 30px; margin-left: 65px;}
#iletisimRight input[type=text]{width: 300px;height: 30px;font-family: 'Open Sans' , sans-serif; padding: 10px;}
#iletisimRight textarea{width: 300px;height: 76px;font-family: 'Open Sans' , sans-serif; padding: 10px;}
.gonder{width: 300px;height: 30px; font-family: 'Open Sans' , sans-serif;  color: #ffffff;
  font-size: 14px;
  background: #a37749;
  border:none;
  text-decoration: none;}
 .textAndBtn{ margin-left: 30px; float: left; }


.urunImg{  width:80px; height: 70px; display: inline-block; margin-left: 20px; float: none; margin-top: 10px; float: right;}
.projectImg{ width:180px; height: 140px; float: none; margin-top: 10px; float: right; }
.urunImgBig{ width: 580px; height: 300px; display: block;  text-align: center; float: right; overflow:hidden; }
#projeRight{ float: right; margin-left: 20px; width: 600px; }
#projeLeft{float:left; width: 324px; font-size: 12px;}
#projeLeft h1{color:#d6ae53; font-size: 16px; line-height: 150%;}
#projects{ margin-top: 0px; width: 600px; margin-bottom: 500px; }
#projectsMain{ margin-top: 0px; width: 1024px; margin-bottom: 200px; }
#projectsMain a{ display: inline-block;  margin-left: 20px; width: 180px; height: 180px; font-size: 12px; text-align:center; vertical-align: bottom; }
.projeText{ width: 180px; }
.projeTek{ display: inline-block; margin-top: 40px; }

.hizmetTek{ width: 1024px; text-align: left; margin-top: 100px; }
.hizmetTek h1{ color:#cfab75; }
.hizmetText{font-size:12px; width: 400px;}
.hizmetLeft{float: left;}
.hizmetLeft img{ width: 500px; }
.hizmetRight img{ width: 500px; }
.hizmetRight{float: right;}
.hizmetLine{ width: 180px; height: 1px; background-color: #d6ae53; margin-top: 5px;  }
.icMimariW{ width: 400px; }


.ekipTek{ width: 1024px; text-align: left; margin-top: 100px; }
.ekipTek h1{ color:#d6ae53; }
.ekipText{font-size:12px; width: 400px; background: none;}
.ekipLeft{float: left;}
#captionEkip{background: url(../img/captionBiz.png) center center no-repeat; position: relative; top:10px; margin-left: 0px; width: 382px; height: 259px;}
.ekipRight{float: right;}
.ekipLine{ width: 1024px; height: 1px; background-color: #d6ae53; margin-top: 100px;  }

.ekiptek{ width: 1024px; text-align: left; margin-top: 100px; }


.galeri-title-over { width: 100%; background-color: rgba(0,0,0,0.4); color:#fff; }

.dropotron {background-color:rgba(0, 0, 0, 0.9); color:#acacac;font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 12px; line-height: 150%;
 position: relative; margin-top: -300px; margin-left: -30px; padding: 15px; overflow: hidden;}
.dropotron > li { list-style-type: none; }
.dropotron > li:first-child {}

.dropotron > li > a {}
.dropotron > li{ }
.dropotron >li:hover{}
.dropotron > li.active > a,
.dropotron > li:hover > a { }
.dropotron.level-0 { margin-bottom: 100px; }
.dropotron.level-1 { margin-left: 0px; margin-top:0px; z-index: 999999999; }
.dropotron.level-0:before {}


#map{ width:1024px; height:300; }



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

	
}

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

	#header{ display: none; }
	#headerMobile{ display: block; position: fixed; z-index: 999999999999; bottom: 0; }
	.caption1{ width: 394px; height: 256px; position: fixed; top:50px; margin-left: 0px; background-size: 200px 195px; }
	#logo{ margin-left: 10px; }
	#simple-menu{ float: right; margin-right: 15px; margin-top: 15px; }
	#navBar{height: 100%; background-color: #111; text-align: left; padding: 20px;}
	#navBar li{list-style-type: none; line-height: 180%; vertical-align: middle; color:#bb9b6a;}
	#kurumsal{ width: 100%; }
	.mainContent{width: 100%; overflow-x:hidden; }
	#anim{ width: 80vw; margin-left: 5%; position:relative; margin-top: -60px; font-size: 12px;  float: right; }
	#hakkimizdaCaption{ background-image:none; width: 100px; position: relative; top:10px; margin-left: 0px; }
	#hakkimizdaH1{ margin-left: -30px; margin-top: -50px; }

	.ekipTek{ width: 90%; text-align: left; margin-top: 100px; }
	.ekipTek h1{ color:#d6ae53; }
	.ekipText{font-size:12px; width: 70%; margin-left: 5%;}
	.ekipLeft{float: none;}
	.ekipRight{float: none;}
	.ekipLine{ width: 100%; height: 1px; background-color: #d6ae53; margin-top: 10px;  }
	#captionEkip{ background: none; }

	.hizmetTek{ width: 90%; text-align: left; margin-top: 100px; }
	.hizmetTek h1{ color:#cfab75; margin-left: 5%; }
	.hizmetText{font-size:12px; width: 100%; margin-left: 5%;}
	.hizmetLeft{float: none;}
	.hizmetLeft img{width: 100%; margin-top: 10px; margin-left: 5%;}
	.hizmetRight img{width: 100%;margin-top: 10px; margin-left: 5%;}
	.hizmetRight{float: none;}
	.hizmetLine{ width: 180px; height: 1px; background-color: #d6ae53; margin-top: 5px;  }
	.contentLeftM{margin-top:100px; display: inline-block; text-align: left;color:#acacac;font-family: 'Open Sans' , sans-serif; 
font-weight: 300; line-height: 140%; background: none;}
	.contentLeftHizmetler{ display: none; }
	.icMimariW{ width: 80%; }

	.contentLeftEkip{ display: none; }
	.ekipTek{ margin-top: 20px; }

	#projects{ margin-top: 0px; width: 90%; margin-bottom: 500px; margin-top: -320px; width: 50%; margin-left: -7vw; }
	#projectsMain{ margin-top: 0px; margin-bottom: 300px; width: 320px; margin: auto; text-align: center; margin-top: -100px; }
	#projectsMain a{ display: inline-block;   margin-top: 40px; width: 120px; height: 120px; font-size: 12px; text-align:center; vertical-align: bottom; }
	.projeTek{ }
	.projeText{ width: 120px; }
	.projectImg{ width: 120px; height: 120px; }
	.wrap{ width: 100%; height: 100px; }

	#projeRight{ float: none; margin-left: 20px; width: 100%; }
	#projeLeft{float:none; width: 100%; font-size: 12px; margin-left: 20px;}
	#projeLeft h1{color:#d6ae53; font-size: 16px; line-height: 150%;}
	#sliderProje{ display: none; }

	#map{ width:90%; height:200; }
	.contentLeftIletisim{ width: 90%; }

	#iletisimLeft{margin-top: 30px; float: none;}
	#iletisimRight{ margin-top: 30px; float: none; }
#iletisimRight input[type=text]{width: 200px;height: 30px;font-family: 'Open Sans' , sans-serif; padding: 10px;}
#iletisimRight textarea{width: 200px;height: 76px;font-family: 'Open Sans' , sans-serif; padding: 10px; margin-top: 10px;}
.gonder{width: 200px;height: 30px; font-family: 'Open Sans' , sans-serif;  color: #ffffff;
  font-size: 14px;
  background: #a37749;
  border:none;
  text-decoration: none;}

   #textAndBtn{ margin-left: 0px; float: none;}
}