@font-face {
	font-family: 'BebasNeue';
	src: url('../fonts/BebasNeue.eot');
	src: local('O'), url('../fonts/BebasNeue.woff') format('woff'), url('../fonts/BebasNeue.ttf') format('truetype'), url('../fonts/BebasNeue.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{margin:0 0 0 0; padding:0; font-size:14px; color:#5a5752; font-family: 'Oswald', sans-serif;}
input, textarea, select{color:#000; font: 14px 'Oswald', 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; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
a:hover{color:#54A8E0; text-decoration:none}
.P0{padding:0}
.M0{margin:0}
.Font40{font-size:40px}


.Baslik{display:block; font-size:26px; text-align:center; color:#000;  padding-bottom:15px; position:relative; font-family:'BebasNeue',Sans-Serif;}
.Baslik i{display:block; margin:10px auto; width:5%; height:3px; background-color:#54A8E0}
.Baslik a{color:#000; text-decoration:none}
.Baslik a:hover{text-decoration:underline}

.Baslik2{display:block; font-size:26px; color:#000;  padding:15px 0; position:relative; font-family:'BebasNeue',Sans-Serif;}
.Baslik2 i{display:block; margin:10px 0; width:10%; height:3px; background-color:#54A8E0}



.navbar{margin-bottom:0; font-size:22px; border-top:solid 3px #54A8E0}
.navbar-nav > li > a{padding-top:40px; padding-bottom:29px}
.nav > li:hover{color:#FFF}
.nav > li:hover a{ color:#90d1de}
.navbar-nav li+li+li+li+li+li+li+li a{background:url(../Images/Site/Icon/2.png) no-repeat center left}

.UstBg{background-color:#000; color:#FFF;  padding:5px 0; }
.UstBg a{color:#FFF}
.UstBg a:hover{color:#54A8E0}
.UstBg .UstSag a{margin-left:10px}

.Facebook{background:url(../Images/Site/SosyalMedya.png) no-repeat; width:32px; height:32px; float:right; text-indent:-9999px; margin-right:3px; margin-top:5px }
.Twitter{background:url(../Images/Site/SosyalMedya.png) no-repeat -32px 0; width:32px; height:32px; float:right; text-indent:-9999px; margin-right:3px; margin-top:5px}
.Instagram{background:url(../Images/Site/SosyalMedya.png) no-repeat -64px 0; width:32px; height:32px; float:right; text-indent:-9999px;margin-right:3px; margin-top:5px}
.LinkedIn{background:url(../Images/Site/SosyalMedya.png) no-repeat -96px 0; width:32px; height:32px; float:right; text-indent:-9999px;margin-right:3px; margin-top:5px}


.Ust{background-color:#FFF; padding:10px 0 }
.Ust a:hover{color:#54A8E0}
.Ust .SosyalMedya{margin-bottom:20px}
.Ust .UstTelefon {float:right; font-size:18px; margin-left:10px}
.Ust .UstTelefon span{font-size:16px;  float:left; padding:5px; background-color:#54A8E0; color:#FFF; border-radius:5px; margin-right:5px}
.Ust .UstMail {margin:20px 0; float:right; font-size:16px}
.Ust .UstMail span{font-size:30px; color:#54A8E0; float:left; margin:5px 10px 0 0}

.UstMenu{background-color:rgba(68, 73, 96, 0.90); position:relative }
.UstMenu .MenuBG{background:url(../Images/Site/MenuBG.png) no-repeat left; position:absolute; right:0; top:0; padding:30px 0}
.Menuler{ font-family:'BebasNeue',Sans-Serif;}
.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 #54A8E0; color:#000}
.Menuler ul{position:absolute;  margin:0; background-color:#40455A; 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:#FFF}
.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;}
#Banner .BannerGolge{position:absolute; top:0; width:100%; z-index:999}
#Banner img{width:100%}
#Banner #HizliMenu{position:absolute; bottom:30%; width:100%}
#Banner #HizliMenu .HizliMenuBaslik{font-size:26px; color:#FFF;  display:block}
#Banner #HizliMenu .HizliMenuBaslik a{color:#FFF}
#Banner #HizliMenu .HizliMenuBaslik a:hover{color:#54A8E0}
#Banner #HizliMenu .HizliMenuAltBaslik{font-size:20px; color:#FFF; font-weight:normal; border-top:solid 1px #CCC; margin-top:8px; padding-top:8px; float:left}
#Banner #HizliMenu .HizliMenuAltBaslik a{color:#FFF}
#Banner #HizliMenu .HizliMenuAltBaslik a:hover{color:#54A8E0}

#BG{background:url(../Images/Site/BG.png) no-repeat center top}

#AnasayfaMetin{padding:30px 0 50px 0}
#AnasayfaMetin strong{color:#54A8E0; font-weight:normal; font-size:16px}

#Urunler{margin:30px 0}
#Urunler .Urun{background-color:#FFF; position:relative; min-height:310px; margin:20px 0}
#Urunler .Urun .Icon{min-height:310px; background:url(../Images/Site/Icon/1.png) no-repeat center top #CDCDC9;background-size: contain;  width:15%; float:left; margin-right:5%; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
#Urunler .Urun b{font-weight:normal; min-height:110px; font-size:26px; padding:30px 0 20px 0; display:block; font-family:'BebasNeue',Sans-Serif; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
#Urunler .Urun i{font-style:normal; display:block; margin-bottom:15px; color:#575F79; padding-right:10px; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
#Urunler .Urun a{display:block; margin-bottom:3px; font-size:20px; font-family:'BebasNeue',Sans-Serif;}
#Urunler .Urun a.DetayliBilgi{position:absolute; right:10px; bottom:-5px; font-size:16px; color:#7c7a77}
#Urunler .Urun:hover b{color:#54A8E0}
#Urunler .Urun:hover .Icon{background-color:#54A8E0}
#Urunler .Urun:hover i{color:#000}
#Urunler .Urun:hover a.DetayliBilgi{color:#54A8E0}


#Haberler{margin:30px 0}
#Haberler a{display:block; margin-bottom:20px}
#Haberler a img{display:block; width:100%}
#Haberler a b{display:block; color:#FFF; background-color:#54A8E0; padding:10px; font-weight:normal; position:relative}
#Haberler a span{position:absolute; padding:10px 15px; color:#FFF; top:10px; right:0; background-color:#000}
#Haberler a strong{padding-top:20px; display:block}
#Haberler a i{font-style:normal; padding-top:10px; display:block}

#Tedarikci{margin:20px 0}
#OrtaMetin{margin:20px 0; background:url(../Images/Site/OrtaYaziBG.html) center #40455A; text-align:center; color:#FFF; padding:40px 0; line-height:26px}
#OrtaMetin h2{font-size:30px; margin-bottom:20px; font-style:italic}

#IcSayfa .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}}

#AnasayfaIletisim{color:#FFF; padding:20px 0; background-color:#40455A; font-size:16px}
#AnasayfaIletisim a{float:right; padding:10px; background-color:#54A8E0; border-radius:3px}
#AnasayfaIletisim span{ padding:10px; display:block; float:left}


#IletisimOrtaMetin{color:#FFF; padding:20px; background-color:#40455A; font-size:16px; text-align:center}

#AltMetin{margin:0 0 30px 0; background:url(../Images/Site/AtlBg.jpg) no-repeat center; font-size:14px; padding:20px 0 40px 0}
#AltMetin a{display:block; margin:20px 0; color:#54A8E0; text-decoration:underline}
#AltMetin a:hover{color:#000}

#Referans{margin:30px 0}
#Referans .Referans{background:url(../Images/Site/ReferansBG.png) no-repeat center; min-height:140px; display:block; padding:10px}
#Referans .Referans img{display:block; margin:10px auto}

#IcSayfa{margin-top:-70px; position:relative; background:url(../Images/Site/BG.png) no-repeat center top; padding:50px 0; min-height:500px; font-size:16px}
#IcSayfa .container{position:relative}
#IcSayfa b{font-weight:normal}

#IcSayfa #Referans .ReferansAciklama{margin-bottom:30px; line-height:28px}
#IcSayfa #Referans .ReferansAciklama img{width:100%}
#IcSayfa #Referans .ReferansPanel{position:relative}
#IcSayfa #Referans .Referans{margin-bottom:30px; display:block; padding:0; -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 #Referans .Referans img{ position:relative}
#IcSayfa #Referans .Referans .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%; opacity: 0; transition: .5s ease; background:rgba(144, 209, 222, 0.8); }
#IcSayfa #Referans .Referans:hover .overlay {opacity: 1;}
#IcSayfa #Referans .Referans .text {color: white;font-size: 30px;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:normal}
#IcSayfa #Referans .Referans strong{font-weight:normal; margin:10px 0; font-size:16px;display:block; padding-bottom:10px; height:45px}

#IcSayfa #Galeri{margin:50px 0}
#IcSayfa #Galeri .GaleriAciklama{margin-bottom:30px; line-height:28px}
#IcSayfa #Galeri .GaleriAciklama img{width:100%}
#IcSayfa #Galeri .GaleriPanel{position:relative}
#IcSayfa #Galeri .Galeri{margin-bottom:30px; display:block; padding:0; -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 #Galeri .Galeri img{ position:relative}
#IcSayfa #Galeri .Galeri .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%; opacity: 0; transition: .5s ease; background:rgba(144, 209, 222, 0.8); }
#IcSayfa #Galeri .Galeri:hover .overlay {opacity: 1;}
#IcSayfa #Galeri .Galeri .text {color: white;font-size: 30px;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:normal}
#IcSayfa #Galeri .Galeri strong{font-weight:normal; margin:10px 0; font-size:16px;display:block; padding-bottom:10px; height:45px}


#IcSayfa .Haber{padding:20px 0;margin:20px 0; color:#41485E}
#IcSayfa .Haber b{display:block; font-weight:normal; font-size:20px; margin-bottom:15px}
#IcSayfa .Haber i{display:block; font-style:normal; font-weight:bold; font-size:16px}
#IcSayfa .Haber p{line-height:26px; font-size:16px}

#IcSayfa .Referans{background:url(../Images/Site/ReferansBG.png) no-repeat center; min-height:140px; display:block; padding:10px}
#IcSayfa .Referans img{display:block; margin:10px auto}
#IcSayfa b.ReferansBaslik{display:block; font-weight:normal; margin:10px 30px 0 30px ; text-align:center; font-size:20px}
#IcSayfa a.ReferansLink{display:block; font-weight:normal; margin:5px 0 50px 0 ; text-align:center; font-size:16px; color:#54A8E0; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
#IcSayfa a.ReferansLink:hover{color:#000}

#IcSayfa #Urun{margin:40px 0}
#IcSayfa #Urun .Kategori{margin-bottom:30px; border-bottom:solid 1px #CCC; padding-bottom:30px}
#IcSayfa #Urun .Kategori img{margin-bottom:20px; -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 #Urun .Kategori b{display:block; margin-bottom:10px; font-size:24px; color:#54A8E0}
#IcSayfa #Urun .Kategori i{display:block; margin-bottom:10px; font-style:normal}
#IcSayfa #Urun .Kategori a{display:block; border:solid 1px #54A8E0; background-color:#FFF; text-align:center; padding:10px; margin:10px 20px 10px 0}
#IcSayfa #Urun .Kategori a strong{font-size:16px; font-weight:normal; font-weight:bold}
#IcSayfa #Urun .Kategori a p{font-size:14px; font-weight:normal}
#IcSayfa #Urun .Kategori a span{color:#54A8E0}
#IcSayfa #Urun .Kategori a:hover{-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 #UrunDetay{margin:40px 0}
#IcSayfa #UrunDetay h1{display:block; font-size:26px; color:#54A8E0; margin-bottom:20px}
#IcSayfa #UrunDetay h3{display:block; font-size:20px;margin:50px 0 10px 0; color:#000}
#IcSayfa #UrunDetay h3.UrunBaslik{color:#54A8E0; font-size:18px}
#IcSayfa #UrunDetay i{display:block; margin-bottom:10px; font-style:normal}
#IcSayfa #UrunDetay .UrunPanel{position:relative; margin-top:40px}
#IcSayfa #UrunDetay .Urun{margin-bottom:30px; display:block; padding:0; -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 #UrunDetay .Urun img{ position:relative}
#IcSayfa #UrunDetay .Urun .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%; opacity: 0; transition: .5s ease; background:rgba(144, 209, 222, 0.8); }
#IcSayfa #UrunDetay .Urun:hover .overlay {opacity: 1;}
#IcSayfa #UrunDetay .Urun .text {color: white;font-size: 30px;position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight:normal}
#IcSayfa #UrunDetay .Urun strong{font-weight:normal; margin:10px 0; font-size:16px;display:block; padding-bottom:10px; height:45px}


#IcSayfa .IletisimFormu{margin-bottom:40px}
#IcSayfa .IletisimFormu input[type=text]{width:100%; border:solid 1px #dcdcdc; border-radius:5px; margin-bottom:10px; font-size:16px; padding:10px 15px; height:50px}
#IcSayfa .IletisimFormu textarea{width:100%; border:solid 1px #dcdcdc; border-radius:5px; margin-bottom:10px; height:120px; font-size:16px; padding:10px 15px; }
#IcSayfa .IletisimFormu input[type=submit]{border:solid 0; padding:10px 20px; margin-bottom:20px; font-size:18px; background-color:#54A8E0; color:#FFF; width:auto; border-radius:5px;  -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
#IcSayfa .IletisimFormu input[type=submit]:hover{background-color:#000; }
#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 .UstMetin{margin-bottom:25px; font-size:16px}
#IcSayfa .IletisimBilgileri{background-color:#FFF; margin-bottom:20px; border:solid 1px #dcdcdc; padding: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 .Teklif input[type=text]{margin-bottom:10px; font-size:18px; padding:10px; height:50px}
#IcSayfa .Teklif input[type=submit]{margin-bottom:10px; font-size:18px; padding:10px 20px; background-color:#54A8E0; color:#FFF; border:solid 0; border-radius:5px; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s}
#IcSayfa .Teklif input[type=submit]:hover{background-color:#000;}
#IcSayfa .Teklif textarea{margin-bottom:10px; font-size:18px; padding:10px; min-height:150px}

#AltIletisim{margin-top:30px; color:#FFF; font-size:14px}
#AltIletisim b{color:#FFF; font-size:16px; display:block; margin-bottom:10px; font-weight:normal}
#AltIletisim span{font-size:22px; float:left; padding:25px 25px 30px 0}
#AltIletisim #AltSol{background:url(../Images/Site/AltSolBG.png) no-repeat left center; padding:20px 50px; min-height:115px}
#AltIletisim #AltOrta{background-color:#54A8E0; padding:20px 40px; min-height:115px}
#AltIletisim #AltSag{background:url(../Images/Site/AltSagBG.png) no-repeat right center; padding:30px 50px; min-height:115px}
#AltIletisim #AltSag span{padding-top:15px}
#AltIletisim #AltSag a{color:#FFF}


#AltIletisimMobil{margin-top:50px; color:#FFF; font-size:14px}
#AltIletisimMobil b{color:#FFF; font-size:16px; display:block; margin-bottom:10px; font-weight:normal}
#AltIletisimMobil i{float:right; font-style:normal; width:80%}
#AltIletisimMobil span{font-size:22px; float:left; padding:15px 0 30px 0;  width:20%}
#AltIletisimMobil #AltSolMobil{background-color:#2F3342; padding:20px; min-height:100px}
#AltIletisimMobil #AltOrtaMobil{background-color:#54A8E0; padding:20px; min-height:100px}
#AltIletisimMobil #AltSagMobil{background-color:#2c3041;padding:20px; min-height:100px}

#Footer{font-size:16px; color:#FFF; padding:80px 0 0 0;  background-color: #40455A; margin-top:-50px}
#Footer{background: #40455A; background: -moz-linear-gradient(top,  #40455A 0%, #222531 100%); background: -webkit-linear-gradient(top,  #40455A 0%,#222531 100%);background: linear-gradient(to bottom,  #40455A 0%,#222531 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40455A', endColorstr='#222531',GradientType=0 ); }
#Footer a{ color:#FFF}
#Footer a:hover{text-decoration:underline}
#Footer .AltMenu{margin-left:12%}
#Footer .AltMenu { font-size:16px}
#Footer .AltMenu a {display:block; line-height:26px; margin-bottom:3px}
#Footer .AltMenu a:hover{color:#54A8E0; text-decoration:none}
#Footer b{color:#54A8E0; font-size:18px; display:block; margin-bottom:10px}
#Footer .AltSosyalMedya{display:block; margin-top:20px; background:url(../Images/Site/AltBorder.png) no-repeat bottom left; padding-bottom:15px}

#Footer .Copyright{padding:15px 0; background-color:#191A23; color:#FFF; font-size:14px}