/* Compiled Less CSS File */
/* Generated from "main.css" */

@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,latin-ext);
/*  Resets
-------------------------------------------------------------------------------*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figure,
figcaption,
hgroup,
menu,
footer,
header,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: 'PT Sans', sans-serif;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
a img {
  border: none;
  outline: none;
}
a {
  text-decoration: none;
}
.temizle {
  clear: both;
}
* {
  outline: none !important;
}
/*İmportlar
----------------------------------------------------------------------*/
/*Variables 
----------------------------------------------------------------------*/
/* Mixins 
------------------------------------------------------------------------*/
::-webkit-input-placeholder {
  color: #7E7E7E;
  font-size: 12px;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #7E7E7E;
  font-size: 12px;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: #7E7E7E;
  font-size: 12px;
}
:-ms-input-placeholder {
  color: #7E7E7E;
  font-size: 12px;
}
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
/*  Default Layout: 100% */
/*****Genel Class'lar******/
body {
  background: url(../../img/pattern.jpg) repeat center center;
}
.container {
  max-width: 1190px;
  margin: 0 auto;
  padding: 0px 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.yazi {
  font-size: 14px;
  color: #474747;
}
header {
  position: relative;
}
header .container {
  position: absolute;
  z-index: 10;
  top: 0;
  max-width: 1190px;
  width: 100%;
  left: 0;
  right: 0;
}
header .container .logo-mobil {
  display: none;
  float: left;
  width: 29%;
}
header .container .logo-mobil a img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px 20px;
  width: 100%;
}
header .container #menu-bar {
  position: relative;
  right: 0;
  /**Arama mobil**/

  /**Arama mobil**/
  /*Hidden menü icon*/

  /*Hidden menü icon*/

}
header .container #menu-bar #menu-bar-ust {
  float: right;
  margin-top: 15px;
  position: relative;
}
header .container #menu-bar #menu-bar-ust #hizli-erisim {
  float: right;
  color: #de0029;
  margin-right: 10px;
}
header .container #menu-bar #menu-bar-ust #hizli-erisim a {
  display: inline-block;
  font-size: 11px;
  color: #de0029;
}
header .container #menu-bar #menu-bar-ust #online {
  float: right;
  color: #de0029;
  margin-right: 10px;
  position: absolute;
  left: -268px;
  top: -6px;
}
header .container #menu-bar #menu-bar-ust #online a {
  display: inline-block;
  font-size: 11px;
  color: #de0029;
}
header .container #menu-bar #menu-bar-ust #telno {
  float: right;
  color: #333;
  margin-right: 10px;
}
header .container #menu-bar #menu-bar-ust #telno i {
  color: #de0029;
  font-size: 19px;
  position: relative;
  top: 4px;
  left: 5px;
}
header .container #menu-bar #menu-bar-ust #arama {
  float: right;
}
header .container #menu-bar #menu-bar-ust #arama .cols {
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
header .container #menu-bar #menu-bar-ust #arama .cols input[type="text"] {
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 11px;
  height: 22px;
  padding: 0 3px;
}
header .container #menu-bar #menu-bar-ust #arama .cols input[type="submit"] {
  border: none;
  background: #ffffff url(../../img/search.png) center center no-repeat;
  width: 16px;
  height: 22px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
header .container #menu-bar #menu-bar-ust #language {
  float: right;
}
header .container #menu-bar #menu-bar-ust #language i {
  font-size: 24px;
  float: left;
}
header .container #menu-bar #menu-bar-ust #language #select-style {
  padding: 0;
  margin: 0;
  width: 55px;
  border-radius: 3px;
  overflow: hidden;
  background: url("../../img/arrow-down.png") no-repeat 90% 50%;
}
header .container #menu-bar #menu-bar-ust #language #select-style select {
  padding: 5px 10px;
  width: 110%;
  font-weight: bold;
  color: black;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
header .container #menu-bar #menu-bar-ust #language #select-style select option {
  background-color: #eaeff2;
  color: #000;
}
header .container #menu-bar #menu-bar-ust #language #select-style:focus {
  outline: none;
}
header .container #menu-bar #arama-mobil {
  display: none;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  padding: 0 20px 0 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
