body{background: #e6e6e6;font-family: 'Dosis', sans-serif;font-size: 16px}
  .container-fluid {
    background: #fff;
  }
  .resimust{
    background: #e6e6e6 url('../img/urunlerimiz.png') top center no-repeat;
    height: 180px;
    padding-top: 145px;
  }
  .iletisimust{
    background: #e6e6e6 url('../img/iletisim.jpg') top center no-repeat;
    height: 180px;
    padding-top: 145px;
  }

  .hizmetlerimizmust{
    background: #e6e6e6 url('../img/hizmetlerimiz.jpg') top center no-repeat;
    height: 180px;
    padding-top: 145px;
  }
  .hakkimizdaust{
    background: #e6e6e6 url('../img/hakkimizda.jpg') top center no-repeat;
    height: 180px;
    padding-top: 145px;
  }

  .urunust{
    background: #e6e6e6 url('../img/hizmetlerimiz1.jpg') top center no-repeat;
    height: 180px;
    padding-top: 145px;
  }

  .referansust{
    background: #e6e6e6 url('../img/referanslarimiz.jpg') top center no-repeat;
    height: 180px;
    padding-top: 145px;
  }
  .urunlersayfasi{font-size: 17px;padding: 15px;color:#666;}
  .urunkategori .col-md-6:hover{border: 1px solid #9e9e9e}
  .urunlersayfasi img{width: 100%}

  .buyuk{text-transform: uppercase;font-size: 16px;}

  .haberLink {
      padding: 0px 10px;
      font-size: 18px;
      color: #fff;
      bottom: 15px;
      background: #DA4453;
  }

  .urunbaslik h1{text-align: left;}
  .gray {
      background: #e9e9e9;
  }
  table {
      padding: 10px !important;
      border: 1px #dfdcdc solid !important;
  }
  .bosluk {
      padding: 10px;
      border: 1px #dfdcdc solid;
      margin-top: 15px;
  }
  .urunKategoriContainer { position: relative; z-index: 100; }
  .urunKategoriContainer .slick-list { padding-top: 114px !important; }
  .urunKategoriContainer .slickArrow { display: block !important; position: absolute; background: #383734; padding: 5px 8px; cursor: pointer; top: 153px; }
  .slickArrow i {color: #fff}
  .urunKategoriContainer .slickNext { right: -4px; }
  .urunKategoriContainer .slickPrev { left: -4px; }
  .urunKategoriContainer .katListe { cursor: pointer; position: relative; padding:5px; }
  .urunKategoriContainer .katListe a { display: block; }
  .urunKategoriContainer .katListe a .yukariOk { display: none; bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(247, 255, 0, 0); border-bottom-color: #fed105; border-width: 20px; margin-left: -20px; }
  .urunKategoriContainer .katListe a .katBg { position: relative; background: #fff; height: 170px; padding: 0; }
  .urunKategoriContainer .katListe a .katBg .resim { padding: 20px 0; text-align: center; }
  .urunKategoriContainer .katListe a .katBg .resim img { width: 100%; max-width: 125px; margin: 0 auto; }
  .urunKategoriContainer .katListe a .katBg .resim .resim-att { width: 100%; height: 100px; position: relative; float: left; padding: 0; text-align: center; }
  .urunKategoriContainer .katListe a .katBg .resim .resim-att .resim-att-pre { width: 100%; height: 100px; position: relative; cursor: pointer; }
  .urunKategoriContainer .katListe a .katBg .resim .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 100px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
  .urunKategoriContainer .katListe a .katBg .resim .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 100px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
  .urunKategoriContainer .katListe a .katBg .resim .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .urunKategoriContainer .katListe a .katBg .ad { display: none; font-size: 16px; text-align: center; }   
  .urunKategoriContainer .katListe a .katBg .ok { display: none; text-align: center; padding: 0 0 10px 0; }
  .urunKategoriContainer .katListe a .katBg .ok i { font-size: 40px; }
@media only screen and (max-width: 798px) { 
  .urunKategoriContainer { margin-top: 20px; }
  .urunKategoriContainer .slick-list { padding-top: 0px !important; }
  .urunKategoriContainer .slick-list .slick-track { width: 100% !important; }
  .urunKategoriContainer .slick-list .slick-track .slick-slide { width: 100% !important; }
  .urunKategoriContainer .katListe a .katBg { position: relative; }
  .urunKategoriContainer .katListe a .katBg .resim { position: absolute; left: 50%; margin-left: -180px; display: block !important; }
  .urunKategoriContainer .katListe a .katBg .ad { position: absolute; left: 50%; margin-left: -40px; top: 50%; margin-top: -20px; display: block !important; text-align: left; }
  .urunKategoriContainer .katListe a .katBg .ok { position: absolute; left: 90%; bottom: 50%; margin-bottom: -20px; padding: 0; display: block !important; } 
  .bilgilendirmeContainer{display: none}

  .urunust{
    background: #e6e6e6 url('../img/hizmetlerimiz1.jpg') top center no-repeat;
    height: auto !important;
    padding-top: 145px;
  }

  .referansust{
    background: #e6e6e6 url('../img/referanslarimiz.jpg') top center no-repeat;
    height: auto !important;
    padding-top: 145px;
  }
}
@media only screen and (max-width: 480px) { .urunKategoriContainer .katListe a .katBg .resim { left: 5px; margin-left: 0px; }
  .urunKategoriContainer .katListe a .katBg .resim img { max-width: 100px; }
  .urunKategoriContainer .katListe a .katBg .ad { left: 105px; margin-left: 0px; } }

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  margin-top: -210px;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* Theme Slick */
/* Slider */
.slick-loading .slick-list {
  background: white url(/mp-include/plugins/img/loader.gif) center center no-repeat;
}

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}

.slick-dots {
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: inherit;
}
.slick-dots li {
  float: left;
  width: inherit;
  height: inherit;
}
.slick-dots li button {
  width: 10px;
  height: 15px;
  background: #fff;
  margin-left: 10px;
  border: solid 2px #fed105;
}

.ustAlan {
    background: #DA4453;
    height: 35px;
    line-height: 35px;
}
.ustAlan li {color: #fff}
.ustAlan li a{color: #fff}

.dropdown-menu li a{color: #000}
.logo {width: 190px;padding: 10px;background: #fff;margin-top: -35px}
.logo img{width: 100%}
.altMenu{margin-top: 10px}

.altMenu i{font-size: 22px;color: #f00;}

.haberCarousel { position: relative; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); background: #fff; margin-top: 30px; padding-left: 0; }
.haberCarousel .haberResim { padding: 0; }
.haberCarousel .haberResim .resim-att { width: 100%; height: 220px; position: relative; float: left; padding: 0; text-align: center; }
.haberCarousel .haberResim .resim-att .resim-att-pre { width: 100%; height: 220px; position: relative; cursor: pointer; }
.haberCarousel .haberResim .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 220px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.haberCarousel .haberResim .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 220px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.haberCarousel .haberResim .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media only screen and (max-width: 798px) { .haberCarousel .haberResim { padding-top: 20px; } }
.haberCarousel .haberMetin { position: relative; padding: 0; height: 220px; }
.haberCarousel .haberMetin .haberBaslik { padding: 0 0 0 20px; margin-top: 25px; font-size: 19px; }
.haberCarousel .haberMetin .haberIcerik { padding: 0 0 0 20px; margin-top: 10px; font-size: 15px ; }
.haberCarousel .haberMetin .haberLink { position: absolute; padding: 0px 10px; font-size: 18px; color: #fff; bottom: 15px; left: 20px; background: #DA4453; }
.haberCarousel ul.slick-dots { position: absolute; bottom: 15px; right: 0; width: inherit; }
.haberCarousel ul.slick-dots li { float: left; width: inherit; height: inherit; }
.haberCarousel ul.slick-dots li a { width: 10px; height: 15px; background: #fff; margin-left: 5px; padding: 0 5px; border: solid 2px #fed105; }
.haberCarousel ul.slick-dots li.slick-active a { background: #fed105; }
@media only screen and (min-width: 798px) and (max-width: 1023px) { .haberCarousel .haberResim { margin-top: 40px; }
  .haberCarousel .haberMetin { height: 260px; } }

  .baslik {
    padding: 10px 15px;
    font: 17px sans-serif;
    text-transform: uppercase;
    background: #8a5555;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 1;
    color: #fff;
}
.nail.nail-top-left {
    border-width: 15px 15px 0 0;
    border-color: #8a5555 transparent transparent transparent;
    _border-color: #8a5555 black black black;
    bottom: -14px;
    left: 15px;
}
.nail {
    width: 0;
    height: 0;
    position: absolute;
    pointer-events: none;
    border-style: solid;
    line-height: 0px;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

.bilgilendirmeContainer { margin-top: 30px; padding-right: 0; }
.bilgilendirmeContainer .bilgilendirme { max-height: 220px; background: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3); position: relative; }
.bilgilendirmeContainer .bilgilendirme .hizmetCarousel { padding: 0 15px 0 0; border-right: solid 2px #dfdfdf; }
.bilgilendirmeContainer .bilgilendirme .hizmetCarousel .bilgilendirmeResim { padding: 0; }
.bilgilendirmeContainer .bilgilendirme .hizmetCarousel .bilgilendirmeResim .resim-att { width: 100%; height: 220px; position: relative; float: left; padding: 0; text-align: center; }
.bilgilendirmeContainer .bilgilendirme .hizmetCarousel .bilgilendirmeResim .resim-att .resim-att-pre { width: 100%; height: 220px; position: relative; cursor: pointer; }
.bilgilendirmeContainer .bilgilendirme .hizmetCarousel .bilgilendirmeResim .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 220px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.bilgilendirmeContainer .bilgilendirme .hizmetCarousel .bilgilendirmeResim .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 220px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.bilgilendirmeContainer .bilgilendirme .hizmetCarousel .bilgilendirmeResim .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.bilgilendirmeContainer .bilgilendirme .hizmetCarousel .bilgilendirmeMetin { padding: 0 0 0 20px; font: 15px ; margin-top: 20px; max-height: 200px; }
.bilgilendirmeContainer .bilgilendirme .hizmetCarousel .item { overflow: hidden; max-height: 220px; display: none; }
.bilgilendirmeContainer .bilgilendirme .hizmetCarousel .item.active { display: block; }
.bilgilendirmeContainer .bilgilendirme .hizmetCarousel .btn-link { color: #000; transition: .3s; padding-left: 0; }
.bilgilendirmeContainer .bilgilendirme .hizmetCarousel .btn-link:hover { color: #fed105; }
.bilgilendirmeContainer .bilgilendirme .bilgilendirmeSayfalar { height: 220px; overflow: hidden; padding: 0; }
.bilgilendirmeContainer .bilgilendirme .bilgilendirmeSayfalar ul li { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; display: block; float: none; border-bottom: solid 2px #dfdfdf; text-align: center; padding: 0 7px; }
.bilgilendirmeContainer .bilgilendirme .bilgilendirmeSayfalar ul li a { -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s; color: #969696; padding: 12px 0; display: block; font-size: 15px !important; text-transform: uppercase;font-weight: bold }
.bilgilendirmeContainer .bilgilendirme .bilgilendirmeSayfalar ul li:last-child { border-bottom: none; }
.bilgilendirmeContainer .bilgilendirme .bilgilendirmeSayfalar ul li:last-child a { padding: 18px 0 17px 0; }
.bilgilendirmeContainer .bilgilendirme .bilgilendirmeSayfalar ul li.active { border-left: none; color: #000; padding-right: 5px; background: #fff; }
.bilgilendirmeContainer .bilgilendirme .bilgilendirmeSayfalar ul li.active a { color: #000;}
.bilgilendirmeContainer .bilgilendirme .bilgilendirmeSayfalar ul li:hover a { color: #000; }
.bilgilendirmeContainer .bilgilendirme .ps-scrollbar-y-rail { right: 0 !important; }
.bilgilendirmeContainer .bilgilendirme .ps-scrollbar-y-rail .ps-scrollbar-y { max-width: 8px; right: 0 !important; }
.bilgilendirmeContainer .bilgilendirme .ps-scrollbar-y-rail .ps-scrollbar-y:before, .bilgilendirmeContainer .bilgilendirme .ps-scrollbar-y-rail .ps-scrollbar-y:after { display: none; }

.bilgilendirmeContainer .bilgilendirme .hizmetCarousel .bilgilendirmeResim {
    padding: 0;
}
.p_0 {
    padding: 0;
}
.distrubitorCarousel {
    margin-bottom: 25px;
    position: relative;
    margin-top: 40px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
    padding: 45px 0 15px 0;
}

footer { background: #4b4b4b; padding: 35px 0; border-top: solid 3px #fff; }
footer a.link { -webkit-transition: all ease 0.2s; -moz-transition: all ease 0.2s; transition: all ease 0.2s; color: #fff !important; font: 14px; }
footer a.link:hover { color: #bbb !important; }
footer .t_align_r { text-align: right; }
footer .t_align_r b { font: 14px; text-transform: uppercase; color: #fff; font-weight: bold; }
footer .t_align_r a.imza { color: #fff; font: 13px; text-transform: capitalize; }
footer .t_align_r a.imza b { text-transform: capitalize; }
footer .t_align_r .social ul { padding-top: 5px; }
footer .t_align_r .social ul li { cursor: pointer; -webkit-t1ransition: all ease 0.2s; -moz-transition: all ease 0.2s; transition: all ease 0.2s; float: right; border: solid 1px #fff; -webkit-border-radius: 100px; border-radius: 100px; -moz-border-radius: 100px; width: 40px; height: 40px; text-align: center; line-height: 40px; margin-left: 5px; }
footer .t_align_r .social ul li a { font-size: 20px; color: #fff; display: block; }
footer .t_align_r .social ul li:hover { border-color: #000; }
footer .t_align_r .social ul li:hover a { color: #000; }

ul li.head {
    font-size: 17px;
    line-height: 30px;
    padding: 15px 10px;
    background: #da4453;
    top: 100%;
    position: relative;
    color: #fff;
}

ul li.head:after {
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #da4453;
    border-width: 12px;
    margin-left: 0;
    left: 20px;
    z-index: 1;
    content: " ";
    bottom: -24px;
}

.altsayfa{background: #fff;padding: 0;}
.altsayfa ul li{padding: 0px 10px;line-height: 35px;border-bottom: solid 1px #e6e6e6;}
.altsayfa .head{padding: 0px 10px;line-height: 65px;border-bottom: solid 1px #e6e6e6;margin-bottom: 15px}
.altsayfa .col-lg-3, .altsayfa .col-lg-4{padding: 0;margin-left: 0}
.sayfaBaslik {
    font-size: 22px !important;
    line-height: 65px;
    padding: 0 10px 0 20px;
    color: #fff;
    background: #4B4B4B;
    margin-bottom: 15px
}
  .mobilikincibaslik{display: none;}

@media only screen and (min-width: 798px) {
.container{padding: 0}
.tanitimkatalog{padding:0;margin-top:0}
.katalogtanitimi{border-right: 1px solid #fff;}
.mobilmenu{display: none}
.bayi{width: 13.66666667%}
.bayi img{width: 100%}
  }

@media only screen and (max-width: 798px) {
  .bultenText {font-size: 18px;text-align: center;}
  .bultenbuton {text-align: center;margin-top: 5px;}
  .bultenbuton .btn-success {font-size: 18px;}

  .urunmobil, .tanitimkatalog, .distrubitorCarousel{display: none;}
  .ei-slider{display: none;}
  .haberBaslik {font-size: 22px;}
  .katalogtanitimi{border-bottom: 1px solid #fff;}
  .katalogindir{font-size: 18px}

  .altAlan, .ustAlan{display: none;}
  .navbar-toggle {background: #9e9e9e;margin-top: 30px;}
  .navbar-toggle .icon-bar{background: #fff}
  .mobilmenu{display: block;}
  .navbar-nav > li > a{font-size: 16px}
  .nav > li{border-bottom: 1px #eae6e6 solid}
  .altsayfa ul li{font-size: 18px}
  .resimust{
    background: none;
    height: auto;
    padding-top: 20px;
  }
  .hakkimizdaust{
    background: #e6e6e6 url('../img/hakkimizda.jpg') top center no-repeat;
    height: auto;
    padding-top: 145px;
  }
  .iletisimust{
    background: #e6e6e6 url('../img/iletisim.jpg') top center no-repeat;
    height: auto;
    padding-top: 145px;
  }

  .hizmetlerimizmust{
    background: #e6e6e6 url('../img/hizmetlerimiz.jpg') top center no-repeat;
    height: auto;
    padding-top: 145px;
  }
  .bosluk {
    padding: 0px;
    border: 1px #dfdcdc solid;
    margin-top: 15px;
  }
  .mobilikincibaslik, .iletisimmobil{display: block;}
  .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  margin-top: 15px !important;
}
}
.breadcrumb {
    float: left;
    width: 100%;
}