body{margin:0 0 0 0; padding:0; font-size:14px; color:#5a5752; font-family: 'Exo', sans-serif; background:url(/Images/Site/HaberHizmetSolBG.png) no-repeat center bottom }
input, textarea, select{color:#000; font: 14px 'Exo', sans-serif;}
*{outline:none}
h1{margin:0; padding:0; font-size: 18px}
h2{margin:0; padding:0; font-size: 16px}
h3{margin:0; padding:0; font-size: 15px}
h4{margin:0; padding:0; font-size: 14px}
a{color:#000; text-decoration:none; border:solid 0px}
a:hover{color:#FE6500; text-decoration:none}
.P0{padding:0}
.M0{margin:0}
.TProjecu{color:#EC7C00}


.Baslik{display:block; font-size:34px; text-align:center; color:#000;  padding-bottom:15px; position:relative}



.navbar{margin-bottom:0}
.navbar-nav > li > a{padding-top:40px; padding-bottom:29px}
.nav > li:hover{background-color:#FE6500; color:#FFF}
.nav > li:hover a{ color:#FFF}
.nav > li:hover a span{ color:#FFF}
.nav > li:hover ul a:hover{ color:#FFF}

.UstBg{background-color:#000; color:#FFF;  padding:5px 0; }
.UstBg a{color:#FFF}
.UstBg a:hover{color:#E9A825}

.UstBg .UstSag a{margin-left:10px}

.Facebook{background:url(/Images/Site/SosyalMedya.jpg) no-repeat; width:26px; height:26px; float:right; text-indent:-9999px; margin-right:5px; margin-top:5px }
.Twitter{background:url(/Images/Site/SosyalMedya.jpg) no-repeat -26px 0; width:26px; height:26px; float:right; text-indent:-9999px; margin-right:5px; margin-top:5px}
.LinkedIn{background:url(/Images/Site/SosyalMedya.jpg) no-repeat -52px 0; width:26px; height:26px; float:right; text-indent:-9999px;margin-right:5px; margin-top:5px}
.Instagram{background:url(/Images/Site/SosyalMedya.jpg) no-repeat -78px 0; width:26px; height:26px; float:right; text-indent:-9999px;margin-right:5px; margin-top:5px}
.Youtube{background:url(/Images/Site/SosyalMedya.jpg) no-repeat -104px 0; width:26px; height:26px; float:right; text-indent:-9999px;margin-right:5px; margin-top:5px}
.Google{background:url(/Images/Site/SosyalMedya.jpg) no-repeat -130px 0; width:26px; height:26px; float:right; text-indent:-9999px;margin-right:5px; margin-top:5px}

.Facebook:hover{background:url(/Images/Site/SosyalMedya.jpg) no-repeat 0 -26px;}
.Twitter:hover{background:url(/Images/Site/SosyalMedya.jpg) no-repeat -26px -26px;}
.LinkedIn:hover{background:url(/Images/Site/SosyalMedya.jpg) no-repeat -52px  -26px; }
.Instagram:hover{background:url(/Images/Site/SosyalMedya.jpg) no-repeat -78px  -26px;}
.Youtube:hover{background:url(/Images/Site/SosyalMedya.jpg) no-repeat -104px  -26px; }
.Google:hover{background:url(/Images/Site/SosyalMedya.jpg) no-repeat -130px  -26px; }

.Turkce{background:url(/Images/Site/Bayrak.jpg) no-repeat 0 0; width:29px; height:22px; float:right; text-indent:-9999px;margin-right:5px; margin-top:10px}
.English{background:url(/Images/Site/Bayrak.jpg) no-repeat -30px 0; width:26px; height:26px; float:right; text-indent:-9999px;margin-right:5px; margin-top:10px}



.Ust{background-color:#FFF; border:solid 0; border-radius:0;}
.Ust a:hover{color:#E9A825}
.Ust .UstTelefon {float:left}
.Ust .UstTelefon span{font-size:30px; color:#E9A825; float:left; margin:5px 10px 0 0}
.Ust .UstTelefon div{float:left}
.Ust .UstTelefon strong{font-size:14px; color:#333; display:block; margin-bottom:5px }
.Ust .UstMail {margin:20px 0; float:left}
.Ust .UstMail span{font-size:30px; color:#E9A825; float:left; margin:5px 10px 0 0}
.Ust .UstMail div{float:left}
.Ust .UstMail strong{font-size:14px; color:#333; display:block; margin-bottom:5px }
.Ust .UstBayrak{float:right}

.UstMenu{background:url(/Images/Site/MenuBG.jpg) no-repeat right #E9A825}
.Menuler button{background-color:transparent;border:solid 0;  display:block; width:100%;  margin-bottom:10px; position:relative; margin-top:15px; padding-bottom:15px; color:#777}
.Menuler button:hover{ border-bottom:solid 4px #E9A825; color:#000}
.Menuler ul{position:absolute;  margin:0; background-color:#252741; top:104px; padding:0;}
.Menuler ul a{ color:#FFF; padding:10px 25px 10px 15px; border-bottom:dotted 1px #FFF; text-align:left} 
.Menuler a{display:block; text-align:center; font-size:16px; padding-top:20px; color:#252741}
.Menuler a:hover span{visibility:visible; display:block }
.Menuler .UstMenuSec a{color:#FFF; }
.Menuler .UstMenuSec span{visibility:visible }
.Menuler span{display:block; visibility:hidden}
.navbar-right{margin-right:0}


.Logo{ padding:0; width:270px}
.Logo h1{text-indent:-9999px}
.Logo img{float:left}
.Logo span{float:right; font-size:15px}
.Menuler{background-color:transparent; }

#Banner{ position:relative;-webkit-box-shadow: 0 3px 5px 0px rgba(0,0,0,0.50); -moz-box-shadow: 0 3px 5px 0px rgba(0,0,0,0.50); box-shadow: 0 3px 5px 0px rgba(0,0,0,0.50);}
#Banner .BannerGolge{position:absolute; top:0; width:100%; z-index:999}
#Banner img{width:100%}
#Tedarikci{margin:20px 0}
#OrtaMetin{margin:20px 0; background:url(/Images/Site/OrtaYaziBG.png) center #252741; text-align:center; color:#FFF; padding:40px 0; line-height:26px}
#OrtaMetin h2{font-size:30px; margin-bottom:20px; font-style:italic}
#Urun{margin:30px 0}
#Urun .Urun{display:block; margin-bottom:30px; border:solid 1px #E9A825;  position:relative}
#Urun .Urun:hover b{background-color:#E9A825; color:#FFF}
#Urun .Urun img{width:100%;}
#Urun .Urun b{display:block; text-align:center; background-color:#F0F0F0; padding:10px 5px; font-weight:normal; color:#5F5F5F; font-size:16px; margin-bottom:10px}
#Urun .Urun strong{padding:0 10px 10px 10px; font-weight:normal; display:block; color:#3F4652}
#Urun .Urun .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%; opacity: 0; transition: .5s ease; background:rgba(241, 161,3, 0.80); text-align:center;}
#Urun .Urun:hover .overlay {opacity: 1}
#Urun .Urun .text {color: white;font-size: 24px;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:normal; width:80%; line-height:44px}
#Urun .Urun .text span{display:block; margin-bottom:20px;}
#Urun .Urun .text i{display:block; font-style:normal; font-size:22px}

#Haber{margin:20px 0}
#Haber a{margin-bottom:20px; display:block; color:#777C87; line-height:22px; padding:10px}
#Haber a img{margin-top:10px}
#Haber a strong{display:block; margin:10px 0 5px 0; font-size:18px; color:#000; font-weight:normal}
#Haber a i{display:block; font-style:normal; font-size:12px; margin-bottom:20px}
#Haber a .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%; opacity: 0; transition: .5s ease; background:rgba(226, 167, 47, 0.8); }
#Haber a:hover .overlay {opacity: 1;}
#Haber a .text {color: white;font-size: 30px;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:normal; width:100%; text-align:center}
#Haber a .text b{font-size:24px; display:block; margin-top:25px; font-weight:normal}

#Orta{margin:30px 0 50px 0}
#Orta #OrtaSol{color:#FFF; padding:10px 0 20px 0; padding-right:5%; background:url(/Images/Site/TuruncuMavi.jpg) no-repeat center right #252741}
#Orta #OrtaSol b{display:block; padding:10px 0 5px 0; font-size:18px}
#Orta #OrtaSol a{color:#FFF;display:block}
#Orta #OrtaSol a:hover{text-decoration:underline}
#Orta #OrtaSol img{display:block; margin-top:10px}
#Orta #OrtaSol .UstMetin{margin-bottom:10px; border-bottom:solid 1px #085D82; padding-bottom:10px}

#Orta #OrtaSag{background-color:#E2A72F; color:#FFF; padding:10px 0 20px 0; }
#Orta #OrtaSag b{display:block; padding:10px 0 5px 0; font-size:18px}
#Orta #OrtaSag input[type=text]{width:95%; border-radius:5px; border:solid 1px #D6DADC; padding:5px; margin:5px 0}
#Orta #OrtaSag input[type=submit]{width:55%; border-radius:5px; border:solid 1px #FFF; padding:11px 5px; margin:5px 0; background-color:#FFF; color:#000; font-size:16px}
#Orta #OrtaSag input[type=submit]:hover{color:#E9A825}
#Orta #OrtaSag textarea{width:95%; border-radius:5px; border:solid 1px #D6DADC; padding:5px; margin:5px 0; height:90px}

#Orta #OrtaSag .Sonuc{color:#F00; font-weight:bold; animation: Uyari 2.0s ease-in-out infinite; font-size:18px; margin-top:5px}
@keyframes Uyari { 0% {color:#000}  50% {color:#F00}  100% {color:#000}}



#IcSayfa{margin:0 auto 20px auto; position:relative; line-height:24px}
#IcSayfa .container{position:relative}
.HizliMenu{border-bottom:solid 1px #D6DADC; margin-bottom:20px; padding:10px 0; position:relative; background-color:#F0F0F0;}
.HizliMenu a:hover{text-decoration:none; color:#999}
.HizliMenu .active{color:#E9A825} 
.HizliMenu .breadcrumb{margin:0}
.HizliMenu ol{padding:15px}
.HizliMenu img{position:absolute; top:0; width:100%}

.megafolio-container{position:relative;}
.megafolio-container .Galeri{display:block; position:relative}

#IcSayfa #Kurumsal{margin:40px 0}
#IcSayfa #Kurumsal h2{font-size:20px; margin-bottom:20px}
#IcSayfa .SolMenu a{display:block; border-bottom:solid 1px #D6DADC; padding:10px}
#IcSayfa .SolMenu a:hover{ background-color:#E9A825; color:#FFF}
#IcSayfa .SolMenu a.Sec{background-color:#E9A825; color:#FFF}

#IcSayfa .Urun{display:block; margin-bottom:30px; border:solid 1px #E9A825;  position:relative}
#IcSayfa .Urun:hover b{background-color:#E9A825; color:#FFF}
#IcSayfa .Urun img{width:100%;}
#IcSayfa .Urun b{display:block; text-align:center; background-color:#F0F0F0; padding:10px 5px; font-weight:normal; color:#5F5F5F; font-size:16px; margin-bottom:10px}
#IcSayfa .Urun strong{padding:0 10px 10px 10px; font-weight:normal; display:block; color:#3F4652}
#IcSayfa .Urun .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%; opacity: 0; transition: .5s ease; background:rgba(241, 161,3, 0.80); text-align:center;}
#IcSayfa .Urun:hover .overlay {opacity: 1}
#IcSayfa .Urun .text {color: white;font-size: 24px;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:normal; width:80%; line-height:44px}
#IcSayfa .Urun .text span{display:block; margin-bottom:20px;}
#IcSayfa .Urun .text i{display:block; font-style:normal; font-size:22px}

#IcSayfa .UrunResim .UrunResimler{margin-top:10px; display:block; position:relative}
#IcSayfa .UrunResim .UrunResimler img{padding:5px}
#IcSayfa .UrunResimler .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%; opacity: 0; transition: .5s ease; background:rgba(241, 161,3, 0.80); text-align:center;}
#IcSayfa .UrunResimler:hover .overlay {opacity: 1}
#IcSayfa .UrunResimler .text {color: white;font-size: 24px;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:normal; width:80%; line-height:44px}
#IcSayfa .UrunResimler .text span{display:block; }
#IcSayfa .UrunResimler .text i{display:block; font-style:normal; font-size:22px}

#IcSayfa .UrunResim img{width:100%; border:solid 1px #FAE9C7; padding:15px}
#IcSayfa .UrunDetay {color:#4A515F}
#IcSayfa .UrunDetay h2{color:#E9A825; font-size:20px; margin-bottom:20px; font-weight:normal}


#IcSayfa .Haber{margin-bottom:60px; color:#3F4652}
#IcSayfa .Haber b{margin-bottom:15px; display:block; font-weight:bold; font-size:18px}
#IcSayfa .Haber i{margin-bottom:5px; display:block; font-style:normal; font-weight:bold; color:#666}

#IcSayfa .Katalog{margin-bottom:60px; color:#3F4652; display:block}
#IcSayfa .Katalog span{float:left; font-size:70px; color:#FF0505}
#IcSayfa .Katalog b{margin-bottom:10px; display:block; font-weight:bold; font-size:18px}
#IcSayfa .Katalog i{display:block; font-style:normal;color:#666}
#IcSayfa .Katalog:hover{color:#E9A825}

#IcSayfa .Sertifika{margin-bottom:40px; display:block; position:relative}
#IcSayfa .Sertifika strong{font-weight:normal}
#IcSayfa .Sertifika b{font-weight:normal; font-size:20px; display:block; margin-top:10px}
#IcSayfa .Sertifika .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%; opacity: 0; transition: .5s ease; background:rgba(241, 161,3, 0.70); }
#IcSayfa .Sertifika:hover .overlay {opacity: 1;}
#IcSayfa .Sertifika .text {color: white;font-size: 24px;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:normal}
#IcSayfa .Sertifika .SertifikaAciklama{background-color:#eee; color:#333; text-align:center; padding:5px}
#IcSayfa .Sertifika .SertifikaAciklama b{font-weight:bold; margin-bottom:5px; display:block; font-size:18px;}
#IcSayfa .Sertifika .SertifikaAciklama strong{font-weight:normal; margin-bottom:5px; display:block; font-size:14px}


#IcSayfa .UstMetin{margin-bottom:25px; font-size:16px}
#IcSayfa .IletisimBilgileri{border:solid 1px #dcdcdc; padding:7px 15px 15px 15px; line-height:28px; -webkit-box-shadow: 0px 0px 10px 3px  rgba(146, 146, 146, 0.5);-moz-box-shadow: 0px 0px 10px 3px   rgba(146, 146, 146, 0.5);box-shadow: 0px 0px 10px 3px   rgba(146, 146, 146, 0.5);}
#IcSayfa .IletisimBilgileri span{margin-right:5px; color:#085D82; font-size:12px; line-height:24px}
#IcSayfa .IletisimBilgileri b{display:block; margin-top:10px; font-weight:bold; text-align:center; font-size:24px; border-bottom:solid 1px #CCC; margin-bottom:15px; padding-bottom:15px}

#IcSayfa .IletisimFormu{margin-bottom:40px}
#IcSayfa .IletisimFormu input[type=text]{width:100%; border:solid 1px #dcdcdc; border-radius:5px; margin-bottom:10px}
#IcSayfa .IletisimFormu textarea{width:100%; border:solid 1px #dcdcdc; border-radius:5px; margin-bottom:10px; height:100px}
#IcSayfa .IletisimFormu input[type=submit]{border:solid 0; padding:10px 20px; background-color:#000; color:#FFF; width:auto; border-radius:0}
#IcSayfa .IletisimFormu input[type=submit]:hover{background-color:#E9A825; }
#IcSayfa .IletisimFormu .Sonuc{color:#F00; font-size:20px; margin-top:10px}
#IcSayfa .IletisimFormu select{width:100%; border:solid 1px #dcdcdc; border-radius:5px; margin-bottom:10px}
#IcSayfa #HaberDetay .HaberResim{float:left; margin:0 20px 20px 0}
#IcSayfa #HaberDetay h2{font-size:20px}

#Footer{font-size:12px; color:#FFF; padding:15px 0 0 0; line-height:24px; background-color: #252741}
#Footer i{font-size:38px; display:block; margin-bottom:10px; line-height:42px; font-style:normal; color:#FFF}
#Footer b{display:block; margin-bottom:10px; font-weight:bold}
#Footer a{ color:#FFF}
#Footer a:hover{text-decoration:underline}
#Footer .AltSertifika{text-align:center}
#Footer .AltSertifika img{ margin:0 10px}
#Footer .AltSag{margin-top:15px; line-height:26px}
#Footer .AltMenu {padding-left:10%; padding-top:20px}
#Footer .AltMenu a {display:block; line-height:26px}
#Footer .AltMenu a:hover{color:#E9A825; text-decoration:none}

#Footer .AltMenu span{color:#0B77A6; margin-right:5px}
#Footer .AltSolMenu{margin-top:15px; margin-left:10% }
#Footer .AltSolMenu span{width:15px; height:15px; background-color:#085D82; display:block; float:left; margin-right:5px; margin-top:3px}
#Footer .AltSolMenu a{display:block; margin-bottom:10px}
#Footer .AltSagMenu{margin-top:15px; margin-left:10% }
#Footer .AltSagMenu span{width:15px; height:15px; background-color:#085D82; display:block; float:left; margin-right:5px; margin-top:3px}
#Footer .AltSagMenu a{display:block; margin-bottom:10px}
#Footer .Copyright{border-top:solid 1px #5A6270; margin-top:15px; padding:15px 0; background-color:#E9E9EC; color:#000}
#Footer .Copyright a{background: url("http://www.bintajans.com/SiteAlt.png") no-repeat;display: block; height: 30px;width: 66px; text-indent:-9999px; margin:0}
#Footer .col-xs-3{margin-top:20px}