header .container #menu-bar #arama-mobil .cols {
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
header .container #menu-bar #arama-mobil .cols input[type="text"] {
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 11px;
  height: 22px;
  padding: 0 3px;
}
header .container #menu-bar #arama-mobil .cols input[type="submit"] {
  border: none;
  background: #ffffff url(../../img/search.png) center center no-repeat;
  width: 16px;
  height: 22px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
header .container #menu-bar .k_menu {
  float: right;
  cursor: pointer;
  display: none;
  color: black;
  margin-top: 8px;
  font-size: 35px !important;
  margin-right: 18px;
}
header .container #menu-bar #hidden_nav {
  display: none;
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0;
}
header .container #menu-bar #hidden_nav li a {
  background-color: white;
  display: block;
  padding: 11.455px 8px;
  border-bottom: 1px solid #e8e8e8;
  text-align: center;
  font-size: 13px;
  color: #474747;
}
header .container #menu-bar #hidden_nav li a:hover {
  background-color: black;
  color: #ffffff;
}
header .container #menu-bar #hidden_nav .sub {
  display: none;
  list-style: none;
  background-color: #f8f8f8;
}
header .container #menu-bar #hidden_nav .sub li a {
  font-size: 11px;
  background-color: #f8f8f8;
}
header .container #menu-bar #hidden_nav .sub li a:hover {
  color: black;
  background-color: #e7e7e7;
}
header .container #menu-bar #hidden_nav .aktif {
  padding: 5px 5px;
  text-indent: 30px;
  color: #0b0b2e;
  font-size: 12px;
}
header .container #menu-bar nav {
  float: right;
  margin-top: 15px;
}
header .container #menu-bar nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
header .container #menu-bar nav ul li {
  background-color: #de0029;
  padding-right: 11px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-right: 6px;
  -ms-transform: skewX(-25deg);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
  font-size: 13px;
}
header .container #menu-bar nav ul li a {
  background-color: #e3e3e3;
  display: block;
  padding: 12px 17px;
  color: #000;
  border-bottom: 1px solid #666;
}
header .container #menu-bar nav ul li a:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */

  background: #eeeeee;
  /* Old browsers */

  background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  /* FF3.6-15 */

  background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
  /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
  /* IE6-9 */

}
header .container #menu-bar nav ul li a div {
  -ms-transform: skewX(25deg);
  -webkit-transform: skewX(25deg);
  transform: skewX(25deg);
}
section#product-slide {
  height: 273px;
  background: url(../../img/pattern-kirmizi.jpg) top center repeat-x;
}
section#product-slide .container #product-slide-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 23px 28px;
}
section#product-slide .container #product-slide-content i {
  color: white;
}
section#product-slide .container #product-slide-content .slick-arrow {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 55px;
  color: white;
}
section#product-slide .container #product-slide-content .slick-prev {
  position: absolute;
  top: 80px;
  left: 0px;
}
section#product-slide .container #product-slide-content .slick-next {
  position: absolute;
  top: 80px;
  right: 0px;
}
section#product-slide .container #product-slide-content .item {
  float: left;
  padding: 0 28px;
}
section#product-slide .container #product-slide-content .item .item-img-window {
  height: 172px;
  background-color: white;
  -ms-transform: skewX(-25deg);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
  -webkit-border-top-right-radius: 40px;
  -webkit-border-bottom-left-radius: 40px;
  -moz-border-radius-topright: 40px;
  -moz-border-radius-bottomleft: 40px;
  border-top-right-radius: 40px;
  border-bottom-left-radius: 40px;
  position: relative;
  overflow: hidden;
}
section#product-slide .container #product-slide-content .item .item-img-window .item-img {
  -ms-transform: skewX(25deg);
  -webkit-transform: skewX(25deg);
  transform: skewX(25deg);
}
section#product-slide .container #product-slide-content .item .item-img-window .item-img .easy {
  position: absolute;
  top: 0;
  left: -3px;
  width: 79%;
}
section#product-slide .container #product-slide-content .item .item-text {
  font-size: 17px;
  margin-top: 20px;
  display: table;
}
section#product-slide .container #product-slide-content .item .item-text span {
  display: table-cell;
  vertical-align: middle;
  height: 58px;
  color: #ffffff;
}
section#content {
  padding: 25px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white;
  color: #474747;
  /*****İLETİŞİM******/

  /***********REEFERANSLAR************/

  /***********HABERLER*************/

  /******ÜRÜNLER********/

  /******KATALOG********/

}
section#content h3.baslik {
  padding: 0 0 18px 0;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #d7d7d7;
}
section#content h3.baslik-alt {
  padding: 0 0 8px 0;
  margin: 0 0 15px 0;
  font-size: 14px;
  border-bottom: 1px solid #d7d7d7;
}
section#content .tumu {
  float: right;
  font-size: 13px;
  margin-top: 3px;
  color: #474747;
}
section#content #content-left {
  width: 70%;
  float: left;
}
section#content #content-left #hbr-content .slick-arrow {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 22px;
}
section#content #content-left #hbr-content .slick-prev {
  position: absolute;
  top: -59px;
  left: 92px;
}
section#content #content-left #hbr-content .slick-next {
  position: absolute;
  top: -59px;
  left: 112px;
}
section#content #content-left #hbr-content .hbr-item .hbr-image {
  float: left;
  position: relative;
  overflow: hidden;
  width: 37%;
}
section#content #content-left #hbr-content .hbr-item .hbr-image a {
  display: block;
}
section#content #content-left #hbr-content .hbr-item .hbr-image img {
  width: 100%;
  display: block;
}
section#content #content-left #hbr-content .hbr-item .hbr-image .orj-yatay {
  display: block;
  width: auto;
  height: 150%;
  position: absolute;
  top: -20%;
  left: 50%;
  margin-left: -86%;
}
section#content #content-left #hbr-content .hbr-item .hbr-image .orj-dikey {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  margin-top: -75%;
}
section#content #content-left #hbr-content .hbr-item .hbr-image .fake {
  width: 100%;
  height: auto;
  display: block;
}
section#content #content-left #hbr-content .hbr-item .hbr-image .logo {
  display: block;
  width: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
