.enustalan{background-color: #ffffff;position:fixed;z-index:999;box-shadow: 0px 0px 25px #b3b3b3;}
	.logo{float:left;height: 70px;background-image:url('http://el-kasan.com.tr/library/img/logo.png');background-repeat: no-repeat;}
	.menuler{float:right;}
	.menuler li{float:left;color:#545454;text-align: center;padding: 25px 0px;}
	.menuler li a{color:#3e3e3e;font-size:17px;padding: 27px 18px;font-weight: 600px;}
	.menuler li a:hover{color: #fff !important;background-color: #D32F2F !important;}
	.bars{display:none;}
	.mobilheader{display:none;}
	.mobilmenuler {display:none;}
	#menukapat {display:none;color:#fff; position: relative; z-index: 9999999;}

.aktif{color: #fff !important;background-color: #d32f2f !important;}
	.celikarkaplan{background-image: url(http://el-kasan.com.tr/library/img/body-bg.png); padding-bottom: 15px;padding-top: 0px;}
	.govde{padding: 0px 0px 20px 0px;}

.slider{margin-top: 70px;overflow:hidden;height:400px;}

.icsayfa{ padding: 50px 0px;}
	.icmenuler{padding: 45px 15px 0px 0px;}
	.icmenuler ul li{ margin: 10px 0px; font-weight:bold; font-size:20px; }
	.icmenuler ul li a{color: #2d2d2d; }
	.icerikalani{ padding-left: 15px;}
	.icerikalani h1{color:#2d2d2d; padding: 0px 0px 10px 0px; text-align:center;}
	.icerikalani h2{color:#2d2d2d;} 
	.icerikalani img{ margin: 20px 0px;} 

.active{color:#d32f2f !important;}

.hizmetblok{padding: 0px 0px 15px 0px;background-color: #f4f4f4;border:1px solid #f4f4f4;min-height:230px;}
	.hizmetblok h1{ font-size: 16px !important;}
	.hizmetblok p{ font-size: 17px !important; line-height: 22px!important; padding: 15px 10px!important;}
	.hizmetblok:hover{background-color: #d32f2f; border:1px solid #d32f2f;  color:#fff !important; }
	.hizmetblok:hover p{ color: #fff !important;}
	.hizmetblok:hover h1{ color: #fff !important;}

.teklifform{text-align:center;}
	.teklifform h2{ color: #d32f2f; font-size: 20px; padding: 10px 0px;}
	.teklifform .forminput{ width:80%;}
	.teklifform .formtext{ width:80%;}

.icerik {text-align:center;padding: 25px 0px;}
	.icerik h1{font-size: 30px; margin:10px 0px;color:#d32f2f;}
	.icerik h1 span{color:#545454;}
	.icerik p{font-size: 18px;color: #545454;line-height: 22px;padding: 20px 10px;}
	.icerik h3{font-size:28px; margin: 35px 0px 25px 0px;color:#545454;}

.sayfafoto{padding: 30px 0px; display: table;}
	.sayfafoto .resim{width: 45%; margin-right: 5%;}
	.sayfafoto .resim img{width:100%;height:200px;}
	.fotoalt{ text-align: center; padding: 15px 0px 0px;}
	.fotoalt p{ font-size: 15px; font-weight: bold;}

.referansimg{width:100%; background-repeat: no-repeat;}
	.referansbaslik{ color: #333; text-align: center;}

.haberbaslik h1{}
	.haberblok{ margin: 0px 1% 0px 2%; min-height: 500px;}
	.haberimg{width:100%;height:200px; background-repeat: no-repeat; background-position-x: center;background-position-y: center;}
	.haberliste h1{ font-size: 25px; margin:15px 0px; color: #d32f2f;}
	.habergiris{font-size: 16px;}
	.habergiris p{color:#3e3e3e;}
	.haberbuton{ padding: 20px 0px;}
	.haberbuton a{color: #d32f2f;}

.beyaz{background-color:#fff;display: table;  text-align: center;  margin: 0 auto;}

#referanslar{height:100px;overflow:hidden;}

.urunicerik h1{text-align:center; color: #d32f2f;font-size:25px; padding: 0px 0px 15px;}
	.urunfotolar h1{text-align:center; color: #d32f2f;}
	.urunblok{ margin: 0px 1% 30px 2%;}
	.urunimg img{width:100%;height:200px;}
	.urunliste h1{ font-size: 18px; margin:15px 0px; color: #d32f2f;}
	.urungiris{font-size: 16px;}
	.urungiris p{color:#3e3e3e;}
	.urundetay{display: table;}

.projeler{}
	.proje{width: 303px; float: left; margin: 15px;}
	.proje h2{     font-size: 14px; background-color: #d32f2f;color: #fff;cursor:pointer;}
	.proje:hover{ opacity: 0.8; background-color: #545454;}
	.icerik h6{ padding: 15px 0px; color:#545454; font-size:20px; text-align: left;}
	.rastproje{width: 230px !important; margin: 35px 10px;background-color: #fff;text-align: center;}
	.rastproje:hover img{ box-shadow: 3px 12px 18px #8c8c8c;}

.duyurular{ margin: 20px 0px 20px 3%;}
	.duyurular p{ text-align: left;font-size: 17px;color: #545454;line-height: 21px;}
	.duyurular span{color: #d32f2f;float:right;border-bottom:1px solid #fff; line-height: 1;}
	.duyurular span:hover{border-bottom:1px solid #d32f2f;}

.icerikadi{background-color: #D32F2F;text-align:center;padding: 10px 0px;margin-top: 70px;}
	.icerikadi h1{font-size: 35px;color:#fff;}
	.paragraf{text-align:left}

.projeicerik h1{text-align:center; color: #d32f2f;font-size:25px; padding: 0px 0px 15px;}
	.projeicerik .fotolar{ padding: 20px 0px;}

.urunicerik p{ padding: 25px 0px; text-align: left;     font-size: 17px;}
	.fotolar{padding:20px 40px;}
	.foto{width:140px; margin-right: 15px;float:left;}

.formalani{text-align:left;}
	.formalani h2{ font-size: 24px; margin: 15px 6px;color:#545454;}
	.forminput{background: transparent;border:1px solid #899096; padding: 7px; font-size: 17px;width: 70%; margin: 5px;}
	.forminput::placeholder{color:#616060b5;}
	.forminput:focus{border: 1px solid #d32f2f;}
	.formtext{background: transparent;border:1px solid #899096; padding: 7px; font-size: 17px; width: 70%; margin: 5px;}
	.formtext::placeholder{color:#616060b5;}
	.formtext:focus{border: 1px solid #d32f2f;}
	.formbuton{background-color: #d32f2f; border: 1px solid #d32f2f;color: #fff;border-radius: 2px;padding: 10px 0px;width: 150px;font-size: 19px;cursor: pointer;}
	.formbuton:hover{background:transparent; color: #d32f2f;}
	.butonalani {padding: 10px 204px;}

.iltsmbilg {padding: 0px 35px;text-align: left;}
	.iltsmbilg h2{font-size: 24px;color:#545454; margin: 15px 0px;}
	.iltsmbilg p{font-size: 19px;color: #545454;line-height: 24px;padding: 10px 0px;}
	.iltsmbilg span{font-weight:bold;color:#545454;}

.footer{background-color:#22313f;color:#fff; padding: 30px 0px;line-height:1.5;font-size: 18px;}
	.aciklama{float:right;font-size: 14px;}
	.sosyalmedya{float:left;}
	.sosyalmedya i{float:left;margin:8px;color:#fff;font-size:22px;}
	.sosyalmedya .face:hover{color:#4267b2;}
	.sosyalmedya .link:hover{color:#0077b5;}
	.sosyalmedya .twit:hover{color:#55acee;}
	.sosyalmedya p{float: left;  margin-left: 7px; font-size: 14px;}
	.uyari{font-size:18px;font-weight:bold; color: #545454;  padding: 15px 3px;}
#map-canvas { width: 100%; height: 300px;}

@media only screen and (max-width: 479px) {
	.enustalan{display:none;}
		.mobilheader{display:block;}
		.menuler{display:none;}
		.bars{float:right;color:#d32f2f;margin:3% 3%;display:block;font-size: 25px !important;}
		.mobilmenuler ul{width:77%;height:100%;background-color:#d32f2f;position:fixed;z-index:999999;right:0;padding:10px 0px 0px 7%;}
		.mobilmenuler ul li{float:none;padding:3% 0px;border-bottom:1px solid #fff; color: #fff;}
		.mobilmenuler ul li a{font-size:17px;color:#fff;width:100%;}
	
	.hizmetblok{ min-height: 300px;}
		.slider{margin-top:0px;height:auto;}
		.logo{ }
	
	.proje{margin:15px 10%; width: 80%;}
	
	.icerikadi{margin-top:0px;height:60px;padding: 0px;}
		.icsayfa{padding: 10px 0px;}
		.icmenuler{text-align: center;border-bottom: 4px double #d32f2f;padding: 0px;}
		.icerikalani{ padding: 10px 3%;}
	
	.urunblok{padding: 10px 8px; min-height: 225px; margin: 0px; text-align: center;}
		.urunliste h1 { font-size: 18px;}
		.urungiris p{display:none;}
		.urunimg img {height:130 !important;}
		.urunicerik p { padding: 25px 10px;}
	
	.fotolar{ padding: 10px 4%;}
		.foto{ float: left; width: 45%; margin: 10px 2%;}
	
	.butonalani{ padding: 10px 0px; text-align: center;}
	
	.urundetay{padding:10px;}
		.projeicerik img{ height:130px !important; }
		.rastproje { width: 45% !important;  margin: 15px 2%;}
	
	.proje h2{ min-height: 40px;}
	
	.haberblok{min-height: 300px; padding: 5px;}
	
	.formalani {text-align: center;}
		.forminput {width:80%;}
		.formtext {width:80%;}
}

@media screen and (max-width:1000px) and (min-width:479px) {
	.enustalan{display:none;}
		.mobilheader{display:block;}
		.menuler{display:none;}
		.bars{float:right;color:#d32f2f;margin:3% 3%;display:block;font-size: 25px !important;}
		.mobilmenuler ul{width:77%;height:100%;background-color:#d32f2f;position:fixed;z-index:999999;right:0;padding:10px 0px 0px 7%;}
		.mobilmenuler ul li{float:none;padding:3% 0px;border-bottom:1px solid #fff; color: #fff;}
		.mobilmenuler ul li a{font-size:17px;color:#fff;width:100%;}
	
	.hizmetblok{min-height: 255px;}
		.slider{margin-top:0px;height:auto;}
		.logo{}
	
	.proje{margin: 15px 1.5%; width: 30%;}
	
	.icerikadi{margin-top:0px;height:60px;padding: 0px;}
		.icsayfa{padding: 10px 2%;}
		.icmenuler{text-align: center;border-bottom: 4px double #d32f2f;padding: 0px;}
		.icerikalani{ padding: 10px 3%;}
	
	.urunblok{margin: 10px 1%; min-height: 225px; text-align: center;}
		.urunliste h1 { font-size: 18px;}
		.urungiris p{display:none;}
		.urunimg img {height:140px !important;}
		.urunicerik p { padding: 25px 10px;}
	
	.fotolar{ padding: 10px 4%;}
		.foto{ float: left; width: 45%; margin: 10px 2%;}
		.foto img{ height:auto !important;}
	
	.butonalani{ padding: 10px 0px; text-align: center;}
	
	.urundetay{padding:10px;}
		.projeicerik img{ height:auto !important; }
		.rastproje { width: 45% !important;  margin: 15px 2%;}
	
	.proje h2{ min-height: 40px;}
		.proje img{height:135px !important;}
	
	.haberblok{min-height: 300px; margin: 0px;}
	
	.formalani {text-align: center;}
		.forminput {width:80%;}
		.formtext {width:80%;}
		
	.teklifform .forminput { width: 65%;}
}