body{font-family: 'Titillium Web', sans-serif !important;}


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

.header-bg{border-top: 10px solid #046ca3}
#logo-bar{
	position: absolute;
	margin-left: -155px; 
	left: 50%; 
	top: 0;
	width: 315px; 
	height: 134px; 
	background-color: #fff; 
	padding-top: 10px; 

	z-index: 25;
	overflow: hidden;
	-webkit-border-bottom-right-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-bottom-right: 30px;
	-moz-border-radius-bottom-left: 30px;
	border-bottom-right-radius: 30px;
	border-bottom-left-radius: 30px;
	


}
#logo-bar img{display: block; margin: 0 auto;}

ul#logo-bar-sosyal{padding:12px 20px 10px 28px; margin: 0; list-style: none; }
ul#logo-bar-sosyal li{float: left; display: block; font-size: 16px; font-weight: 600; color: #0a264e; line-height: 30px; }
ul#logo-bar-sosyal li span{background-color: #fff; border:1px solid #d8d8d8; border-radius: 50%; overflow: hidden; width: 30px; height: 30px; display: block; margin-left: 5px;}
ul#logo-bar-sosyal li:last-child span{margin-left: 10px; float: left; margin-right: 7px;}
ul#logo-bar-sosyal li span i{font-size: 15px;display: block; line-height: 28px; width: 28px; text-align: center; font-weight: 300;} 
ul#logo-bar-sosyal li a{color: #0a264e; text-decoration: none;}
ul#logo-bar-sosyal li a:hover{color: #046ca3;}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px !important;
    border: 1px solid transparent;
}

.navbar-default {
    background-color: #fff !important;
    border-color: #fff !important;
}

.navbar-default .navbar-nav > li > a {
    color: #0a264e !important;
    font-size: 15px;
}

.navbar-default .navbar-nav > li > a:hover {
   color: #046ca3 !important; 
   background-color: transparent;
}
.navbar-default .navbar-nav > li > a:focus{color: #0a264e !important;} 
.navbar-nav > li > a {
    padding-top: 31px !important;
    padding-bottom: 31px !important;
    line-height: 42px !important;
}

.dropdown-menu > li > a {
    display: block;
    padding: 15px 20px !important;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #0a264e !important;

    white-space: nowrap;
}


.dropdown-menu > li > a:hover {
    display: block;
    padding: 15px 20px !important;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #fff !important;
    background-color: #046ca3 !important;
    white-space: nowrap;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 10px 0 !important;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: rgba(255, 255, 255, 0.95) !important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 12px !important;
    border-top-left-radius: 0px !important;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .175) !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .175) !important;
}

.alt-sayfa-baslik-kapsayici{ background-image: url("../images/slide-2.jpg"); background-position:  center; min-height: 100px; padding-top:30px; padding-bottom: 30px; padding-left: 25px; }
.alt-sayfa-baslik-kapsayici h4{display: block; text-align: left; color: 444; font-weight: 600; font-size: 24px; text-shadow: 1px 1px 3px rgba(150, 150, 150, 0.7); }
.alt-sayfa-baslik-kapsayici p{display: block; text-align: left; color: 444; font-weight: 400; font-size: 16px; text-shadow: 1px 1px 3px rgba(150, 150, 150, 0.7);}