section#content #content-left #hbr-content .hbr-item .hbr-desc {
  float: right;
  width: 57%;
}
section#content #content-left #hbr-content .hbr-item .hbr-desc .hbr-baslik {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 7px;
}
section#content #content-left #hbr-content .hbr-item .hbr-desc .hbr-text {
  height: 102px;
  overflow: hidden;
}
section#content #content-left #hbr-content .hbr-item .hbr-desc .detay {
  margin-top: 3px;
}
section#content #content-left #hbr-content .hbr-item .hbr-desc .detay a {
  color: #de0029;
  font-size: 12px;
}
section#content #content-right {
  width: 27%;
  float: right;
  position: relative;
}
section#content #content-right #katalog-baslik {
  text-align: right;
  font-size: 22px;
  color: #de0029;
  line-height: 38px;
  font-weight: bold;
}
section#content #content-right #katalog {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  height: 210px;
  position: absolute;
  top: 0px;
  width: 100%;
}
section#content #content-right #katalog a {
  display: block;
  width: 100%;
  height: 100%;
}
section#content .title {
  margin-bottom: 8px;
}
section#content .title h2 {
  color: #474747;
  font-size: 18px;
  background: none repeat scroll 0% 0%;
  display: table;
  padding-right: 10px;
}
section#content #iletisim_left {
  width: 49%;
  float: left;
  padding-right: 10px;
  box-sizing: border-box;
}
section#content #iletisim_left span img {
  float: left;
  margin-right: 8px;
  margin-top: 5px;
}
section#content #iletisim_left .adress div {
  margin: 0;
  line-height: 30px;
}
section#content #iletisim_left .adress div i {
  font-size: 13px;
}
section#content #iletisim_right {
  width: 50%;
  float: right;
  box-sizing: border-box;
}
section#content #iletisim_right input[type="text"] {
  width: 100%;
  height: 27px;
  padding: 0px 10px;
  border: 1px solid #CCC;
  margin-bottom: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
