/*import edilen fontlar*/
/*import url("font-awesome.min.css");*/

@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700&subset=latin-ext');


/*margin , padding*/
.m0{margin:0!important}.ml0{margin-left:0!important}.mr0{margin-right:0!important}.mt0{margin-top:0!important}.mb0{margin-bottom:0!important}.ma{margin-left:auto!important;margin-right:auto!important}
.m5{margin:5px!important}.ml5{margin-left:5px!important}.mr5{margin-right:5px!important}.mt5{margin-top:5px!important}.mb5{margin-bottom:5px!important}
.m10{margin:10px!important}.ml10{margin-left:10px!important}.mr10{margin-right:10px!important}.mt10{margin-top:10px!important}.mb10{margin-bottom:10px!important}
.m15{margin:15px!important}.ml15{margin-left:15px!important}.mr15{margin-right:15px!important}.mt15{margin-top:15px!important}.mb15{margin-bottom:15px!important}
.m20{margin:20px!important}.ml20{margin-left:20px!important}.mr20{margin-right:20px!important}.mt20{margin-top:20px!important}.mb20{margin-bottom:20px!important}
.m25{margin:25px!important}.ml25{margin-left:25px!important}.mr25{margin-right:25px!important}.mt25{margin-top:25px!important}.mb25{margin-bottom:25px!important}
.m30{margin:30px!important}.ml30{margin-left:30px!important}.mr30{margin-right:30px!important}.mt30{margin-top:30px!important}.mb30{margin-bottom:30px!important}
.m35{margin:35px!important}.ml35{margin-left:35px!important}.mr35{margin-right:35px!important}.mt35{margin-top:35px!important}.mb35{margin-bottom:35px!important}
.m40{margin:40px!important}.ml40{margin-left:40px!important}.mr40{margin-right:40px!important}.mt40{margin-top:40px!important}.mb40{margin-bottom:40px!important}
.m45{margin:45px!important}.ml45{margin-left:45px!important}.mr45{margin-right:45px!important}.mt45{margin-top:45px!important}.mb45{margin-bottom:45px!important}
.m50{margin:50px!important}.ml50{margin-left:50px!important}.mr50{margin-right:50px!important}.mt50{margin-top:50px!important}.mb50{margin-bottom:50px!important}
.p0{padding:0!important}.pl0{padding-left:0!important}.pr0{padding-right:0!important}.pt0{padding-top:0!important}.pb0{padding-bottom:0!important}
.p5{padding:5px!important}.pl5{padding-left:5px!important}.pr5{padding-right:5px!important}.pt5{padding-top:5px!important}.pb5{padding-bottom:5px!important}
.p10{padding:10px!important}.pl10{padding-left:10px!important}.pr10{padding-right:10px!important}.pt10{padding-top:10px!important}.pb10{padding-bottom:10px!important}
.p15{padding:15px!important}.pl15{padding-left:15px!important}.pr15{padding-right:15px!important}.pt15{padding-top:15px!important}.pb15{padding-bottom:15px!important}
.p20{padding:20px!important}.pl20{padding-left:20px!important}.pr20{padding-right:20px!important}.pt20{padding-top:20px!important}.pb20{padding-bottom:20px!important}
.p25{padding:25px!important}.pl25{padding-left:25px!important}.pr25{padding-right:25px!important}.pt25{padding-top:25px!important}.pb25{padding-bottom:25px!important}
.p30{padding:30px!important}.pl30{padding-left:30px!important}.pr30{padding-right:30px!important}.pt30{padding-top:30px!important}.pb30{padding-bottom:30px!important}
.p35{padding:35px!important}.pl35{padding-left:35px!important}.pr35{padding-right:35px!important}.pt35{padding-top:35px!important}.pb35{padding-bottom:35px!important}
.p40{padding:40px!important}.pl40{padding-left:40px!important}.pr40{padding-right:40px!important}.pt40{padding-top:40px!important}.pb40{padding-bottom:40px!important}
.p45{padding:45px!important}.pl45{padding-left:45px!important}.pr45{padding-right:45px!important}.pt45{padding-top:45px!important}.pb45{padding-bottom:45px!important}
.p50{padding:50px!important}.pl50{padding-left:50px!important}.pr50{padding-right:50px!important}.pt50{padding-top:50px!important}.pb50{padding-bottom:50px!important}
/*margin , padding*/

