@import url(https://fonts.googleapis.com/css?family=Oswald:400,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";

.clear { clear:both; }

a{text-decoration: none; color:#fff;}
a:hover{color:#a4aaec;}
h1{color:#666969; font-size: 18px; font-family: 'Oswald', sans-serif; font-weight: 400; }

.wrap{ height: 100px; width: 100%; }

.caption1{ width: 394px; height: 256px; position: absolute; top:150px; margin-left: 50vw; }
.captions h1{font-size: 40px; color:#349adb; line-height: 140%; }
.captions{font-weight: 300; margin-top: 150px; margin-left: 50px; color:#fff; font-size: 20px; width: 500px; line-height: 140%; text-align: center; font-family: 'Oswald', sans-serif;}



#header{ display: block; position: fixed; top:0; width: 100%; height: 100px; background-color: rgba(9,17,97,0.8); z-index: 999999999; }
#headerLeft{ float:left; margin-left: 40px; margin-top: 20px; }
#headerRight{ float: right; margin-right: 20px; }
#headerRight ul{ list-style-type: none; font-family: 'Oswald', sans-serif; font-weight: 400; margin-top: 20px;  }
#headerRight ul > li{ display: inline-block; margin-right: 40px; font-size: 14px; }
#headerRight ul > li > a { color:#fff; }

#slider{ display: block; margin-top:-100px; z-index: 9; }

#mainpageProducts{ background-color: #d7d7d7; width: 100%; height: 380px; text-align: center; display: block; }
.mainProducts{ width: 215px; height: 300px; background-color: #fff; display: inline-block; margin-top: 40px; margin-left: 35px; 
font-family: 'Oswald', sans-serif; font-weight: 300; line-height: 140%;	margin-right: 35px; text-align: left; padding: 10px; font-size: 12px; color: #717171; }
.mainProducts h1{ color:#717171; font-size: 15px; font-family: 'Oswald', sans-serif;  }
.mainProducts h2{ color:#717171; font-size: 12px; font-family: 'Oswald', sans-serif; font-weight: 300; line-height: 140%; }
.mainProductsContent{ text-align: center; margin-top: 30px; }


#upFooter h1{ color:#fff; display: inline-block; margin-top: 100px; font-size: 24px; }

#footer{ width: 100%; height: 300px; background-color: #333333; background-color: #323232; display: block; }
#footerBottom{ width: 100%; height: 60px; background-color: #292929; }
#social{ float: left; }
#social:first-child{ margin-left: 20px;}
#social a{ display: inline-block; margin-left: 10px; margin-top: 20px; }
#social a > img{ width: 30px; height: 30px; }
#footerContent{ width: 1024px; margin:0 auto; text-align: center;  line-height: 140%;
font-family: 'Oswald', sans-serif; font-weight: 300; height: 300px; }
#footerContainer{ margin-top: 80px; height: 200px;  }
#leftFooter{ color:#fff; font-size: 11px; text-align: left; display: inline-block; vertical-align: bottom; }
.footerLine{ width: 1px; height: 150px; background-color: #606060;  display: inline-block; margin-left: 40px; margin-top: 80px; vertical-align: bottom;}
#footerKurumsal{ display: inline-block; vertical-align: bottom; margin-left: 90px; color: #606060;  text-align: left; width: 150px; font-size: 12px; font-weight: 300; }
#footerUrunler{ display: inline-block; vertical-align: bottom; margin-left: 90px; color: #606060;  text-align: left; width: 150px; font-size: 12px; font-weight: 300; }
#footerUrunler a{ color:#606060; }
#footerIletisim{ display: inline-block; vertical-align: bottom; margin-left: 90px; color: #606060;  text-align: left; width: 150px; font-size: 12px; font-weight: 300; }
.footerMiniContent{height: 150px; max-height: 120px;}

#hakkimizda{ margin-top: 100px; margin-bottom: 100px; padding: 40px; text-align: center; }
#hakkimizdaLeft{ width: 30vw; color: #b5b5b5; text-align: left; font-size: 14px; font-family: 'Oswald', sans-serif; font-weight: 300; line-height: 140%; display: inline-block; vertical-align: top; }
#hakkimizdaLeft h1{ vertical-align: top; font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 400; }
#hakkimizdaRight{ vertical-align: top; width: 30vw; color: #b5b5b5; text-align: left; font-size: 14px; font-family: 'Oswald', sans-serif; font-weight: 300; line-height: 140%; display: inline-block; }
#hakkimizdaRight h1{ font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 400; }
#hakkimizdaLine{ width: 1px; height:450px; display: inline-block;  background-color: #b5b5b5; margin-left: 100px; margin-right: 100px; }

.iletisimContent{ color: #606060; font-size: 14px; font-family: 'Oswald', sans-serif; font-weight: 300; line-height: 140%; margin-top: 100px; margin-bottom: 100px; }
.iletisimText{ text-align: left; float: right; margin-right: 10vw; position: relative; display: inline-block; vertical-align: middle; width: 400px; }
#map1{ width: 600px; height: 250px; float: left;position:relative;display: inline-block; vertical-align: middle; margin-left: 100px; }
.iletisimBaslik{margin-left: 100px;}
.iletisimBaslikLine{ width: 200px; height: 1px; margin-top: 10px; margin-bottom: 10px; background-color: #606060; }

#referans{ display: block; margin-top: 100px; margin-bottom: 100px; }
#referans img{ display: inline-block; float: left; margin-left: 80px; }

#urunList{ width: 1024px; margin: auto; text-align: center; min-height: 400px; margin-top: 70px; margin-bottom: 70px; }
.urunTek{ width: 220px; height: 260px; border:1px solid #bebebe; }

#urunMain{ width: 1024px; margin:auto; text-align: center; background-color: #fff; margin-top: -30vh; min-height: 700px; margin-bottom: 100px; padding: 40px; }
#urunMain h1{ font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 400; }
#urunDetayLeft{ float: left; width: 600px; text-align: left; vertical-align: top; }
#urunDetayRight{ float: right; vertical-align: top; }
.buttonDetay{ margin-top: 40px; width: 120px; height: 50px; text-align: center; border:1px solid #cbcbcb; color:#717171; font-family: 'Oswald', sans-serif; font-size: 16px; font-weight: 300; float: left;}
.buttonDetay:hover{  color:#fff; background-color: #091161; font-family: 'Oswald', sans-serif; }
#urunContent{float: none; margin-top: 140px; font-family: 'Oswald', sans-serif; font-size: 14px; color:#717171; font-weight: 300; display: block;}
#urunOzellikler{float: none; margin-top: 140px; font-family: 'Oswald', sans-serif; font-size: 14px; color:#717171; font-weight: 300; display: none;}
#urunGaleri{width:980px;float: none; margin-top: 140px; font-family: 'Oswald', sans-serif; font-size: 14px; color:#717171; font-weight: 300; display: none;}
#urunGaleri img{ border:1px solid #717171; width: 240px; }
#urunGaleri2{width:980px;float: none; margin-top: 140px; font-family: 'Oswald', sans-serif; font-size: 14px; color:#717171; font-weight: 300; display: none;}
#urunGaleri2 img{ border:1px solid #717171; width: 240px; }
#urunDiagram{width:980px;float: none; margin-top: 140px; font-family: 'Oswald', sans-serif; font-size: 14px; color:#717171; font-weight: 300; display: none;}
#urunDiagram2 img{ border:1px solid #717171; width: 240px; }
.urunFotoTek{ width: 220px; height: 150px; text-align: center; float: left; margin-left: 20px; margin-top: 10px; border:1px solid #717171;}
.urunPdfTek{ text-align: center; float: left; margin-left: 20px; margin-top: 10px; }
#buttonGenel{ background-color:#091161; color:#fff;  }

#urunOzellikler table { max-width: 980px; font-weight: 300;  border-radius: 3px; border-collapse: collapse; border:1px solid #cbcbcb; text-align: left; width: 100%; font-size: 14px } 
#urunOzellikler table td, #urunOzellik table th { padding: 16px 12px; width: 200px; }
#urunOzellikler table tbody td { font-weight: 300; color: #717171; border: 1px solid #cbcbcb; font-size: 12px;font-weight: normal; min-width: 15px; }
#urunOzellikler table tbody .alt td { background: #E1EEF4; color: #717171; }
#urunOzellikler table tbody td:first-child { border-left: none; }
#urunOzellikler table tbody tr:last-child td { border-bottom: none; }

.ikinciTek{ width: 100%; padding: 20px; text-align: left; color:#717171; font-family: 'Oswald', sans-serif; font-size: 12px; margin-top: 70px;}
.ikinciTek img{float:left;}
.ikinciContent{ width: 500px; margin-left: 40px; float:left; }
.ikinciLine{ width: 100%; height: 1px; background-color: #717171; margin-top: 70px; float: none; }

#logo{ width:258px; height:50px; }
#copyrightM{ display: none; font-size: 8px; color:#fff; }
#simple-menu{ display:none; }
#menu{ display: none; }
#sidr{ display: none; }
.iconUrun{ width: 50px; height: 50px; }

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

	.caption1{display: none; width: 100px;}
	#headerRight{ display: none; }
	#headerLeft{ margin-left: 20px; }
	#footerContent{ width: 100%; }
	#logo{ width:150px; height:29px; }
	#header{ height: 70px; }
	#upFooter{ display: none; }
	#mainpageProducts{ height: auto; padding-bottom: 40px;}
	#footer{display: none;}
	#social a > img{width: 15px; height: 15px; display: none;}
	#copyrightM{ display: block; font-family: 'Oswald', sans-serif;}
	#ozelyapim img{width: 55px; }
	#simple-menu{ display:block; float: right; margin-top: 20px; margin-right: 20px; }
	#menu{ display: block; }
	#sidr{ display: block; background-color: #333; }
	#navBar{ list-style-type: none; }
	#navBar li{ margin-top: 20px; margin-left: 20px; font-family: 'Oswald', sans-serif; }

	#hakkimizdaLine{ display: none; }
	#hakkimizdaLeft{ width: 90%; margin-left: 5%; margin-top: -80px; }
	#hakkimizdaRight{ width: 90%; margin-left: 5%; margin-top: 40px; }

	#urunList{ width: 100%; }

	#urunDetayRight{ display: none; }
	#urunMain{ width: 90%; padding:5%; }
	#urunDetayLeft{ float: none; width: 90%; text-align: left; vertical-align: top; }
	.buttonDetay{ margin-top: 40px; width: 80px; height: 30px; text-align: center; border:1px solid #cbcbcb; color:#717171; font-family: 'Oswald', sans-serif; font-size: 12px; font-weight: 300; float: left;}
	.iconUrun{ margin-top: 20px;  }
	.urunFotoTek{ width: 90%; margin-left: 5%; float: none;}
	#urunGaleri{ width: 90%; margin-left: 5%;}
	#urunOzellikler table { max-width: 320px;}
	#urunGaleri2{ width: 90%; margin-left: 5%; }
	#urunDiagram{ width: 90%; margin-left: 5%; }
	#urunDiagram img{ width: 170px; float: left; }

	.ikinciContent{ width: 90%; margin-left: 5%; float:left; }
	.ikinciTek{ width: 90%; padding: 5%; }


	.iletisimContent{ color: #606060; font-size: 14px; font-family: 'Oswald', sans-serif; font-weight: 300; line-height: 140%; margin-top: 40px; margin-bottom: 40px; }
.iletisimText{ width: 90%; text-align: left; float: none; margin-right: 0; margin-left: 5%; margin-top: 5%; position: relative; display: inline-block; vertical-align: middle; }
#map1{ width: 90%;  height: 250px; float: none;position:relative;display: inline-block; vertical-align: middle; margin-left: 5%; width: 90%; }
.iletisimBaslik{margin-left: 5%; margin-top: 5%;}
.iletisimBaslikLine{ width: 200px; height: 1px; margin-top: 10px; margin-bottom: 10px; background-color: #606060; }
	.iletisimText a{color:#333;}


}