section#content #iletisim_right textarea {
  resize: none;
  width: 100%;
  height: 50px;
  padding: 5px 10px;
  border: 1px solid #CCC;
  margin-bottom: 5px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
section#content #iletisim_right input[type="submit"] {
  border: medium none;
  color: #FFF;
  background: none repeat scroll 0% 0% #de0029;
  margin: 0px 15px 0px 0px;
  height: 32px;
  padding: 0px 10px;
  font-weight: bold;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
section#content #iletisim_right input[type="submit"]:hover {
  background: #333;
}
section#content .ref-item {
  float: left;
  width: 13.285714285714286%;
  margin: .5%;
  background-color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px;
}
section#content .ref-item .ref-img {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px dashed #d7d7d7;
}
section#content .ref-item .orj-yatay {
  display: block;
  width: auto;
  height: 150%;
  position: absolute;
  top: -20%;
  left: 50%;
  margin-left: -86%;
}
section#content .ref-item .orj-dikey {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  margin-top: -75%;
}
section#content .ref-item .fake {
  width: 100%;
  height: auto;
  display: block;
}
section#content .ref-item .ref-text {
  font-size: 12px;
  border-top: 1px solid #d0d0d0;
  line-height: 14px;
  height: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 4px;
}
section#content .ref-item .docs {
  display: block;
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
}
section#content #haber-conted {
  border: 1px dashed #d0d0d0;
  margin-bottom: 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 5px;
  background-color: rgba(255, 255, 255, 0.7);
}
section#content #haber-conted img {
  width: 7%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 1%;
  float: left;
  border-right: 1px dotted #d0d0d0;
  padding-right: 10px;
}
section#content #haber-conted .detayimg {
  width: 12%;
  float: left;
}
section#content #haber-conted #haber-texts {
  color: #474747;
}
section#content #haber-conted #haber-texts #haber-baslik {
  margin-bottom: 4px;
}
section#content #haber-conted #haber-texts #haber-baslik a {
  font-size: 18px;
  color: #474747;
}
section#content #haber-conted #haber-texts #haber-baslik .tarih {
  float: right;
  font-size: 12px;
}
section#content #haber-conted #haber-texts #haber-aciklama {
  font-size: 13px;
  line-height: 19px;
}
section#content #haber-conted #haber-texts #haber-aciklama:first-child p {
  padding-top: 0;
  margin-top: 0;
}
section#content #haber-conted #haber-texts #details a {
  display: block;
  color: #de0029;
  font-size: 14px;
  text-align: right;
  padding-right: 10px;
}
section#content .digerresim {
  color: #de0029;
  font-weight: normal;
  font-size: 18px;
  margin: 10px 0;
}
section#content .geri {
  -ms-transform: skewX(-18deg);
  -webkit-transform: skewX(-18deg);
  transform: skewX(-18deg);
  width: 10%;
  height: 30px;
  background: #de0029;
  margin-left: 10px;
  text-align: center;
  color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
}
section#content .geri a {
  -ms-transform: skewX(18deg);
  -webkit-transform: skewX(18deg);
  transform: skewX(18deg);
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
  padding-top: 5px;
}
section#content .sira-resim {
  width: 10%;
  float: left;
  position: relative;
  overflow: hidden;
  max-height: 90px;
  margin-right: 1%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px dashed #d0d0d0;
  padding: 1px;
  margin-bottom: 2%;
}
section#content .sira-resim a {
  display: block;
}
section#content .sira-resim img {
  position: relative;
  width: 142%;
  left: 50%;
  margin-left: -71%;
}
section#content .geri {
  -ms-transform: skewX(-18deg);
  -webkit-transform: skewX(-18deg);
  transform: skewX(-18deg);
  width: 21%;
  height: 30px;
  background: #de0029;
  margin-top: 20px;
  text-align: center;
  color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
}
section#content .geri a {
  -ms-transform: skewX(18deg);
  -webkit-transform: skewX(18deg);
  transform: skewX(18deg);
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  color: white;
  padding-top: 5px;
}
section#content #urun-menu {
  width: 27%;
  float: left;
}
section#content #urun-menu #urun-menu-sol {
  list-style: none;
}
section#content #urun-menu #urun-menu-sol li {
  border-bottom: 1px solid #e7e7e7;
}
section#content #urun-menu #urun-menu-sol li a {
  color: #474747;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 0;
  font-size: 14px;
}
section#content #urun-menu #urun-menu-sol li a:hover {
  background-color: #e7e7e7;
  padding-left: 5px;
}
section#content #urun-menu #urun-menu-sol li .alttur {
  padding-left: 25px;
  font-size: 13px;
  background-color: #fbfbfb;
  display: none;
  list-style: none;
}
section#content #urun-list {
  width: 71%;
  float: right;
}
section#content #urun-list .urun-res {
  display: block;
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
}
section#content #urun-list .urun-res-dikey {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  margin-top: -75%;
}
section#content #urun-list .fake {
  width: 100%;
  height: auto;
  display: block;
}
section#content #urun-list .urun-item {
  width: 23%;
  float: left;
  margin-bottom: 2%;
  margin-right: 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dddddd;
}
section#content #urun-list .urun-item .urun-img {
  position: relative;
  overflow: hidden;
  text-align: center;
  background-color: white;
}
section#content #urun-list .urun-item .urun-img a {
  display: block;
}
section#content #urun-list .urun-item .urun-ad {
  height: 45px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 4px;
  font-size: 14px;
  background-color: white;
}
section#content #urun-list .urun-gallery {
  position: relative;
  overflow: hidden;
  width: 15.666666666666668%;
  margin-right: 1%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid white;
}
section#content #urun-list .pdf {
  color: #de0029;
  font-weight: bold;
}
section#content #urun-list .detay-tek {
  float: left;
  margin: 0 15px 15px 0;
  width: 15%;
  border: 1px solid #d7d7d7;
}
section#content #urun-list .durum {
  line-height: 24px;
}
section#content #katalog-liste {
  list-style: none;
  padding: 0;
  margin: 0 0 0 20px;
}
section#content #katalog-liste li a {
  display: block;
  color: #474747;
  background-color: #f9f9f9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 5px;
  margin-bottom: 5px;
}
section#content #katalog-liste li a:hover {
  background-color: #e2e2e2;
}
section#content #katalog-liste li a i {
  font-size: 14px;
  color: #de0029;
}
section#harita .gmap3 {
  border: 1px dashed #C0C0C0;
  width: 100%;
  height: 280px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
