body{margin:0 0 0 0; padding:0; font-size:14px; color:#333; font-family: 'Exo', sans-serif; background:url(/Images/Site/BG.jpg) no-repeat fixed}
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:#F65757}

.P0{padding:0}
.M0{margin:0}

.Facebook{background:url(/Images/Site/Icon/SosyalMedya.png) no-repeat; width:20px; height:20px; float:right; text-indent:-9999px; margin-right:10px}
.Instagram{background:url(/Images/Site/Icon/SosyalMedya.png) no-repeat -20px 0; width:20px; height:20px; float:right; text-indent:-9999px; margin-right:10px}
.Linkedin{background:url(/Images/Site/Icon/SosyalMedya.png) no-repeat -40px 0; width:20px; height:20px; float:right; text-indent:-9999px; margin-right:10px}
.Google{background:url(/Images/Site/Icon/SosyalMedya.png) no-repeat -60px 0; width:20px; height:20px; float:right; text-indent:-9999px}
.Facebook:hover{background-position:0 -20px}
.Instagram:hover{background-position:-20px -20px}
.Linkedin:hover{background-position:-40px -20px}
.Google:hover{background-position:-60px -20px}
.QareMedia{float:right; margin-left:40px}
.AcilirResim img{width:100%}

.AdSoyad{background:url(../images/Site/Icon/IletisimIco/AdSoyad.png) no-repeat right top;}
.Mail{background:url(../images/Site/Icon/IletisimIco/Mail.png) no-repeat right top;}
.Konu{background:url(../images/Site/Icon/IletisimIco/Konu.png) no-repeat right top;}
.Telefon{background:url(../images/Site/Icon/IletisimIco/Telefon.png) no-repeat right top;}
.Mesaj{background:url(../images/Site/Icon/IletisimIco/Mesaj.png) no-repeat right top;}
.CV{background:url(../images/Site/Icon/IletisimIco/CV.png) no-repeat right top;}


.Sonuc{color:#F00; font-size:16px}

.Banner {position:relative; margin-top:97px}
.Banner img{width:100%}

.BannerSabit{position:relative; z-index:1; display:inline-block; margin-top:30px}
#Banner{height:250px; position:relative;}

.SabitBanner {position:relative;}
.SabitBanner img{width:100%}


#Sayfa{position:absolute; top:0; left:0; width:100%; z-index:1}

.Baslik{margin-top:25px;  display:block; width:100%; color:#333; font-size:26px; position:relative; text-align:center}
.Baslik b{display: block; font-weight:normal; margin:0 1%;}

.AnasayfaMetin{margin:0 0 4% 0; line-height:26px; color:#333; font-size:16px}


.navbar-default{position:relative; z-index:2}
.Ust{background-color:#F65757; color:#FFF; padding:5px}
.Ust a{color:#FFF}
.Logo{background-color:#F65757; text-align:center; padding:20px; display:block; margin:0 auto}
.Logo h1{text-indent:-9999px; width:0; height:0; font-size:0}

.Menu{ font-size:16px; background:rgba(0, 0, 0, .67)}
.Menu li a{color:#FFF; display:block}
.Menu li a:hover{color:#F65757}

.Ust .SolUst{color:#CCCCCC}
.Ust .SolUst a{color:#CCCCCC}

#SolTasiyici{position:relative;}
#Sol{background-color:#FFF;}
#Sol .SolHizmet{padding:2px 20px; text-align:center}
#Sol .SolHizmet b{background:url(/Images/Site/SolBaslikBG.png) no-repeat top; font-size:20px; margin-bottom:10px; display:block; color:#F65757; font-weight:normal; padding:5px}
#Sol .SolHizmet a{display:block; border-bottom:solid 1px #ebeaea; margin-bottom:8px; padding-bottom:8px}
#Sol .SolHizmet a:hover{color:#F65757; text-decoration:none}

#Sol .Arama{border:solid 1px #e1e1e1; border-radius:8px; width:85%; margin:20px 10%; padding:1% 0 1% 1%; display:block}
#Sol .Arama input{border:solid 0; width:85%; text-align:center}
#Sol .Arama a:hover{text-decoration:none}

#Sol .List{width:85%; margin:20px 10%;display:block}
#Sol .List input{border:solid 0; width:90%; border:solid 1px #e1e1e1; padding:5px; border-radius:8px;  }
#Sol .List a:hover{text-decoration:none}
#Sol .List span{display:block; margin-top:20px; text-align:center}
#Sol .List .MailListSonuc{color:#F00; display:block; text-align:center; margin:20px 0; border-bottom:solid 1px #CCC}


#Sol .SolMenu{ text-align:center; padding:10px 20px}
#Sol .SolMenu a{display:block; border-bottom:solid 1px #ebeaea; margin-bottom:15px; padding-bottom:15px; color:#DC0C0C; background:url(/Images/Site/Icon/SolMenu/1.png) no-repeat right center}
#Sol .SolMenu a:hover{color:#000; text-decoration:none}
#Sol .SolMenu a+a{background:url(/Images/Site/Icon/SolMenu/2.png) no-repeat right center}
#Sol .SolMenu a+a+a{background:url(/Images/Site/Icon/SolMenu/3.png) no-repeat right center}
#Sol .SolMenu a+a+a+a{background:url(/Images/Site/Icon/SolMenu/4.png) no-repeat right center}
#Sol .SolMenu a+a+a+a+a{background:url(/Images/Site/Icon/SolMenu/5.png) no-repeat right center}
#Sol .SolMenu a+a+a+a+a+a{background:url(/Images/Site/Icon/SolMenu/6.png) no-repeat right center}

#Sol .SolBizdenHaberler{padding:10px 20px; font-size:13px}
#Sol .SolBizdenHaberler strong{font-weight:normal; display:block; margin-bottom:20px}
#Sol .SolBizdenHaberler img{width:100%; display:block; margin:10px 0}
#Sol .SolBizdenHaberler b{font-weight:bold; display:block; margin-bottom:10px;}
#Sol .SolBizdenHaberler .SolHaber{margin-bottom:20px; padding-bottom:20px; border-bottom:solid 1px #e1e1e1}
#Sol .SolBizdenHaberler .SolHaber a{display:block; color:#F65757; margin:10px 0}


#Sag{position:relative; z-index:999; margin-top:8px; background-color:#FFF; border-left:solid 1px #e1e1e1; padding-bottom:30px;}
#Sag .Baslik{margin-bottom:20px;  margin-top:20px;  display:block; width:100%; color:#F65757; font-size:22px; position:relative; text-align:center}
#Sag .Baslik div{display:block; margin:0 auto; display: inline-block;}
#Sag .Baslik b{border-left:solid 1px #D0D0D0;border-right:solid 1px #D0D0D0;padding:0 20px;  display: inline-block; font-weight:normal; margin:0 1%;}
#Sag .Baslik a{ color:#F65757;}
#Sag .Baslik span{width:10%; background-color:#D0D0D0; height:1px; display: inline-block; margin-bottom:7px}

#Sag #TeknikBilgi{margin-bottom:30px}
#Sag #TeknikBilgi a{color:#FFF}
#Sag #TeknikBilgi a:hover strong{background:rgba(0, 0, 0, .69);}
#Sag #TeknikBilgi img{position:relative; width:100%}
#Sag #TeknikBilgi strong{position:absolute; bottom:10%; width:70%; background:rgba(246, 87, 87, .69); font-weight:normal; padding:5px ; color:#FFF; z-index:1; left:15px}
#Sag #TeknikBilgiOk{position:absolute; right:0; top:0}

#Sag #Hizmetler{margin-bottom:30px; color:#4D4D4D}
#Sag #Hizmetler span{font-size:14px; text-align:center; display:block; margin:10px 0 20px 0}
#Sag #Hizmetler .Hizmet{margin-bottom:40px; font-size:13px;}
#Sag #Hizmetler .Hizmet img{width:100%; display:block; margin-bottom:10px}
#Sag #Hizmetler .Hizmet strong{display:block; font-size:13px; margin-bottom:10px}
#Sag #Hizmetler .Hizmet b{display:block; margin-bottom:10px; font-weight:normal}
#Sag #Hizmetler .Hizmet a{color:#F65757; display:block;}

#Sag #HizmetAlt{margin-bottom:30px}
#Sag #HizmetAlt b{font-size:24px; display:block; margin-bottom:5px; color:#F65757; font-weight:normal}
#Sag #HizmetAlt .col-sm-6{margin-bottom:30px}

#Sag #Cizimlerimiz .Koleksiyonlar{position:relative; margin-bottom:60px}
#Sag #Cizimlerimiz .Koleksiyonlar img{width:100%}
#Sag #Cizimlerimiz .Koleksiyonlar .CizimBaslik{position:absolute; bottom:-30px; background-color:#FFF; width:80%; margin:0 5%; padding:3%}
#Sag #Cizimlerimiz .Koleksiyonlar .CizimBaslik span{float:left; font-size:30px; color:#CCC; margin-right:5%; width:20%}
#Sag #Cizimlerimiz .Koleksiyonlar .CizimBaslik b{float:left; font-size:18px; color:#666; text-align:center; font-weight:normal; width:75%}

.Hizmet{}
.Hizmet li a{padding:10px 20px; background-color:#E15C4C; color:#FFF; border:solid 1px #CFCDC1; margin:0; border-radius:0} 
.Hizmet li a:hover{color:#E15C4C}
.Hizmet .panel-heading{padding:0; background-color:transparent}
.Hizmet .panel-body{border:solid 1px #CFCDC1; border-top:solid 0 }
.Hizmet .nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus {color: #555;  cursor: default;  background-color: #fff;  border: 1px solid #CFCDC1;  border-bottom-color: transparent;}


#Sag .Iletisim input[type=text]{margin-bottom:5%; width:100%; border-radius:0; font-size:14px; padding:5px 10px; border:solid 1px #e1e1e1}
#Sag .Iletisim textarea{margin-bottom:5%; width:100%; border-radius:0; font-size:14px; padding:5px 10px; border:solid 1px #e1e1e1}
#Sag .Iletisim input[type=submit]{margin:3% 0 10% 0; width:30%; border-radius:0; font-size:14px; float:right; background-color:#E15C4C; color:#FFF}
#Sag .Iletisim input[type=submit]:hover{background-color:#000}
#Sag .Iletisim textarea{margin-bottom:2%; width:100%; font-size:14px; border-radius:0; height:90px}
#Sag .Iletisim .IletisimBilgileri{padding:20px; line-height:24px; border:solid 1px #e1e1e1; margin-bottom:20px}
#Sag .Iletisim .IletisimBilgileri img{display:block; width:100%; margin-bottom:10%}
#Sag .Iletisim .IletisimBilgileri div{margin-bottom:3%; color:#666}
#Sag .Iletisim .IletisimBilgileri div span{margin-right:10px; color:#C13C3C}


#Sag .Sikayet input[type=text]{margin-bottom:5%; width:100%; border-radius:0; font-size:14px; padding:7px 45px 7px 10px; border:solid 1px #e1e1e1}
#Sag .Sikayet textarea{margin-bottom:5%; width:100%; border-radius:0; font-size:14px; padding:5px 10px; border:solid 1px #e1e1e1}
#Sag .Sikayet input[type=submit]{margin:3% 0 10% 0; width:30%; border-radius:0; font-size:14px; float:right; background-color:#E15C4C; color:#FFF}
#Sag .Sikayet input[type=submit]:hover{background-color:#000}
#Sag .Sikayet textarea{margin-bottom:2%; width:100%; font-size:14px; border-radius:0; height:140px; padding:5px 40px 5px 10px;}


#Sag .IcSayfaAciklama{margin:2% 0 4% 0; line-height:26px; color:#333; font-size:14px}

#Sag .BizdenHaberlerIcSayfa{text-align:left; margin-bottom:2%}
#Sag .BizdenHaberlerIcSayfa .Resim img{width:95%; padding:2%; border:solid 1px #e1e1e1}
#Sag .BizdenHaberlerIcSayfa .Resim img+img{width:40%; padding:0; border:solid 0; display:block }
#Sag .BizdenHaberlerIcSayfa .Metin{width:95%; line-height:22px}
#Sag .BizdenHaberlerIcSayfa .Metin strong{font-size:20px; display:block; margin-bottom:10px; font-weight:normal}
#Sag .BizdenHaberlerIcSayfa .Metin span{font-size:14px;  margin-bottom:15px; padding-bottom:15px; display:block}
#Sag .BizdenHaberlerIcSayfa .Metin img{float:right}

#Sag .Blog{margin-bottom:20px}
#Sag .Blog strong{display:block; margin-bottom:5px; color:#FFF; background:url(/Images/Site/Icon/Blog.png) no-repeat; font-size:20px; padding:0 0 10px 60px; font-weight:normal}
#Sag .Blog i{ padding:15px 0; color:#FFF; font-size:12px; display:block; font-style:normal; text-decoration:none}
#Sag .Blog a{color:#FFF; background-color:#737373; display:block; padding:15px}
#Sag .AcikGri a{background-color:#8D8D8D;}
#Sag .Blog a:hover{text-decoration:none; color:#FFF;}
#Sag .Blog a:hover span{text-decoration:underline}
#Sag .BlogDetay h2{display:block; margin-bottom:5px; color:#F65757; font-size:22px; padding:0 0 15px 0; margin-bottom:20px}

#Sag .SartnameKategori{margin-bottom:20px}
#Sag .SartnameKategori strong{display:block; margin-bottom:10px; font-size:16px; color:#4D4D4D}
#Sag .SartnameKategori a:hover{text-decoration:none;}
#Sag .SartnameKategori a:hover strong{color:#F65757}
#Sag .Sartname{margin-bottom:20px; font-size:16px}
#Sag .Sartname a span{color:#D5D5D5; margin-right:20px; font-size:18px}
#Sag .Sartname a:hover{text-decoration:none; color:#F65757}
#Sag .Sartname a:hover span{color:#F65757}
#Sag .SartnameDetay{margin-bottom:20px; color:#666666}
#Sag .SartnameDetay h2{color:#F65757; font-size:16px; margin-bottom:20px}
#Sag .SartnameDetay h2 span{color:#F65757; margin-right:20px; font-size:18px}

#Sag .TeknikBilgiKategori{margin-bottom:20px}
#Sag .TeknikBilgiKategori strong{display:block; margin-bottom:10px; font-size:16px; color:#4D4D4D}
#Sag .TeknikBilgiKategori a:hover{text-decoration:none;}
#Sag .TeknikBilgiKategori a:hover strong{color:#F65757}
#Sag .TeknikBilgi{font-size:16px;}
#Sag .TeknikBilgi a{border-bottom:solid 1px #e9e9e9; padding-bottom:20px; margin-bottom:20px; display:block} 
#Sag .TeknikBilgi a span{color:#D5D5D5; margin-right:20px; font-size:18px}
#Sag .TeknikBilgi a:hover{text-decoration:none; color:#F65757}
#Sag .TeknikBilgi a:hover span{color:#F65757}
#Sag .TeknikBilgiDetay{margin-bottom:20px; color:#666666}
#Sag .TeknikBilgiDetay h2{color:#F65757; font-size:16px; margin-bottom:20px}
#Sag .TeknikBilgiDetay h2 span{color:#F65757; margin-right:20px; font-size:18px}


#Sag .Proje{margin-bottom:20px}
#Sag .Proje strong{display:block; margin-bottom:10px; font-size:16px; color:#4D4D4D}
#Sag .Proje a:hover{text-decoration:none;}
#Sag .Proje a:hover strong{color:#F65757}
#Sag .ProjeDetay{margin-bottom:20px; color:#666666}
#Sag .ProjeDetay h2{color:#F65757; font-size:16px; margin-bottom:20px}
#Sag .ProjeDetay h2 span{color:#F65757; margin-right:20px; font-size:18px}
#Sag .ProjeDetay .ProjeBaslik{display:block; margin:40px 0 15px 0; color:#F65757; font-size:18px; border-bottom:solid 1px #e1e1e1; padding-bottom:15px}
#Sag .ProjeDetay img:hover {border-color:#F65757}
#Sag .ProjeDetay b{display:block; margin-top:10px; font-size:16px; color:#4D4D4D}


#Sag .Referans{margin-bottom:20px}
#Sag .Referans strong{display:block; margin-bottom:10px; font-size:16px; color:#4D4D4D}
#Sag .Referans a:hover{text-decoration:none;}
#Sag .Referans a:hover strong{color:#F65757}
#Sag .ReferansDetay{margin-bottom:20px; color:#666666}
#Sag .ReferansDetay h2{color:#F65757; font-size:16px; margin-bottom:20px}
#Sag .ReferansDetay h2 span{color:#F65757; margin-right:20px; font-size:18px}
#Sag .ReferansDetay .ReferansBaslik{display:block; margin:40px 0 15px 0; color:#F65757; font-size:18px; border-bottom:solid 1px #e1e1e1; padding-bottom:15px}
#Sag .ReferansDetay img:hover {border-color:#F65757}
#Sag .ReferansDetay b{display:block; margin-top:10px; font-size:16px; color:#4D4D4D}

#Sag .Hizmet{margin-bottom:30px}
#Sag .Hizmet strong{display:block; margin-bottom:10px; font-size:16px; color:#4D4D4D}
#Sag .Hizmet a:hover{text-decoration:none;}
#Sag .Hizmet a:hover strong{color:#F65757}
#Sag .HizmetDetay{margin-bottom:20px; color:#666666}
#Sag .HizmetDetay h2{color:#F65757; font-size:16px; margin-bottom:20px}
#Sag .HizmetDetay h2 span{color:#F65757; margin-right:20px; font-size:18px}
#Sag .HizmetDetay .HizmetBaslik{display:block; margin:40px 0 15px 0; color:#F65757; font-size:18px; border-bottom:solid 1px #e1e1e1; padding-bottom:15px}
#Sag .HizmetDetay img:hover {border-color:#F65757}
#Sag .HizmetDetay b{display:block; margin-top:10px; font-size:16px; color:#4D4D4D}

#Sag #IcSayfaUstLink{color:#999; font-weight:normal; border-bottom:solid 1px #333;  padding:7px 3px;  font-size:11px; margin-bottom:5px;}
#Sag #IcSayfaUstLink a{color:#999;  text-decoration:none}
#Sag #IcSayfaUstLink a:hover{color:#333;}

#Sag .IcSayfaKategori{ text-align:center}
#Sag .IcSayfaKategori a{display:block; border:solid 1px #CCCCCC; padding:10px; height:280px; margin-top:20px}
#Sag .IcSayfaKategori a:hover{border:solid 1px #333; color:#000}
#Sag .IcSayfaKategori a strong{font-size:16px; display:block; border-bottom:solid 1px #CCC; padding-bottom:10px; text-align:left}
#Sag .IcSayfaKategori a img{margin:10px 0; display:block}
#Sag .IcSayfaKategori a span{font-size:12px; display:block; border-top:solid 1px #CCC; color:#444444; text-align:left; padding-top:15px}

#Sag  .UrunList{margin:15px auto; text-align:center; position:relative}
#Sag  .UrunList a{border:Solid 1px #CCC; display:block; padding:10px}
#Sag  .UrunList a:hover{border:solid 1px #DC0C0C; color:#000; text-decoration:none}
#Sag  .UrunList a strong{font-size:13px; display:block; border-bottom:solid 1px #CCC; padding-bottom:10px; text-align:left;}
#Sag  .UrunList a .UrunBaslik{ height:30px}
#Sag  .UrunList a img{margin:10px 0; display:block}
#Sag  .UrunList a span{font-size:12px; display:block; border-top:solid 1px #CCC; color:#444444; text-align:left; padding-top:5px; height:105px}

#Sag #UrunSol{margin:10px 0}
#Sag #UrunSag h1{display:block; font-size:20px; margin:10px 0}
#Sag .nav-pills{margin:20px 0}
#Sag .nav-pills > li a{padding:10px 20px; margin-right:5px; border:solid 1px #e1e1e1}
#Sag .nav-pills > li a:hover{background-color:#FFF; color:#F65757}
#Sag .nav-pills > li.active a{background-color:#F65757}
#Sag .nav-pills > li.active a:hover{background-color:#F65757; cursor:default; color:#FFF}
#Sag .tab-content{border:solid 1px #e1e1e1; padding-top:20px}
#Sag #Video strong{display:block; margin-bottom:10px; font-size:20px; font-weight:normal}


#Sag #tabs #Gallery div{width:100%; margin-bottom:20px}
#Sag #tabs #Gallery div img{width:300px; display:block; border:solid 2px #FFF; margin-bottom:5px; float:left; margin-right:5px}
#Sag #tabs #Gallery div img:hover{border:solid 2px #595959}

#Sag #UrunSag .Video{width:100%; text-align:center; margin-bottom:10px}
#Sag #UrunSag .Video strong{display:block; font-size:16px; margin-bottom:5px; color:#000}
#Sag #UrunSag .Sektor{display:block; width:50%; float:left; margin-bottom:20px; font-size:10px}
#Sag #UrunSag .Sektor:hover{color:#F00}
#Sag #UrunSag .Sektor strong{display:block; margin-bottom:3px; font-size:14px}

.FooterUstBG img{width:80%; margin-left:10%; display:block}

.AltMenu{position:relative;  padding:20px 0}
.AltMenu a{color:#FFF;display:block; float:left}
.AltMenu a+a{border-left: solid 1px #E35D4C}

.Alt{background: url(/Images/Site/FooterBG.png) repeat-x #333; padding: 40px 0 20px 0; color:#CCC; line-height:24px}
.Alt img{ margin-bottom:15px; display:block}
.Alt a{color:#CCC; }
.Alt a:hover{color:#E15C4C; text-decoration:none}
.Alt b{display:block; font-size:22px; font-weight:normal; margin-bottom:15px; color:#FFF}
.Alt span{color:#E15C4C; margin-right:5px}
.Alt strong{display:block; margin-top:10px; font-weight:normal; color:#FFF}
.Alt .AltSag{margin-top:20px}
.Alt div+div+div+div a{display:inline-block; margin-top:5px}
.Alt div{margin-top:20px}

.Alt div div{margin-top:0px}
.Alt .BintAjans{margin-top:15px;}
.Alt .BintAjans a{background: url("http://www.bintajans.com/SiteAlt-Beyaz.png") no-repeat;display: block; height: 30px;width: 66px; text-indent:-9999px; margin:10px auto 0 auto; float:right}



.separator {
	height: 1px;
	background-color: #e1e1e1;
	width: 50%;
	margin-left: 25%;
	margin-bottom: 35px;
	margin-top: 15px;
}
.separator-style {
	background-color: #FCFCFC;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border-style: solid;
	border-color: #e1e1e1;
	border-width: 2px;
	display: block;
	height: 9px;
	left: 50%;
	margin-left: -5px;
	margin-top: -4px;
	position: absolute;
	width: 9px;
}
.separator-left {
	height: 1px;
	background-color: #e1e1e1;
	width: 50%;
	/*margin-left: 25%;*/
	margin-top: 25px;
	margin-bottom: 25px;
}
.separator-left-style {
	background-color: #FCFCFC;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border-style: solid;
	border-color: #e1e1e1;
	border-width: 2px;
	display: block;
	height: 9px;
	/*left: 50%;*/
	margin-left: 0px;
	margin-top: -4px;
	position: absolute;
	width: 9px;
}
.separator-right {
	height: 1px;
	background-color: #e1e1e1;
	width: 50%;
	margin-left: 50%;
	margin-top: 25px;
	margin-bottom: 25px;
}
.separator-right-style {
	background-color: #FCFCFC;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border-style: solid;
	border-color: #e1e1e1;
	border-width: 2px;
	display: block;
	height: 9px;
	right: 0;
	margin-right: 6px;
	margin-top: -4px;
	position: absolute;
	width: 9px;
}