body { background-color: #d3d3d3; padding: 0; margin: 0; }
.clear { clear: both; }
.container { width: 980px; bottom: 0; height:auto; background-color: #FFFFFF; margin: 0 auto;  }
a { text-decoration: none; color: #ffffff; }
header { width: 100%; height: 100px;  background-color: #FFFFFF;  border: 2px solid #000; border-right: 0; border-left: 0; }
.logo { width: 119px; height: 100px; margin-left: 40px; float: left; }
.logo img { margin-top: 15px;}

.slider { width: 100%; height: 360px; margin: 0; margin-top:-18px; padding: 0;}
.content { width: 98%; height: 100%; margin-left: 1%; margin-right: 1%; }
.content p { color: #404040; font-size: 15px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
.content span { color: #404040; font-size: 15px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
.content h3 { color: #404040; font-size: 16px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
.content b { color: #404040; font-size: 14px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }
.teknik-bilgi { width: 50%; height: 160px; float: left; margin-top: 5px; margin-bottom: 20px; }
.urun-resmi { width: 50%; height: 160px; float: right; margin-top: 5px; margin-bottom: 20px; }
nav {  margin: 0; float:right; margin-right:-60px;  margin-top: 60px; padding: 0; list-style-type: none; }
nav ul { list-style: none; padding: 0; margin: 0; color: #000000; display: block; }
nav ul li { list-style: none; display: inline-block; color: #000000; padding: 0; position: relative; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; }
nav ul li:hover { color: #daa4c6; }
nav ul li.dropdown>ul>li{
	display: block;
}

nav ul li.dropdown>ul>li{
	padding: 0 !important;
}
nav ul li.dropdown>ul>li>a{
	padding: 10px;
}
nav ul li.dropdown:hover>ul{
  z-index:999;
  opacity: 1;
  width: 170px;
  display: block;
  overflow:auto;
  margin-top:0;
  height: auto !important;
  background-color: #fff;
}

nav a {
   text-decoration: none;
   font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; 
   font-size: 15px; 
   color: #404040;
   display: block;
   padding: 5px;
   transition: all ease-in-out 0.2s;
}
nav a:hover { color: #daa4c6; }



nav ul li.dropdown>ul{
  position: absolute;
  width: 100%;
  padding: 0;
  height: 1px;
  overflow: hidden;
  margin-top: -10px;
  background-color: #404040;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#nav-toggle, #nav-toggle-alt{
   width: 100%;
   background: #0072A8;
   box-sizing: border-box;
   padding: 10px;
   cursor: pointer;
   display: none;
   color: #ccc;
}
#nav-toggle-alt{
	display:none;
}


.sosyal-menu .sosyal { width:80px; height: 23px; border:0px solid #CCC; float:right; margin-right:10px; }
.sosyal-menu .sosyal .facebook { transition: all ease-in-out 0.4s; float: right; margin-top: 3px; margin-right: 7px; width: 20px; height: 20px; background-image:url("img/facebook.png"); }
.sosyal-menu .sosyal .facebook:hover { margin-top: 0; }
.sosyal-menu .sosyal .twitter { transition: all ease-in-out 0.4s; float: right; margin-top: 3px; margin-right: 7px; width: 20px; height: 20px; background-image:url("img/twitter.png"); }
.sosyal-menu .sosyal .twitter:hover { margin-top: 0; }
.sosyal-menu .sosyal .youtube { transition: all ease-in-out 0.4s; float: right; margin-top: 3px; margin-right: 2%; width: 20px; height: 20px; background-image:url("img/youtube.png"); }
.sosyal-menu .sosyal .youtube:hover { margin-top: 0; }
.menu { float: right; width: 700px; height: 70px; }
.menu #menu1 { transition: all ease-in-out 0.2s; margin-top: 25px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #404040; float: left; }
.menu #menu1:hover { color: #daa4c6; }
.menu #menu2 { transition: all ease-in-out 0.2s; width: 92px; margin-top: 25px; margin-left: 25px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #404040; float: left; }
.menu #menu2:hover { color: #daa4c6; }
.menu #menu3 { transition: all ease-in-out 0.2s; margin-top: 25px; margin-left: 25px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #404040; float: left; }
.menu #menu3:hover { color: #daa4c6; }
.menu #menu3-acilir { display: none; transition: all ease-in-out 0.2s; margin-top: 50px; margin-left: 25px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #404040; float: left; }
.menu #menu4 { transition: all ease-in-out 0.2s; margin-top: 25px; margin-left: 25px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #404040; float: left; }
.menu #menu4:hover { color: #daa4c6; }
.menu #menu5 { transition: all ease-in-out 0.2s; margin-top: 25px; margin-left: 25px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #404040; float: left; }
.menu #menu5:hover { color: #daa4c6; }
.icerik { width:100%; height:auto; }
.icerik-sol { width: 47%; height: 430px; float: left; margin-top: 40px; margin-left: 2%;}
.icerik-sol h1 { margin: 0; padding: 0; margin-bottom: 15px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #404040; font-weight: normal; }
.icerik-sol .icerik-1 { width: 49%; height: 150px; float: left;  }
.icerik-sol .icerik-1-baslik { width: 100%; height: 40px; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 13px; font-weight: bold; margin-top: 10px; margin-left: 5px; }
.icerik-sol .icerik-1-baslik span:hover { cursor:pointer; text-decoration: underline; }
.icerik-sol .icerik-1-resim { width:100%; height: 100px; border-bottom: 3px solid #000;  background-image:url("images/Deutz912.jpg"); background-size:100% 100%; }
.icerik-sol .icerik-2 { width: 49%; height: 150px; margin-left: 2%; float: left; }
.icerik-sol .icerik-2-baslik { width: 100%; height: 40px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 13px; color: #606060; font-weight: bold; margin-top: 10px; margin-left: 5px; }
.icerik-sol .icerik-2-baslik span:hover { cursor:pointer; text-decoration: underline; }
.icerik-sol .icerik-2-resim { width: 100%; height: 100px; border-bottom: 3px solid #000; background-image:url("images/Deutz912.jpg"); background-size:100% 100%; }
.icerik-sol .icerik-3 { width: 49%; height: 150px; margin-top: 20px; float: left; clear: both; }
.icerik-sol .icerik-3-baslik { width: 100%; height: 40px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 13px; color: #606060; font-weight: bold; margin-top: 10px; margin-left: 5px; }
.icerik-sol .icerik-3-baslik span:hover { cursor:pointer; text-decoration: underline; }
.icerik-sol .icerik-3-resim { width: 100%; height: 100px; border-bottom: 3px solid #000; background-image:url("images/1015m.png"); background-size:100% 100%; }
.icerik-sol .icerik-4 { width: 49%; height: 150px; margin-top: 20px; margin-left: 2%; float: left; }
.icerik-sol .icerik-4-baslik { width: 100%; height: 40px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 13px; color: #606060; font-weight: bold; margin-top: 10px; margin-left: 5px; }
.icerik-sol .icerik-4-baslik span:hover { cursor:pointer; text-decoration: underline; }
.icerik-sol .icerik-4-resim { width: 100%; height: 100px; border-bottom: 3px solid #000; background-image:url("images/2015.png"); background-size:100% 100%; }
.icerik-sol .icerik-5{ width: 49%; height: 150px; margin-top: 20px;  float: left; }
.icerik-sol .icerik-5-baslik { width: 100%; height: 40px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 13px; color: #606060; font-weight: bold; margin-top: 10px; margin-left: 5px; }
.icerik-sol .icerik-5-baslik span:hover { cursor:pointer; text-decoration: underline; }
.icerik-sol .icerik-5-resim { width: 100%; height: 100px; border-bottom: 5px solid #daa4c6;background-image:url("img/urunler/camcatii.jpg"); background-size:100% 100%; }
#hakkimizda-baslik { color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 13px; font-weight: bold; }
#referanslarimiz-basliklar { border-bottom:2px solid #daa4c6; width:98%; margin-left:10px; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; font-weight: bold; }
.referanslarimiz-tablo tr td { height: 100px; text-align: center; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 13px; }
.referanslarimiz-tablo tr td img { margin: 0; padding: 0; }


.referanslarimiz { width:95%; margin-left:auto; margin-right:auto; height:auto; border:1px solid #CCC; }

.ref { width:93%; height:800px; border:0px solid #CCC; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:-30px;}

.box-1 { width: 15.5%; margin-left: 1%; height: 180px; float: left;  }
#box-1-image { width: 100%; height:70px; background-image: url("img/referanslar/marlon.jpg"); background-size:100% 100%; }


.y-referans { width:93.5%; height:auto; margin-left:auto; margin-right:auto; border:0px solid #CCC; margin-top:20px;}

.y-baslik { width:98.2%; height:auto; margin-left:10px; border:0px solid #CCC; clear:both; margin-top:0px; float:left;}

.y-baslik  h4 { color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 16px; font-weight:bold; margin-top:10px; margin-bottom:10px; border:2px solid #daa4c6; border-top:0; border-left:0; border-right:0; }

.y-referans-ic { width:18.7%; height:160px; border:1px solid #CCC; float:left; margin-top:10px; margin-left:1%;}

.y-referans-ic1 { width:auto; height:auto; border:0px solid #CCC;  margin-top:5px; margin-left:1%; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 14px;  text-align:left; }

.galeri-ic { width:14.7%; height:120px; border:4px solid #EEE; float:left; margin-top:10px; margin-left:1%;}

.video-ic { width:47.8%; height:270px; border:4px solid #EEE; float:left; color:#FFF; margin-top:10px; margin-left:1%; background:#000;
font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 16px; font-weight: normal; margin-top:0; text-align:center;

}

.y-referans-ic h4 { color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 13px; font-weight: normal; margin-top:0; text-align:center;}

.resim7 { width:100%; height:120px;}




.referanslar-box { width: 100%; height:auto; background-color: white; margin-bottom:10px; }
.referanslar-box-kis { width: 100%; height: 120px; background-color: white; }
.referanslar-box-proje { width: 100%; height: 120px; background-color: white; }
.referanslar-box-yurtdisi { width: 100%; height: 120px; background-color: white; }

.referanslar-box #box-1 { width: 15.5%; margin-left: 1%; height: 160px; float: left; }
.referanslar-box #box-1 #box-1-image { width: 100%; height:70px; background-image: url("img/referanslar/marlon.jpg"); background-size:100% 100%; }
.referanslar-box #box-1 h1 { text-align: center; margin: 0; padding: 0; margin-top: 10px; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 13px; font-weight: normal; }

.referanslar-box #box-2 { width: 32%; margin-left: 1%; height: 160px; float: left; }
.referanslar-box #box-2 #box-2-image { width: 100%; height:160px; background-image: url("img/referanslar/dhotelmaris.jpg"); background-size:100% 100%; }
.referanslar-box #box-2 h1 { text-align: center; margin: 0; padding: 0; margin-top: 10px; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; font-weight: normal; }

.referanslar-box #box-3 { width: 32%; margin-left: 1%; height: 160px; float: left; }
.referanslar-box #box-3 h1 { text-align: center; margin: 0; padding: 0; margin-top: 10px; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; font-weight: normal; }
.referanslar-box #box-3 #box-3-image { width: 100%; height: 160px; background-image: url("img/referanslar/hubblebubble.jpg"); background-size:100% 100%; }

.referanslar-box #box-4 { width: 24%; margin-left: 1%; margin-right: 1%; height: 160px; float: left; }
.referanslar-box #box-4 #box-4-image { width: 100%; height: 120px; background-image: url("img/referanslar/mado.jpg"); background-repeat: no-repeat; }
.referanslar-box #box-4 h1 { text-align: center; margin: 0; padding: 0; margin-top: 10px; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; font-weight: normal; }

.referanslar-box-yurtdisi #box-1 { width: 32%; margin-left: 1%; height: 160px; float: left; }
.referanslar-box-yurtdisi #box-1 #box-1-image { width: 100%; height: 120px; background-image: url("img/referanslar/resimsiz.jpg"); background-repeat: no-repeat; }
.referanslar-box-yurtdisi #box-1 h1 { text-align: center; margin: 0; padding: 0; margin-top: 10px; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; font-weight: normal; }

.referanslar-box-yurtdisi #box-2 { width: 32%; margin-left: 1%; height: 160px; float: left; }
.referanslar-box-yurtdisi #box-2 #box-2-image { width: 100%; height: 120px; background-image: url("img/referanslar/resimsiz.jpg"); background-repeat: no-repeat; }
.referanslar-box-yurtdisi #box-2 h1 { text-align: center; margin: 0; padding: 0; margin-top: 10px; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; font-weight: normal; }

.referanslar-box-yurtdisi #box-3 { width: 32%; margin-left: 1%; height: 160px; float: left; }
.referanslar-box-yurtdisi #box-3 h1 { text-align: center; margin: 0; padding: 0; margin-top: 10px; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; font-weight: normal; }
.referanslar-box-yurtdisi #box-3 #box-3-image { width: 100%; height: 120px; background-image: url("img/referanslar/resimsiz.jpg"); background-repeat: no-repeat; }

.referanslar-box-yurtdisi #box-4 { width: 24%; margin-left: 1%; margin-right: 1%; height: 160px; float: left; }
.referanslar-box-yurtdisi #box-4 #box-4-image { width: 100%; height: 120px; background-image: url("img/referanslar/resimsiz.jpg"); background-repeat: no-repeat; }
.referanslar-box-yurtdisi #box-4 h1 { text-align: center; margin: 0; padding: 0; margin-top: 10px; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; font-weight: normal; }


.referanslar-box-kis #box-1 { width: 24%; margin-left: 1%; height: 160px; float: left; }
.referanslar-box-kis #box-1 #box-1-image { width: 100%; height: 120px; background-image: url("img/referanslar/onurgroup.jpg"); background-repeat: no-repeat; }
.referanslar-box-kis #box-1 h1 { text-align: center; margin: 0; padding: 0; margin-top: 10px; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; font-weight: normal; }

.referanslar-box-kis #box-2 { width: 24%; margin-left: 1%; height: 160px; float: left; }
.referanslar-box-kis #box-2 #box-2-image { width: 100%; height: 120px; background-image: url("img/referanslar/erolkumascilik.jpg"); background-repeat: no-repeat; }
.referanslar-box-kis #box-2 h1 { text-align: center; margin: 0; padding: 0; margin-top: 10px; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; font-weight: normal; }

.referanslar-box-kis #box-3 { width: 23%; margin-left: 1%; height: 160px; float: left; }
.referanslar-box-kis #box-3 #box-3-image { width: 100%; height: 120px; background-image: url("img/referanslar/akdagaluminyum.jpg"); background-repeat: no-repeat; }
.referanslar-box-kis #box-3 h1 { text-align: center; margin: 0; padding: 0; margin-top: 10px; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; font-weight: normal; }

.referanslar-box-kis #box-4 { width: 24%; margin-left: 1%; margin-right: 1%; height: 160px; float: left; }
.referanslar-box-kis #box-4 #box-4-image { width: 100%; height: 120px; background-image: url("img/referanslar/milenyumparkevleri.jpg"); background-repeat: no-repeat; }
.referanslar-box-kis #box-4 h1 { text-align: center; margin: 0; padding: 0; margin-top: 10px; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; font-weight: normal; }

.referanslar-box-proje #box-1 { width: 24%; margin-left: 1%; height: 160px; float: left; }
.referanslar-box-proje #box-1 #box-1-image { width: 100%; height: 120px; background-image: url("img/referanslar/alyainsaatmetal.jpg"); background-repeat: no-repeat; }
.referanslar-box-proje #box-1 h1 { text-align: center; margin: 0; padding: 0; margin-top: 10px; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; font-weight: normal; }

.referanslar-box-proje #box-2 { width: 24%; margin-left: 1%; height: 160px; float: left; }
.referanslar-box-proje #box-2 #box-2-image { width: 100%; height: 120px; background-image: url("img/referanslar/solarkent.jpg"); background-repeat: no-repeat; }
.referanslar-box-proje #box-2 h1 { text-align: center; margin: 0; padding: 0; margin-top: 10px; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; font-weight: normal; }

.referanslar-box-proje #box-3 { width: 23%; margin-left: 1%; height: 160px; float: left; }
.referanslar-box-proje #box-3 h1 { text-align: center; margin: 0; padding: 0; margin-top: 10px; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; font-weight: normal; }
.referanslar-box-proje #box-3 #box-3-image { width: 100%; height: 120px; }

.referanslar-box-proje #box-4 { width: 24%; margin-left: 1%; margin-right: 1%; height: 160px; float: left; }
.referanslar-box-proje #box-4 #box-4-image { width: 100%; height: 120px; }
.referanslar-box-proje #box-4 h1 { text-align: center; margin: 0; padding: 0; margin-top: 10px; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; font-weight: normal; }

.icerik-sag { width: 47%; height:auto; float: left; margin-top: 40px; margin-left: 2%; color: #606060; }
.icerik-sag h1 { margin: 0; padding: 0; margin-bottom: 15px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #404040; font-weight: normal; }
.icerik-sag .icerik { text-align: justify; width: 98%; margin-right: 2%; height: 290px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 13px; float: left; }
.icerik2-sol { width: 47%; height:auto; float: left; margin-top: 100px; margin-left: 2%;  }
.icerik2-sol h1 { margin: 0; padding: 0; margin-bottom: 15px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #404040; font-weight: normal; }
.icerik2-sol .icerik { width: 100%; height: 135px; float: left; }
.icerik2-sol .icerik img { margin-top: 15px; float: left; }
.icerik2-sol .icerik h1 { font-weight: normal; transition: all ease-in-out 0.2s; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; margin-top: 60px; font-size: 15px; float: left; color: #606060; }
.icerik2-sol .icerik h1:hover { color: #daa4c6; }
.icerik2-sag { width: 47%; height: 170px; float: left; margin-top: 100px; margin-left: 2%; }
.icerik2-sag h1 { margin: 0; padding: 0; margin-bottom: 15px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #404040; font-weight: normal; }
.icerik2-sag .icerik-1 { width:48%; height: 150px; float: left; }
.icerik2-sag .icerik-1 h1 { padding: 0; margin: 0; margin-bottom: 5px; text-align: left; } 
.icerik2-sag .icerik-2 { width: 48%; height: 150px; margin-left: 4%; float: left; }
.icerik2-sag .icerik-2 h1 { padding: 0; margin: 0; margin-bottom: 5px; text-align: left; }
.icerik2-sag .icerik-2 #icerik-2-content { border-bottom: 5px solid #daa4c6; background-image:url("img/galeri.png");  width:100%; height: 135px; background-size:100% 100%; }
.copyright { width: 100%; height: auto; background-color: #404040; margin-top: 10px; padding-bottom:10px; }
.copyright h3 { padding-top: 10px; font-weight: normal; margin: 0; text-align: center; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 13px; color: #fff; margin-top: 0px; }
.maps { width: 100%; height: 350px; margin-bottom: 30px; margin-left:auto; margin-right:auto;  }
.firma-bilgileri { width: 48%; height: 200px; margin-left: 2%; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #404040;  margin-top: 10px; float: left; }
.form { width: 44%; height: 330px; margin-left: 6%; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #404040; margin-top: 10px; float: left; }
.hakkimizda-foto { width: 100%; height:auto; margin-top: 20px; } 
.hakkimizda-foto #foto1 { border-radius: 5px 5px 0px 0px; margin-left: 20px; width: 30%; height: 195px; background-image: url("images/h1.JPG"); no-repeat; background-size:100% 100%; float: left; border-bottom: 5px solid #daa4c6; } 
.hakkimizda-foto #foto2 { border-radius: 5px 5px 0px 0px; width: 30%; height: 195px; background-image: url("images/h2.JPG"); no-repeat; background-size:100% 100%; float: left; margin-left: 30px; border-bottom: 5px solid #daa4c6; }
.hakkimizda-foto #foto3 { border-radius: 5px 5px 0px 0px; margin-right: 20px; width: 30%; height: 195px; background-image: url("images/h3.JPG"); no-repeat; background-size:100% 100%; float: right; border-bottom: 5px solid #daa4c6; }
.hakkimizda { width: 30%; height: 100%; margin-top: 30px; margin-bottom:80px; margin-left:2%; float:left; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande'; text-align:justify; font-size:15px; border:0px solid #CCC; }
.hak { width:95%; height:auto; border:0px solid #CCC; margin-left:auto; margin-right:auto; margin-top:40px; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande'; font-size:15px; margin-bottom:40px;}
.hakkimizda p { font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #606060; }

.urunlerimiz { width: 92.5%; border:0px solid #CCC; margin-left:40px; height:auto; margin-top: 10px; margin-bottom: 40px;}

.urunlerimizz { width: 92.5%; border:0px solid #CCC; margin-left:40px; height:auto; margin-top: 10px; margin-bottom: 40px;}
.uurunic { width:100%; height:auto; margin-left:24px; margin-top:30px; margin-bottom:10px;  border:1px solid #CCC; float:left; 

font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #606060; background:#EEE;
}


.uurunic:hover { background:#DDD;}

.uurunic h4 {font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #606060; margin-top:2px; margin-left:5px;}

.uurunic p {font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #606060; margin-top:-7px; margin-left:5px;}

.uurunic-sag { width:48%; height:auto; border:0px solid #CCC; float:right; margin-right:60px; margin-top:95px;}
.resimurun { width:40%; height:100%;}

.urunlerimiz #urun-1 { transition: all ease-in-out 0.2s; width: 49%; height: 435px; float: left; border-radius: 5px 5px 5px 5px; background-color: #ecfffe; border: 2px solid #d2d3d3; }
.urunlerimiz #urun-1:hover { border: 2px solid #bfbfbf; }
.urunlerimiz .uurunic #urun-image { border-radius: 3px 3px 0 0; margin-bottom: 10px; width: 100%; height: 300px; background-image: url("img/urunn1.jpg"); background-repeat: no-repeat; float: left; }
.urunlerimiz #urun-1 h1 { cursor: pointer; margin: 0; margin-left: 5px; padding: 0; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #606060; font-weight: bold; }
.urunlerimiz #urun-1 h1:hover { color: #4d4d4d; }
.urunlerimiz #urun-1 p { margin-left: 5px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 14px; color: #404040; font-weight: normal; }

.urunlerimiz #urun-2 { transition: all ease-in-out 0.2s; width: 49%; height: 435px; float: right; border-radius: 5px 5px 5px 5px; background-color: #ecfffe; border: 2px solid #d2d3d3; }
.urunlerimiz #urun-2:hover { border: 2px solid #bfbfbf; }
.urunlerimiz #urun-2 #urun-image { border-radius: 3px 3px 0 0; margin-bottom: 10px; width: 100%; height: 335px; background-image: url("img/urunn2.jpg"); background-repeat: no-repeat; float: left;  }
.urunlerimiz #urun-2 h1 { cursor: pointer; margin-left: 5px; margin: 0; padding: 0; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #606060; font-weight: bold; }
.urunlerimiz #urun-2 h1:hover { color: #4d4d4d; }
.urunlerimiz #urun-2 p { margin-left: 5px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 14px; color: #404040; font-weight: normal; }

.urunlerimiz #urun-3 { transition: all ease-in-out 0.2s; width: 49%; height: 435px; float: left; margin-top: 20px; border-radius: 5px 5px 5px 5px; background-color: #ecfffe; border: 2px solid #d2d3d3; }
.urunlerimiz #urun-3:hover { border: 2px solid #bfbfbf; }
.urunlerimiz #urun-3 #urun-image { border-radius: 3px 3px 0 0; margin-bottom: 10px; width: 100%; height: 335px; background-image: url("img/urunn3.jpg"); background-repeat: no-repeat; float: left; }
.urunlerimiz #urun-3 h1 { cursor: pointer; margin-left: 5px; margin: 0; padding: 0; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #606060; font-weight: bold; }
.urunlerimiz #urun-3 h1:hover { color: #4d4d4d; }
.urunlerimiz #urun-3 p { margin-left: 5px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 14px; color: #404040; font-weight: normal; } 

.urunlerimiz #urun-4 { transition: all ease-in-out 0.2s; width: 49%; height: 435px; float: right; margin-top: 20px; border-radius: 5px 5px 5px 5px; background-color: #ecfffe; border: 2px solid #d2d3d3; }
.urunlerimiz #urun-4:hover { border: 2px solid #bfbfbf; }
.urunlerimiz #urun-4 #urun-image { border-radius: 3px 3px 0 0; margin-bottom: 10px; width: 100%; height: 335px; background-image: url("img/urunn4.jpg"); background-repeat: no-repeat; float: right; }
.urunlerimiz #urun-4 h1 { cursor: pointer; margin-left: 5px; margin: 0; padding: 0; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #606060; font-weight: bold; }
.urunlerimiz #urun-4 h1:hover { color: #4d4d4d; }
.urunlerimiz #urun-4 p { margin-left: 5px; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 14px; color: #404040; font-weight: normal; } 

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #543b54;
	-webkit-box-shadow:inset 0px 1px 0px 0px #543b54;
	box-shadow:inset 0px 1px 0px 0px #543b54;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4d4d4d), color-stop(1, #423323));
	background:-moz-linear-gradient(top, #4d4d4d 5%, #423323 100%);
	background:-webkit-linear-gradient(top, #4d4d4d 5%, #423323 100%);
	background:-o-linear-gradient(top, #4d4d4d 5%, #423323 100%);
	background:-ms-linear-gradient(top, #4d4d4d 5%, #423323 100%);
	background:linear-gradient(to bottom, #4d4d4d 5%, #423323 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#423323',GradientType=0);
	background-color:#4d4d4d;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #242424;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 38px;
	text-decoration:none;
	text-shadow:0px 1px 0px #4d3534;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #423323), color-stop(1, #4d4d4d));
	background:-moz-linear-gradient(top, #423323 5%, #4d4d4d 100%);
	background:-webkit-linear-gradient(top, #423323 5%, #4d4d4d 100%);
	background:-o-linear-gradient(top, #423323 5%, #4d4d4d 100%);
	background:-ms-linear-gradient(top, #423323 5%, #4d4d4d 100%);
	background:linear-gradient(to bottom, #423323 5%, #4d4d4d 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#423323', endColorstr='#4d4d4d',GradientType=0);
	background-color:#423323;
}
.myButton:active {
	position:relative;
	top:1px;
}

.y-urun { width:95%; height:auto; border:1px solid #CCC; clear:both; margin-left:auto; margin-right:auto;}
.y-urun-icerik { width:100%; height:auto; border:0px solid #CCC; float:left;  margin-left:2%; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 14px; color: #404040; font-weight: normal; margin-bottom:20px; word-wrap: break-word; }

.y-urun-icerik1 { width:45%; height:auto; border:0px solid #CCC; float:left;  margin-left:2%; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 14px; color: #404040; font-weight: normal; margin-bottom:20px; word-wrap: break-word; }

.y-urun-ic { width:49.7%; height:auto; float:left; border:0px solid #CCC;}

.resim3 { width:100%; height:300px;}

.y-text {width: 250px; height: 20px; outline: none;}
.y-text1 {width: 248px; height: 70px; outline: none;}


.y-urun-icerik p {word-wrap:break-word; color:#000;}


/* scroll-bar   */

#style-1::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	
}

#style-1::-webkit-scrollbar
{
	width: 10px;
	background:#EEE;
	
}

#style-1::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	
}


.scrollbar
{
	
	float: left;
	height: 350px;
	width: 100%;
	
	overflow-y: scroll;
	margin-bottom: 25px;
}


.y-top {width:1014px; position:absolute; left:50%; margin-left:-512px; background:#404040; top:0; padding:5px; color:#FFF; font-size:14px; text-align:center;
font-family:Arial, Helvetica, sans-serif; cursor:pointer;

}

.y-top-ic { width:1014px; height:auto; position:absolute; left:50%; margin-left:-512px; background:rgba(64,64,64,0.9); margin-top:5px; padding:5px; color:#FFF; font-size:14px;
font-family:Arial, Helvetica, sans-serif; display:none; z-index:999;}

.y-musteri-text { padding:5px; border:1px solid #DDD; border-radius:2px; width:250px;}


/* scrollbar finish */


@media only screen and (max-width:1920px) and (min-width:1024px){
	.container { width:1024px; bottom: 0; height:auto; background-color: #FFFFFF; margin: 0 auto; margin-top:-18px; }


.menu { display:none;}


	}


@media only screen and (max-width:1023px) and (min-width:768px){
	.container { width:768px; bottom: 0; height:auto; background-color: #FFFFFF; margin: 0 auto; margin-top:-18px; }
.icerik-sol { width: 47%; height: 280px; float: left; margin-top:-50px;  margin-left: 2%;}
.icerik-sag { width: 47%; height:auto; float: left; margin-top:-50px; margin-left: 2%; color: #606060; }

.menu { display:none;}
.uurunic { width:46.5%; height:350px; margin-left:24px; margin-top:30px; margin-bottom:10px;  border:1px solid #CCC; float:left; 

font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #606060; background:#EEE;
}

.y-referans-ic { width:18.7%; height:180px; border:1px solid #CCC; float:left; margin-top:10px; margin-left:1%;}

.galeri-ic { width:17.7%; height:120px; border:4px solid #EEE; float:left; margin-top:10px; margin-left:1%;}

.video-ic { width:47.8%; height:270px; border:4px solid #EEE; float:left; color:#FFF; margin-top:10px; margin-left:1%; background:#000;
font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 16px; font-weight: normal; margin-top:0; text-align:center;

}

.y-text {width: 250px; height: 20px; outline: none;}
.y-text1 {width: 248px; height: 70px; outline: none;}


}

	
	@media only screen and (max-width:767px) and (min-width:480px){
	.container { width:99%; bottom: 0; height:auto; background-color: #FFFFFF; margin: 0 auto; margin-top:-18px; }

.icerik-sol { width: 47%; height: 280px; float: left; margin-top:-100px;  margin-left: 2%; margin-bottom:130px;}
.icerik-sag { width: 47%; height:auto; float: left; margin-top:-100px; margin-left: 2%; color: #606060; margin-bottom:130px; }
.icerik2-sol .icerik h1 { font-weight: normal; transition: all ease-in-out 0.2s; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; margin-top: 60px; font-size: 8px; float: left; color: #606060; }
nav { display:none;}

.menu { width:200px; margin-right:-75px; height:40px;  margin-top:50px;}
.amenu {width:200px; height:30px; border:1px solid #EEE;}

.hakkimizda-foto #foto1 { border-radius: 5px 5px 0px 0px; margin-left: 10px; width: 30%; height: 195px; background-image: url("img/foto1.jpg"); float: left; border-bottom: 5px solid #daa4c6; } 
.hakkimizda-foto #foto2 { border-radius: 5px 5px 0px 0px; width: 30%; height: 195px;  background-image: url("img/foto2.jpg"); float: left; margin-left:10px; border-bottom: 5px solid #daa4c6; }
.hakkimizda-foto #foto3 { border-radius: 5px 5px 0px 0px; margin-right: 20px; width: 30%; height: 195px; background-image: url("img/foto3.jpg"); float: right; border-bottom: 5px solid #daa4c6; }

.hakkimizda { width: 90%; height: 100%; margin-top: 20px; margin-left: 2%; float:left; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande'; text-align:justify; }

.uurunic { width:44.5%; height:390px; margin-left:24px; margin-top:30px; margin-bottom:10px;  border:1px solid #CCC; float:left; 

font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #606060; background:#EEE;
}
.y-referans-ic { width:30.7%; height:190px; border:1px solid #CCC; float:left; margin-top:10px; margin-left:1%;}

.firma-bilgileri { width: 90%; height: 200px; margin-left: 2%; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #404040;  margin-top: 10px; float: left; }
.form { width: 90%; height: 400px; margin-left: 6%; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #404040; margin-top: 10px; float: left; }
.galeri-ic { width:30.5%; height:120px; border:4px solid #EEE; float:left; margin-top:10px; margin-left:1%;}

.video-ic { width:98%; height:270px; border:4px solid #EEE; float:left; color:#FFF; margin-top:10px; margin-left:1%; background:#000;
font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 16px; font-weight: normal; margin-top:0; text-align:center;}

	}
	
	@media only screen and (max-width:479px){
		
	.container { width:100%; bottom: 0; height:auto; background-color: #FFFFFF; margin: 0 auto; margin-top:-18px; }
.menu { width:140px;  height:40px; margin-right:5px;  margin-top:30px;}
.amenu {width:140px; height:30px; border:1px solid #EEE;}

nav { display:none;}


.icerik-sol { width: 95%; height: 500px;  margin-top:-200px;  margin-left: 2%; margin-bottom:50px;}
.icerik-sag { width: 97%; height:auto;  margin-top:-200px; margin-left: 2%; color: #606060; margin-bottom:50px; }

.icerik2-sol { width: 100%; height:auto; float: left; margin-top: 100px; margin-left: 2%;  }
.icerik2-sag { width: 96%; height: 170px; float: left; margin-top: 100px; margin-left: 2%; }

.hakkimizda-foto #foto1 { border-radius: 5px 5px 0px 0px; margin-left: 10px; width: 95%; height: 195px; background-image: url("img/foto1.jpg"); background-size:100% 100%; border-bottom: 5px solid #daa4c6; margin-bottom:10px; } 
.hakkimizda-foto #foto2 { display:none; border-radius: 5px 5px 0px 0px; width: 95%; height: 195px;  background-image: url("img/foto2.jpg"); background-size:100% 100%;  margin-left:10px; border-bottom: 5px solid #daa4c6; margin-bottom:10px;}
.hakkimizda-foto #foto3 { display:none; border-radius: 5px 5px 0px 0px; margin-right: 20px; width: 95%; height: 195px; background-image: url("img/foto3.jpg");  background-size:100% 100%; border-bottom: 5px solid #daa4c6; margin-bottom:10px;}

.hakkimizda { width: 90%; height: 100%; margin-top: 20px; margin-left: 2%; float:left; color: #606060; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande'; text-align:justify; }

.uurunic { width:85%; height:370px; margin-left:0px; margin-top:30px; margin-bottom:10px;  border:1px solid #CCC; float:left; 

font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #606060; background:#EEE;
}

.y-referans-ic { width:48%; height:190px; border:1px solid #CCC; float:left; margin-top:10px; margin-left:1%;}

.firma-bilgileri { width: 90%; height: 200px; margin-left: 2%; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #404040;  margin-top: 10px; float: left; }
.form { width: 95%; height: 400px; margin-left: 6%; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 15px; color: #404040; margin-top: 20px; float: left; }

.y-urun-icerik { width:100%; height:auto; border:0px solid #CCC;   margin-left:2%; font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 14px; color: #404040; font-weight: normal; margin-bottom:20px;  }

.y-urun-ic { width:100%; height:auto;  border:0px solid #CCC;}

.resim3 { width:90%; height:200px; margin-right:30px;}

.galeri-ic { width:46%; height:120px; border:4px solid #EEE; float:left; margin-top:10px; margin-left:1%;}

.video-ic { width:99%; height:270px; border:4px solid #EEE; float:left; color:#FFF; margin-top:10px; margin-left:1%; background:#000;
font-family: 'Century Gothic', 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-size: 16px; font-weight: normal; margin-top:0; text-align:center;}

.y-text {width: 220px; height: 20px; outline: none;}
.y-text1 {width: 218px; height: 70px; outline: none;}

.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #543b54;
	-webkit-box-shadow:inset 0px 1px 0px 0px #543b54;
	box-shadow:inset 0px 1px 0px 0px #543b54;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4d4d4d), color-stop(1, #423323));
	background:-moz-linear-gradient(top, #4d4d4d 5%, #423323 100%);
	background:-webkit-linear-gradient(top, #4d4d4d 5%, #423323 100%);
	background:-o-linear-gradient(top, #4d4d4d 5%, #423323 100%);
	background:-ms-linear-gradient(top, #4d4d4d 5%, #423323 100%);
	background:linear-gradient(to bottom, #4d4d4d 5%, #423323 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#423323',GradientType=0);
	background-color:#4d4d4d;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #242424;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 20px;
	text-decoration:none;
	text-shadow:0px 1px 0px #4d3534;
}


	}