footer {
  background-color: rgba(0, 0, 0, 0.2);
  height: 145px;
}
footer #footer-left {
  width: 68%;
  float: left;
}
footer #footer-left #footer-left-left {
  margin-top: 30px;
}
footer #footer-left #footer-left-left #footer-logo {
  width: 16%;
  float: left;
  margin-right: 5%;
}
footer #footer-left #footer-left-left #footer-adres {
  float: left;
  margin-right: 5%;
  font-size: 13px;
}
footer #footer-left #footer-left-left #footer-adres .footer-cols i {
  color: #de0029;
  font-size: 16px;
  margin-right: 3px;
}
footer #footer-left #footer-left-left #ebulten {
  float: left;
  width: 50%;
  font-size: 13px;
}
footer #footer-left #footer-left-left #ebulten a {
  display: block;
  color: #000;
  line-height: 30px;
}
footer #footer-left #footer-left-left #ebulten p {
  margin-bottom: 15px;
  font-size: 13px;
}
footer #footer-left #footer-left-left #ebulten form {
  width: 100%;
}
footer #footer-left #footer-left-left #ebulten form .cols {
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
}
footer #footer-left #footer-left-left #ebulten form .cols input[type="text"] {
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 11px;
  height: 25px;
  padding: 0 3px;
}
footer #footer-left #footer-left-left #ebulten form .cols input[type="button"] {
  border: none;
  width: 60px;
  background-color: #de0029;
  color: white;
  height: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
