@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,300italic,400italic,600,600italic,700,700italic,900,900italic&subset=latin,latin-ext);
body {  font-family: 'Source Sans Pro', sans-serif; font-size:14px; line-height:18px; color:#34495E; background:url(../images/content-bg.png) right 100px  no-repeat #F8F8F8;   }
a { text-decoration:none; transition:all 0.2s ease-in-out; }
h1 { font-size: 23px; }
h2 { font-size: 19px; }
h3 { font-size: 17px; }
h4 { font-size: 15px; }
h5 { font-size: 13px; }
.bold { font-weight:bold;}
.bold2 { font-weight:600;}
.bosluk10 { height:10px; }
.bosluk20 { height:20px; }
.page_container { width:1100px; height:auto; margin:0 auto; position:relative; z-index:1; }
.clear { clear:both; } 
.floatLeft { float:left; }
.floatRight { float:right; }
.link { color:#666; } 
.link:hover { color:#84C140; } 
.font14 { font-size:14px; line-height:20px; }
img { display:block; }
p { margin-bottom:15px; }
#map { width:100%; height:330px; border:1px solid #CCC; }
.yesil { color:#84C140; }
ul.bullet li { list-style-type:disc; margin-left:15px; }

.home-logo { margin-top:100px; float:left; }
.home-tel { position:absolute; z-index:1; font-size:22px; font-weight:600; bottom:120px; left:50%; color:#84C140; text-shadow:0 0 1px #1B8159; margin-left:315px; line-height:26px; }
.home-tel span { font-size:33px; color:#FFF; }
.ucretsiz-kesif { position:absolute; z-index:1; font-weight:600; bottom:210px; left:50%; background:#84C140; margin-left:315px;  width:205px; text-align:center; }
.ucretsiz-kesif a { display:block; padding:10px 0; color:#FFF; font-weight:400; font-size:18px;  }
.ucretsiz-kesif-content { background:#84C140; text-align:center;  }
.ucretsiz-kesif-content  a { display:block; padding:10px 0; color:#FFF; font-weight:400; font-size:18px;  }

.home-sidebar { float:right; margin-top:100px; background:url(../images/opak-bg.png) repeat; padding:20px; border-radius:10px; width:220px; }
.home-sidebar .sidebar-baslik { color:#FFF; font-size:18px; font-weight:600; padding-bottom:10px; border-bottom:1px solid #FFF; margin-bottom:10px;  }
.home-sidebar .menu ul li a { display:block; color:#CCC; border-bottom:1px solid #555; padding:5px; font-size:16px; }
.home-sidebar .menu ul li a:hover { color:#FFF; }
.home-sidebar .menu-haber ul li a { display:block; color:#AAA; border-bottom:1px solid #555; padding:5px; font-size:14px; }
.home-sidebar .menu-haber ul li a:hover { color:#FFF; }

.home-menu { position:absolute; bottom:1px; width:100%; z-index:1; }
.home-menu .menu-bg { position:absolute; z-index:-1; width:100%; height:50px; background:#333; opacity:0.5; border-top:1px solid #CCC; }
.home-menu ul { position:relative; }
.home-menu ul li { float:left; width:16%; text-align:center; }
.home-menu ul li a { line-height:50px; color:#FFF; font-size:18px; font-weight:700; display:block; border-top:1px solid #999; }
.home-menu ul li a:hover { border-top:1px solid #84C140;  color:#84C140; }
.home-menu ul li a.active { border-top:1px solid #84C140; color:#84C140; background-color:#FFF; }

.header { background:#FFF; height:100px; box-shadow: 0 0px 5px #999; margin-bottom:30px; }
.header .logo { float:left; margin-top:9px; }
.header .menu { float:right; line-height:100px; }
.header .menu ul li {  float:left; margin-left:20px; }
.header .menu ul li a { color:#333; font-size:17px; font-weight:600;  }
.header .menu ul li a:hover { color:#84C140;  }
.header .menu ul li a.active { color:#84C140;  }
.f-nav { position:fixed; width:100%; top:0; z-index:999;}
.header.f-nav { height:70px; }
.header.f-nav .logo img { height:50px; width:auto; } 
.header.f-nav .menu { line-height:70px; } 

.content { margin-bottom:30px; }
.content .page { margin-bottom:10px; font-size:14px; font-weight:600; }
.content h1 { margin-bottom:15px; font-size:36px; line-height:40px;  }
.content h2 { line-height:24px; font-weight:600;  }
.content h3 { margin-bottom:15px; line-height:22px;  }
.content .page-left { float:left; width:70%; }
.content .sidebar { float:right; width:25%; }
.content .sidebar .menu {  background:url(../images/opak-bg.png) repeat; padding:20px; margin-bottom:20px; }
.content .sidebar .sidebar-baslik { color:#FFF; font-size:18px; font-weight:600; padding-bottom:10px; border-bottom:1px solid #FFF; margin-bottom:10px;  }
.content .sidebar .menu ul li a { display:block; color:#CCC; border-bottom:1px solid #555; padding:5px; font-size:15px; }
.content .sidebar .menu ul li a:hover { color:#FFF; }
.content .sidebar .menu ul li ul { margin-left:15px; }
.content .sidebar .menu ul li ul li a { font-size:14px; color:#AAA; }
.content .sidebar .right-kolon { margin-bottom:15px; }
.content .sidebar .right-kolon .kolon-baslik { font-size:17px; padding:10px 15px; background:#666; color:#FFF; }
.content .sidebar .right-kolon .kolon-icerik { border:1px solid #DDD; border-top:none; padding:15px; }
.content .sidebar .right-kolon .kolon-icerik .kolon-image { margin-bottom:10px; }
.content .sidebar .right-kolon .kolon-icerik .kolon-image img { border:1px solid #DDD; width:100%; height:auto;  }
.content .sidebar .right-kolon .kolon-baslik2 { color:#0673BE; font-size:14px; margin-bottom:10px; font-weight:600; }
.content .referanslar ul li { float:left; width:23.5%; margin-right:2%; margin-bottom:2%; border:1px solid #DDD; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;  }
.content .referanslar ul li.sifir { margin-right:0%; }
.content .referanslar ul li img { width:100%; height:auto; }
.content .urunler ul li { float:left; width:31.3333333%; height:320px; border:1px solid #DDD; margin-right:3%; margin-bottom:3%; background:#FFF; padding:15px; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; }
.content .urunler ul li img { width:100%; height:auto; }
.content .urunler ul li.sifir { margin-right:0%; }
.content .urunler ul li .urun-image { margin-bottom:10px;  }
.content .urunler ul li .urun-baslik { font-size:16px; line-height:1.3; text-align:center; margin-bottom:10px; color:#0673BE; }
.content .urunler ul li .urun-baslik a { color:#0673BE; }
.content .urunler-liste ul li { border:1px solid #DDD; margin-bottom:15px; padding:2%; background:#FFF;  }
.content .urunler-liste ul li img { width:100%; height:auto; }
.content .urunler-liste ul li .urun-image { width:15%; margin-right:2%; float:left; border:1px solid #EEE; }
.content .urunler-liste ul li .urun-bilgi { width:50%;  margin-right:2%; float:left; padding-right:2%;  border-right:1px solid #EEE;  }
.content .urunler-liste ul li .urun-baslik { font-size:18px; margin-bottom:10px; color:#0673BE; }
.content .urunler-liste ul li .urun-aciklama { margin-bottom:10px;  }
.content .urunler-liste ul li .urun-incele { width:25.5%; float:right; text-align:center; margin-top:15px; }
.content .urunler-liste ul li .urun-incele a { color:#FFF; }
.content .urunler-liste ul li .urun-incele .fiyat { font-size:20px; font-weight:600; background:#84C140;  width:80%;  padding:10px 0; text-align:center; margin:0 auto; margin-bottom:10px; color:#FFF; }
.content .urunler-liste ul li .urun-incele .incele { font-size:17px;  background:#0673BE;  width:80%;  padding:10px 0; text-align:center; margin:0 auto; }
.content .urunler-liste ul li .urun-incele i { margin-right:5px; }
.content .urunler-liste ul li .urun-ozellik span { float:left; font-size:16px; line-height:20px; color:#0673BE; margin-right:10%; }
.content .urunler-liste ul li .urun-ozellik i { color:#666; }
.content .videolar ul li { float:left; width:31.3333333%; height:230px; margin-right:3%; margin-bottom:3%;box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; }
.content .videolar ul li img { width:100%; height:auto; }
.content .videolar ul li.sifir { margin-right:0%; }
.content .videolar ul li .image { border:1px solid #DDD; margin-bottom:10px; position:relative; }
.content .videolar ul li .aciklama { text-align:center; }
.content .videolar ul li .play { position:absolute; left:50%; height:50%; margin-left:-40px; top:50%; margin-top:-40px; opacity:0.7;   }
.content .videolar ul li .image:hover .play { opacity:1; }

table.urunler {  }
table.urunler img { width:100%; height:auto; }
table.urunler th { padding:10px; background:#0673BE; color:#FFF; font-size:17px; text-align:center; vertical-align:middle; border:1px solid #EEE;  }
table.urunler td { padding:10px; border-bottom:1px solid #DDD; text-align:center; vertical-align:middle; border:1px solid #EEE; }
table.urunler tbody { /*border:1px solid #CCC; border-top:none;*/ background:#FFF; }
table.urunler tbody tr:hover  { background:#F9F9F9; }
table.urunler a.incele { font-size:15px;  background:#0673BE; padding:5px 0; text-align:center; margin:0 auto; display:block; color:#FFF; width:90%; margin-bottom:3px;  }
table.urunler a.incele i { margin-right:5px; }
table.urunler a.incele.talep { background:#666666;  }
table.urunler span.fiyat{ font-size:15px;  background:#84C140; padding:5px 0; text-align:center; margin:0 auto; display:block; color:#FFF; width:90%; margin-bottom:3px;  }
table.urunler span.fiyat i { margin-left:5px; }


.haberler .haber-baslik { font-size:16px; margin-bottom:15px; font-weight:600; color:#333; }
.haberler ul li { padding-bottom:15px; margin-bottom:15px; border-bottom:1px dashed #CCC; }
.haberler ul li .haber-image { float:left; width:17%; }
.haberler ul li .haber-image img { width:100%; height:auto; }
.haberler ul li .haber-icerik { float:right; width:80%; }
.haberler ul li .haber-icerik .haber-baslik { font-size:14px; font-weight:600; margin-bottom:5px;  }
.haberler ul li .haber-icerik .haber-aciklama { margin-bottom:5px; }
.haberler ul li .haber-icerik .haber-detay a { color:#84C140; }
.haberler ul li .haber-icerik .haber-detay a:hover { text-decoration:underline; }
.haberler ul li .haber-icerik .haber-detay i { margin-right:7px; }

ul.galeri { margin-bottom:5px; }
ul.galeri li { width:18%; float:left; margin-right:2%; margin-bottom:2%; }
ul.galeri li img { border:1px solid #CCC; }

.footer { width:100%; background:#EEE; border-top:1px solid #DDD; }
.footer.fixed { position:fixed; bottom:0; }
.footer a { color:#333; opacity:0.5; }
.footer a:hover { opacity:1; }
.footer .footer-top { height:50px; line-height:50px; border-bottom:1px solid #DDD; }
.footer .footer-menu { float:left; }
.footer .footer-menu ul li { float:left; margin-right: 10px; }
.footer .footer-menu ul li a { float:left; margin-right: 10px; }
.footer .sosyal { float:right; font-size:18px;  }
.footer .sosyal i { margin-left:10px;  }
.footer .footer-bottom { height:50px; line-height:50px; font-size:12px;  }
.footer .footer-bottom .floatLeft { opacity:0.5; }

.iletisim-box { margin-bottom:15px; }
.iletisim-box .iletisim-baslik { background:#666; padding:8px 15px; font-size:18px; line-height:22px; color:#FFF; }
.iletisim-box .adres { background:#FFF; padding:15px 15px 5px; border:1px solid #DDD; }
.iletisim-box i { margin-right:5px; }
.iletisim-box .image { float:right; max-width:200px; height:auto; }
.iletisim-box .image img { width:100%; border:1px solid #DDD; height:auto; }

.popup .baslik { padding:10px 15px; background:#0673BE; color:#FFF; margin-bottom:20px; font-size:18px; }


#form1 label { display:block; margin-bottom:5px;   }
#form1 .textbox { padding:5px 10px; border:1px solid #CCC; margin-bottom:10px; width:300px; font-size:14px; font-family: 'Source Sans Pro', sans-serif; transition:all 0.2s ease-in-out;  }
#form1 .textarea { padding:5px 10px; border:1px solid #CCC; margin-bottom:10px; width:400px; height:80px; display:block; font-size:14px; font-family: 'Source Sans Pro', sans-serif; transition:all 0.2s ease-in-out;  }
#form1 .selectbox { padding:5px 10px; border:1px solid #CCC; margin-bottom:10px; width:320px; font-size:14px; font-family: 'Source Sans Pro', sans-serif; transition:all 0.2s ease-in-out;  }
#form1 .btnGonder { padding:5px 20px; border:none; font-size:14px; font-family: 'Source Sans Pro', sans-serif; transition:all 0.2s ease-in-out; background:#666; color:#FFF;   }
#form1 .btnGonder:hover { background:#222; cursor:pointer;   }
#form1 .textbox:hover, #form1 .textarea:hover, #form1 .selectbox:hover, #form1 .textbox:focus, #form1 .textarea:focus, #form1 .selectbox:focus { border:1px solid #B4B4B4; box-shadow:0px 0px 3px #CCC;  }


.slider-black { position:absolute; background:#000; left:0; top:0; width:100%; height:100%; opacity:0.4; -webkit-opacity:0.4; z-index:0;  }
.relative1 { position:relative; z-index:1; }


@media screen and (max-width: 1196px) { 
	.page_container { width:980px; height:auto; margin:0 auto;  }
	#caption { margin-left:-490px !important;  }
	.home-tel { margin-left:250px; }
 }