body{font-family: 'Titillium Web', sans-serif; background-color: #f9f9f9; overflow-x:hidden;}
header{position: relative;}

/*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*/

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

.page404{text-align: center; padding: 60px 0; background-color: #fff; box-shadow: 0px 0px 3px rgb(0 0 0 / 10%)}
.page404 i{font-size: 60px; color: #cf1a21; display: block; margin: 0 auto}

.page404 h1{font-size: 70px; color: #cf1a21; margin-top: 8px}
.page404 h4 {font-size: 32px; color: #444; margin: 15px 0 }
.page404 p{font-size: 18px; color: #999; margin-bottom: 30px}
.page404 a{display: block; padding: 12px 20px; background-color: #cf1a21; color: #fff; width: 40%; border-radius: 30px; margin: 20px auto}


.ustMenuBG{background: #231f20; min-height: 40px;}
.anaMenuBG{background: #cf1a21; min-height: 60px;}

.logoBG{background: #fff; height:114px; position: absolute; left: 50%; top: 0; margin-left:  -1455px; z-index: 21;   }

.logoBG:after{transform: skew(23deg);}
.logoBgLine{ 
    background-color: #fff;
    transform: skew(-15deg);
    width: 46px;
    height: 114px;
    z-index: 21;
    position: absolute;
    right: -25px;
    border-bottom-right-radius:12px;
    top: 0;
    box-shadow: 30px 0 25px rgb(0 0 0 / 10%)
}
.logoKapsayici{position: relative; height: 114px; z-index: 1;}
.logoKapsayici img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }



ul.headerSosyal{padding: 0 !important; margin: 0 !important; list-style: none !important; padding-left: 40px !important;}
ul.headerSosyal li{display: inline-block; padding: 8px 4px 0 4px; color: #ccc; font-size: 14px;}
ul.headerSosyal li a, ul.headerSosyal li a:focus{ color: #ccc; text-decoration: none; font-size: 15px; transition: all 0.3s ease-out 0s;}
ul.headerSosyal li a:hover{color: #fff; transition: all 0.3s ease-out 0s;}

ul.headerIletisim{padding: 0 !important; margin: 0 !important; list-style: none !important; padding-left: 10px !important; text-align: right;}
ul.headerIletisim li{display: inline-block;  padding: 8px 5px 0 8px; color: #ccc; font-size: 14px;}
ul.headerIletisim li a i, ul.headerIletisim li a i:focus{display: inline-block; margin-right: 2px; color: #ccc; text-decoration: none; font-size: 14px; transition: all 0.3s ease-out 0s;}
ul.headerIletisim li a, ul.headerIletisim li a:focus{ color: #ccc; text-decoration: none; font-size: 14px; transition: all 0.3s ease-out 0s;}
ul.headerIletisim li a:hover{color: #fff; transition: all 0.3s ease-out 0s;}

/*navbar özelleştirme*/
.navbar {
    position: relative;
    min-height: 55px !important;
    margin-bottom: 0px !important;
    border: none !important;
    padding-right: 5px !important;
}
.navbar-default {
    background-color: transparent !important;
    border-color: none !important;
    z-index: 22;
}
.navbar-default .navbar-nav>li>a {
    color: #e8e8e8 !important;
    font-weight: 600;
    font-size: 14px;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 18px 5px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
    transition: all 0.3s ease-out 0s !important;
    border-bottom: 4px solid transparent;
}
.nav>li:last-child>a {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-left: 15px;
    margin-right: 0 !important;
}
.nav>li>a:hover {
 color: #fff !important;
 transition: all 0.3s ease-out 0s !important;
 border-color: #e7e7e7;
}

.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;
}
/*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);}


/*footer*/
footer{position: relative; margin-top: 50px;}
.footerUstBarBG{background-color: #cf1a21; padding: 10px 0; min-height: 60px; position: relative;}
.footerAdresBarBG{position: absolute; top: 0; right: 0;   margin-top: -28px; z-index: 12; height: 88px; background-color: #231f20;}
.footerAdresBgLine{background-color: #231f20; transform: skew(-10deg); width: 30px; height: 88px;  position: absolute; left: -23px; top: 0; border-top-left-radius:12px;}
.footerBG{background-color: #f2f2f2; min-height: 133px; padding-top: 30px; padding-bottom: 30px;}

ul.footerSosyal{padding: 0 !important; margin: 0 !important; list-style: none !important; }
ul.footerSosyal li{display: inline-block; padding: 8px 4px 0 4px; color: #f4f4f4; font-size: 14px;}
ul.footerSosyal li a, ul.headerSosyal li a:focus{ color: #f4f4f4; text-decoration: none; font-size: 15px; transition: all 0.3s ease-out 0s;}
ul.footerSosyal li a:hover{color: #fff; transition: all 0.3s ease-out 0s;}

ul.footerAdres{padding: 0 !important; margin: 0 !important; list-style: none !important; padding-top: 24px !important; text-align: left; !important;}
ul.footerAdres li{display: inline-block;  padding: 8px 5px 0 8px; color: #ccc; font-size: 14px;}
ul.footerAdres li a i, ul.footerAdres li a i:focus{display: inline-block; margin-right: 2px; color: #ccc; text-decoration: none; font-size: 14px; transition: all 0.3s ease-out 0s;}
ul.footerAdres li a, ul.footerAdres li a:focus{ color: #ccc; text-decoration: none; font-size: 14px; transition: all 0.3s ease-out 0s;}
ul.footerAdres li a:hover{color: #fff; transition: all 0.3s ease-out 0s;}

.footerLogoKapsayici img{width: 70%}
.footerLogoKapsayici p{font-size: 12px; color: #7f7f7f; padding: 0 !important; margin-top: 10px}

ul.footerKategoriList{padding: 0 !important; margin: 0 !important; list-style: none; text-align: center; padding-left: 80px !important}
ul.footerKategoriList li{display: inline-block; padding: 0px 8px 2px 0px; word-wrap: normal;}
ul.footerKategoriList li i{color: #acacac !important; font-size: 12px;}
ul.footerKategoriList li a{font-size: 14px; color: #999;  transition: all 0.3s ease-out 0s; text-decoration: none; }
ul.footerKategoriList li a:hover{color: #cf1a21;  transition: all 0.3s ease-out 0s; }



/*slide css kodları*/
.boxedcontainer{max-width: 1170px; margin:auto; padding:0px 30px;}
.tp-banner-container{width:100%; position:relative; padding:0;}
.tp-banner{width:100%; position:relative;}
.tp-banner-fullscreen-container {width:100%; position:relative; padding:0;}

.slider{border-bottom: 8px solid #dbdbdb;}

/*özel classlar*/
.btn i{font-size: 12px !important;}
.btn-round {border-radius: 30px; padding: 10px 20px !important}
.border-danger{background-color: #fff ; color: #cf1a21 ; border-color: #cf1a21;}
.border-default{background-color: #fff ; color: #7f7f7f ; border-color: #7f7f7f;}
.tp-caption{text-shadow: 0px 0px 10px rgba(0,0,0,0.95) !important; }
.form-group{margin-bottom: 27px !important;}


/*içerik*/
.indexHakkimizda { margin: 15px 0!important; padding-bottom: 20px; }
.indexHakkimizda h2{font-size: 18px; font-weight: 600; color: #cf1a21; margin:0!important; margin-bottom: 15px!important; padding: 10px 0!important; border-bottom: 1px solid #dbdbdb;}
.indexHakkimizda h2 i{font-size: 16px !important; margin-right: 3px;}
.icerikYazi p{padding: 0 !important; text-align: justify; padding-bottom: 15px !important; margin: 0!important; padding-right: 24px !important; font-size: 13.5px; color: #7f7f7f;}


.biyografiKapsayici{padding: 0!important; margin: 0!important;}

.biyografiItem{width: 100%; margin-bottom: 20px;}
.biyografiItem  .iconBG{width: 45px; height: 45px; display: block; float: left; margin-top: 5px; margin-left: 5px; margin-right: 10px !important; background-color: #cf1a21; border-radius: 50%; position: relative;}
.biyografiItem  .iconBG i{position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; margin: auto; width: 45px; height: 22px; color: #fff; font-size: 18px;}

.biyografiItem .yaziBG{display: block; float: right; width: 82%; padding-right: 8px;}
.biyografiItem .yaziBG h4{margin: 0!important; padding: 0!important; color: #444 !important; font-size: 15px !important; padding-bottom: 5px !important; margin-bottom: 5px !important border-bottom: 1px solid #dbdbdb}
.biyografiItem .yaziBG p{margin: 0!important; padding: 0!important; text-align: justify; font-size: 12.5px !important; line-height: 18px; color: #7f7f7f}


.haberlerKapsayici{z-index: 24; margin-top: -60px; background-color: #f4f4f4; min-height: 150px; padding: 0!important; padding-bottom: 0px !important; border-bottom: 10px solid #cc2525; border-radius:12px 12px 0 0; overflow:hidden;}
.haberBaslikKapsayici{background-color: #cf1a21; height: 60px; border-bottom: 10px solid #c8362c61 }
.haberBaslikKapsayici h2{display: block; float: left; font-size: 15px; font-weight: 600; color: #fff; margin: 0!important; padding: 20px 20px!important}
.haberBaslikKapsayici h2 i{font-size: 14px; margin-right: 3px}

.haberBaslikKapsayici a{display: block;  font-size: 14px; text-align: right; transition: all 0.3s ease-out 0s; font-weight: 600; color: #e8e8e8; margin: 0!important; padding: 18px 20px 18px 0 !important; text-decoration: none;}
.haberBaslikKapsayici a i{font-size: 12px; margin-right: 0px}
.haberBaslikKapsayici a:hover, .haberBaslikKapsayici a:hover i{color:#fff; transition: all 0.3s ease-out 0s;}

.haberItem{padding: 15px 15px; margin: 0 auto; width: 100%; float: left; transition: all 0.3s ease-out 0s;border-bottom: 1px solid #d8d8d8 }
.haberItem:last-child{border-bottom: none;}
.haberItem:hover{background-color: #ddd; transition: all 0.3s ease-out 0s; cursor: pointer;}
.haberItemResim{width: 30%;  float: left; background-color: #fff; border: 1px solid #d8d8d8; padding-right: 10px; min-height: 80px; max-height: 80px; overflow: hidden; position: relative;}
.haberItemResim img{padding: 0 3px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}

.haberItemIcerik{width: 68%; float: right; padding-left: 12px;}
.haberItemIcerik .haberThumbsBaslik{margin: 0!important; padding: 0!important; margin-bottom: 3px !important; font-size: 14px; color: #424242;}
.haberItemIcerik span{font-size: 12px; color: #7f7f7f; }
.haberItemIcerik p{font-size: 13px; color: #666; line-height: 16px; padding: 0!important; margin: 0!important}
.haberItemIcerik a{display: block; width: 100%; font-size: 13px; color: #cf1a21; padding-top: 5px; text-decoration: none; font-weight: 600}


#haberDetay .haberResim{width: 40%; display: block; float: left; border:1px solid #e6e6e6; padding: 10px; border-radius: 6px;}
#haberDetay .haberResim img{width: 100%}
#haberDetay .haberIcerik{width: 60%; float: left; padding-left: 30px; }
#haberDetay .haberIcerik h4{padding: 0; margin: 0; font-size: 18px; color: #444; margin-bottom: 10px; margin-top: 5px; padding-bottom: 10px; border-bottom: 1px solid #e6e6e6;}
#haberDetay .haberIcerik span{margin-bottom: 10px; display: block; color: #7f7f7f}
#haberDetay .haberIcerik p{padding: 0; margin: 0; font-size: 14px; margin-bottom: 10px; line-height: 22px;}


.overflowhide{overflow: hidden !important; display: none;}


.ekatalogKapsayiciBG{background-color: #1a1a1a; padding: 20px 0px !important; border-top: 10px solid #dbdbdb;  margin: -10px 0 0 0!important; min-height: 270px;}
.ekatalogYazi{padding-top: 70px;}
.ekatalogYazi h2{font-size: 30px; color: #fff; margin: 0!important; padding:0!important; font-weight: 700;}
.ekatalogYazi h4{font-size: 30px; color: #cf1a21; margin: 0!important; padding:5px 0!important; font-weight: 400;  margin-bottom:15px !important;}
.ekatalogYazi a{margin: 5px;}

.indexUrunKategoriKapsayici{padding: 20px 15px !important; min-height: 600px;}

.icerikBaslik h2{margin: 0!important; padding:15px 15px!important; color: #444; text-align: left; font-size: 16px;}
.icerikBaslik h2 i{font-size: 16px; color: #cf1a21; margin-right: 10px;}

.icerikBaslikLine {
    background: #e6e6e6;
    margin: 0;
    height: 2px;
    margin-bottom: 20px !important
}
.icerikBaslikLine hr {
    background: #e6e6e6;
    height: 2px;

    width: 40px;
    margin-left: 0;
    margin: 0 !important;
    border-top: none !important;
}

.icerikBaslikLine hr {
    background: #cf1a21;
}



.urunkategori h2{margin: 0!important; margin-bottom: 3px !important; padding:15px 15px!important; color: #231f20; text-align: left; font-size: 24px; font-weight: 700; text-align: center;}
.urunkategori h2 i{font-size: 32px; color: #cf1a21; margin-right: 10px;}
.urunkategori h2 .red{color: #cf1a21}
.urunkategoriBaslikLine {
    background: transparent;
    margin: 0;
    height: 2px;
    margin-bottom: 20px !important
}
.urunkategoriBaslikLine hr {
    background: #e6e6e6;
    height: 2px;

    width: 6%;

    margin: 0  auto!important;
    border-top: none !important;
}

.urunkategoriBaslikLine hr {
    background: #cf1a21;
}



/*urunbox işlemleri*/
#urunler ul{padding: 0!important; margin: 0!important; list-style: none;}
#urunler ul li {
    width: 23.32%;
    margin: 0px;
    padding: 0px;
    float: left;
    display: block;
    padding: 1.4%;
    margin-right: 1.5%;
    padding-bottom: 2.5%;
    padding-top: 2.5%;
    margin-bottom: 1.5%;
    border: 1px solid #e6e6e6;
    text-align: center;
    background-color: #fff;
}


#urunler ul li:nth-child(1){
   
  
}
#urunler ul li:nth-child(4n) {
    
    margin-right: 0;
}

#urunler ul li a .urunAdi{height: 50px; padding-top: 15px; padding-left: 10px; padding-right: 10px;   transition: all 0.3s ease-out 0s}
#urunler ul li a .urunAdi {font-size: 15px; color: #444; display: block; width: 100%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; font-weight: 600; text-decoration: none;  transition: all 0.3s ease-out 0s}



#urunler ul li .urunKodu{width: 50%; border-bottom: 1px solid #dbdbdb; margin-top: 15px !important; margin: 0 auto;  transition: all 0.3s ease-out 0s;}
#urunler ul li .urunKodu span{width: 80px; padding: 8px; border:1px solid #dbdbdb;  border-bottom: none;  transition: all 0.3s ease-out 0s; background-color: #f4f4f4;  border-top-left-radius: 12px; border-top-right-radius: 12px; margin: 0 auto ;color: #444; font-size: 15px; text-align: center; font-weight: 600;  display: block;}

#urunler ul li .urunResim{ transition: all 0.3s ease-out 0s; padding: 10px;}

#urunler ul li:hover a .urunAdi {color: #000;   transition: all 0.3s ease-out 0s}
#urunler ul li:hover a .urunKodu span{background-color: #424242; border-color: #444; color: #fff; transition: all 0.3s ease-out 0s}


#urunKategori ul{padding: 0!important; margin: 0!important; list-style: none;}
#urunKategori ul li {
    width: 23.85%;
    float: left;
    display: block;
    margin-right: 1.5%;
    margin-bottom: 1.5%;
    padding: 0px;
    color: #fff;
    text-align: center;
    background-color: #fff;
    border: 1px solid #e6e6e6 ;
    border-radius: 0px;
    transition: all 0.3s ease-out 0s
}

#urunKategori ul li:nth-child(4n) {
    margin-right: 0px;
}

#urunKategori ul li:hover{background-color: #e0e0e0;transition: all 0.3s ease-out 0s }

#urunKategori ul li .urunAdi{ padding: 15px 0 20px 0;   transition: all 0.3s ease-out 0s}
#urunKategori ul li .urunAdi a{font-size: 14px; color: #444; font-weight: 600; text-decoration: none;  transition: all 0.3s ease-out 0s}

#urunKategori ul li .urunResim{background-color: #fff; border-radius: 0px; padding: 15px; transition: all 0.3s ease-out 0s; margin:10px; margin-bottom: 0!important}

#urunKategori ul li:hover .urunAdi a{color: #cf1a21;   transition: all 0.3s ease-out 0s}


#indexUrunKategori{position: relative;}
.item {

    margin-right: 2%;
    margin-bottom: 2%;
    padding: 2px;

    text-align: center;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0px;
    transition: all 0.3s ease-out 0s
}

.item:hover .urunAdi{background-color: #eee; transition: all 0.3s ease-out;}

#urunKategori ul li:hover{background-color: #f0f0f0; cursor: pointer; transition: all 0.3s ease-out 0s }

.urunAdi{ padding: 15px 0 15px 0; border-top:1px solid #e6e6e6; transition: all 0.3s ease-out 0s; text-align: center; padding-left: 0}
.urunAdi a{font-size: 14px; color: #231f20; font-weight: 600; text-align: center; text-decoration: none;  transition: all 0.3s ease-out 0s}
.toplamUrun{font-size: 13px; font-style: italic;  color: #231f20; padding-top: 4px;}

.item .urunResim{background-color: #fff; border-radius: 0px; padding: 20px; transition: all 0.3s ease-out 0s; margin:10px; margin-bottom: 0!important}

.owl-nav{position: absolute !important; right: 0; top: 0; margin-top: -65px !important;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    width: 36px;
    height: 36px;
    color: #7f7f7f !important;
    border: none;
    padding: 0!important;
    font: inherit;
    border:1px solid #dbdbdb !important;
    border-radius: 8px;
    margin: 0!important;
    overflow: hidden;
    transition: all 0.3s ease-out 0s;
}
.owl-carousel .owl-nav button.owl-prev{margin-right: 5px !important;}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span, .owl-carousel button.owl-dot span{
    font-size: 32px;
    margin-top: -8px !important;
    display: block;
}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel button.owl-dot {
    background: #cf1a21 !important;

    color: #fff !important;
    transition: all 0.3s ease-out 0s;

}

#galeri ul{padding: 0; margin: 0; list-style: none;}
#galeri ul li {
    width: 23.5%;
    float: left;
    display: block;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 6px;
    background-color: #efefef;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    transition: all 0.3s ease-out 0s
}
#galeri ul li:nth-child(4n){
    margin-right: 0px;
}
#galeri ul li:hover{background-color: #cf1a21; transition: all 0.3s ease-out 0s;}
#galeri ul li a img{ border-radius: 6px !important; overflow: hidden !important;}


.pdfKatalogBtn{float: right !important; margin-top: -65px; padding-left: 25px; padding-right: 25px}
.pdfKatalogBtn i{font-size: 16px!important ; margin-right: 5px;}

#katalog ul{padding: 0; margin: 0; list-style: none;}
#katalog ul li {
    width: 18.4%;
    float: left;
    display: block;
    margin-right: 2%;
    margin-bottom: 2%;
    padding: 6px;
    background-color: #efefef;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    transition: all 0.3s ease-out 0s
}
#katalog ul li:nth-child(5n){
    margin-right: 0px;
}
#katalog ul li:hover{background-color: #cf1a21; transition: all 0.3s ease-out 0s;}
#katalog ul li a img{ border-radius: 6px !important; overflow: hidden !important;}


.katalogMockupKapsayici{height: 300px; position: relative;}
.katalogMockupKapsayici img{position: absolute; top:0; bottom: 0; left: 0; right: 0; margin: auto;}


.hakkimizda{padding-right: 0px;}
.hakkimizda p{margin-bottom: 20px; font-size: 15px; color: #7f7f7f; text-align: justify;}

.hakkimizdaResim{padding-left: 60px;}
.hakkimizdaResim .resim1 img{ border-radius: 20px; position: relative; z-index: 1}
.hakkimizdaResim .resim2 img {padding: 7px; background-color: #fff; border-radius: 20px; width: 250px; bottom: 0; left: 0; margin-bottom: -90px; margin-left: 15px; z-index: 2; position: absolute;}
.hakkimizdaResim .btn{position: absolute; right: 0; bottom: 0; margin-bottom: -65px; margin-right: 45px}
.hakkimizdaResim .btn-default{border-color: #e6e6e6 !important; font-weight: 600 }
.hakkimizdaResim .btn-default{color: #7f7f7f; font-size: 13px;}

.altSayfaHeaderAlt{max-height: 100px; margin-bottom: 10px; height: 100px; border-bottom: 5px solid #ccc; background: url('../images/slide-1.jpg') center -205px no-repeat;
background-attachment: scroll !important;
background-size: cover !important;
opacity: 0.35;
}

#haberItem{border:1px solid #dbdbdb !important; padding: 0 !important;  transition: all 0.3s ease-out 0s;}
#haberItem .haberResim{width: 170px; overflow: hidden; display: block; float: left;}
#haberItem .haberResim img{height: 136px; }
#haberItem .haberKisaIcerik{width: 68%; display: block; float: left; padding: 15px 20px 15px 20px ;}
#haberItem .haberKisaIcerik h2{padding: 0; margin: 0; font-size: 16px; color: #444; margin-bottom: 4px !important}

#haberItem .haberKisaIcerik span{padding: 0; margin: 0; font-size: 13px; color: #7f7f7f; display: block; margin-bottom: 4px !important}
#haberItem .haberKisaIcerik p{padding: 0; margin: 0; font-size: 13px; color: #666; text-align: justify; margin-bottom: 6px !important}
#haberItem .haberKisaIcerik a{display: block; font-size: 14px; color: #cf1a21; text-decoration: none;}
#haberItem .haberKisaIcerik a:hover{ color: #cf1a21;  text-decoration: underline;}

#haberItem .haberKisaIcerik a i{font-size: 13px; margin-left: 3px;}

#iletisim ul{
    padding: 0;
    margin: 0;
    list-style: none;
}

#iletisim ul li{
    display: block;
    margin:15px 0;
    padding: 0 0 15px 0px;
    transition: all 0.3s ease-out 0s;
}
#iletisim ul li:first-child{margin-top: 0;}

#iletisim ul li .iconBG{
    background-color: #fff;
    border-radius: 50%;
    width: 11%;
    height: 40px;
    padding-left: 10px !important;
    max-width: 40px;
    display: block;
    float: left;
    margin-right: 15px;
    border:1px solid #e6e6e6;
    position: relative;

}

#iletisim ul li .iconBG i{
    position: absolute;
    left: 0; top:0; right: 0; bottom: 0;
    margin: auto;
    width: 100%;
    height: 16px;
    text-align: center;
    color: #7f7f7f;
    font-size: 16px;
}

#iletisim ul li .iletisimIcerik{
    display: block;
    float: left;
    width: 83%;

}

#iletisim ul li .iletisimIcerik b{font-size: 16px; color: #444; display: block; margin-bottom: 5px;}
#iletisim ul li .iletisimIcerik p{font-size: 15px; color: #7f7f7f; margin-bottom: 5px;     word-wrap: normal !important;}
#iletisim ul li .iletisimIcerik p b{font-size: 15px; color: #7f7f7f; margin-bottom: 5px; display: inline-block;     word-wrap: normal !important;}
#iletisim ul li .iletisimIcerik p a{text-decoration: none; font-size: 15px; color: #7f7f7f; margin-bottom: 5px;     word-wrap: normal !important;}


.iletisimFormu,#iletisim{padding-top: 12px;}
.iletisimFormu h4,#iletisim h4{padding: 0; margin:0; font-size: 24px; color: #cf1a21!important;}

.iletisimFormu span,#iletisim span{padding: 10px 0 15px 0; display: block; margin-bottom: 15px; color: #7f7f7f; border-bottom: 1px solid #e6e6e6; }
.iletisimFormu .form-control{padding: 20px 15px !important; border-color: #e6e6e6 !important}

#detayIcerik{padding: 0; background-color: #fff; padding: 20px 30px;     box-shadow: 0px 0px 3px rgba(0,0,0,0.10);
}

.detayicerikBaslik h2 {font-size: 24px; color: #231f20; text-align: center; display: block; margin-bottom: 30px; font-weight: 400;} 
.detayicerikBaslik h2 b{font-weight: 600;}
 ul.urunresim{padding: 0px 25px 15px 5px!important; margin: 0 !important; list-style: none;  border-right:  1px solid #f4f4f4;}

 ul.urunresim li {
    margin:  1%;
    padding: 0px ;
    float: left;
    display: block;
    text-align: center;
    border: 1px solid #e8e8e8;
    border-radius: 0 !important;
    width: 18%;
    height: 75px;
    overflow: hidden;

   
}
ul.urunresim li:first-child{width: 100%; margin-bottom: 15px; margin-left: 0; border-radius: 20px;}

ul.urunresim li:nth-child(1){
    width: 100%;
    margin: 0;
    float: none;
    height: 100%;
    border:none;
}




#detayIcerik ul.urunresim li .urunResim{width: 100%; transition: all 0.3s ease-out 0s; padding: 2%;}

.urunIcerik{padding-left: 50px; padding-top: 10px; padding-right: 0 !important;}
.urunIcerik table{width: 100%; margin: 0; padding:0; }
.urunIcerik table tr td{border-bottom: 1px solid #f4f4f4; padding:20px 0px; color: #444; font-size: 14px}
.urunIcerik table tr td p{padding-right: 30px; padding-top: 5px; clear: both; padding-bottom: 5px; display: block;}

.urunIcerik table tr:first-child{padding-top: 0}

ul#urunOlcu{padding:0; margin: 0; list-style: none;}

ul#urunOlcu li{display: block; font-size: 13px; width: 48%; text-align: center; padding: 8px 15px; border-radius: 10px; background-color: #f0f0f0; color: #444; font-weight: 500; float: left; margin-right: 8px; margin-bottom: 8px;}


ul{padding: 0 !important; margin: 0!important; list-style: none;}
tr.ozellik ul li{display: block; font-size: 13px; padding: 8px 15px; width:auto; margin-bottom:10px; border-radius: 10px; background-color: #f0f0f0; color: #444; font-weight: 500; float: left; margin-right: 8px;}
tr.ozellik p{font-size: 14px; padding: 8px 10px 8px 0; color: #666; font-style: italic; display: block !important; clear: both;}



.btn{transition: all 0.3s ease-out 0s;}
.btn:hover{transition: all 0.3s ease-out 0s;}


/*ölçekli css kodları*/

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { ... }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    

}

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

    ul.urunresim {
    padding: 0px 5px 15px 5px!important;
    margin: 0 !important;
    list-style: none;
    border-right: none;
}
.detayicerikBaslik  {
    font-size: 20px;
    padding: 0 15px !important
}
.detayicerikBaslik h2 {
    font-size: 20px;
    line-height: 30px;
    color: #231f20;
    text-align: center;
    display: block;
    margin-bottom: 30px;
    font-weight: 400;
}
ul#urunOlcu{padding:0; margin: 0; list-style: none;}

ul#urunOlcu li{display: block; font-size: 14px; width: 100%; text-align: center; padding: 8px 15px; border-radius: 10px; background-color: #f0f0f0; color: #444; font-weight: 500; float: left; margin-right: 8px; margin-bottom: 8px;}


ul{padding: 0 !important; margin: 0!important; list-style: none;}
tr.ozellik ul li{display: block; font-size: 14px; padding: 8px 20px; margin-bottom: 10px; border-radius: 10px; background-color: #f0f0f0; color: #444; font-weight: 500; float: left; margin-right: 8px;}
tr.ozellik p{font-size: 14px; padding: 8px 10px 8px 0; color: #666; font-style: italic; display: block !important; clear: both;}


 }

/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 767px) { 
    .mobilHide{display: none !important;}


    /*header*/
    .ustMenuBG{background: #424242; min-height: 40px;}
    .anaMenuBG{background: #cf1a21; min-height: 0px;}
    .logoBG{background: #fff; height:100px; position: relative; left: 0; top: 0; margin-left:  0;   }
    .logoBgLine{background: none; display: none; width: 56px; height: 114px;  position: absolute;right: -25px; top: 0}
    .logoKapsayici{position: relative; height: 100px; z-index: 1;}
    .logoKapsayici img{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
    .logoDivi{float: none !important; padding-left: 10px !important; padding-right: 30px !important}


    ul.headerSosyal{padding: 0 !important; margin: 0 !important; list-style: none !important; padding-left: 0px !important;}
    ul.headerSosyal li{display: inline-block; padding: 8px 10px 8px 10px; color: #ccc; font-size: 18px !important;}
    ul.headerSosyal li:nth-child(2n){padding-left: 0px !important; padding-right: 0 !important}

    ul.headerSosyal li a, ul.headerSosyal li a:focus{ color: #ccc; text-decoration: none; font-size: 18px !important; transition: all 0.3s ease-out 0s;}
    ul.headerSosyal li a:hover{color: #fff; transition: all 0.3s ease-out 0s; font-size: 16px;}

    ul.headerIletisim{padding: 0 !important; margin: 0 !important; list-style: none !important; padding-left: 0px !important; text-align: right;}
    ul.headerIletisim li{display: inline-block;  padding: 8px 4px 0 8px; color: #ccc; font-size: 14px;}
    ul.headerIletisim li:last-child{padding-right: 0 !important}

    ul.headerIletisim li a i, ul.headerIletisim li a i:focus{display: inline-block; margin-right: 2px; color: #ccc; text-decoration: none; font-size: 18px; transition: all 0.3s ease-out 0s;}
    ul.headerIletisim li a, ul.headerIletisim li a:focus{ color: #ccc; text-decoration: none; font-size: 14px; transition: all 0.3s ease-out 0s;}
    ul.headerIletisim li a:hover{color: #fff; transition: all 0.3s ease-out 0s;}

    /*NAVBAR*/
    .navbar-default .navbar-toggle {border-color: transparent ;}
    .navbar-toggle {
        position: absolute;
        float: right;
        padding: 9px 0px 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: -70px;
    }
    .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: #cf1a21 !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: #fff;
    max-height: 450px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
    margin:  10px 0;

}
.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: 3px;}

/*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: #cf1a21;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #cf1a21;
    border-color: #cf1a21;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    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);

}
.icerikYazi{margin-bottom: 0px;}
.icerikYazi p{padding-right: 0px !important}
.haberlerKapsayici{margin-top: 0px;}
.indexBiyografi {margin: 30px 0 0 !important; }
.ekatalogYazi h2{font-size: 26px;}
.biyografiItem .iconBG{margin-left: 0 !important}
#urunler{padding: 0;}
#urunler ul li {
    width: 100%;
    margin: 0px;
    padding: 0px;
    float: none;
    display: block;
    padding: 3%;
    padding-bottom: 5% !important;
    border-top: 0px;
    border-right: 0px;
    text-align: center;
    -webkit-box-shadow: 0px 7px 10px 0px rgba(40,40,40,0.2);
    -moz-box-shadow: 0px 7px 10px 0px rgba(40,40,40,0.2);
    box-shadow: 0px 8px 8px 0px rgba(40,40,40,0.2);

}
#urunler ul li:nth-child(1), #urunler ul li:nth-child(2), #urunler ul li:nth-child(3), #urunler ul li:nth-child(4) {
    border-top: 0px;
    padding-top: 15px;
    -webkit-box-shadow: 0px 7px 10px 0px rgba(40,40,40,0.5);
    -moz-box-shadow: 0px 7px 10px 0px rgba(40,40,40,0.5);
    box-shadow: 0px 8px 8px 0px rgba(40,40,40,0.3);

}
#urunler ul li:nth-child(2n) {
    border-right: 0px;
    -webkit-box-shadow: 0px 7px 10px 0px rgba(40,40,40,0.5);
    -moz-box-shadow: 0px 7px 10px 0px rgba(40,40,40,0.5);
    box-shadow: 0px 8px 8px 0px rgba(40,40,40,0.3);

}


#urunKategori ul{padding: 0!important; margin: 0!important; list-style: none;}
#urunKategori ul li {
    width: 47%;
    float: left;
    display: block;
    margin-right: 3%;
    margin-bottom: 4%;
    padding: 4px;

    text-align: center;
    background-color: #f4f4f4;
    border-radius: 12px;
    transition: all 0.3s ease-out 0s
}

#urunKategori ul li:nth-child(4n) {
    margin-right: 0px;
}

#urunKategori ul li:hover{background-color: #e0e0e0;transition: all 0.3s ease-out 0s }

#urunKategori ul li .urunAdi{ padding: 0 3px; margin: 8px 0; transition: all 0.3s ease-out 0s; height: 18px; line-height: 18px; overflow: hidden;}
#urunKategori ul li .urunAdi a{font-size: 13.5px;  color: #444; font-weight: 600; text-decoration: none;  transition: all 0.3s ease-out 0s}

#urunKategori ul li .urunResim{background-color: #fff; border-radius: 6px; padding: 8px; transition: all 0.3s ease-out 0s; margin:6px; margin-bottom: 0!important}

#urunKategori ul li:hover .urunAdi a{color: #000;   transition: all 0.3s ease-out 0s}

.altSayfaHeaderAlt{display: none;}


#galeri ul{padding: 0; margin: 0; list-style: none;}
#galeri ul li {
    width: 49%;
    float: left;
    display: block;
    margin-right: 2%;
    margin-bottom: 3%;
    padding: 6px;
    background-color: #efefef;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    transition: all 0.3s ease-out 0s
}
#galeri ul li:nth-child(2n){
    margin-right: 0px;
}
#galeri ul li:hover{background-color: #cf1a21; transition: all 0.3s ease-out 0s;}
#galeri ul li a img{ border-radius: 6px !important; overflow: hidden !important;}

.pdfKatalogBtn{float: none !important; width: 100%; margin-top: 0px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 20px; padding-left: 25px; padding-right: 25px}
.pdfKatalogBtn i{font-size: 16px!important ; margin-right: 5px;}

#katalog ul{padding: 0; margin: 0; list-style: none;}
#katalog ul li {
    width: 48%;
    float: left;
    display: block;
    margin-right: 3%;
    margin-bottom: 2%;
    padding: 6px;
    background-color: #efefef;
    border: 1px solid #e6e6e6;
    border-radius: 12px;
    transition: all 0.3s ease-out 0s
}
#katalog ul li:nth-child(2n){
    margin-right: 0px;
}
#katalog ul li:hover{background-color: #cf1a21; transition: all 0.3s ease-out 0s;}
#katalog ul li a img{ border-radius: 6px !important; overflow: hidden !important;}


#haberDetay .haberResim{width: 100%; display: block; float: left; border:1px solid #e6e6e6; padding: 10px; border-radius: 6px;}
#haberDetay .haberIcerik{width: 100%; float: left; padding-left: 0px; margin-top: 20px }
#haberDetay .haberIcerik h2{padding: 0; margin: 0; font-size: 18px; color: #444; margin-bottom: 10px; margin-top: 5px; padding-bottom: 10px; border-bottom: 1px solid #e6e6e6;}
#haberDetay .haberIcerik span{margin-bottom: 10px; display: block; color: #7f7f7f}
#haberDetay .haberIcerik p{padding: 0; margin: 0; font-size: 14px; text-align: justify; margin-bottom: 10px; line-height: 22px;}



#haberItem{border:1px solid #dbdbdb !important; padding: 0 !important; transition: all 0.3s ease-out 0s;}
#haberItem .haberResim{width: 100%; overflow: hidden; display: block; float: left; }
#haberItem .haberResim img{ width: 100%; height: auto; padding: 0 10px !important;}
#haberItem .haberKisaIcerik{width: 100%; display: block; float: left; padding: 15px 20px 15px 20px ;}
#haberItem .haberKisaIcerik h2{padding: 0; margin: 0; font-size: 16px; color: #444; margin-bottom: 4px !important}

#haberItem .haberKisaIcerik span{padding: 0; margin: 0; font-size: 13px; color: #7f7f7f; display: block; margin-bottom: 4px !important}
#haberItem .haberKisaIcerik p{padding: 0; margin: 0; font-size: 13px; color: #666; text-align: justify; margin-bottom: 10px !important}
#haberItem .haberKisaIcerik a{display: block; font-size: 14px; color: #cf1a21; text-decoration: none;}
#haberItem .haberKisaIcerik a:hover{ color: #cf1a21;  text-decoration: underline;}

#haberItem .haberKisaIcerik a i{font-size: 13px; margin-left: 3px;}

.hakkimizda{padding-right: 15px;}
.hakkimizda p{margin-bottom: 15px; font-size: 14px; color: #7f7f7f; text-align: justify;}

.hakkimizdaResim{padding-left: 15px;}
.hakkimizdaResim .resim1 img{ border-radius: 6px; position: relative; z-index: 1}
.hakkimizdaResim .resim2 img {padding: 7px; display: none; background-color: #fff; border-radius: 20px; width: 50%; bottom: 0; left: 0; margin-bottom: -90px; margin-left: 15px; z-index: 2; position: relative;}
.hakkimizdaResim .btn{position: relative; width:100%; margin-top: 15px;
    ; right: 0; bottom: 0; margin-bottom: 0px; margin-right: 0px}
    .hakkimizdaResim .btn-default{border-color: #e6e6e6 !important; font-weight: 600 }
    .hakkimizdaResim .btn-default{color: #7f7f7f; font-size: 13px;}
    .urunIcerik{padding-left: 0px; padding-right: 0px !important; margin-top: 20px; margin-bottom: 20px}
    .urunIcerik .btn{margin-bottom: 10px; margin-right: 3px;}


    /*footer*/
    footer{position: relative; margin-top: 0px;}
    .footerUstBarBG{background-color: #cf1a21; padding:  0; min-height: 60px; position: relative;}
    .footerAdresBarBG{position: relative !important; top: 0; right: 0; padding: 10px 0;   margin-top: 0px; z-index: 12; height: 88px; background-color: #424242;}
    .footerAdresBgLine{background:none; width: 23px; height: 80px;  position: absolute; left: -23px; top: 0}
    .footerBG{background-color: #f2f2f2; min-height: 100px; padding-top: 25px; padding-bottom: 10px;}

    ul.footerSosyal{padding: 6px 0 !important; margin: 0 !important; list-style: none !important; text-align: center; }
    ul.footerSosyal li{display: inline-block; padding: 8px 6px 0 6px; color: #f4f4f4; font-size: 14px;}
    ul.footerSosyal li a, ul.headerSosyal li a:focus{ color: #f4f4f4; text-decoration: none; font-size: 18px; transition: all 0.3s ease-out 0s;}
    ul.footerSosyal li a:hover{color: #fff; transition: all 0.3s ease-out 0s;}

    ul.footerAdres{padding: 0 !important; margin: 0 !important; list-style: none !important; text-align: center !important;}
    ul.footerAdres li{display: inline-block;  padding: 8px 5px 0 8px; color: #ccc; font-size: 14px;}
    ul.footerAdres li a i, ul.footerAdres li a i:focus{display: inline-block; margin-right: 2px; color: #ccc; text-decoration: none; font-size: 14px; transition: all 0.3s ease-out 0s;}
    ul.footerAdres li a, ul.footerAdres li a:focus{ color: #ccc; text-decoration: none; font-size: 14px; transition: all 0.3s ease-out 0s;}
    ul.footerAdres li a:hover{color: #fff; transition: all 0.3s ease-out 0s;}

    .footerLogoKapsayici img{width: 82%; margin: 0 auto}
    .footerLogoKapsayici p{font-size: 13px; color: #7f7f7f; padding: 0 !important; margin-top: 10px; text-align: center;}

    ul.footerKategoriList{padding: 0 !important; display: none; margin: 0 !important; list-style: none; text-align: center; }
    ul.footerKategoriList li{display: inline-block; padding: 0px 8px 2px 0px; word-wrap: normal;}
    ul.footerKategoriList li i{color: #acacac !important; font-size: 13px;}
    ul.footerKategoriList li a{font-size: 15px; color: #999;  transition: all 0.3s ease-out 0s; text-decoration: none; }
    ul.footerKategoriList li a:hover{color: #cf1a21;  transition: all 0.3s ease-out 0s; }

}