html { position: relative; min-height: 100%; overflow-y:scroll;}
body{margin-bottom: 100px;}
.iletisimbilgileri { float: left; margin-right: 135px; height: 100%;}
#lower { height: 50px; width: 100%; margin-top: 10px; text-align: center;}
.referanslarimiz { float: left; height: 200px; width: 200px;margin-left: 100px; margin-top: 20px; border: thin solid #000;}
.container.homepage #lower h4 a { font-weight: bold; color: #000; text-decoration: none;}
#metin {height: 500px; width: 100%;}
.kutu {float: left; height: 200px; width: 200px; border: thin solid #000; margin-right: 10px;}
.logoholder{padding:7px 0;}
.logoholder .logo{margin-left:40px;}
.slider{position:relative;max-height:555px;margin-top:-20px;overflow:hidden;}
.slider img{width:100%;}
.homepage{margin-top:20px;}
.contacts { position: absolute; left: 50%; margin-left: -544px; top: 65px; padding: 10px; width: 1040px; text-align: left; font-family: arial; font-size: 14px; 
text-align: left; font-weight: bold; background: rgba(255,255,255,0.7); z-index: 1;}
.contacts .user { float:left; width:200px; }
.img{position: relative;overflow: hidden;}
.img img{ width:100%;}
.about{font-family: arial; font-size: 14px;}
.organization {float: left; height: 100%; width: 300px; margin-left: 25px;}
.people { padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px solid black; }
#text{margin-top:20px; width: 100%; height: 200px; background:#F3F3F3;}
.footer a {text-decoration: none;color: #FFF;}
.footer a {color: #0CF;}
.footer a {color: #FFF; text-decoration: none;}
.footer strong {color: #0CF;}
.footer{width: 100%; color: #FFF; text-align: center; font-family: Arial, Helvetica, sans-serif; background-color: #2A2A2A;padding: 40px 0; position: absolute;
bottom: 0;height: 100px;}
.instagram {margin-left: 10px;}
.instagramyazi { font-size: 16px; font-weight: bold; color: #000000; text-decoration: none;}
.navbar.navbar-inverse .container #navbar .nav.navbar-nav li a:hover {background-color: #666;}
.dropdown-menu{background: #101010;}
.dropdown:hover .dropdown-menu {display: block;}
.submenu a:hover{border-bottom: 0px !important;}
.submenu.active a:hover{border-bottom: 8px solid transparent !important;}
.submenu.active ul{margin-top: -8px;}
.submenu.active ul li a{border-bottom: 0px !important;}
.submenu.active ul li a:hover{border-bottom: 0px !important;}
#center {height: 500px; width: 100%; padding-left: 10px;}
.navbar{border-radius:0;z-index:255;background-color:rgba(0,0,0,0.8);border:0;}
.navbar li a{font-weight:bold;color:#FFF !important;}
.vitrin {position:relative;margin:10px;overflow: hidden;}
.vitrin img{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;width: 100%;}
.vitrin:hover img{-webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25);}
.vitrin .tanim{ position: absolute; bottom: 0px;  width: 100%; height: 71px; padding: 5px; font-size: 18px; text-align: right; font-weight: bold; background-color: rgba(255,255,255,0.5);
line-height: 60px;}
.col-md-2 img{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;width: 100%;}
.col-md-2:hover img{-webkit-transform:scale(1.10); -moz-transform:scale(1.10); -ms-transform:scale(1.10); -o-transform:scale(1.10); transform:scale(1.10);}
.gallery {margin-bottom: 10px;position: relative;overflow: hidden;}
.gallery img {width: 100%}
.video{position:relative;max-height:100%; overflow:hidden;margin-left: 15px;margin-top: 150px;}
.video iframe{width:40%;}
.video2{position:relative;max-height:100%; overflow:hidden;margin-left: 15px;}
.video2 iframe{width:40%;}
.yapim img{width: 50%; margin-top: -50px;}
#hakkimizda{margin-top: -9px;}
@media(max-width:1024px) {.contacts {margin-left:-440px;}
}
@media (max-width: 768px){ #navbar{position:absolute;width:100%;background-color:black;height:auto;} .dropdown:hover .dropdown-menu {display: none;} 
.open.dropdown:hover .dropdown-menu {display: block;} .video iframe{width:100%;} .video2 iframe{width:100%;} .video{margin-top: 20px;float: left;} .video2{margin-top: 20px;float: left;} .yapim img{width: 100%;}	 
.footer{font-size: 12px;padding: 30px 0;} .iletisimbilgileri {margin-left: 10px; font-size: 16px;}
#hakkimizda{padding-left: 10px;}
}