/*sıfırlamalar*/
h1,h2,h3,h4,h5,h6,p,span{ margin: 0 !important; padding: 0 !important;}



.urunarabox{height: 40px; padding-left: 15px !important; float: left; border: 1px solid #e6e3e1; border-right: none !important; width: 85%;}
.arabtn{float: left; height: 40px; background: #efefef; border-color: #e6e3e1; color: #eda80f }

.durum{
      padding: 2px 4px !important;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
}
}

.btn{border-radius: 0 !important;}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 10px !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #666; 
}

.nav>li>a {
    position: relative;
    display: block;
    padding-left: 12px!important;
    padding-right: 12px !important
}
.form-control {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 1.42857143;
    margin-bottom: 10px;
    color: #555;
    background-color: #f9f9f9;
    background-image: none;
    border: 1px solid #d8d8d8;
    border-radius: 0px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


.sepet-sayi{
  position: relative;
  top: -4px;
  left: -10px;
  background-color: #5a4131;
  color: #fff !important;
  border-radius: 50%;
-}
.sepet-icon{
  font-size: 16px;
}
.color-danger{
  color: #f00;
}
.sepet-adet-input{
  width: 50px;
  text-align: center;
}
.urun-kutu-detay{
  height: 50px !important;
}

.urunarakapsayici{padding: 35px 15px !important; background-color: #fff}

td{
  vertical-align: middle !important;
  padding: 10px !important;
}
tfoot th{
  padding: 15px !important ;
  background-color: #dfdfdf;
}

thead th{
  padding: 10px 0 !important;
  background-color: #e8e8e8 !important
}

table{
}

body{font-family:'Titillium Web', sans-serif; color: #555;}
.header-top-bar{padding: 0 !important}
.header-top-bar-fluid{background-color: #f5f5f5;  height: 40px;}

.top-bar-mail-bg a{color: #555 !important; font-size: 13px; line-height: 40px; text-decoration: none;}
.top-bar-mail-icon{color: #eda80f; margin-right: 5px; font-weight: 600; font-size: 15px;}
.top-bar-giris-bg{ }
.top-bar-giris-bg a{color: #555 !important; font-size: 14px; width: 50%; text-align: center;  line-height: 40px; text-decoration: none; display: block; float: left; }
.top-bar-giris-bg a i{color: #eda80f; margin-right: 5px; font-weight: 600; font-size: 13px; margin-right: 5px;}
.top-bar-giris-bg a.uye-kayitol:hover{color: #fff !important; font-size: 14px; line-height: 40px; text-decoration: none; display: block; float: left;  background-color: #5a4131;}
.top-bar-giris-bg a.uye-kayitol:hover i{color: #fff; margin-right: 5px; font-weight: 600; font-size: 15px; margin-right: 5px;}
.top-bar-giris-bg a.uye-giris{ background-color: #eda80f; color: #fff !important; }
.top-bar-giris-bg a.uye-giris i{color: #fff !important;}
.top-bar-giris-bg a.uye-kayitol{ background-color: #e6e3e1;  }

.header{padding: 0 !important}
.header-logo-bg{padding: 30px 0 !important; padding-right: 42px !important; padding-top: 33px !important; }
.header-menu ul{list-style: none; margin:0; padding: 0;  padding-left: 50px !important;}
.header-menu ul li{ float: left;}
.header-menu ul li a{display: block; font-size: 14px; color: #555; margin-right: 20px;  text-align:center; text-decoration: none; line-height: 37px; }
.header-menu ul li a:hover{color: #eda80f}
.header-menu ul li a i{font-size: 20px; color: #eda80f; margin-right:  4px; line-height: 37px; display: block; float: left;}

.header-sepet-bg {background-color: #f7f7f7; text-align: center; padding:20px 0 20px 0 !important ;  } 
.header-sepet-bg i{font-size: 24px; float: left; display: block; float: left; color: #eda80f; margin-left: 20px; margin-right: 4px; margin-top: 10px}
.header-sepet-bg h3{font-size: 15px; display: block; float: left;}
.header-sepet-bg span.sepet-adet{ font-size: 14px !important; width: 24px; height: 24px; text-align: center; line-height: 24px; font-weight: 600; display: block;  color: #fff; float: left;}
.header-sepet-bg span.sepet-adet-yazi{font-size: 16px; color: #777; display: block; text-align: center; margin-left: 6px !important;}

.menu-bg{background-color: #5a4131; height: 50px;}

.navbar-default {background-color: #5a4131 !important; border-color: none !important; border-radius: 0 !important; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: none;}
.navbar {min-height: 50px; margin-bottom: 20px; border: none !important;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: none !important;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
  color: #fff;
  background-color: #f00;
  background-color: transparent;
}
.navbar-default .navbar-nav>li>a {
  color: #cbc7c4;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color: #fff;
	background-color: #eda80f;
}

/*hamburger icon*/
.navbar-toggle .icon-bar:nth-of-type(2) {top: 1px;}
.navbar-toggle .icon-bar:nth-of-type(3) {top: 2px;}
.navbar-toggle .icon-bar {position: relative; transition: all 0.3s ease-in-out;}
.navbar-toggle.active .icon-bar:nth-of-type(1) {top: 6px; transform: rotate(45deg);}
.navbar-toggle.active .icon-bar:nth-of-type(2) {background-color: transparent;}
.navbar-toggle.active .icon-bar:nth-of-type(3) {top: -6px; transform: rotate(-45deg);}


.sepet-buttons-bg {background-color: #463124 !important; padding: 0 !important} 
.sepet-buttons-bg a{background-color: #e6e3e1; font-size: 14px;  display: block; float: left; width: 50%; text-align: center; color: #555;}
.sepet-buttons-bg a i{ margin-right: 5px !important; line-height: 45px; font-size: 15px; color: #eda80f}
.sepet-buttons-bg a.line{border-left: solid 1px #d8d8d8; }


/*navbar*/
.navbar-toggle {position: relative; float: right; padding: 16px 12px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: transparent; background-image: none; border: 0px solid transparent; border-radius: 0px !important;}
.navbar-toggle .icon-bar {display: block; width: 22px; height: 2px; margin: 3px 0 !important; border-radius: 0px !important;}
.navbar-nav>li>a {padding-top: 14px; padding-bottom: 14px; line-height: 22px;}
.navbar-default .navbar-toggle {
  border-color: #5a4131;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #cbc7c4;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
  background-color: #463124;
}
.navbar-default .navbar-brand {
 color: #fff; 
}

.navbar-brand {
  float: left;
  background-color: #eda80f;
  height: 50px; 
  padding: 15px 15px;
  font-size: 16px;
  line-height: 20px; 
}

/*navbar*/
.navbar-right {
    float: right!important;
   margin-right: 0px !important; 
}

.menuRenkli{background-color: #463429;}
.menuRenkli li a i{
color: #eda80f;
font-size: 15px;
margin-right: 7px;

}
.slider-bg{padding-bottom: 0px !important; padding-top: 0px !important; min-height: 625px; background-color: #ececec;}
.slider{ padding: 0!important; z-index: 99 !important;}


.icerik-bg{padding: 20px 15px 50px 15px; border: 1px solid #e8e8e8; background-color: #fff; margin: 0 auto 20px auto; }
.icerik-yazi p{display: block !important; padding-bottom: 20px !important; line-height: 22px !important; font-size: 14px !important; color: #777;}

.adres h3{display: block; margin: 10px 0 !important; font-size: 16px; font-weight: 600; padding-bottom: 5px !important; border-bottom: 1px solid #e8e8e8; }

.tabpanel-bg .panel-heading{padding: 0!important;
  border-bottom: none !important;
  border-top-left-radius: none !important;
  border-top-right-radius: none !important;
}

.tabpanel-bg .panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: none !important;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-body{border: 1px solid #d8d8d8;}
p.list-group-item-text {display: block; font-size: 15px !important; color: #777 !important; padding: 5px 15px !important; margin-bottom: 10px !important;}
.panel-title a{font-size: 15px; text-decoration: none;}
.panel-title a i{font-size: 16px; color: #eda80f}
.panel-title a:hover{font-size: 15px; color: #eda80f;  text-decoration: none;}
.tabpanel-bg .panel-default>.panel-heading {
  color: #333;
  background-color: transparent !important;
  border-color: transparent !important;
}
.tabpanel-bg .nav-tabs {
  border-bottom: none !important;
}

.tabpanel-bg .nav-tabs>li.active>a, .tabpanel-bg .nav-tabs>li.active>a:focus, .tabpanel-bg .nav-tabs>li.active>a:hover {
  color: #eda80f;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-top: 3px solid #eda80f;
  border-bottom-color: transparent;
}

.nav-tabs>li>a {
  margin-right: 0px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  color: #444;
  border-radius: 0;
}

.navs>li>a {
  position: relative;
  display: block;
  padding: 15px 20px;
}

.sozlesme a{color: #f00;  font-weight: 600;}
.large_bold_grey{border-bottom:3px solid #eda80f !important; padding-bottom: 5px !important;  font-size: 40px !important; font-weight: 700 !important; font-style: italic !important; font-family:'Titillium Web', sans-serif; color: #555;}
.small_thin_grey{font-size: 17px !important; font-weight: 400 !important;}

.slider-altbar-bg{padding-bottom: 15px !important; padding-top: 20px !important;}
.slider-altbar-box{position: relative; min-height: 155px;}
.slider-altbar-box i{font-size: 34px; text-align:center; display: block; margin:13px 0px; color: #eda80f; }
.slider-altbar-box h2{text-align: center; font-size: 22px; font-weight: 700; font-style: italic;}
.slider-altbar-box p{text-align: center; font-size: 13px; line-height: 16px !important; padding-top: 3px !important;}
.slider-altbar-box i.sag-ok{position: absolute !important; margin-right: -20px; right: 0; top: 20px !important; font-size: 80px;}

.baslica-kategoriler-bg{min-height: 120px; background-color: #eda80f;}
a.urunKategorileri{text-decoration: none;}
.urun-kategori-alt-baslik{font-size: 14px; text-align: center; color: #fff; display: block; text-decoration: none; margin-top: 10px !important; font-weight: 600;}
span.urunKategoriIcon img{display: block; width: 34px; margin: 0 auto; }

.sidebar-bg h3{font-size: 14px; color: #eda80f; font-weight: 600; line-height: 35px; border-bottom: 1px solid #dbdbdb; padding: 0 !important; margin:0 !important;}
.sidebar-bg h3 i{padding: 0 8px; border-bottom: 3px solid #dbdbdb;  line-height: 35px;}
.sidebar-urun-kategori ul{padding: 0 !important; margin: 0 !important; list-style: none;}
.sidebar-urun-kategori ul li a{font-size: 14px; color: #555; line-height: 35px; display: block; border-bottom: 1px solid #e8e8e8;  text-decoration: none;}
.sidebar-urun-kategori ul li a i{padding: 0 8px; line-height: 35px; color: #777;}

.carousel-control.left {background-image: none !important;}
.carousel-control.right {background-image: none !important;}
.carousel-control{color: #555 !important;}
.carousel-indicators {display: none !important;}

ul.yeni-eklenen-urunler-list{padding: 0 !important; margin: 0 !important; list-style: none;}
ul.yeni-eklenen-urunler-list li{padding: 8px 10px; border-bottom: 1px solid #e8e8e8;}
ul.yeni-eklenen-urunler-list li a img{display: block; float: left; margin-right: 10px;}
ul.yeni-eklenen-urunler-list li a h4{font-size: 13px;  text-decoration: none; font-weight: 600; line-height: 18px;}
ul.yeni-eklenen-urunler-list li a span{font-size: 15px; color: #555; display: block; margin-top: 3px !important;}
ul.yeni-eklenen-urunler-list li a span i{font-size: 14px; color: #777}
ul.yeni-eklenen-urunler-list li a{color: #555;}
ul.yeni-eklenen-urunler-list li a:hover{text-decoration: none; color: #eda80f;}


#urun-kutu-bg{padding: 15px 10px !important; display: block; background-color: #efefef; border-radius: 6px; position: relative; margin-bottom: 15px !important;}
#urun-kutu-bg:hover,a.urun-kutu-bg:focus{text-decoration: none; }
#urun-kutu-bg span.urun-kutu-kategori{font-size: 14px; color: #858585; display: block; text-align: center; margin-top: 8px !important;  font-weight: 400; }
#urun-kutu-bg h2, #urun-kutu-bg h2 a{font-size: 14px; height: 30px; overflow: hidden; text-decoration: none; color: #858585; font-weight: 400;  text-align: center; margin-top: 10px !important; padding: 0 10px; margin-bottom: 10px !important;}
#urun-kutu-bg h2 a:hover{color: #eda80f;}
#urun-kutu-bg span{font-size: 16px;  color: #444; font-weight: 600; display: block; text-align: center; margin-bottom: 10px !important; }
#urun-kutu-bg span i{font-size: 14px; }


.urun-kutu-resim-bg{width: 100%; position: relative; height: 200px; max-height: 200; border-bottom:1px solid #e8e8e8; padding: 10px !important; background-color: #fff; border-radius: 6px; overflow: hidden;}
.urun-kutu-resim-bg img{height: 200px; padding: 10px; position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; right: 0; margin: auto;}

.sepete-ekle-buton{background-color: #ccc; border-radius: 6px !important; font-size: 13px; color: #777; text-align: center; display: block;  padding: 3px 10px !important; margin:0 auto; line-height: 30px;}
.sepete-ekle-buton i{margin-right: 5px !important; line-height: 30px; font-size: 12px; }
.sepete-ekle-buton .focus, .sepete-ekle-buton:focus, .sepete-ekle-buton:hover {
  color: #fff;
  background-color: #ef9a21 !important;
  text-decoration: none;
  transition: all 
}

a:hover,a:focus{text-decoration: none !important;}

.yeni{
  display: block; 
  padding:6px 12px 6px 12px !important;
  color: #fff !important;
  border-radius: 40px;
  border:1px solid #d30000;
  min-width: 48px;

  font-size: 13px !important;
  vertical-align: middle;
  position: absolute;
  left: 20px;
  text-align: center;
  top: 25px;  
  background: #d20000;
  opacity: 0.85;
  z-index: 2;
}

.firsat{
   display: block; 
  padding:6px 12px 6px 12px !important;
  color: #fff !important;
  border-radius: 40px;
  border:1px solid #eda90f;
  min-width: 48px;
  font-size: 13px !important;
  vertical-align: middle;
  position: absolute;
  left:  20px;
  text-align: center;
  top: 60px;  
  background: #eda80f;
  opacity: 0.85;
  z-index: 2;
}


span.urun-fiyat{line-height: 30px !important; padding-left: 15px !important; text-align: left !important;}
h3.icerik-baslik {
  font-size: 18px;
  text-align: left;
  display: flex;
  flex-direction: row;
  justify-content: left;
  margin-bottom: 30px !important;
  margin-top: 15px !important;
  font-weight: 600;
  color: #555;
}

h3.icerik-baslik i {
  font-size: 18px;
  color: #eda80f;
  margin-right: 5px;
}
 
h3.icerik-baslik:after {
  flex-grow: 1;
  height: 1px;
  content: '\a0';
  background-color: #ddd;
  position: relative;
  top: 0.5em;
}

h3.icerik-baslik:before {
  margin-right:30px;
}

h3.icerik-baslik:after {
  margin-left:20px;
}

.hesap-sidebar ul{padding: 0px; margin: 0px; list-style: none; border:1px solid #e8e8e8; margin-bottom: 35px !important;}
.hesap-sidebar ul li a{display: block; line-height: 40px; border-bottom: 1px solid #e8e8e8; color: #555; text-align: left; padding-left: 15px;}
.hesap-sidebar ul li a i{ font-size: 14px; color: #777; display: block; float: left; line-height: 40px; margin-right: 7px; }
.hesap-sidebar ul h3{line-height: 40px; border-bottom: 3px solid #eda80f; font-size: 14px; font-weight: 600; padding-left: 15px !important;}
.hesap-sidebar ul h3 i{font-size: 14px; color: #eda80f; display: block; float: left; margin-right: 7px; line-height: 40px;}



.urun-bilgi h2{font-size: 16px; color: #eda80f; display: block; padding: 10px 0 !important; border-bottom: 1px solid #e8e8e8;}
.urun-bilgi p{font-size: 14px; color: #777; line-height: 28px;} 
.urun-bilgi p span{font-size: 14px; color: #5a4131; font-weight: 600;}
.urun-bilgi h3{font-size: 18px; color: #777; font-weight: 600; display: block; padding: 15px 0 !important; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; margin-top: 15px !important; margin-bottom: 15px !important;}
.urun-bilgi h3 i{font-size: 16px;}
.urun-bilgi .adetsec{float: none; padding: 10px 5px !important; width: 115px !important; margin: 10px 0; display: inline-block; margin-left: 10px;}
.urun-detay-sepete-ekle-buton {
  background-color: #eda80f;
  font-size: 14px;
  color: #fff;
  text-align: center;
  display: block;
  padding: auto; ; 
  margin: 0;
  line-height: 30px;
  width: 38%;
}


.urun-slider{width: 100%; padding: 20px; border-radius: 12px; border: 1px solid #e8e8e8; height: 500px; overflow: hidden; position: relative;}
.urun-slider img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-height: 400px;}


.icerik p{font-size: 14px; color: #777; line-height: 24px; margin-top: 20px !important; display: block;}

.select-style{width: 38% !important; padding: 10px !important; display: block; height: auto !important; margin-top: 10px; border-color: #e8e8e8 !important;}

.input-group-addon{padding: 6px 12px !important;}

.footer-bg{background-color: #2e221a; padding-top: 15px !important; min-height: 105px; position: relative; margin-top: 25px;}
.footer-logo-kapsayici{min-height: 122px; background-color: #eda80f; position: absolute; width: 1500px; z-index: 155; margin-left: -1110px; top: 0; margin-top: -22px;}
.footer-logo-bg{background-color: #eda80f; min-height: 122px; margin-top: -37px; z-index: 156}


ul.linkler{list-style: none; margin:0; padding: 0;  padding-left: 50px !important;}
ul.linkler li{ float: left;}
ul.linkler li a{display: block; font-size: 14px; color: #aca9a8; margin-right: 20px;  text-align:center; text-decoration: none; line-height: 37px; }
ul.linkler li a:hover{color: #eda80f}
ul.linkler li a:hover i{color: #eda80f}
ul.linkler li a i{font-size: 16px; color: #aca9a8; margin-right:  4px; line-height: 37px; display: block; float: left;}

ul.sosyal-medya{list-style: none; margin:0; padding: 0;   }
ul.sosyal-medya li{ float: left;}
ul.sosyal-medya li a{display: block; font-size: 14px; color: #aca9a8; margin-left: 5px !important;  text-align:center; text-decoration: none; line-height: 37px; }
ul.sosyal-medya li a:hover{color: #eda80f}
ul.sosyal-medya li a:hover i{color: #eda80f}
ul.sosyal-medya li a i{font-size: 20px; color: #aca9a8; margin-right:  4px; line-height: 37px; display: block; float: left;}


.panel-default {
  border-color: #e8e8e8 !important;
  margin: 10px 0 !important;
}

.panel-collapse>.list-group .list-group-item:first-child {border-top-right-radius: 0;border-top-left-radius: 0;}
.panel-collapse>.list-group .list-group-item {border-width: 1px 0;}
.panel-collapse>.list-group {margin-bottom: 0;}
.panel-collapse .list-group-item {border-radius:0;}

.panel-collapse .list-group .list-group {margin: 0;margin-top: 10px;}
.panel-collapse .list-group-item li.list-group-item {margin: 0 -15px;border-top: 1px solid #ddd !important;border-bottom: 0;padding-left: 30px;}
.panel-collapse .list-group-item li.list-group-item:last-child {padding-bottom: 0;}

.panel-collapse div.list-group div.list-group{margin: 0;}
.panel-collapse div.list-group .list-group a.list-group-item { border-top: 1px solid #ddd !important;border-bottom: 0;padding-left: 30px;}
.panel-collapse .list-group-item li.list-group-item {border-top: 1px solid #DDD !important;}






/* Extra large devices (large desktops, 1200px and in)*/
@media only screen and (max-width : 1200px){
  .top-bar-mail-bg {background-color: #ededed; text-align: center; margin-left: 0px;}
  .header-menu ul li a i {display: block;font-size: 25px;color: #eda80f;margin-bottom: 8px;}
  .header-menu ul li a {display: block; font-size: 14px; color: #555; margin-right: 15px; text-align: center; text-decoration: none;}
  .header-siparis-hatti-bg {background-color: #f7f7f7; text-align: center; width: 100%; margin-left: 0px; padding-bottom: 43px;}
  .header-siparis-hatti-bg i {font-size: 31px; float: left; display: block; color: #57ba64; margin-left: 16px; margin-right: 7px;}
  .header-siparis-hatti-bg h3 span.numara {font-size: 20px; display: block; margin-top: 3px;}
  .header-siparis-hatti-bg h3 {font-size: 14px; display: block; float: left;}
  .sosyal-medya-bg {background-color: #ededed !important; width: 100%; margin-left: 0px;}
  .sosyal-medya-bg a {font-size: 22px; height: 50px; width: 30%; padding: 0 19px; line-height: 48px; color: #555;}
  }/* Extra large devices (large desktops, 1200px and in)*/



  /* Large devices (desktops, 992px and up)*/
  @media only screen and (max-width : 992px){}

  /* Medium devices (tablets, 768px and up)*/
  @media only screen and (max-width : 768px){}



  /* Extra Small Devices, Phones */
  @media only screen and (max-width : 576px){ 

    .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd;
    }

    .table-responsive {
      min-height: .01%;
      overflow-x: auto;
    }

    .header-top-bar{padding: 0 !important}

    /* top bar*/
    .top-bar-h3{padding-left: 15px !important;}
    .top-bar-giris-bg{margin-left: 0px; width: 100%; }
    .top-bar-giris-bg a{color: #555 !important; width: 50%; font-size: 14px; line-height: 40px; text-decoration: none; display: block; float: left; padding-left: 20px; padding-right: 20px;}
    .top-bar-giris-bg a i{color: #eda80f; margin-right: 5px; font-weight: 600; font-size: 15px; margin-right: 5px;}
    .top-bar-giris-bg a.uye-kayitol:hover{color: #fff !important; font-size: 14px; line-height: 40px; text-decoration: none; display: block; float: left; padding-left: 20px; padding-right: 20px; background-color: #5a4131;}
    .top-bar-giris-bg a.uye-kayitol:hover i{color: #fff; margin-right: 5px; font-weight: 600; font-size: 15px; margin-right: 5px;}
    .top-bar-giris-bg a.uye-giris{ background-color: #eda80f; color: #fff !important; }
    .top-bar-giris-bg a.uye-giris i{color: #fff !important;}
    .top-bar-giris-bg a.uye-kayitol{ background-color: #e6e3e1;  }
    /*top bar*/ 


    .header-menu ul{list-style: none; margin:0; padding: 0;  padding-left: 0px !important;}
    .header-menu ul li{ float: left;}
    .header-menu ul li a{display: block; font-size: 14px; color: #555; margin-right: 10px;  text-align:center; text-decoration: none; line-height: 37px; }
    .header-menu ul li a:hover{color: #eda80f}
    .header-menu ul li a i{font-size: 20px; color: #eda80f; margin-right:  4px; line-height: 37px; display: block; float: left;}

    .header-sepet-bg-mobil{padding-left: 0px !important;}
    .header-sepet-bg {border-radius: 6px; background-color: #f7f7f7; text-align: center; width: 100%; padding-left: 0px !important; margin-left: 0px; padding-bottom: 33px; margin-top: 10px;} 
    .header-sepet-bg i{font-size: 24px; float: left; display: block; float: left; color: #eda80f; margin-left: 10px; margin-right: 2px;}
    .header-sepet-bg h3{font-size: 15px; display: block; float: none;}
    .header-sepet-bg span.sepet-adet{font-size: 31px; line-height: 28px; font-weight: 700; display: block; margin-top: 3px; color: #eda80f; float: left; margin-right: 4px !important;}
    .header-sepet-bg span.sepet-adet-yazi{font-size: 12px; color: #777; display: block; text-align: left; margin-left: 6px !important;}




    .slider{padding-left: 0px !important; padding-right: 0px !important;}


    .sepet-buton-kapsayici{background-color: #463124;}
    .sepet-buttons-bg {  width: 100%; margin-left: 0px;} 
    .sepet-buttons-bg a{background-color: #463124; width: 50%; font-size: 14px; height: 50px;  display: block; float: left; padding:0 11px; line-height: 45px; color: #cbc7c4;}
    .sepet-buttons-bg a i{margin-right: 5px !important; line-height: 45px; font-size: 15px;}
    .sepet-buttons-bg a.line{border-left: solid 1px rgba(255, 255, 255, 0.15); }






    /*header*/

    .logo{display: block; margin: 0 auto !important;}
    .header-logo-bg {
     padding-left: 40px !important; 
     padding-right: 40px !important;
     padding-top: 25px !important; 
     padding-bottom: 20px !important; 
   }
   .header-siparis-hatti-bg {background-color: #f7f7f7; text-align: center; width: 100%; margin-left: 0px; padding-bottom: 25px !important; padding-top: 25px !important; padding-left: 10px !important;}
   .header-menu{padding-left: 32px !important; padding-top: 10px !important; padding-bottom: 10px !important;}
   .sosyal-medya-bg {background-color: #ededed !important; width: 100%; margin-left: 0px; padding: 0;}
   .sosyal-medya-kapsayici{padding: 0px !important; }


.urun-slider {
    width: 100%;
    padding: 20px;
    border-radius: 12px;
    border: 1px solid #e8e8e8;
    height: 300px;
    overflow: hidden;
    position: relative;
}

.urunarakapsayici{padding: 10px 15px !important; background-color: #eda80f}


.menu-bg{height: 3px!important ; z-index: 9999 !important}

.tabpanel-bg .nav>li>a {
    position: relative;
    display: block;
    padding: 18px 10px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    transition: all 0.3s ease-out 0s !important;
    border-bottom: 4px solid transparent;
}

/*NAVBAR*/
    .navbar-default .navbar-toggle {border-color: transparent ;}
    .navbar-toggle {
        position: absolute;
        float: right;
        padding: 9px 15px 9px 15px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        background-color: transparent;
        background-image: none;
        border: none ;
        border-left: 1px solid #ddd !important;
        border-radius: 0px;
        right: 0px;
        top: -165px;
    }
    .navbar {
        padding-right: 0px;
        position: relative;
        min-height: 10px !important;
        margin-bottom: 0px !important;
        border: none !important;
        padding-right: 0px !important;
    }
    .navbar-default {
        background-color: transparent !important;
        border-color: none !important;
    }
    .navbar-default .navbar-nav>li>a {
        color: #888 !important;
        font-weight: 400;
        font-size: 16px;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    .nav>li>a {
        position: relative;
        display: block;
        padding: 18px 10px !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
        transition: all 0.3s ease-out 0s !important;
        border-bottom: 4px solid transparent;
    }
    .nav>li:last-child>a {
        padding-right: 10px !important;
        padding-left: 10px !important;
        margin-left: 15px;
        margin-right: 15px !important;
    }
    .nav>li>a:hover {
       color: #eda80f !important;
       transition: all 0.3s ease-out 0s !important;
       border-color: #e7e7e7;
   }
   .navbar-nav {
    float: left !important;
    margin: 6.5px 0px;
    width: 100%;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555 !important;
    background-color: #e7e7e7;
}
.navbar-collapse {
    padding-right: 0px !important;
    padding-left: 0px !important;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: none;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    background-color: #ededed;
    max-height: 450px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
    margin:  10px 0;
    z-index: 1001 !important
    background-color : #e6e3e1 !important;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #fff;
}
.mobilToogleYazi{text-align: left; margin-right: 10px;}
.toogleİcon{float: right; padding-top: 0px; margin-left: 10px;}

/*dropdown*/
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #fff !important;
    background-color: #ed4137;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #ed4137;
    border-color: #ed4137;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1020;
    display: none;
    float: left;
    min-width: 160px;
    padding: 8px 0px 8px 15px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    padding: 10px 0px 10px 10px;
    margin: 0px 20px 0px 20px;
    border-bottom: 1px solid rgba(0,0,0,0.1);

}

.menu-bg{position: relative; z-index: 999 !important;}
  /*header*/

  .large_bold_grey{border-bottom:3px solid #eda80f !important; padding-bottom: 5px !important;  font-size: 22px !important; font-weight: 700 !important; font-style: italic !important; font-family:'Titillium Web', sans-serif; color: #555;}
  .small_thin_grey{font-size: 11px !important; font-weight: 400 !important; margin-top: 10px !important;}

  ul.linkler{padding-left: 20px !important;}



  .footer-logo-kapsayici {
    min-height: 123px;
    background-color: #eda80f;
    position: absolute;
    width: 1500px;
    z-index: 155;
    margin-left: -1200px;
    top: 0;
    margin-top: -22px;
  }
  }/* Extra Small Devices, Phones */