@import "../css/reset.css";
@import "../css/gridsistem.css";
@import "../css/navmenu.css";
@import "../css/flexslider.css";
@import "../css/fontlar.css";
/*@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700);*/
article,aside,audio,canvas,command,datalist,details,embed,figcaption,figure,footer,header,hgroup,keygen,meter,nav,output,progress,section,source,video{display:block}mark,rp,rt,ruby,summary,time{display:inline}
/* Global özellikler ======================================================== */
html {width:100%}

body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:18px;
  color:#666464;
  min-width:960px;
  background:url(../images/body_bg.png) 50% 0 no-repeat #e8e8e8;
  -webkit-text-size-adjust: none;
}

.ana_konteyner{
  width: 1000px;
  margin: 0 auto 60px;
}

.beyaz_zemin{
	background-color: #f8f8f8;
  border-radius: 6px;
}
.temizlikci {clear:both;width:100%;line-height:0;font-size:0;}
.sarmalayici {width:100%;overflow:hidden}
/*********************************fontlar*************************************/
.float_left {float:left}
.float_right {float:right}
.saga_hizala {text-align:right}
.ortala {text-align:center}

.italik{font-style:italic}
.harf_bosluk{letter-spacing:-1px}
.last{ margin-bottom:0 !important; padding-bottom:0 !important;}
/*==================================== Linkler ======================================================== */
a {
  color:#666464;
  outline:none;
  text-decoration:none;
  cursor:pointer;
}
a:hover{
  color:#ff0000;
  text-decoration:none;
}
/*********************************header*************************************/
header {
  padding-top: 60px;
  overflow: hidden;
  margin-bottom: 30px;
}
header h1{
  float: left;
}
header h1 a {
  display:block;
  width:286px;
  height:72px;
  background:url(../images/logo.png) 0 0 no-repeat;
  text-decoration:none;
  text-indent:-9999px;
}
/*********************************icerik*************************************/
#icerik {
  padding:28px 0px 0px;
  background-color: #f8f8f8;
  border-radius: 6px;
}
/*===============================>> paragraflar <<=============================*/
p {margin-bottom:18px}
.p2{ margin-bottom:10px;}
.p3{ margin-bottom:12px;}
/*================================>> H başlıklar<<========================================*/
h2{
  font-size: 21px;
  line-height: 26px;
  color:#fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -1px;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.12)
}
h2.bosluk{ margin-bottom:15px;}
h3{
  letter-spacing: -1px; 
  font-size: 21px;
  line-height: 26px;
  color:#353434;
  text-transform: uppercase;
  background-color: #efefef;
  padding: 14px 20px 14px 19px;
  margin-bottom: 21px;
}
h3.var1{
  background: none;
  padding: 0;
}
h3 span{color: #ff0000;}
h3.bosluk{margin-bottom: 11px;}
h4{
  font-size: 18px;
  line-height: 23px;
  color: #ff3636;
  font-weight: normal;
  margin-bottom: 10px;
}
h4 span{color: #353434;}
h4 a{
  color: #ff3636;
}
h4 a:hover{color: #353434;}
hr {margin-bottom: 15px;}
/*================================>> GOOGLE FONTLAR  <<========================================*/
.sf-menu, .ktg-menu, .flexslider .banner .title, h2, h3{font-family: 'Open Sans', sans-serif;}


/*================================>> hoverlar <<========================================*/
.resim_sar1 em, .resim_karesi em, h4 a, .link1, .link2, .link3, .link4, .kutu1{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/*********************************sayfalar*************************************/
.ext_list>li, .ext_box{ overflow:hidden;}
.ext_list>li>figure, .ext_box>figure{ float:left;}
.ext_list>li>div, .ext_box>div{overflow:hidden;}

figure{ float:left;}
figure figcaption {font-size:1.0em; font-style: italic; text-align:center;margin-top:10px;}
div{overflow:hidden;}
.kurumsal-alan figure {margin-right:20px;}
.kurumsal-alan>div{}
.kc_resim_boyut {
	width: 300px;
	height: 193px;
}
.urun_toplam{
  letter-spacing: -1px; 
  font-size: 16px;
  line-height: 21px;
  color:#353434;
  text-transform: uppercase;
  background-color: #efefef;
  padding: 12px 20px 12px 19px;
  margin-bottom: 21px;
}
.link1{color: #ff0000;font-weight: bold;}
.link1:hover{color: #fff;}

.link2{color: #353434;font-weight: bold;}
.link2:hover{color: #fff;}

.kutu{
  background: url('../images/bg1.jpg') no-repeat #f31918;
  padding: 13px 10px 21px 20px;
}
.feat_list>li{
  margin-bottom: 20px;
}
.feat_list>li>div, .feat_list>li>div a{
  color: #fff;
}
.feat_list>li>div a:hover{
  color: #000;
}
.feat_list>li>figure{
	margin: 0 10px 0 0;
}
.feat_list .yeni_kodu{
  background: #bf0000;
  display: inline-block;
  padding: 1px 9px 3px;
  color: #fff;
  border-radius: 2px;
  font-weight: bold;
  margin-bottom: 6px;
}
.yeni_kodu{margin-bottom: 15px;}

.resim_sar1{
  display: inline-block;
  padding: 3px;
  background: #fff;
  position: relative;
}
.resim_sar1 em{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 3px solid #fff;
}
.resim_sar1 img{width: 95px; height: 75px;}
a.resim_sar1:hover em{border-width: 6px;}

.link3{
  display: inline-block;
  padding-right: 13px;
  font-weight: bold;
  color: #fff;
  margin-top: 14px;
  background: url('../images/link3_marker.png') right 7px no-repeat;
}
.link3:hover{color: #333;}

.m_bot1{margin-bottom: 20px;}
.m_bot2{margin-bottom: 18px;}

.link4{color: #ff0000;font-weight: bold;}
.link4:hover{color: #353434;}

.resim_karesi{
  position: relative;
  display: inline-block;
}
.resim_karesi em{
  border: 10px solid transparent;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.resim_karesi:hover em{
  border-color: #efefef;
}

.kutu1{
	background-color: #efefef;
  
  padding: 14px 0 14px 20px;
  margin-bottom: 0px;
}
.kutu1.bosluk{padding-bottom: 19px;padding-right: 20px;}
.kutu1 h3{padding: 0;}
/*********************************ürünler sayfasi**************************************/
.div4{
	background: #f5f5f5;
	padding: 15px 20px 20px;
}
li.grid_4 {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
li.aralik_koy {
	margin-right: 20px !important;
}
.gallery li{
	margin-bottom: 30px;
	background-color:#efefef;
}

a.lightbox {
	display: block;
	position: relative;
}
a.lightbox span {
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
	display: block;
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: url(../images/magnify.png) -100px center no-repeat;
}
a.lightbox:hover span {
	background-position: center center;
}

.a5{
	color: #555;
	font-weight: bold;
}
.a5 a{font-size: 1.50em; line-height: 24px;}
/*********************************iletisim sayfasi*************************************/

/* Contact form */
#contact-form {
  padding:0px 0px 20px 0;
  margin-right: 21px;
  position: relative;
}
#contact-form .success
{
  display: block;
  position: absolute;
  width: 99%;
  top: 0;
  left:0;
  z-index: 99;
  background: #fff;
  border: 1px solid #000;
  text-align: center;
  padding: 20px 0;
}
#contact-form textarea, #contact-form input {
  margin:0;
  font-size:12px;
  border:1px solid #cac9c9;
  color:#969696;
  padding:8px 10px 9px;
  border-radius: 2px;
  outline:none;
  position:relative;
  font-family:Arial, Helvetica, sans-serif;
  background:#f7f7f7;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: inset 2px 2px 5px rgba(0,0,0,0.07);
}
#contact-form input {
}
#contact-form .title{font-style: normal;display: block;clear: both;color: #666464;margin-bottom: 2px;}
#contact-form textarea {
  overflow:auto;
  height:282px;
  resize:none;
  float:left;
  margin: 0 0 0 0;
}
  
#contact-form label {
  display:block;
  position: relative;
  min-height:70px;
  overflow:hidden;
 }
#contact-form label.message {
  display:block;
  padding-bottom:0;
}
#contact-form .link5 {
  margin-left:15px;
}
#contact-form .error, #contact-form .empty, #contact-form .success {display:none;}
#contact-form .error, #contact-form .empty {
  text-align:left;
  color:red;
  font-size:11px;
  position: absolute;
  right: 10px;
  top: 5px;
}
#contact-form .buttons2 {
  overflow:hidden;
  text-align:right;
  position:relative;
  clear:both;
  padding-top:15px;
}
#contact-form .buttons2 a {
	cursor:pointer;
	margin-top:0;
	text-align:center;
}
#contact-form span{
  display:block;
  margin: 0px 0 0 5px;
 }

.harita_sarmalayici{
  overflow:hidden;
  display:block;
  margin-bottom:21px;
}
#harita_kanvas {
   width:100%;
   height:325px;
}
.adres{}
.adres span{
  display:inline-block;
  width:74px;
}
.adres dt{ margin-bottom:14px;}

.demo{text-decoration:underline;}
.demo:hover{ text-decoration: none;}

.eposta_link{color: #ff0000;}
.eposta_link:hover{text-decoration: underline;}
/*Sayfalama*/
#paging_container2{	
	overflow: hidden;
}

.ellipse{
	float: left;
}

.page_navigation , .alt_page_navigation{
	padding-bottom: 50px;
	border-bottom: 1px dotted #CCC;
}

.page_navigation a, .alt_page_navigation a{
	padding:3px 5px !important;
	margin:2px !important;
	color:white;
	text-decoration:none;
	float: left;
	font-family: Tahoma;
	font-size: 12px;
	background-color:#ff0000;
}
.active_page{
	background-color:white !important;
	color:black !important;
}	

.gallery, .alt_content{
	color: black;
}
/****************************footer************************/
footer {
  padding:22px 0 26px;
}
footer a:hover{color: #000;}
footer .social{
  overflow:hidden;
}
footer .social a{
  display:block;
  float:left;
  width:32px;
  height:32px;
  overflow:hidden;
  margin-left:8px;
}
footer .social a:first-child{margin: 0 0 0 0;}
footer .social a:hover img{
  margin-top:-32px;
}

.footer{
  border-top: 1px solid #e1e1e1;
  padding: 25px 0 0 0;
}
.footer_menu{
  overflow: hidden;
  margin-bottom: 11px;
}
.footer_menu>li{
  float: left;
  margin-left: 18px;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}
.footer_menu>li:first-child{
  margin-left: 0;
}
.footer_menu a{
  color: #353434;
}
.footer_menu a:hover, .footer_menu .aktif a{color: #ff0000;}
.gizlilik a{color: #ff0000; font-size:0.875em;}
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
 body{min-width:768px;}
 .ana_konteyner{width: 768px;}
.flex-control-nav{bottom: auto;top: 10px;}
}

@media only screen and (max-width: 767px) {
 body{min-width:420px;}
 .ana_konteyner{width: 420px;}
 header h1, .links{float: none; margin-bottom: 20px;}
 .pad_kutu{padding: 0 10px;}
 .flexslider .banner .title{font-size: 16px;}
.flexslider .banner{height: 108px;}
.footer_menu>li{margin-left: 7px;}
.footer_menu{display: none;}
}

@media only screen and (max-width: 479px) {
 body{min-width:300px;}
 .ana_konteyner{width: 300px;}
 .flexslider .banner, .links{display: none;}
 .flex-control-nav{bottom: 20px;top: auto;}
 header h1 a{width: auto; background-size: contain;}
 div{overflow:visible;}
}