@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,latin-ext);
body {  font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#6C7279;    }
a { text-decoration:none; transition:all 0.2s ease-in-out; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
.bold { font-weight:bold;}
.bold2 { font-weight:600;}
.bosluk10 { height:10px; }
.bosluk20 { height:20px; }
.container { width:1100px; height:auto; margin:0 auto;   }
.clear { clear:both;} 
.fLeft { float:left;}
.fRight { float:right;}
.link { color:#00B22D; } 
.font14 { font-size:14px; line-height:20px; }
img { display:block;  }
p { margin-bottom:15px; }
#map { width:100%; height:350px; border:1px solid #CCC; }

.header { background:#5A433B; height:150px; }
.header .top-border { height:10px; width:100%; background:#FFF; opacity:0.2; position:absolute; }
.header .top { height:40px; background:#000; line-height:40px; color:#CCC; }
.header .top span { margin-left:30px; }
.header .top i { margin-right:5px; }
.header .top a { color:#CCC;  }
.header .top a:hover { color:#FFF;  }
.header .logo { float:left; margin-top:15px; }
.header .menu { float:right; /*margin-top:40px;*/ }
.header .menu ul li { float:left;  }
.header .menu ul li a { color:#FFF; font-size:16px; font-weight:700; line-height:110px; padding:0 15px; display:block;  }
.header .menu ul li.color1 { background:#FBA338; transition:all 0.4s ease-in-out; }
.header .menu ul li.color2 { background:#47AEA8; transition:all 0.4s ease-in-out; }
.header .menu ul li.color3 { background:#AD4B87; transition:all 0.4s ease-in-out; }
.header .menu ul li.color4 { background:#DACD00; transition:all 0.4s ease-in-out; }
.header .menu ul li.color5 { background:#DB4D25; transition:all 0.4s ease-in-out; }
.header .menu ul li:hover { background:none; }
.header .menu ul li:hover .sub-menu  { visibility:visible; opacity:1;}
.header .menu ul li .sub-menu { position:absolute; z-index:999; visibility:hidden; opacity:0; transition:all 0.4s ease-in-out; }
.header .menu ul li .sub-menu ul { background:#5A433B; min-width: 230px; padding:10px 0;  }
.header .menu ul li .sub-menu ul li { float:none;}
.header .menu ul li .sub-menu ul li a {  line-height:18px; font-size:14px; font-weight:600; padding:3px 15px;  }
.header .menu ul li .sub-menu ul li a:hover { background:#F05927; }

.slider-kapsa { position:relative; height:450px; overflow:hidden; }
.slider-kapsa .tp-caption { background:#FFF; padding:10px 20px; }
.slider-kapsa .top-label { font-size:36px; line-height:42px; font-weight:700; color:#F05927; }
.slider-kapsa .main-label { font-size:22px; font-weight:600; line-height:28px;  }

.home-content { background:#EEE; padding:40px 0;   }
.home-content .urun-kolon { float:left; width:31.333333%; height:auto; margin-right:3%;  }
.home-content .urun-kolon img { width:100%; height:auto; }
.home-content .urun-kolon.sifir { margin-right:0%; }
.home-content .urun-kolon .urun-image { float:left; width:35%; }
.home-content .urun-kolon .urun-image img { border-radius:8px; }
.home-content .urun-kolon .urun-icerik { float:right; width:60%; }
.home-content .urun-kolon .urun-baslik { margin-bottom:10px; font-size:16px; font-weight:600; color:#F05927; }
.home-content .urun-kolon .urun-aciklama { margin-bottom:25px; }
.home-content .urun-kolon .urun-image { margin-bottom:15px; }
.home-content .urun-kolon .detay a { background:#333; padding:5px 15px; color:#FFF; font-size:14px; font-weight:600; }
.home-content .urun-kolon .detay i { margin-left:5px;  }
.home-content .urun-kolon .detay a:hover { background:#F05927; }

.content { margin-bottom:20px; }
.content .page-left { float:left; width:30%; }
.content .page-left img { width:100%; height:auto; }
.content .page-left .left-menu { background:#EEE; padding: 15px 20px; }
.content .page-left .left-menu .menu-baslik { font-size:16px; font-weight:700; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #CCC; }
.content .page-left .left-menu ul li a { display:block; color:#666; font-size:14px; padding-bottom:5px; margin-bottom:5px; border-bottom:1px dashed #DDD; }
.content .page-left .left-menu ul li a:hover { color:#F05927; }
.content .page-left .left-menu ul li a.active { color:#F05927; }

.content .page-right { float:right; width:68%; }
.content .page-right h1 { font-weight:600; margin-bottom:15px; line-height:36px; font-size:32px; }
.content .page-right h3 { font-weight:600; margin-bottom:5px; color: #F05927; }
.content .page-right .sub-images { margin-bottom:15px; }
.content .page-right .sub-images img { width:100%; height:auto; }
.content .page-right .urun-liste ul li { float:left; width:31.333333%; height:320px; margin-right:3%;  }
.content .page-right .urun-liste ul li img { width:100%; height:auto; }
.content .page-right .urun-liste ul li.sifir { margin-right:0%; }
.content .page-right .urun-liste ul li .urun-image { margin-bottom:15px; }
.content .page-right .urun-liste ul li .urun-baslik { margin-bottom:10px; font-size:16px; font-weight:600; color:#F05927; }
.content .page-right .urun-liste ul li .urun-aciklama { margin-bottom:25px; }
.content .page-right .urun-liste ul li .urun-image { margin-bottom:15px; }
.content .page-right .urun-liste ul li .detay a { background:#333; padding:10px 15px; color:#FFF; font-size:14px; font-weight:600; }
.content .page-right .urun-liste ul li .detay i { margin-left:5px;  }
.content .page-right .urun-liste ul li .detay a:hover { background:#F05927; }
.content .page-right .hizmetler-liste ul li { float:left; width:31.333333%; height:200px; border-bottom:1px solid #DDD; margin-right:3%; margin-bottom:3%;  }
.content .page-right .hizmetler-liste ul li.sifir { margin-right:0%; }
.content .page-right .hizmetler-liste ul li .hizmet-baslik { font-size:16px; font-weight:600; margin-bottom:10px; color:#F05927; }
.content .page-right .hizmetler-liste ul li .hizmet-baslik i { margin-right:5px; }
.content .page-right #accordion h4.acordion-baslik { cursor:pointer; padding:10px 15px;  margin-bottom:3px;  }
.content .page-right #accordion p { padding:0 15px; padding-top:5px; }
.content .page-right #accordion i { float:right; font-size:16px; }
.content .page-right .ui-state-default { background:#EEE; }
.content .page-right .ui-state-active { background:#F05927; color:#FFF; }
.content .page-right .ui-state-default i.active { display:none; }
.content .page-right .ui-state-active i.active { display:block; }
.content .page-right .ui-state-active i.default { display:none; }
.content .page-right .referanslar ul li { float:left; width:18.4%; height:110px; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; margin: 0% 2% 2% 0%;}
.content .page-right .referanslar ul li.sifir { margin-right: 0%; }
.content .page-right .referanslar ul li .logo { border:1px solid #DDD; margin-bottom:5px; }
.content .page-right .referanslar ul li .logo img { width:100%; height:auto; }
.content .page-right .referanslar ul li .aciklama { text-align:center; }

.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:#F05927; }
.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 { background:#5A433B; padding:20px 0; color:#CCC; margin-bottom:20px; }
.footer a { color:#CCC; }
.footer a:hover { color:#FFF; }
.footer .footer-top { border-bottom:1px dashed #999; padding-bottom:10px; margin-bottom:15px;  }
.footer .footer-top .fRight i { font-size:20px; margin-left:10px; } 

span.webidox-logo img { float:right; margin-left:10px; }

#form1 label { display:block; margin-bottom:5px;   }
#form1 .textbox { padding:5px 10px; border:1px solid #CCC; margin-bottom:10px; width:300px; font-size:13px; font-family: 'Open Sans', Arial, Helvetica, 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:13px; font-family: 'Open Sans', Arial, Helvetica, 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:13px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; transition:all 0.2s ease-in-out;  }
#form1 .btnGonder { padding:5px 20px; border:none; font-size:14px; font-family: 'Open Sans', Arial, Helvetica, 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;  }

@media screen and (max-width: 1216px) { 
	.container { width:980px; height:auto; margin:0 auto;  }
 }