.alt-sayfa-icerik-kapsayici h4 {font-size: 1.5em; color: #046ca3; border-bottom: 2px solid #e8e8e8; display: block; padding: 15px 20px; margin-bottom: 15px;}
.alt-sayfa-icerik-kapsayici h6{font-size: 1.4em;  margin: 0 0 20px; font-weight: 600; color: #046ca3; padding-bottom: 10px; border-bottom: 2px solid #e8e8e8; padding-left: 20px;}
.alt-sayfa-icerik-kapsayici p{font-size: 16px;     margin: 0 0 20px; color: #777; line-height: 24px; padding-left: 15px; padding-right: 15px; }

.alt-sayfa-icerik-kapsayici .sidebar{margin-top: 10px;}
.alt-sayfa-icerik-kapsayici .sidebar ul{list-style: none; padding: 0; margin: 0; border: 1px solid #dfdfdf;}
.alt-sayfa-icerik-kapsayici .sidebar ul li a{display: block; padding: 15px 15px; color: #555; border-bottom: 1px dotted #dfdfdf; }
.alt-sayfa-icerik-kapsayici .sidebar ul li a:hover,.alt-sayfa-icerik-kapsayici .sidebar ul li a.active{text-decoration: none; background-color: #0a264e; color: #fff; }

ul.referanslar{padding: 0px; margin: 0px; list-style: none;}
ul.referanslar li{margin-bottom: 20px; }
ul.referanslar li:hover{text-decoration: none !important; }

#referansItem {padding: 15px 10px; border:1px solid #e8e8e8; }

#referansItem img{ display: block; width: auto; margin: 0 auto; border-bottom: 1px solid #d7d7d7; padding-bottom: 10px;}
#referansItem a h5{font-size: 14px; font-weight: 600; color: #777; display: block; text-align: center; }
#referansItem span{font-size: 14px; font-weight: 400; color: #999; display: block; font-style: oblique; text-align: center;}

#referansItem a:hover,#referansItem a:focus{text-decoration: none !important;}
#referansItem a:hover h5{transition:all 500ms; text-decoration: none !important; color: #046ca3; }
#referansItem a:hover img{-webkit-filter: grayscale(100%); cursor: pointer; filter: grayscale(100%);}


.form-group label{color: #777 !important; font-size: 15px!important; font-weight: 600; display: block;}

.panel{margin-bottom: 10px !important;}
h4.panel-title{font-size: 16px; margin: 0px !important; padding: 0 !important; border: none !important;}
h4.panel-title a{display: block; color: #777; padding: 10px 5px !important;}
h4.panel-title a:hover, h4.panel-title a:focus{display: block; color: #046ca3; text-decoration: none; padding: 10px 5px !important;}

h4.panel-title a i{font-size: 20px; color: #046ca3; margin-right: 10px;}

.haber-detay img{padding: 10px; border: 1px solid #d7d7d7;}
.list-group h3{margin: 0 !important; color: #046ca3;  padding: 15px 20px !important; font-size: 16px;  border: 1px solid #d7d7d7; display: block;}

.list-group-item{margin-bottom: 0px !important; padding:10px !important; min-height: 75px; border-top: none !important;}
.list-group-item h4{margin: 0px;  border: none; font-size: 14px; color: #046ca3; padding: 5px 10px;}

.list-group-item img{display: block; margin: 0 auto; padding: 2px; border: 1px solid #d7d7d7; background-color: white;}
.list-group-item  p{font-size: 13px !important;  padding-top: 2px !important}

ul.iletisim{padding: 0; margin: 0; list-style: none;}
ul.iletisim li{display: block; height: 40px; font-size: 15px; margin-top: 5px;}
ul.iletisim li span{background-color: #046ca3; width: 30px; height: 30px; margin-right: 5px; border-radius: 50%; display: inline-block;}
ul.iletisim li span i{display: block;  color: #fff; font-size: 14px; text-align: center; margin-top: 9px;}


.kategori-box-bg{ margin-bottom: 15px!important; border: 1px solid #d7d7d7; }
.kategori-box-bg img{ max-height: 250px;  padding: 25px !important;}
.kategori-box-bg h2{overflow: hidden; display: block;  max-height: 60px; font-size: 16px; background-color: #046ca3; margin: 0 !important; padding:10px 15px; color: #fff;  line-height: 35px;}
.kategori-box-bg h2 i{display: inline-block; color: #fff; font-size: 16px; height: 40px; margin-right: 5px; line-height: 35px;}
.kategori-box-bg a:hover {text-decoration: none;; }
.kategori-box-bg a:hover h2{font-size: 16px; background-color: #f78f1e;  transition: all 500ms}
.kategori-box-bg a:hover img{-webkit-filter: grayscale(100%);  transition: all 500ms}


.kategoriresimkapsayici{width: 100%; height: 250px; position: relative;}
.kategoriresimkapsayici img{position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;}
.urun-box-bg{ margin-bottom: 30px!important; }


.urun-box-bg .kod{ height: 30px; margin-top: 10px; font-size: 15px; color: #777; font-weight: 600;  }
.urun-box-bg .ozet{margin-bottom: 10px; height: 40px; font-size: 14px; color: #777; font-weight: 400;  }




.urun-box-cerceve{border: 1px solid #d7d7d7;}
.urun-box-bg img{ height: 160px;   }
.urun-box-bg h2{overflow: hidden; display: block;  max-height: 50px; font-size: 15px; background-color: #046ca3; margin: 0 !important; padding:5px 15px; color: #fff;  line-height: 40px;}
.urun-box-bg h2 i{display: inline-block; color: #fff; font-size: 16px; height: 40px; margin-right: 5px; line-height: 35px;}
.urun-box-bg a:hover {text-decoration: none; }
.urun-box-bg:hover h2{ background-color: #f78f1e;  transition: all 500ms}
.urun-box-bg:hover img{-webkit-filter: grayscale(100%);  transition: all 500ms}


.product-bg-line {
    background-color: #e6e6e6;
    height: 15px;
    width: 93%;
    position: relative;
}
.product-bg-line .fa {
    float: right;
    font-weight: bold;
    font-size: 22px;
    position: absolute;
    right: -25px;
    top: -5px;
    color: #e6e6e6;
}

.urun-box-bg:hover .product-bg-line  {
    background-color: #f78f1e; transition: all 500ms;

}
.urun-box-bg:hover .product-bg-line .fa{ color: #f78f1e; transition: all 500ms}



.urun-detay-box-cerceve{border: 1px solid #d7d7d7; position: relative; border-radius: 6px; overflow: hidden;}
.urun-detay-box-bg img{max-height: 400px;}

.urun-detay-box-cerceve i{display: block; position: absolute; right: 20px; bottom: 20px; color: #777; font-size: 24px;}

.urun-detay-box-bg .ozet p{font-size: 18px; color: #777; margin: 25px 0; padding:0 20px;  }

.urun-detay-box-bg .ozellikler{padding: 15px; border: 1px solid #d7d7d7; margin-top: -1px;}
.urun-detay-box-bg .ozellikler p{font-size: 14px; line-height: 24px;}
.urun-detay-box-bg .ozellikler ul li{font-size: 14px; line-height: 30px !important; color: #777 !important; }

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 15px 30px !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #f78f1e !important;
    cursor: default;
    font-weight: 600;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}


ul.kategori-sidebar{padding: 5px 5px 20px 5px; margin: 20px 0; list-style: none; border: 1px solid #d7d7d7;}
ul.kategori-sidebar li.baslik{ line-height: 40px; padding: 5px 15px; margin-bottom: 10px; border-bottom: 1px solid #e6e6e6; font-size: 15px; font-weight: 600; color: ##0a264e;}
ul.kategori-sidebar li.baslik i{display: inline-block; margin-right: 5px; margin-left: 5px; font-size: 13px;}
ul.kategori-sidebar li{ line-height: 40px; padding: 1px 15px;}

ul.kategori-sidebar li.altkat{ line-height: 40px; padding: 1px 15px; margin-left: 20px;}


ul.kategori-sidebar li a{display: block; font-size: 14px; color: #777;  padding: 1px 15px;}
ul.kategori-sidebar li a:hover{text-decoration: none; color: #f78f1e; line-height: 40px; }
ul.kategori-sidebar li a.active{background-color: #046ca3; color: #fff;}









.slider-alt-bar-kapsayici{padding-top: 10px !important;padding-bottom:10px !important; background-color: #f3f3f3; min-height: 65px; }
.slider-alt-bar-kapsayici p{font-size: 16px; line-height: 60px; color: #7f848c; padding-left: 15px; display: block; float: left;}
.slider-alt-bar-kapsayici button{display: block !important; font-size: 16px !important; float: right; margin-top: 12px; margin-right: 15px;}

.home-hizmetler-buton-kapsayici{padding-top: 20px; padding-bottom: 20px;}
a.hizmet-button{height: 90px; display: block; padding:0 15px ;  border: 1px solid #e7e7e7; border-radius: 12px; overflow: hidden; background-color: #f3f3f3;}
a.hizmet-button img{display: block; float: left; width: 60px; padding-top: 17px; padding-right: 8px; margin-right: 7px;}
a.hizmet-button h1{ font-size: 14px; font-weight: 600; padding-top:20px !important; margin: 0px !important; color: #7f848c; line-height: 22px; display: block; padding-top: 5px;}
a.hizmet-button span{ font-size: 14px; color: #7f848c;  display: block;}

a.hizmet-button:hover, a.hizmet-button:focus{background-color: #eee; text-decoration: none;}
a.hizmet-button:hover h1,a.hizmet-button:hover span{color: #046ca3}

.son-urunler-kapsayici{padding-top: 25px; padding-bottom: 15px; background-color: #046ca3; min-height: 200px;}
.son-urunler-kapsayici h2{text-align: center; display: block; font-size: 18px; line-height: 24px; margin:0 0 25px 0 !important; color: #fff; }

.son-urun-bg{background-color: #f3f3f3; min-height: 170px; overflow: hidden; margin: 0 15px; padding: 25px 15px; border-radius: 12px; display: block; }
.son-urun-bg a .son-urun-img-bg{position: relative; display: block; float: left; width: 120px; height: 120px; margin-right: 15px; background-color: white;}

.son-urun-bg a img{position: absolute;  top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.son-urun-bg a h1{font-size: 14px; font-weight: 600; color: #217cad; margin: 0 !important; padding-bottom: 5px;}
.son-urun-bg a p{font-size: 13px; color: #444;}
a .btn-gri{background-color: #7f848c; color: #fff; font-size: 13px; border-radius: 8px; margin-top: 2px;}
a .btn-gri:hover{background-color: #217cad; color: #fff; font-size: 13px; border-radius: 8px; margin-top: 2px;}

.son-urun-bg a:hover{text-decoration: none;}

.cozum-ortaklari {border-bottom: 1px solid #dfdfdf; padding-bottom: 10px;}
.cozum-ortaklari h3{text-align: center; display: block; color: #0d2850;}
.cozum-ortagi-bg{border: 1px solid #f0f0f0; margin: 0 15px;}
.cozum-ortagi-bg img{display: block; margin: 0 auto; padding: 30px 10px; }


.cozum-ortagi-bg a img{  -webkit-filter: grayscale(100%); filter: grayscale(100%);}

.cozum-ortagi-bg:hover, .cozum-ortagi-bg a:hover img{border-color: #d0d0d0; -webkit-filter: grayscale(0%); filter: grayscale(0%);transition:all 500ms;}

.guvenlik {border-bottom: 1px solid #dfdfdf; padding-bottom: 10px;}
.guvenlik h3{text-align: center; display: block; color: #0d2850;}
.guvenlik p{text-align: center; display: block; color: #046ca3; font-size: 18px !important;}
.guvenlik p span{font-weight: 600; font-size: 22px !important;}

.guvenlik-urun-bg{background-color: #f3f3f3; min-height: 170px; overflow: hidden; margin: 0 15px; padding: 25px 15px; border-radius: 12px; display: block; }

.guvenlik-urun-bg a .guvenlik-urun-img-bg{position: relative; float: left; width: 120px; height: 120px; margin-right: 15px; background-color: #fff; }

.guvenlik-urun-bg a img{position: absolute;  top: 0; bottom: 0; left: 0; right: 0; margin: auto;   }
.guvenlik-urun-bg a h1{font-size: 14px !important; font-weight: 600 !important; color: #217cad !important; margin: 0 !important; padding-bottom: 5px !important;}
.guvenlik-urun-bg a p{font-size: 13px !important; color: #444; text-align: left;}

.guvenlik-urun-bg a:hover{text-decoration: none;}

.referanslar { padding-bottom: 10px;}
.referanslar h3{text-align: center; display: block; color: #0d2850;}
.referans-bg{border: 1px solid #f0f0f0; margin: 0 15px;}

.referans-bg a img{  -webkit-filter: grayscale(100%); filter: grayscale(100%);}

.referans-bg:hover, .referans-bg a:hover img{border-color: #d0d0d0; -webkit-filter: grayscale(0%); filter: grayscale(0%);transition:all 500ms;}
.referans-bg img{display: block; margin: 0 auto; padding: 30px 10px; }

.haber-kapsayici{background-image: url("../images/haber-kapsayici-bg.png"); background-position: top center; background-repeat: no-repeat; background-color: #f0f0ed;  min-height: 300px;}

.haber-bg h4{font-size: 25px; color: #0a264e; display: block; margin-top: 45px; padding-bottom: 15px; border-bottom: 1px solid #dad9d8;}


.bizden-haberler-bg{min-height: 120px;  overflow: hidden; display: block; }
.bizden-haberler-bg a img{display: block; float: left;/* width: 150px;*/ height: 120px; margin-right: 15px; background-color: #f7f7f7; border-radius: 6px; overflow: hidden; padding: 6px; border:1px solid #dad9d8; }
.bizden-haberler-bg a h1{font-size: 16px !important; font-weight: 600 !important; color: #217cad !important; margin: 10px 0 0 0 !important; padding-bottom: 5px !important;}
.bizden-haberler-bg a p{font-size: 14px !important; color: #444 !important; text-align: left; width: 85%;}

.bizden-haberler-bg a:hover{text-decoration: none;}


.hizmet-slide-bg{min-height: 120px; display: block; }

.hizmet-slide-bg a .makale-resim-kapsayici    {width: 100%; max-width:300px; margin: 0 auto; display: block; padding:8px; background-color: #fff; position: relative;}
.hizmet-slide-bg a .makale-resim-kapsayici img{display: block; float: none; }


.hizmet-slide-bg a .makale-icerik-kapsayici h1{font-size: 16px !important; font-weight: 600 !important; text-align: center; color: #217cad !important; margin:10px !important; padding-bottom: 5px !important;}
.hizmet-slide-bg a .makale-icerik-kapsayici p{font-size: 14px !important; color: #444 !important; text-align: center; width: 80%; display: block; margin: 0 auto}

.hizmet-slide-bg a:hover{text-decoration: none;}

.footer-bg{background-color: #0b2140; min-height: 190px; border-top:  10px solid #071830;}
.footer-kapsayici{background-color: #071830; min-height: 190px; padding-top: 35px; padding-bottom: 25px; font-size: 14px; color: #697381; margin-top: -10px;}
.footer-kapsayici h4{font-size: 16px; color: rgba(255,255,255, 0.5); font-weight: 600; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.12)}

.footer-logo-bg a img{margin: 0 auto; display: block; padding-top: 13px;}
.footer-logo-bg p{font-size: 14px; color: #697381; display: block; text-align: center; padding: 20px 0}

.e-bulten-bg input{padding: 10px 15px !important; margin: 0; background-color: rgba(255,255,255, 0.15); border: none; color: rgba(255,255,255, 0.8) !important;}
.e-bulten-bg input::placeholder{color:rgba(255,255,255, 0.4)  }
.e-bulten-bg .btn-kayitol{ border: none; border-radius: 0px; background-color: #09588b; padding: 10px 12px; margin-left: -3px; margin-top: -2px; font-size: 13px; color: rgba(255,255,255,0.5);}

.footer-iletisim-bg ul{padding:5px 0px 10px 0px; margin: 0; list-style: none; }
.footer-iletisim-bg ul li{float: none; display: block; font-size: 14px; font-weight: 400; color: #929fb1; line-height: 30px; margin-bottom: 10px; }
.footer-iletisim-bg ul li span{background-color: rgba(255,255,255,0.4); border:1px solid #657386; border-radius: 50%; overflow: hidden; width: 30px; height: 30px; display: block; float: left; margin-right: 10px; margin-left: 5px;}
.footer-iletisim-bg ul li span i{font-size: 15px;display: block; line-height: 28px; width: 28px; text-align: center;  color: #0a264e;} 
.footer-iletisim-bg ul li a{color: #929fb1; font-weight: 400; text-decoration: none; font-size: 14px;}
.footer-iletisim-bg ul li a:hover{color: #fff;}


.footer-sosyal-bg ul{padding:5px 0px 10px 0px; margin: 0; list-style: none; }
.footer-sosyal-bg ul li{float: none; display: block; font-size: 16px; font-weight: 600; color: #0a264e; line-height: 30px; margin-bottom: 10px; }
.footer-sosyal-bg ul li span{background-color: rgba(255,255,255,0.4); border:1px solid #657386; border-radius: 50%; overflow: hidden; width: 30px; height: 30px; display: block; float: left; margin-right: 10px; margin-left: 5px;}
.footer-sosyal-bg ul li span i{font-size: 15px;display: block; line-height: 28px; width: 28px; text-align: center;  color: #0a264e;} 
.footer-sosyal-bg ul li a{color: #929fb1; font-weight: 400; text-decoration: none; font-size: 14px;}
.footer-sosyal-bg ul li a:hover{color: #fff;}

@media only screen and (max-width : 768px){
    .hide{display: none;}

    #logo-bar{
        position: relative;
        margin-left: 0px; 
        left: 0; 
        top: 0;
        width: 100%; 
        min-height: 155px; 
        background-color: #fff; 
        padding-top: 10px; 

        z-index: 25;
        overflow: hidden;
        -webkit-border-bottom-right-radius: 30px;
        -webkit-border-bottom-left-radius: 30px;
        -moz-border-radius-bottom-right: 30px;
        -moz-border-radius-bottom-left: 30px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;

    }

    .telmobil{font-size: 13.5px !important;}
    #logo-bar img{display: block; margin: 0 auto;}

    ul#logo-bar-sosyal{padding:12px 20px 20px 0px; margin: 15px 0; list-style: none; }
    ul#logo-bar-sosyal li{float: left; display: block; font-size: 16px; font-weight: 600; color: #0a264e; line-height: 30px; }
    ul#logo-bar-sosyal li span{background-color: #fff; border:1px solid #d8d8d8; border-radius: 50%; overflow: hidden; width: 30px; height: 30px; display: block; margin-left: 10px;}
    ul#logo-bar-sosyal li:last-child span{margin-left: 10px; float: left; margin-right: 12px;}
    ul#logo-bar-sosyal li span i{font-size: 15px;display: block; line-height: 28px; width: 28px; text-align: center;} 
    ul#logo-bar-sosyal li a{color: #0a264e; text-decoration: none;}
    ul#logo-bar-sosyal li a:hover{color: #046ca3;}

    .navbar {
        position: relative;
        min-height: 50px;
        margin-bottom: 0px !important;
        border: 1px solid transparent;
    }

    .navbar-default {
        background-color: #fff !important;
        border-color: #fff !important;
    }

    .navbar-default .navbar-nav > li > a {
        color: #0a264e !important;
        font-size: 15px;
    }

    .navbar-default .navbar-nav > li > a:hover {
       color: #046ca3 !important; 
       background-color: transparent;
   }
   .navbar-default .navbar-nav > li > a:focus{color: #0a264e !important;} 
   .navbar-nav > li > a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    line-height: 35px !important;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
}

.dropdown-menu > li > a {
    display: block;
    padding: 15px 20px !important;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #0a264e !important;
    white-space: nowrap;
    text-align: center;
}

.navbar-toggle {
    z-index: 26;
    position: absolute !important;
    float: right;
    padding:  10px !important;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    right: 0 !important;
    top: 95px !important;
}

.dropdown-menu {
    margin-left: 0 !important;
    position: relative;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: rgba(255, 255, 255, 0.85) !important;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 12px !important;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .175) !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, .175) !important;
}

.slider-alt-bar-kapsayici{padding: 15px 0 !important; }

.slider-alt-bar-kapsayici p {
    font-size: 16px;
    line-height: 38px;
    color: #7f848c;
    text-align: center;
    padding-left: 0px;
    display: block;
    float: left;
}

.slider-alt-bar-kapsayici button {
    display: block !important;
    font-size: 16px !important;
    float: none; 
    /* margin-top: 12px; */
    /* margin-right: 15px; */
    margin: 0 auto;
    padding: 10px 16px !important;
}

a.hizmet-button {
    height: 125px;
    display: block;
    padding: 0 15px;
    border: 1px solid #e7e7e7;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 20px;
    background-color: #f3f3f3;
}

a.hizmet-button img {
    display: block;
    float: none !important;
    width: 55px;
    padding-top: 10px;
    padding-right: 9px;
    margin: 0 auto;
}

a.hizmet-button h1 {
    font-size: 14px;
    font-weight: 600;
    padding-top: 15px !important;
    margin: 0px !important;
    color: #7f848c;
    line-height: 22px;
    display: block;
    padding-top: 5px;
    text-align: center;
}

.son-urunler-kapsayici{padding-top: 25px; padding-bottom: 15px; padding-left: 0px !important; padding-right: 0 !important; background-color: #046ca3; min-height: 200px;}

.son-urun-bg{background-color: #f3f3f3; min-height: 170px; overflow: hidden; margin:0 5px; padding: 25px 15px; border-radius: 12px; display: block; }
.son-urun-bg a h1{font-size: 14px; font-weight: 600; color: #217cad; margin: 0 !important; padding-bottom: 5px;}
.son-urun-bg a p{font-size: 13px; color: #444;}


.son-urun-bg a:hover{text-decoration: none;}

.guvenlik-urun-bg{background-color: #f3f3f3; min-height: 170px; overflow: hidden; margin: 0 5px; padding: 25px 15px; border-radius: 12px; display: block; }
.guvenlik-urun-bg a h1{font-size: 14px !important; font-weight: 600 !important; color: #217cad !important; margin: 0 !important; padding-bottom: 5px !important;}
.guvenlik-urun-bg a p{font-size: 13px !important; color: #444; text-align: left;}

.btn-lg, .btn-group-lg > .btn {
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.3333333;
    border-radius: 6px;
}





}