/*======================================
1. GENERAL 
======================================*/

body {
	background-color:#FFF;
	font-family: 'Raleway', sans-serif;
	font-size:14px; line-height: 24px;
	font-weight:400;
	color:#454545;
	padding:0;	margin:0; 	overflow-x: hidden;
}  


a {color: #767676;  outline: 0 none;  text-decoration:none;}

a:hover,
a:focus {
  text-decoration:none;
  outline: 0 none;
}

a:active,
a:hover,
a:focus{
  color: #333333;
}

p a {
	color:#333333;
}

img {border-style: none; height: auto; max-width: 100%; vertical-align: middle;}

hr {clear:both;}

section, 
article, 
aside, 
details, 
figcaption, 
figure, 
footer, 
header, 
hgroup, 
main, 
menu, 
nav, 
summary {display:block;}

address {font-style:italic;}

table {background-color: transparent;    width: 100%;}
table thead th {color:#333;}

table td {padding:15px 10px;}

@media only screen and ( max-width:360px){
table td {word-break: break-all;}
}

p, 
address, 
pre, 
hr, 
ul, 
ol, 
dl, 
dd, 
table {
	margin-bottom:24px;
}

.overflow-hide {
	overflow:hidden;
}
.overflow-auto {
	overflow:auto;
}
.clear { 
	clear:both; 
}
.pull-none { 
	float:none;
}
::selection {
	background: #484848;
	color: #fff;
}

::-moz-selection {
	background: #484848;
	color: #fff;
}

::-webkit-selection {
	 background: #484848;
	 color: #fff;
}

@media only screen and (max-width:600px) {
.col-xs-100pc{
	width:100%;
}
}


/*======================================
2. HEADING & TITLE 
======================================*/
h1, h2, h3, h4, h5, h6{
	font-family: 'Raleway', sans-serif; color:#000;
}
h1 { font-weight: 700; font-size: 36px; line-height:40px;}
h2 { font-weight: 700; font-size: 24px; line-height:30px;}
h3 { font-weight: 700; font-size: 20px; line-height:26px;}
h4 { font-weight: 700; font-size: 18px; line-height:24px;}
h5 { font-weight: 700; font-size: 16px; line-height:22px;}

.baslikalti{
	background-image:url("../images/bkg_title_static.png");
	background-position:center center;
	background-repeat:no-repeat;
	height:30px;
}


/*======================================
3. TEXT & PARAGRAPH 
======================================*/

p { line-height:24px; margin-bottom:24px;}
strong { font-weight:600;}



/*======================================
	HEADER 
======================================*/
.mobilheadblok{
	background: #232222 none repeat scroll 0 0;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 0 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 0 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 0 0 rgba(0, 0, 0, 0.06);
}
.headblok {
    will-change: transform;
    transition: transform 200ms linear;
    position: fixed;
    width: 100%;
    z-index: 999;
    background: #232222 none repeat scroll 0 0;
    padding: 12px 100px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 0 0 rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 0 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 0 0 rgba(0, 0, 0, 0.06);
}
.header-costum-height {
    height: 110px;
}
.ustmenu a{
	font-size:13px;
	font-weight:700;
	color:#ffffff;
	line-height:84px;
	padding:0 16px;
}
@media screen and (min-width:100px) and (max-width:990px){
	.menudivi {padding:0;margin:0;}
	.ustmenu a{font-size:12px; padding:0 10px 0 0;}
}
.ustsoc{
	line-height:84px;
}
.ustsoc span{ color:#f5f5f5; padding:0 10px;}
.ustsoc a {color:#f26721; padding:10px;}
.ustsoc a i{color:#f5f5f5;}

.ustsoc a:hover {color:#aa5327;}
.ustsoc a:hover i {color:#c5c5c5;}

.socmobil a{color:#f5f5f5; display:inline-block; padding:5px;}
.socmobil a i{display:block; width:18px; height:15px; text-align:center; padding-top:3px;}

.mobustmenu a{
	font-size:13px;
	color:#fff;
	font-weight:700;
}

/*======================================
	FOOTER 
======================================*/
.footer{
	background: #252525 !important;
	color:#e5e5e5;
}



.footer-bottom{border-top:1px solid #383838; font-size:12px;}

/*======================================
	İNDEX 
======================================*/
.index-girisyazi {max-width:850px; margin:0 auto;}


/*======================================
ÜRÜNLER
======================================*/
.product-img  {
  position:relative;
}
.product-img img {
  width: 100%;
}
.product-img > a::before {
  background: rgba(114, 119, 132, 0.7) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 400ms ease-in 0s;
  z-index: 10;
}
.product-wrapper:hover .product-img > a::before{opacity:1}

.product-action {
	background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
	border: 1px solid #fff;
	display: inline-block;
	left: 0;
	margin: auto;
	opacity: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 60%;
	transform: translateY(-50%);
	transition: all 400ms ease-in 0s;
	vertical-align: top;
	width: 20%;
	z-index: 11;
}
.product-wrapper:hover .product-action{opacity: 1;top:50%}
.product-action i {
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-weight: 400;
	height: 50px;
	line-height: 53px;
	text-align: center;
	width: 50px;
	position:relative
}
.product-title{
	font-size:16px;
	font-weight:400;
}

.grup_baslik a{
	font-size:12px;
	font-weight:700;
}
.grup_baslik a.active{color:#f26721;}
.grup_baslik span{ padding:0 10px;}

/** İletişim **/
 .iletisim-bilgi{ color:#353535; font-weight:600;
 }
 .iletisim-bilgi i{
	font-size:30px; color:#fff;
	background-color:#f26721;
	padding:20px;
	min-width:70px;
	display:inline-block;
	border-radius: 100%;
 }
 
 .urunfoto img{
	 width:100%;
	 padding:2px;
	 border:1px solid #e1e1e1;
 }