footer #footer-left #footer-left-left #ebulten form #response {
  margin-top: 5px;
}
footer #footer-right {
  width: 30%;
  float: right;
}
footer #footer-right #social {
  margin-top: 30px;
}
footer #footer-right #social a {
  font-size: 20px;
  margin-right: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #de0029;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
footer #footer-right #social .facebook-link {
  color: #de0029;
  padding: 0 8px;
}
footer #footer-right #social .twitter-link {
  color: #de0029;
  padding: 0 5px;
}
footer #footer-right #social .linked-link {
  color: #de0029;
  padding: 0 5px;
}
footer #footer-right #social .youtube-link {
  color: #de0029;
  padding: 0 5px;
}
footer #footer-right #social .google-link {
  color: #de0029;
  padding: 0 5px;
}
footer #footer-right #copy {
  margin-top: 15px;
  font-size: 13px;
}
footer #footer-right #copy p {
  line-height: 24px;
}
footer #footer-right #copy p a {
  color: #000000;
}
/* <= 1024 çözünürlük*/
@media only screen and (max-width: 1024px) {
  
}
/* <=768 çözünürülük*/
@media only screen and (max-width: 768px) {
  .logo-mobil {
    display: block !important;
  }
  .logo-slide {
    display: none;
  }
  .ball-slide {
    display: none;
  }
  header .container #menu-bar {
    width: 103%;
    background: white;
    margin-left: -10px;
    margin-right: -10px;
    min-height: 50px;
    margin-top: -50px;
  }
  header .container #menu-bar #menu-bar-ust {
    margin-top: 40px;
    float: left;
    padding-left: 10px;
    width: 59%;
  }
  header .container #menu-bar #menu-bar-ust #arama {
    border: 1px solid #ececec;
  }
  header .container #menu-bar #menu-bar-ust #telno {
    width: 100%;
    float: none;
    margin-left: -7px;
  }
  header .container #menu-bar #menu-bar-ust #telno span {
    font-size: 16px;
    float: none;
    margin-top: 15px;
  }
  header .container #menu-bar #menu-bar-ust #hizli-erisim {
    width: 98%;
    float: none;
  }
  header .container #menu-bar .k_menu {
    display: block;
    margin-top: 38px;
  }
  header .container #menu-bar nav {
    display: none;
  }
  header #layerslider {
    margin-top: 50px;
  }
  section#product-slide .container #product-slide-content .item .item-img-window .item-img .easy {
    left: -45px;
    width: 103%;
  }
  section#product-slide .container #product-slide-content .item .item-text span {
    font-size: 16px;
  }
  section#content #content-left {
    width: 55%;
  }
  section#content #content-left #hbr-content .hbr-item .hbr-image {
    width: 30%;
  }
  section#content #content-left #hbr-content .hbr-item .hbr-desc {
    width: 66%;
    text-align: justify;
  }
  section#content #content-right {
    width: 43%;
  }
  section#content .detay-hizala {
    text-align: justify !important;
  }
  section#content .geri {
    width: 32%;
  }
  section#content #urun-list .urun-item .urun-ad {
    height: 60px;
  }
  section#content #urun-list .detay-tek {
    width: 35%;
  }
  section#content #haber-conted img {
    width: 24%;
  }
  section#content #haber-conted .detayimg {
    width: 50%;
  }
  section#content .ref-item {
    width: 23.985714%;
  }
  footer #footer-left {
    width: 58%;
  }
  footer #footer-left #footer-left-left #footer-logo {
    display: none;
  }
  footer #footer-right {
    width: 41%;
  }
}
/* <=640 çözünürlük*/
@media only screen and (max-width: 640px) {
  header .container #menu-bar {
    margin-top: -124px;
    width: 104%;
  }
  header .container #menu-bar #menu-bar-ust {
    margin-top: 30px;
    padding-left: 0;
  }
  header .container #menu-bar #menu-bar-ust #arama {
    display: none;
  }
  header .container #menu-bar .k_menu {
    margin-top: 27px;
  }
  header .container #arama-mobil {
    display: block !important;
    margin: 0 auto;
  }
  header .container #arama-mobil .two {
    float: right !important;
  }
  header #layerslider {
    margin-top: 122px;
  }
  footer {
    height: auto;
  }
  footer #footer-left {
    width: 100%;
    float: none;
  }
  footer #footer-left #footer-left-left {
    margin-top: 0;
  }
  footer #footer-left #footer-left-left #footer-adres {
    width: 100%;
    float: none;
    text-align: center;
    border-bottom: 1px solid #999;
    padding: 15px 0;
    line-height: 25px;
  }
  footer #footer-left #footer-left-left #ebulten {
    width: 100%;
    float: none;
    text-align: center;
    border-bottom: 1px solid #999;
  }
  footer #footer-right {
    width: 100%;
    float: none;
    text-align: center;
  }
}
/* <=414 çözünürlük*/
@media only screen and (max-width: 414px) {
  header .container .logo-mobil {
    width: 44%;
  }
  header .container #menu-bar {
    width: 106%;
  }
  header .container #menu-bar #menu-bar-ust {
    width: 42%;
  }
  header .container #menu-bar #menu-bar-ust #arama {
    display: none;
  }
  header .container #menu-bar #menu-bar-ust #telno {
    display: none;
  }
  header .container #menu-bar .k_menu {
    margin-top: 27px;
  }
  header .container #arama-mobil {
    display: block !important;
    margin: 0 auto;
  }
  header .container #arama-mobil .two {
    float: right !important;
  }
  header .container #hizli-erisim {
    display: none;
  }
  header #layerslider {
    margin-top: 122px;
  }
  section#product-slide .container #product-slide-content .item .item-img-window .item-img .easy {
    width: 61%;
    left: 21px;
  }
  section#content #iletisim_left {
    width: 100%;
    float: none;
    margin-bottom: 15px;
  }
  section#content #iletisim_right {
    width: 100%;
    float: none;
  }
  section#content .ref-item {
    width: 48.985714% !important;
  }
  section#content #haber-conted .detayimg {
    width: 100% !important;
    margin-bottom: 15px;
  }
  section#content #haber-conted img {
    width: 37%;
  }
  section#content .geri {
    width: 50%;
  }
  section#content #content-left {
    width: 100%;
    float: none;
    border-bottom: 1px solid #ececec;
    margin-bottom: 5px;
  }
  section#content #content-left #hbr-content .hbr-item .hbr-desc .hbr-text {
    height: 73px;
    font-size: 14px !important;
  }
  section#content #content-right {
    width: 100%;
    float: none;
    height: 250px;
    border-bottom: 1px solid #ececec;
  }
  section#content #urun-menu {
    /*width:100%; float:none; margin-bottom:15px;*/
    display: none;
  }
  section#content #urun-list {
    width: 100%;
    float: none;
  }
  section#content #urun-list .urun-item {
    width: 48%;
  }
  section#content #urun-list .urun-gallery {
    width: 35.666667%;
  }
  section#content h3.baslik-alt {
    margin-top: 20px;
  }
}
/* <=375 çözünürlük*/
@media only screen and (max-width: 375px) {
  section#product-slide .container #product-slide-content .item .item-img-window .item-img .easy {
    width: 71%;
    left: -17px;
  }
  header #layerslider {
    margin-top: 113px;
  }
  header #menu-bar {
    margin-top: -114px !important;
  }
}
/* <=480 çözünürlük*/
@media only screen and (max-width: 480px) {
  
}
/* <=360 çözünürlük*/
@media only screen and (max-width: 360px) {
  header #layerslider {
    margin-top: 109px;
  }
  header #menu-bar {
    margin-top: -109px !important;
  }
}
/* <=320 çözünürlük*/
@media only screen and (max-width: 320px) {
  
}
/*	Retina media query.
-------------------------------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  
}