body{font-family: 'Titillium Web', sans-serif;}
header{position: relative;}

@import url('');

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


.ustMenuBG{background: #424242; min-height: 40px;}
.anaMenuBG{background: #1372b4; min-height: 60px;}
.logoBG{background: #fff; height:114px; position: absolute; left: 50%; top: 0; margin-left:  -1455px; z-index: 21;   }
.logoBgLine{background: url("../images/logoBG-rightLine.png") no-repeat right top; width: 56px; height: 114px; z-index: 21;  position: absolute;right: -25px; top: 0}
.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: #1372b4; 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: #424242;}
.footerAdresBgLine{background: url("../images/footerAdresBarLine.png") no-repeat right top; width: 23px; height: 88px;  position: absolute; left: -23px; top: 0}
.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: #1372b4;  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: #1372b4 ; border-color: #1372b4;}
.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;}
.indexHakkimizda h2{font-size: 18px; font-weight: 600; color: #1372b4; 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: #1372b4; 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: none:}
.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: 180px; padding: 0!important; padding-bottom: 15px !important; }
.haberBaslikKapsayici{background-color: #1372b4; height: 60px; border-bottom: 10px solid #1372b4 }
.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; float: right; font-size: 14px; 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; border-bottom: 1px solid #dbdbdb;transition: all 0.3s ease-out 0s}
.haberItem:last-child{border-bottom: none;}
.haberItem:hover{background-color: #ddd; transition: all 0.3s ease-out 0s; cursor: pointer;}
.haberItemResim{width: 32%; 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 h4{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: #1372b4; 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 .haberIcerik{width: 60%; float: left; padding-left: 30px; }
#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; margin-bottom: 10px; line-height: 22px;}


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


.ekatalogKapsayiciBG{background-color: #f4f4f4; padding: 20px 0px !important; margin: 15px 0!important; min-height: 270px;}
.ekatalogYazi{padding-top: 70px;}
.ekatalogYazi h2{font-size: 30px; color: #444; margin: 0!important; padding:0!important; font-weight: 700;}
.ekatalogYazi h4{font-size: 30px; color: #1372b4; margin: 0!important; padding:5px 0!important; font-weight: 400;}
.ekatalogYazi a{margin: 5px;}

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

.icerikBaslik h2{margin: 0!important; padding:15px 15px!important; color: #444; text-align: left; font-size: 16px;}
.icerikBaslik h2 i{font-size: 16px; color: #1372b4; 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: #1372b4;
}



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


#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: 0px;
}
#urunler ul li:nth-child(4n) {
    border-right: 0px;
}

#urunler ul li .urunAdi{height: 50px; padding-top: 10px;  transition: all 0.3s ease-out 0s}
#urunler ul li .urunAdi a{font-size: 15px; color: #444; 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 .urunAdi a{color: #000;   transition: all 0.3s ease-out 0s}
#urunler ul li:hover .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.5%;
    float: left;
    display: block;
    margin-right: 2%;
    margin-bottom: 2%;
    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: 15px 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: 6px; padding: 15px; transition: all 0.3s ease-out 0s; margin:10px; margin-bottom: 0!important}

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


#indexUrunKategori{position: relative;}
.item {

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

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

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

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

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

.item .urunResim{background-color: #fff; border-radius: 6px; padding: 10px; 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: #ed4137 !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: #1372b4; transition: all 0.3s ease-out 0s;}
#galeri ul li a img{ border-radius: 6px !important; overflow: hidden !important; max-height: 200px; margin: auto;}


.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: #1372b4; transition: all 0.3s ease-out 0s;}
#katalog ul li a img{ border-radius: 6px !important; overflow: hidden !important;}





.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: #1372b4; text-decoration: none;}
#haberItem .haberKisaIcerik a:hover{ color: #1372b4;  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: #1372b4!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 ul{padding: 0!important; margin: 0!important; list-style: none;}
#detayIcerik ul.urunresim li {
    margin: 0px 1%;
    padding: 0px ;
    float: left;
    display: block;
    text-align: center;
    border:1px solid #e6e6e6;
    border-radius: 10px;
    width: 18%;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}
#detayIcerik ul.urunresim li:first-child{width: 100%; margin-bottom: 15px; margin-left: 0; border-radius: 20px; overflow:hidden;}

#detayIcerik ul li:nth-child(1), #detayIcerik ul li:nth-child(2), #detayIcerik ul li:nth-child(3), #detayIcerik ul li:nth-child(4) {

}


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

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

.urunIcerik{padding-left: 50px; padding-right: 0 !important;}
.urunIcerik table{width: 100%; margin: 0; padding:0;}
.urunIcerik table tr td{border-bottom: 1px dotted #bbb; padding:15px 0px; color: #444; font-size: 14px}
.urunIcerik table tr td p{padding-right: 30px; padding-top: 5px; padding-bottom: 5px;}


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

    margin: 0px;
    padding: 4px 0px;
    float: none;
    display: block;
    text-align: left;
    border:none;
    border-radius: 0px;
    box-shadow: none;
}

.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 (min-width: 768px) { ... }

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


    /*header*/
    .ustMenuBG{background: #424242; min-height: 40px;}
    .anaMenuBG{background: #1372b4; 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: #1372b4 !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: #1372b4;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #1372b4;
    border-color: #1372b4;
}
.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(4n) {
    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: #1372b4; 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: #1372b4; 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: #1372b4; text-decoration: none;}
#haberItem .haberKisaIcerik a:hover{ color: #1372b4;  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: #1372b4; 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: #1372b4;  transition: all 0.3s ease-out 0s; }

}