/* BİSMİLLAHİRRAHMANİRRAHİM */


@font-face {
	font-family: 'Neo';
	src: url('fonts/NeoSans TR.eot');
	src: local('☺'), url('fonts/NeoSans TR.woff') format('woff'), url('fonts/NeoSans TR.ttf') format('truetype'), url('fonts/NeoSans TR.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'NeoLight';
	src: url('fonts/NeoSans Light TR.eot');
	src: local('☺'), url('fonts/NeoSans Light TR.woff') format('woff'), url('fonts/NeoSans Light TR.ttf') format('truetype'), url('fonts/NeoSans Light TR.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'NeoBold';
	src: url('fonts/NeoSansStd Bold TR.eot');
	src: local('☺'), url('fonts/NeoSansStd Bold TR.woff') format('woff'), url('fonts/NeoSansStd Bold TR.ttf') format('truetype'), url('fonts/NeoSansStd Bold TR.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {
padding:0;
margin:0;
font-family:'NeoLight', Sans-Serif;
font-style:normal;
font-weight:normal;
color:#8f8f8f;
background-color:#ffffff;
font-size:16px;
line-height:24px;
-webkit-text-size-adjust: none;
}

.clear {clear:both}
img {border:none}
.l {float:left}
.r {float:right}
*{outline:none;}
*{		
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a { text-decoration:none; color:#636363}
a:hover { text-decoration:none; color:#d74343}

header, nav, section, article, figure, aside, footer, figcaption { padding:0; margin:0}
figcaption { display:none}

h1 {
padding:0;
margin:0 0 10px 0;
font-size:36px;
color:#636363;
font-family:'NeoBold', Sans-Serif;
}

h2 {
padding:0;
margin:0;
font-size:30px;
font-family:'NeoBold',Sans-Serif;
}

h3 {
padding:0;
margin:0;
font-size:24px;
font-family:'NeoBold',Sans-Serif;
}



#header {
position:relative;
width:100%;
height:36px;
background-color:#293032;
color:#f0f0f0;
font-size:13px;
font-family:"NeoLight", Helvetica, sans-serif;
letter-spacing:0.6px;
}

	#header .cont {
	position:relative;
	width:90%;
	height:36px;
	margin:auto;
	}
		#header .cont a {transition: ease-in .16s all; text-decoration:none; color:#f0f0f0}
		#header .cont a:hover {transition: ease-in .16s all; text-decoration:none; color:#da8609}

		#header .cont .mail { background:url(i/mail.png) no-repeat left center}
		#header .cont .tel { background:url(i/tel.png) no-repeat left center}
		#header .cont .konum { background:url(i/kroki.png) no-repeat left center}
		
		#header .cont .box {
		position:relative;
		float:left;
		padding-left:25px;
		margin:8px 40px 0 0;
		}
		
		#header .cont .face { transition: ease-in .16s all; background:url(i/face.png) no-repeat center center #4a5052}
		#header .cont .twit { transition: ease-in .16s all; background:url(i/twitter.png) no-repeat center center #4a5052}
		#header .cont .face:hover {transition: ease-in .16s all; background-color:#3b5998; cursor:pointer}
		#header .cont .twit:hover {transition: ease-in .16s all; background-color:#55acee; cursor:pointer}		
		
		#header .cont .sosyal {
		position:relative;
		float:left;
		height:36px;
		margin-right:3px;
		width:40px;
		}


	.altbar {
	position:relative;
	width:90%;
	height:50px;
	margin:20px auto;
	letter-spacing:0;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	color:#f0f0f0;
	font-size:13px;
	font-family:"NeoLight", Helvetica, sans-serif;
	letter-spacing:0.6px;
	}
		.altbar .logo {
		position:relative;
		float:left;
		color:#878f91;
		text-align:center;
		font-size:15px;
		}
		.altbar .logo h1 { font-size:24px; padding:0; margin:0;}
		
			.altbar .kirmizi { color:#d84545}
			.altbar .siyah { color:#293032}


		.altbar .arama {
		position:relative;
		float:left;
		margin-top:4px;
		}
		.altbar .arama input {
		background:url(i/arama.png) no-repeat 8px center #f9f9f9;
		border:#ececec solid 1px;
		color:#8f8f8f;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		-o-border-radius:3px;
		font-family:"NeoLight", Helvetica, sans-serif;
		padding:8px 6px 8px 40px;
		width:160px;
		transition:all .4s;
		}
		.altbar .arama input:focus {
		width:280px;
		}



	.altbar .menu {
	position:relative;
	float:left;
	margin-top:10px;
	}	

		.altbar .menu .menu-ac { display:none;}
	
	.altbar .menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
	}		
	
	.altbar .menu ul li {
	display:inline-block;
	float:left;
	padding:0;
	margin:0;
	}	
	
		.altbar .menu ul li a {
		transition: .12s ease-in;
		text-decoration:none;
		font-size:18px;
		color:#565a5b;
		font-family:"Neo", Helvetica, sans-serif;
		padding:0 24px;
		display: block;
		}	
			.altbar .menu ul li a:hover {
			transition: .12s ease-in;
			color:#d74343;
			}		




#banner {
position:relative;
width:100%;
height:517px;
background-color:#f1f1f1;
}

	#banner .cont {
	position:relative;
	width:90%;
	height:100%;
	margin:auto;
	}

		#banner .cont .slogan {
		position:relative;
		float:left;
		margin-top:80px;
		}
			#banner .cont .slogan .slogan1 {
			position:relative;
			margin-bottom:70px;
			}
			#banner .cont .slogan .slogan1 h3 { font-family:"NeoLight", Helvetica, sans-serif; font-size:36px; color:#4f4f4f; font-weight:normal; margin-bottom:24px;}
			#banner .cont .slogan .slogan1 h1 { font-family:"Neo", Helvetica, sans-serif; font-size:44px; color:#2196f3; font-weight:normal; margin-bottom:24px;}
		
			#banner .cont .slogan .slogan2 {
			position:relative;
			margin-bottom:50px;
			font-family:"NeoLight", Helvetica, sans-serif; font-size:24px; color:#909090; font-weight:normal;
			line-height:30px;
			}
			
			#banner .cont .slogan .sloganTel {
			position:relative;
			float:left;
			font-family:"NeoLight", Helvetica, sans-serif;
			font-size:16px;
			color:#ffffff; 
			font-weight:normal;
			background:url(i/tel2.png) no-repeat 15px center #4caf50;
			padding:12px 20px 12px 46px;
			}
			
		
		#banner .cont .resim {
		position:relative;
		float:right;
		width:900px;
		height:517px;
		}



#bannerkusak {
position:relative;
width:100%;
height:130px;
background-color:#ffc039;
}
	#bannerkusak .cont {
	position:relative;
	width:90%;
	height:100%;
	margin:auto;
	color:#654500;
	display:flex;
	flex-wrap:wrap;
	display:-webkit-flex;
	-webkit-flex-wrap:wrap;
	justify-content:space-around;
	font-family:"NeoLight", Helvetica, sans-serif;	
	}
		#bannerkusak .cont .kutu strong { font-family:"NeoBold", Helvetica, sans-serif; font-size:30px; font-weight:bold; letter-spacing:-1px}

		#bannerkusak .cont .tel { transition: .2s ease-in;background:url(i/ortatel.png) no-repeat left center;} 
		#bannerkusak .cont .tel:hover { transition: .2s ease-in; background:url(i/ortatel.png) no-repeat left 0;} 
		#bannerkusak .cont .saat { transition: .2s ease-in;background:url(i/saat.png) no-repeat left center;}
		#bannerkusak .cont .saat:hover { transition: .2s ease-in;background:url(i/saat.png) no-repeat left 0;}
		#bannerkusak .cont .garanti { transition: .2s ease-in;background:url(i/guvenli.jpg) no-repeat left center;}
		#bannerkusak .cont .garanti:hover { transition: .2s ease-in;background:url(i/guvenli.jpg) no-repeat left 0;}
		#bannerkusak .cont .kutu {
		position:relative;
		float:left;
		height:50px;
		margin:40px 0;
		padding-left:60px;	
		}
	


#container {
position:relative;
width:100%;
background-color:#FFFFFF;
font-size:18px;
letter-spacing:0.7px;
line-height:30px;
}

/***********  YORUM CSS KODLARI  **************/		
		

/* Yorum */
h4.kacyorum {font-weight: bold;font-size: 20px; color: #cd4837;line-height: 28px; margin:120px 0 15px 0;}
.yorum {margin: 35px 0;}
.yorum a {color: #404040;}
.yorumavatar {display:none; float: left; margin-right: 15px;}
.yorumavatar img {width: 60px; height: 60px;}
.yorumavatar img:hover {border-radius: 1px;}
.yorumkullanici h3 {font-size :15px !important; font-weight: bold; color: #75ab61; margin-bottom: 5px;}
.yorumtarih { float:left; margin-bottom: 10px; font-size: 11px; color:#bcbcbc}
.yorumyazi {font-size: 14px;color: #626262;line-height: 24px;}
.yorumyazi p { margin-left: 0px; text-indent: 0px; }

.yorumlistele {
list-style-type:none;
padding:0;
margin:0;
}
ul .children {
list-style-type:none;
padding:0 15px !important;
margin-left:30px !important;
background-color:#f6f6f6;
}
.cevapla {margin-left: 60px; font-size: 12px; margin-top: 5px;}
em.yorumonay {font-size:12px;}

/* Yorum Ekle */
#respond {overflow: hidden; background-color: #f6f6f6; margin-top:100px; padding:10px 5%; width: 100%;}
#respond .comment {width: 98%; font-family: 'Open Sans', sans-serif; border: none; padding: 15px 10px 30px 15px; margin-top: 10px; border-radius: 2px;}
#respond input[type='text']{border: none; border-radius: 2px; padding: 12px 10px 11px 10px; margin-bottom: 10px;}
#respond input[type='submit'] {float: left; margin:15px 0; border: none; background-color: #75ab54; padding:10px; color: #fff;font-weight: bold; border-radius: 2px}
p#yorumgiris {font-size: 13px;}		

/*******************************  WP CSS  *********************************/

#wpCont {
position:relative;
width:90%;
margin:auto;
padding:80px 0;
border-top:#f1f1f1 solid 1px;
}

#wpCont strong {color:#e63900; font-family:"Neo", Sans-Serif; font-weight:bold;}

#wpCont h1 {
padding:0;
margin:0 0 10px 0;
font-size:30px;
color:#636363;
font-family:"NeoBold", Sans-Serif;
font-weight:bold;
letter-spacing:-1px;
}

	#wpCont .icerikCont{
	position:relative;
	float:left;
	width:70%;
	
	}
	#wpCont .kenarCont{
	position:relative;
	float:right;
	width:25%;
	border-left:#f1f1f1 solid 1px;
	padding-left:30px;
	}

		#wpCont .cerceve {
		position:relative;
		width:100%;
		}
		
			#wpCont .cerceve .tel { background:url(i/footer-tel.png) no-repeat 40px center}
			#wpCont .cerceve .mail { background:url(i/footer-mail.png) no-repeat 40px center}
			#wpCont .cerceve .konum { background:url(i/footer-konum.png) no-repeat 40px center}

			#wpCont .cerceve div {
			transition:.3s;
			position:relative;
			color:#333333;
			font-size:20px;
			padding:24px 40px 24px 90px;
			border-bottom:#eaeaea solid 1px;
			}
			
			#wpCont .cerceve div:hover { transition:.3s; background-color:#f3f3f3; padding-left:120px;}



#kenarCont {
position:relative;
width:100%;
margin-bottom:25px;
padding-bottom:25px;
border-bottom:solid 1px #f1f1f1;
}
	#kenarCont .ustBaslik {
	position:relative;
	width:100%;
	margin-bottom:20px;
	}

	   #kenarCont .ustBaslik h3 {color:#a1a1a1; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:24px; letter-spacing:-0.5px}

	#kenarCont .kutu {
	position:relative;
	width:100%;
	margin-bottom:20px;
	padding-left:100px;
	font-size:14px;
	letter-spacing:0.5px;
	line-height:24px;
	}

	#kenarCont .kutuYorum {
	position:relative;
	width:100%;
	margin-bottom:20px;
	font-size:14px;
	letter-spacing:0.5px;
	line-height:22px;
	}

	#kenarCont .kutuYorum ul {
	list-style-type:none;
	padding:0;
	margin:0;
	}

	#kenarCont .kutuYorum li {
	display:block;
	height:70px;
	overflow:hidden;
	margin-bottom:16px;
	}

	#kenarCont .kutu .baslik a { text-decoration:none; color:#76b550;}
	#kenarCont .kutu .baslik a:hover { text-decoration:none; color:#579631;}
	#kenarCont .kutu h3 { color:#ff9800; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:18px; letter-spacing:-0.5px}
	#kenarCont .kutu .img { position:absolute; left:0; top:5px; background-color:#eeeeee; width:80px; height:80px;}

		#kenarCont .kutu .baslik {
		width:100%;
		margin-bottom:6px;
		height:24px;
		overflow:hidden;
		}

		#kenarCont .kutu .icerik {
		width:100%;
		height:50px;
		overflow:hidden;
		margin-bottom:25px
		}
		


/*******************************  WP CSS  *********************************/

#hizmetler {
position:relative;
width:100%;
margin:auto;
padding:80px 0;
display:flex;
display:-webkit-flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
}

	#hizmetler .cont {
	position:relative;
	width:90%;
	margin:auto;
	text-align:center;
	margin-bottom:90px;
	}
	#hizmetler .cont h2 { color:#636363; padding-bottom:25px; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:36px}

	#hizmetler .kutu {
	position:relative;
	width:27%;
	margin:0 3% 120px 3%;
	padding-left:90px;
	font-size:16px;
	letter-spacing:0.5px;
	line-height:26px;
	}

	#hizmetler .kutu h3 { color:#636363; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:24px; letter-spacing:0}
	#hizmetler .kutu .img { position:absolute; left:0; top:40px;}

		#hizmetler .kutu .baslik {
		width:100%;
		margin-bottom:10px
		}

		
		#hizmetler .kutu .icerik {
		width:100%;
		height:80px;
		overflow:hidden;
		margin-bottom:30px
		}
		#hizmetler .devam {
		position:relative;
		float:left;
		text-align:center;
		}
		#hizmetler .devam a {
		text-decoration:none;
		padding:10px 20px;
		background-color:#49aa4d;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:bold;
		border-bottom:#2a7f2e solid 3px;
		}
		#hizmetler .devam a:hover {
		background-color:#65bb69;
		border-bottom:#4b9c4f solid 3px;
		}



#ortailetisim {
position:relative;
width:100%;
height:430px;
background:url(i/orta-bg.jpg) no-repeat center center;
color:#d8d8d8;
letter-spacing:0px;
}

	#ortailetisim .cont {
	position:relative;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.85);
	text-align:center;
	}
		#ortailetisim .cont h2 { color:#FFFFFF; font-family:"Neo", Helvetica, sans-serif; font-weight:bold; font-size:36px; padding:70px 0 30px 0}

		#ortailetisim .cont h1 { color:#00aeff; font-family:"NeoBold", Helvetica, sans-serif; font-weight:bold; font-size:50px; padding:0 0 50px 0}

	#ortailetisim .hemenAra {
	position:relative;
	margin-top:50px;
	}

		#ortailetisim .hemenAra a {
		text-decoration:none;
		padding:10px 20px;
		background-color:#e43427;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:bold;
		font-size:24px;
		border-bottom:#971313 solid 3px;
		}
		#ortailetisim .hemenAra a:hover {
		background-color:#65bb69;
		border-bottom:#4b9c4f solid 3px;
		}
		

#sonisler {
position:relative;
width:100%;
margin:auto;
padding:80px 0;
}

	#sonisler .cont {
	position:relative;
	width:90%;
	margin:auto;
	text-align:center;
	margin-bottom:60px;
	}
	#sonisler .cont h2 { color:#636363; padding-bottom:30px; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:36px}


	#sonisler .jcarousel {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	
		#sonisler .jcarousel .divCerceve {
			width: 20000em;
			position: relative;
			margin: 0;
			padding: 0;
		}
		
		#sonisler .jcarousel .divCerceve .box {
		width: 330px;
		float: left;
		}
		
			#sonisler .jcarousel .divCerceve .box .kutu {
			transition: .16s;
			position:relative;
			width: 330px;
			margin:0 auto 20px;
			background-color:#f1f1f1;
			font-size:16px;
			letter-spacing:0.5px;
			line-height:26px;
			}
			
			#sonisler .jcarousel .divCerceve .box .kutu:hover {
			transition: .16s;
			cursor:pointer;
			box-shadow: 0 6px 18px rgba(120, 120, 120, 0.5);
			}
		
				#sonisler .jcarousel .divCerceve .box .kutu .img {
				position:relative;
				display:block;
				width:100%;
				height:auto;
				}
				
				#sonisler .jcarousel .divCerceve .box .kutu .baslik {
				position:relative;
				width:94%;
				margin:15px auto 0;
				overflow:hidden;
				height:24px;
				text-align:center;
				letter-spacing:0;
				}
				
				#sonisler .jcarousel .divCerceve .box .kutu .baslik strong {color:#636363; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:18px}
		
				#sonisler .jcarousel .divCerceve .box .kutu .icerik {
				position:relative;
				width:94%;
				height:80px;
				margin:5px auto 0;
				}
				
				#sonisler .jcarousel .divCerceve .box .kutu .icerik .txt {
				position:relative;
				width:100%;
				height:50px;
				overflow:hidden;
				}
				
	#sonisler .tuslar {
	position:relative;
	width:100px;
	margin:90px auto 0;
	}




#yorumlar {
position:relative;
width:100%;
color:#FFFFFF;
background:url(i/yorum-bg.jpg) no-repeat center center #229dff;
padding:70px 0 30px 0;
}


	#yorumlar .jcarousely {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	
		#yorumlar .jcarousely .divCerceve {
			width: 20000em;
			position: relative;
			margin:0;
			padding: 0;
		}
		
		#yorumlar .jcarousely .divCerceve .box {
		width: 100%;
		float: left;
		}
		
			#yorumlar .jcarousely .divCerceve .box .kutu {
			position:relative;
			width: 80%;
			margin:0 auto 20px;
			font-size:16px;
			letter-spacing:0.5px;
			line-height:26px;
			text-align:center;
			}

				#yorumlar .jcarousely .divCerceve .box .kutu .icerik {
				position:relative;
				width: 100%;
				}
				#yorumlar .jcarousely .divCerceve .box .kutu .icerik strong { font-family:"NeoBold", Helvetica, sans-serif; font-weight:bold; color:#08477a; font-style:italic; letter-spacing:-0.5px}
				
				#yorumlar .jcarousely .divCerceve .box .kutu .tarih strong { font-family:"NeoBold", Helvetica, sans-serif; letter-spacing:-0.5px; font-size:24px;}
				
				#yorumlar .jcarousely .divCerceve .box .kutu .tarih {
				position:relative;
				width: 64px;
				height:59px;
				margin:20px auto 0;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				-o-border-radius:5px;
				background:url(i/yorum-tarih-bg.png) repeat-x left top;
				padding-top:20px;
				text-align:center;
				line-height:18px;
				font-size:14px;
				}
			
		
				
	#yorumlar .tuslar {
	position:relative;
	width:100px;
	margin:70px auto 0;
	}





#haberler {
position:relative;
width:100%;
margin:auto;
padding-top:100px;
display:flex;
display:-webkit-flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
justify-content:space-around;
}

	#haberler .cont {
	position:relative;
	width:90%;
	margin:auto;
	text-align:center;
	margin-bottom:90px;
	}
	#haberler .cont h2 { color:#636363; padding-bottom:25px; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:36px}

	#haberler .kutu {
	position:relative;
	width:38%;
	margin-bottom:120px;
	padding-left:200px;
	font-size:16px;
	letter-spacing:0.5px;
	line-height:26px;
	}

	#haberler .kutu .baslik a { text-decoration:none; color:#ff9800;}
	#haberler .kutu .baslik a:hover { text-decoration:none; color:#ffb548;}
	#haberler .kutu h3 { color:#ff9800; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:24px; letter-spacing:0}
	#haberler .kutu .img { position:absolute; left:0; top:5px; background-color:#eeeeee; width:160px; height:110px;}

		#haberler .kutu .baslik {
		width:100%;
		margin-bottom:10px
		}

		
		#haberler .kutu .icerik {
		width:100%;
		height:50px;
		overflow:hidden;
		margin-bottom:25px
		}
		#haberler .devam {
		position:relative;
		float:left;
		text-align:center;
		}
		#haberler .devam a {
		text-decoration:none;
		padding:8px 18px;
		background-color:#cbcbcb;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:bold;
		border-bottom:#b3b3b3 solid 3px;
		}
		#haberler .devam a:hover {
		background-color:#d9d9d9;
		border-bottom:#c8c8c8 solid 3px;
		}



#referans {
position:relative;
width:100%;
background-color:#f3f3f3;
padding:40px 0;
}

	#referans .cont {
	position:relative;
	width:90%;
	margin:auto;
	}

	#referans .sol {
	position:relative;
	width:40%;
	float:left;
	}
	
		#referans .sol .baslik {
		position:relative;
		margin-bottom:20px;
		}
			#referans .sol .baslik h2 { font-family:"Neo", Helvetica, sans-serif; font-size:36px; font-weight:bold; color:#636363; letter-spacing:-0.5px}
	
		#referans .sol .icerik {
		position:relative;
		margin-bottom:20px;
		font-size:16px;
		color:#8f8f8f
		}
		
		#referans .sol .devam {
		position:relative;
		float:left;
		text-align:center;
		margin-top:20px
		}
		
		#referans .sol .devam a {
		text-decoration:none;
		padding:8px 18px;
		background-color:#4caf50;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:bold;
		border-bottom:#36903a solid 3px;
		}
		#referans .sol .devam a:hover {
		background-color:#65c168;
		border-bottom:#4bac4f solid 3px;
		}
			
	
	
	#referans .sag {
	position:relative;
	width:48%;
	float:right;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-around;
	}
	
		#referans .sag div {
		position:relative;
		float:left;
		width:22%;
		height:auto;
		padding:2%;
		background-color:#FFFFFF;
		margin:1% 0;
		text-align:center;
		display:table;
		}
						
		#referans .sag div span {
		vertical-align:middle;
		display:table-cell;
		}


#iletisim {
position:relative;
width:100%;
padding:80px 0;
}			
	#iletisim .cont {
	position:relative;
	width:90%;
	margin:auto;
	text-align:center
	}


		#iletisim .cont .baslik {
		position:relative;
		margin-bottom:20px;
		}
			#iletisim .cont .baslik h3 { font-family:"Neo", Helvetica, sans-serif; font-size:36px; font-weight:bold; color:#636363; letter-spacing:-0.5px}
	
		#iletisim .cont .icerik {
		position:relative;
		margin-bottom:40px;
		}

		#iletisim .cont .cerceve {
		position:relative;
		width:80%;
		margin:auto;
		display:flex;
		display:-webkit-flex;
		flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		justify-content:space-around;
		}
		
			#iletisim .cont .cerceve .tel { background:url(i/footer-tel.png) no-repeat 40px center}
			#iletisim .cont .cerceve .mail { background:url(i/footer-mail.png) no-repeat 40px center}
			#iletisim .cont .cerceve .konum { background:url(i/footer-konum.png) no-repeat 40px center}
		
			#iletisim .cont .cerceve div {
			transition:.3s;
			position:relative;
			color:#333333;
			font-size:20px;
			padding:24px 40px 24px 90px;
			border:#eaeaea solid 1px;
			}
			
			#iletisim .cont .cerceve  div:hover { transition:.3s; background-color:#f3f3f3;}


#footer {
width:100%;
position:relative;
padding:60px 0;
background-color:#f8f8f8;
}
	#footer .cont {
	position:relative;
	width:90%;
	margin:auto;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	font-size:16px;
	line-height:30px;
	}

		#footer .cont .box {
		position:relative;
		width:20%;
		}
		
			#footer .cont .box .baslik {
			position:relative;
			margin-bottom:20px;
			}
			#footer .cont .box .baslik strong { font-family:"Neo", Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#636363; letter-spacing:-0.5px}
			
			#footer .cont .box .icerik {
			position:relative;
			margin-bottom:40px;
			}

				#footer .cont .box .icerik ul {
				list-style-type:none;
				padding:0;
				margin:0;
				}
				#footer .cont .box .icerik li {
				list-style-type:none;
				padding:0;
				margin:0;
				display:block;
				}
				#footer .cont .box .icerik li a {
				background:url(i/alt-list-bg.png) no-repeat left center;
				padding:10px 0 10px 25px;
				margin:0;
				}
				
				#footer .cont .box .icerik .txt {
				position:relative;
				font-family:"Neo", Helvetica, sans-serif;
				font-weight:bold;
				color:#636363;
				line-height:22px;
				}































@media screen and (min-width:1300px) and (max-width:1566px)
		
	{
	
	#header {
position:relative;
width:100%;
height:36px;
background-color:#293032;
color:#f0f0f0;
font-size:13px;
font-family:"NeoLight", Helvetica, sans-serif;
letter-spacing:0.6px;
}

	#header .cont {
	position:relative;
	width:96%;
	height:36px;
	margin:auto;
	}
		#header .cont a {transition: ease-in .16s all; text-decoration:none; color:#f0f0f0}
		#header .cont a:hover {transition: ease-in .16s all; text-decoration:none; color:#da8609}

		#header .cont .mail { background:url(i/mail.png) no-repeat left center}
		#header .cont .tel { background:url(i/tel.png) no-repeat left center}
		#header .cont .konum { background:url(i/kroki.png) no-repeat left center}
		
		#header .cont .box {
		position:relative;
		float:left;
		padding-left:25px;
		margin:8px 40px 0 0;
		}
		
		#header .cont .face { transition: ease-in .16s all; background:url(i/face.png) no-repeat center center #4a5052}
		#header .cont .twit { transition: ease-in .16s all; background:url(i/twitter.png) no-repeat center center #4a5052}
		#header .cont .face:hover {transition: ease-in .16s all; background-color:#3b5998; cursor:pointer}
		#header .cont .twit:hover {transition: ease-in .16s all; background-color:#55acee; cursor:pointer}		
		
		#header .cont .sosyal {
		position:relative;
		float:left;
		height:36px;
		margin-right:3px;
		width:40px;
		}


	.altbar {
	position:relative;
	width:96%;
	height:50px;
	margin:20px auto;
	letter-spacing:0;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	color:#f0f0f0;
	font-size:13px;
	font-family:"NeoLight", Helvetica, sans-serif;
	letter-spacing:0;
	}
		.altbar .logo {
		position:relative;
		float:left;
		color:#878f91;
		text-align:center;
		font-size:15px;
		}
		.altbar .logo h1 { font-size:22px; padding:0; margin:0;}
		
			.altbar .kirmizi { color:#d84545}
			.altbar .siyah { color:#293032}


		.altbar .arama {
		position:relative;
		float:left;
		margin-top:4px;
		}
		.altbar .arama input {
		background:url(i/arama.png) no-repeat 8px center #f9f9f9;
		border:#ececec solid 1px;
		color:#8f8f8f;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		-o-border-radius:3px;
		font-family:"NeoLight", Helvetica, sans-serif;
		padding:8px 6px 8px 40px;
		width:10px;
		transition:all .4s;
		}
		.altbar .arama input:focus {
		width:200px;
		}



	.altbar .menu {
	position:relative;
	float:left;
	margin-top:10px;
	}	

		.altbar .menu .menu-ac { display:none;}
	
	.altbar .menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
	}		
	
	.altbar .menu ul li {
	display:inline-block;
	float:left;
	padding:0;
	margin:0;
	}	
	
		.altbar .menu ul li a {
		transition: .12s ease-in;
		text-decoration:none;
		font-size:18px;
		color:#565a5b;
		font-family:"Neo", Helvetica, sans-serif;
		padding:0 20px;
		display: block;
		}	
			.altbar .menu ul li a:hover {
			transition: .12s ease-in;
			color:#d74343;
			}		




#banner {
position:relative;
width:100%;
height:517px;
background-color:#f1f1f1;
}

	#banner .cont {
	position:relative;
	width:96%;
	height:100%;
	margin:auto;
	}

		#banner .cont .slogan {
		position:relative;
		float:left;
		margin-top:80px;
		z-index:2;
		}
			#banner .cont .slogan .slogan1 {
			position:relative;
			margin-bottom:70px;
			}
			#banner .cont .slogan .slogan1 h3 { font-family:"NeoLight", Helvetica, sans-serif; font-size:36px; color:#4f4f4f; font-weight:normal; margin-bottom:24px;}
			#banner .cont .slogan .slogan1 h1 { font-family:"Neo", Helvetica, sans-serif; font-size:44px; color:#2196f3; font-weight:normal; margin-bottom:24px;}
		
			#banner .cont .slogan .slogan2 {
			position:relative;
			margin-bottom:50px;
			font-family:"NeoLight", Helvetica, sans-serif; font-size:24px; color:#909090; font-weight:normal;
			line-height:30px;
			}
			
			#banner .cont .slogan .sloganTel {
			position:relative;
			float:left;
			font-family:"NeoLight", Helvetica, sans-serif;
			font-size:16px;
			color:#ffffff; 
			font-weight:normal;
			background:url(i/tel2.png) no-repeat 15px center #4caf50;
			padding:12px 20px 12px 46px;
			}
			
		
		#banner .cont .resim {
		position:absolute;
		right:0;
		top:0;
		width:900px;
		height:517px;
		}



#bannerkusak {
position:relative;
width:100%;
height:130px;
background-color:#ffc039;
}
	#bannerkusak .cont {
	position:relative;
	width:96%;
	height:100%;
	margin:auto;
	color:#654500;
	display:flex;
	flex-wrap:wrap;
	display:-webkit-flex;
	-webkit-flex-wrap:wrap;
	justify-content:space-around;
	font-family:"NeoLight", Helvetica, sans-serif;	
	}
		#bannerkusak .cont .kutu strong { font-family:"NeoBold", Helvetica, sans-serif; font-size:30px; font-weight:bold; letter-spacing:-1px}

		#bannerkusak .cont .tel { transition: .2s ease-in;background:url(i/ortatel.png) no-repeat left center;} 
		#bannerkusak .cont .tel:hover { transition: .2s ease-in; background:url(i/ortatel.png) no-repeat left 0;} 
		#bannerkusak .cont .saat { transition: .2s ease-in;background:url(i/saat.png) no-repeat left center;}
		#bannerkusak .cont .saat:hover { transition: .2s ease-in;background:url(i/saat.png) no-repeat left 0;}
		#bannerkusak .cont .garanti { transition: .2s ease-in;background:url(i/guvenli.jpg) no-repeat left center;}
		#bannerkusak .cont .garanti:hover { transition: .2s ease-in;background:url(i/guvenli.jpg) no-repeat left 0;}
		#bannerkusak .cont .kutu {
		position:relative;
		float:left;
		height:50px;
		margin:40px 0;
		padding-left:60px;	
		}
	




#container {
position:relative;
width:100%;
background-color:#FFFFFF;
font-size:18px;
letter-spacing:0.7px;
line-height:30px;
}

#hizmetler {
position:relative;
width:100%;
margin:auto;
padding:80px 0;
display:flex;
display:-webkit-flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
}

	#hizmetler .cont {
	position:relative;
	width:96%;
	margin:auto;
	text-align:center;
	margin-bottom:90px;
	}
	#hizmetler .cont h2 { color:#636363; padding-bottom:25px; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:30px}

	#hizmetler .kutu {
	position:relative;
	width:27%;
	margin:0 3% 120px 3%;
	padding-left:90px;
	font-size:16px;
	letter-spacing:0.5px;
	line-height:26px;
	}

	#hizmetler .kutu h3 { color:#636363; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:20px; letter-spacing:0}
	#hizmetler .kutu .img { position:absolute; left:0; top:40px;}

		#hizmetler .kutu .baslik {
		width:100%;
		margin-bottom:10px
		}

		
		#hizmetler .kutu .icerik {
		width:100%;
		height:80px;
		overflow:hidden;
		margin-bottom:30px
		}
		#hizmetler .devam {
		position:relative;
		float:left;
		text-align:center;
		}
		#hizmetler .devam a {
		text-decoration:none;
		padding:10px 20px;
		background-color:#49aa4d;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:bold;
		border-bottom:#2a7f2e solid 3px;
		}
		#hizmetler .devam a:hover {
		background-color:#65bb69;
		border-bottom:#4b9c4f solid 3px;
		}



#ortailetisim {
position:relative;
width:100%;
height:430px;
background:url(i/orta-bg.jpg) no-repeat center center;
color:#d8d8d8;
letter-spacing:0px;
}

	#ortailetisim .cont {
	position:relative;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.85);
	text-align:center;
	}
		#ortailetisim .cont h2 { color:#FFFFFF; font-family:"Neo", Helvetica, sans-serif; font-weight:bold; font-size:36px; padding:70px 0 30px 0}

		#ortailetisim .cont h1 { color:#00aeff; font-family:"NeoBold", Helvetica, sans-serif; font-weight:bold; font-size:50px; padding:0 0 50px 0}

	#ortailetisim .hemenAra {
	position:relative;
	margin-top:50px;
	}

		#ortailetisim .hemenAra a {
		text-decoration:none;
		padding:10px 20px;
		background-color:#e43427;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:bold;
		font-size:24px;
		border-bottom:#971313 solid 3px;
		}
		#ortailetisim .hemenAra a:hover {
		background-color:#65bb69;
		border-bottom:#4b9c4f solid 3px;
		}
		

#sonisler {
position:relative;
width:100%;
margin:auto;
padding:80px 0;
}

	#sonisler .cont {
	position:relative;
	width:96%;
	margin:auto;
	text-align:center;
	margin-bottom:60px;
	}
	#sonisler .cont h2 { color:#636363; padding-bottom:30px; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:30px}


	#sonisler .jcarousel {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	
		#sonisler .jcarousel .divCerceve {
			width: 20000em;
			position: relative;
			margin: 0;
			padding: 0;
		}
		
		#sonisler .jcarousel .divCerceve .box {
		width: 330px;
		float: left;
		}
		
			#sonisler .jcarousel .divCerceve .box .kutu {
			transition: .16s;
			position:relative;
			width: 330px;
			margin:0 auto 20px;
			background-color:#f1f1f1;
			font-size:16px;
			letter-spacing:0.5px;
			line-height:26px;
			}
			
			#sonisler .jcarousel .divCerceve .box .kutu:hover {
			transition: .16s;
			cursor:pointer;
			box-shadow: 0 6px 18px rgba(120, 120, 120, 0.5);
			}
		
				#sonisler .jcarousel .divCerceve .box .kutu .img {
				position:relative;
				display:block;
				width:100%;
				height:auto;
				}
				
				#sonisler .jcarousel .divCerceve .box .kutu .baslik {
				position:relative;
				width:94%;
				margin:15px auto 0;
				overflow:hidden;
				height:24px;
				text-align:center;
				letter-spacing:0;
				}
				
				#sonisler .jcarousel .divCerceve .box .kutu .baslik strong {color:#636363; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:18px}
		
				#sonisler .jcarousel .divCerceve .box .kutu .icerik {
				position:relative;
				width:94%;
				height:80px;
				margin:5px auto 0;
				}
				
				#sonisler .jcarousel .divCerceve .box .kutu .icerik .txt {
				position:relative;
				width:100%;
				height:50px;
				overflow:hidden;
				}
				
	#sonisler .tuslar {
	position:relative;
	width:100px;
	margin:90px auto 0;
	}




#yorumlar {
position:relative;
width:100%;
color:#FFFFFF;
background:url(i/yorum-bg.jpg) no-repeat center center #229dff;
padding:70px 0 30px 0;
}


	#yorumlar .jcarousely {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	
		#yorumlar .jcarousely .divCerceve {
			width: 20000em;
			position: relative;
			margin:0;
			padding: 0;
		}
		
		#yorumlar .jcarousely .divCerceve .box {
		width: 100%;
		float: left;
		}
		
			#yorumlar .jcarousely .divCerceve .box .kutu {
			position:relative;
			width: 80%;
			margin:0 auto 20px;
			font-size:16px;
			letter-spacing:0.5px;
			line-height:26px;
			text-align:center;
			}

				#yorumlar .jcarousely .divCerceve .box .kutu .icerik {
				position:relative;
				width: 100%;
				}
				#yorumlar .jcarousely .divCerceve .box .kutu .icerik strong { font-family:"NeoBold", Helvetica, sans-serif; font-weight:bold; color:#08477a; font-style:italic; letter-spacing:-0.5px}
				
				#yorumlar .jcarousely .divCerceve .box .kutu .tarih strong { font-family:"NeoBold", Helvetica, sans-serif; letter-spacing:-0.5px; font-size:24px;}
				
				#yorumlar .jcarousely .divCerceve .box .kutu .tarih {
				position:relative;
				width: 64px;
				height:59px;
				margin:20px auto 0;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				-o-border-radius:5px;
				background:url(i/yorum-tarih-bg.png) repeat-x left top;
				padding-top:20px;
				text-align:center;
				line-height:18px;
				font-size:14px;
				}
			
		
				
	#yorumlar .tuslar {
	position:relative;
	width:100px;
	margin:70px auto 0;
	}





#haberler {
position:relative;
width:100%;
margin:auto;
padding-top:100px;
display:flex;
display:-webkit-flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
justify-content:space-around;
}

	#haberler .cont {
	position:relative;
	width:96%;
	margin:auto;
	text-align:center;
	margin-bottom:90px;
	}
	#haberler .cont h2 { color:#636363; padding-bottom:25px; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:30px}

	#haberler .kutu {
	position:relative;
	width:38%;
	margin-bottom:120px;
	padding-left:200px;
	font-size:16px;
	letter-spacing:0.5px;
	line-height:26px;
	}

	#haberler .kutu .baslik a { text-decoration:none; color:#ff9800;}
	#haberler .kutu .baslik a:hover { text-decoration:none; color:#ffb548;}
	#haberler .kutu h3 { color:#ff9800; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:20px; letter-spacing:0}
	#haberler .kutu .img { position:absolute; left:0; top:5px; background-color:#eeeeee; width:160px; height:110px;}

		#haberler .kutu .baslik {
		width:100%;
		margin-bottom:10px
		}

		
		#haberler .kutu .icerik {
		width:100%;
		height:50px;
		overflow:hidden;
		margin-bottom:25px
		}
		#haberler .devam {
		position:relative;
		float:left;
		text-align:center;
		}
		#haberler .devam a {
		text-decoration:none;
		padding:8px 18px;
		background-color:#cbcbcb;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:bold;
		border-bottom:#b3b3b3 solid 3px;
		}
		#haberler .devam a:hover {
		background-color:#d9d9d9;
		border-bottom:#c8c8c8 solid 3px;
		}



#referans {
position:relative;
width:100%;
background-color:#f3f3f3;
padding:40px 0;
}

	#referans .cont {
	position:relative;
	width:96%;
	margin:auto;
	}

	#referans .sol {
	position:relative;
	width:40%;
	float:left;
	}
	
		#referans .sol .baslik {
		position:relative;
		margin-bottom:20px;
		}
			#referans .sol .baslik h2 { font-family:"Neo", Helvetica, sans-serif; font-size:30px; font-weight:bold; color:#636363; letter-spacing:-0.5px}
	
		#referans .sol .icerik {
		position:relative;
		margin-bottom:20px;
		font-size:16px;
		color:#8f8f8f
		}
		
		#referans .sol .devam {
		position:relative;
		float:left;
		text-align:center;
		margin-top:20px
		}
		
		#referans .sol .devam a {
		text-decoration:none;
		padding:8px 18px;
		background-color:#4caf50;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:bold;
		border-bottom:#36903a solid 3px;
		}
		#referans .sol .devam a:hover {
		background-color:#65c168;
		border-bottom:#4bac4f solid 3px;
		}
			
	
	
	#referans .sag {
	position:relative;
	width:48%;
	float:right;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-around;
	}
	
		#referans .sag div {
		position:relative;
		float:left;
		width:22%;
		height:auto;
		padding:2%;
		background-color:#FFFFFF;
		margin:1% 0;
		text-align:center;
		display:table;
		}
						
		#referans .sag div span {
		vertical-align:middle;
		display:table-cell;
		}


#iletisim {
position:relative;
width:100%;
padding:80px 0;
}			
	#iletisim .cont {
	position:relative;
	width:96%;
	margin:auto;
	text-align:center
	}


		#iletisim .cont .baslik {
		position:relative;
		margin-bottom:20px;
		}
			#iletisim .cont .baslik h3 { font-family:"Neo", Helvetica, sans-serif; font-size:30px; font-weight:bold; color:#636363; letter-spacing:-0.5px}
	
		#iletisim .cont .icerik {
		position:relative;
		margin-bottom:40px;
		}

		#iletisim .cont .cerceve {
		position:relative;
		width:90%;
		margin:auto;
		display:flex;
		display:-webkit-flex;
		flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		justify-content:space-around;
		}
		
			#iletisim .cont .cerceve .tel { background:url(i/footer-tel.png) no-repeat 40px center}
			#iletisim .cont .cerceve .mail { background:url(i/footer-mail.png) no-repeat 40px center}
			#iletisim .cont .cerceve .konum { background:url(i/footer-konum.png) no-repeat 40px center}
		
			#iletisim .cont .cerceve div {
			transition:.3s;
			position:relative;
			color:#333333;
			font-size:20px;
			padding:24px 40px 24px 90px;
			border:#eaeaea solid 1px;
			}
			
			#iletisim .cont .cerceve  div:hover { transition:.3s; background-color:#f3f3f3;}


#footer {
width:100%;
position:relative;
padding:60px 0;
background-color:#f8f8f8;
}
	#footer .cont {
	position:relative;
	width:96%;
	margin:auto;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	font-size:16px;
	}

		#footer .cont .box {
		position:relative;
		width:20%;
		}
		
			#footer .cont .box .baslik {
			position:relative;
			margin-bottom:20px;
			}
			#footer .cont .box .baslik strong { font-family:"Neo", Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#636363; letter-spacing:-0.5px}
			
			#footer .cont .box .icerik {
			position:relative;
			margin-bottom:40px;
			}

				#footer .cont .box .icerik ul {
				list-style-type:none;
				padding:0;
				margin:0;
				}
				#footer .cont .box .icerik li {
				list-style-type:none;
				padding:0;
				margin:0;
				display:block;
				height:35px;
				overflow:hidden;
				}
				#footer .cont .box .icerik li a {
				background:url(i/alt-list-bg.png) no-repeat left center;
				padding:10px 0 10px 25px;
				margin:0;
				}


				#footer .cont .box .icerik .resim {
				position:absolute;
				width:80px;
				height:60px;
				left:0;
				top:0;
				background-color:#e6e6e6
				}
				
				#footer .cont .box .icerik .txt {
				position:relative;
				padding-left:100px;
				font-family:"Neo", Helvetica, sans-serif;
				font-weight:normal;
				color:#636363;
				line-height:20px;
				height:60px;
				overflow:hidden;
				}
	
	
	
	}


























@media screen and (min-width:1000px) and (max-width:1299px)
		
	{
	
	#header {
position:relative;
width:100%;
height:36px;
background-color:#293032;
color:#f0f0f0;
font-size:13px;
font-family:"NeoLight", Helvetica, sans-serif;
letter-spacing:0.6px;
}

	#header .cont {
	position:relative;
	width:96%;
	height:36px;
	margin:auto;
	}
		#header .cont a {transition: ease-in .16s all; text-decoration:none; color:#f0f0f0}
		#header .cont a:hover {transition: ease-in .16s all; text-decoration:none; color:#da8609}

		#header .cont .mail { background:url(i/mail.png) no-repeat left center}
		#header .cont .tel { background:url(i/tel.png) no-repeat left center}
		#header .cont .konum { background:url(i/kroki.png) no-repeat left center}
		
		#header .cont .box {
		position:relative;
		float:left;
		padding-left:25px;
		margin:8px 40px 0 0;
		}
		
		#header .cont .face { transition: ease-in .16s all; background:url(i/face.png) no-repeat center center #4a5052}
		#header .cont .twit { transition: ease-in .16s all; background:url(i/twitter.png) no-repeat center center #4a5052}
		#header .cont .face:hover {transition: ease-in .16s all; background-color:#3b5998; cursor:pointer}
		#header .cont .twit:hover {transition: ease-in .16s all; background-color:#55acee; cursor:pointer}		
		
		#header .cont .sosyal {
		position:relative;
		float:left;
		height:36px;
		margin-right:3px;
		width:40px;
		}


	.altbar {
	position:relative;
	width:96%;
	height:110px;
	margin:20px auto;
	letter-spacing:0;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	color:#f0f0f0;
	font-size:13px;
	font-family:"NeoLight", Helvetica, sans-serif;
	letter-spacing:0;
	}
		.altbar .logo {
		position:absolute;
		float:none;
		width:100%;
		color:#878f91;
		text-align:center;
		font-size:15px;
		border-bottom:#f1f1f1 solid 1px;
		padding-bottom:10px;
		}
		.altbar .logo h1 { font-size:22px; padding:0; margin:0;}
		
			.altbar .kirmizi { color:#d84545}
			.altbar .siyah { color:#293032}


		.altbar .arama {
		position:absolute;
		right:0;
		top:70px;
		}
		.altbar .arama input {
		background:url(i/arama.png) no-repeat 8px center #f9f9f9;
		border:#ececec solid 1px;
		color:#8f8f8f;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		-o-border-radius:3px;
		font-family:"NeoLight", Helvetica, sans-serif;
		padding:8px 6px 8px 40px;
		width:160px;
		transition:all .4s;
		}
		.altbar .arama input:focus {
		width:220px;
		}



	.altbar .menu {
	position:absolute;
	left:0;
	top:70px;
	}	

		.altbar .menu .menu-ac { display:none;}
	
	.altbar .menu ul {
	list-style-type:none;
	padding:0;
	margin:0;
	}		
	
	.altbar .menu ul li {
	display:inline-block;
	float:left;
	padding:0;
	margin:0;
	}	
	
		.altbar .menu ul li a {
		transition: .12s ease-in;
		text-decoration:none;
		font-size:18px;
		color:#565a5b;
		font-family:"Neo", Helvetica, sans-serif;
		padding:0 20px;
		display: block;
		}	
			.altbar .menu ul li a:hover {
			transition: .12s ease-in;
			color:#d74343;
			}		




#banner {
position:relative;
width:100%;
height:517px;
background-color:#f1f1f1;
}

	#banner .cont {
	position:relative;
	width:96%;
	height:100%;
	margin:auto;
	}

		#banner .cont .slogan {
		position:relative;
		float:left;
		margin-top:80px;
		padding:20px;
		z-index:2;
		background:rgba(255, 255, 255, 0.7);
		}
			#banner .cont .slogan .slogan1 {
			position:relative;
			margin-bottom:70px;
			}
			#banner .cont .slogan .slogan1 h3 { font-family:"NeoLight", Helvetica, sans-serif; font-size:36px; color:#4f4f4f; font-weight:normal; margin-bottom:24px;}
			#banner .cont .slogan .slogan1 h1 { font-family:"Neo", Helvetica, sans-serif; font-size:44px; color:#2196f3; font-weight:normal; margin-bottom:24px;}
		
			#banner .cont .slogan .slogan2 {
			position:relative;
			margin-bottom:50px;
			font-family:"NeoLight", Helvetica, sans-serif; font-size:24px; color:#4f4f4f; font-weight:normal;
			line-height:30px;
			}
			
			#banner .cont .slogan .sloganTel {
			position:relative;
			float:left;
			font-family:"NeoLight", Helvetica, sans-serif;
			font-size:16px;
			color:#ffffff; 
			font-weight:normal;
			background:url(i/tel2.png) no-repeat 15px center #4caf50;
			padding:12px 20px 12px 46px;
			}
			
		
		#banner .cont .resim {
		position:absolute;
		right:0;
		top:0;
		width:900px;
		height:517px;
		}



#bannerkusak {
position:relative;
width:100%;
height:130px;
background-color:#ffc039;
}
	#bannerkusak .cont {
	position:relative;
	width:96%;
	height:100%;
	margin:auto;
	color:#654500;
	display:flex;
	flex-wrap:wrap;
	display:-webkit-flex;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	font-family:"NeoLight", Helvetica, sans-serif;	
	}
		#bannerkusak .cont .kutu strong { font-family:"NeoBold", Helvetica, sans-serif; font-size:24px; font-weight:bold; letter-spacing:-1px}

		#bannerkusak .cont .tel { transition: .2s ease-in;background:url(i/ortatel.png) no-repeat left center;} 
		#bannerkusak .cont .tel:hover { transition: .2s ease-in; background:url(i/ortatel.png) no-repeat left 0;} 
		#bannerkusak .cont .saat { transition: .2s ease-in;background:url(i/saat.png) no-repeat left center;}
		#bannerkusak .cont .saat:hover { transition: .2s ease-in;background:url(i/saat.png) no-repeat left 0;}
		#bannerkusak .cont .garanti { transition: .2s ease-in;background:url(i/guvenli.jpg) no-repeat left center;}
		#bannerkusak .cont .garanti:hover { transition: .2s ease-in;background:url(i/guvenli.jpg) no-repeat left 0;}
		#bannerkusak .cont .kutu {
		position:relative;
		float:left;
		height:50px;
		margin:40px 0;
		padding-left:60px;	
		}
	




#container {
position:relative;
width:100%;
background-color:#FFFFFF;
font-size:18px;
letter-spacing:0.7px;
line-height:30px;
}

#hizmetler {
position:relative;
width:100%;
margin:auto;
padding:80px 0;
display:flex;
display:-webkit-flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
}

	#hizmetler .cont {
	position:relative;
	width:96%;
	margin:auto;
	text-align:center;
	margin-bottom:90px;
	}
	#hizmetler .cont h2 { color:#636363; padding-bottom:25px; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:30px}

	#hizmetler .kutu {
	position:relative;
	width:27%;
	margin:0 3% 120px 3%;
	padding-left:80px;
	font-size:16px;
	letter-spacing:0.5px;
	line-height:24px;
	}

	#hizmetler .kutu h3 { color:#636363; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:18px; letter-spacing:0}
	#hizmetler .kutu .img { position:absolute; left:0; top:36px;}

		#hizmetler .kutu .baslik {
		width:100%;
		margin-bottom:10px;
		height:24px;
		overflow:hidden;
		}

		
		#hizmetler .kutu .icerik {
		width:100%;
		height:70px;
		overflow:hidden;
		margin-bottom:30px
		}
		#hizmetler .devam {
		position:relative;
		float:left;
		text-align:center;
		}
		#hizmetler .devam a {
		text-decoration:none;
		padding:6px 16px;
		background-color:#49aa4d;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:bold;
		border-bottom:#2a7f2e solid 3px;
		}
		#hizmetler .devam a:hover {
		background-color:#65bb69;
		border-bottom:#4b9c4f solid 3px;
		}



#ortailetisim {
position:relative;
width:100%;
height:430px;
background:url(i/orta-bg.jpg) no-repeat center center;
color:#d8d8d8;
letter-spacing:0px;
}

	#ortailetisim .cont {
	position:relative;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.85);
	text-align:center;
	}
		#ortailetisim .cont h2 { color:#FFFFFF; font-family:"Neo", Helvetica, sans-serif; font-weight:bold; font-size:36px; padding:70px 0 30px 0}

		#ortailetisim .cont h1 { color:#00aeff; font-family:"NeoBold", Helvetica, sans-serif; font-weight:bold; font-size:50px; padding:0 0 50px 0}

	#ortailetisim .hemenAra {
	position:relative;
	margin-top:50px;
	}

		#ortailetisim .hemenAra a {
		text-decoration:none;
		padding:10px 20px;
		background-color:#e43427;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:bold;
		font-size:24px;
		border-bottom:#971313 solid 3px;
		}
		#ortailetisim .hemenAra a:hover {
		background-color:#65bb69;
		border-bottom:#4b9c4f solid 3px;
		}
		

#sonisler {
position:relative;
width:100%;
margin:auto;
padding:80px 0;
}

	#sonisler .cont {
	position:relative;
	width:96%;
	margin:auto;
	text-align:center;
	margin-bottom:60px;
	}
	#sonisler .cont h2 { color:#636363; padding-bottom:30px; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:30px}


	#sonisler .jcarousel {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	
		#sonisler .jcarousel .divCerceve {
			width: 20000em;
			position: relative;
			margin: 0;
			padding: 0;
		}
		
		#sonisler .jcarousel .divCerceve .box {
		width: 330px;
		float: left;
		}
		
			#sonisler .jcarousel .divCerceve .box .kutu {
			transition: .16s;
			position:relative;
			width: 330px;
			margin:0 auto 20px;
			background-color:#f1f1f1;
			font-size:16px;
			letter-spacing:0.5px;
			line-height:26px;
			}
			
			#sonisler .jcarousel .divCerceve .box .kutu:hover {
			transition: .16s;
			cursor:pointer;
			box-shadow: 0 6px 18px rgba(120, 120, 120, 0.5);
			}
		
				#sonisler .jcarousel .divCerceve .box .kutu .img {
				position:relative;
				display:block;
				width:100%;
				height:auto;
				}
				
				#sonisler .jcarousel .divCerceve .box .kutu .baslik {
				position:relative;
				width:94%;
				margin:15px auto 0;
				overflow:hidden;
				height:24px;
				text-align:center;
				letter-spacing:0;
				}
				
				#sonisler .jcarousel .divCerceve .box .kutu .baslik strong {color:#636363; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:18px}
		
				#sonisler .jcarousel .divCerceve .box .kutu .icerik {
				position:relative;
				width:94%;
				height:80px;
				margin:5px auto 0;
				}
				
				#sonisler .jcarousel .divCerceve .box .kutu .icerik .txt {
				position:relative;
				width:100%;
				height:50px;
				overflow:hidden;
				}
				
	#sonisler .tuslar {
	position:relative;
	width:100px;
	margin:90px auto 0;
	}




#yorumlar {
position:relative;
width:100%;
color:#FFFFFF;
background:url(i/yorum-bg.jpg) no-repeat center center #229dff;
padding:70px 0 30px 0;
}


	#yorumlar .jcarousely {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	
		#yorumlar .jcarousely .divCerceve {
			width: 20000em;
			position: relative;
			margin:0;
			padding: 0;
		}
		
		#yorumlar .jcarousely .divCerceve .box {
		width: 100%;
		float: left;
		}
		
			#yorumlar .jcarousely .divCerceve .box .kutu {
			position:relative;
			width: 90%;
			margin:0 auto 20px;
			font-size:16px;
			letter-spacing:0.5px;
			line-height:26px;
			text-align:center;
			}

				#yorumlar .jcarousely .divCerceve .box .kutu .icerik {
				position:relative;
				width: 100%;
				}
				#yorumlar .jcarousely .divCerceve .box .kutu .icerik strong { font-family:"NeoBold", Helvetica, sans-serif; font-weight:bold; color:#08477a; font-style:italic; letter-spacing:-0.5px}
				
				#yorumlar .jcarousely .divCerceve .box .kutu .tarih strong { font-family:"NeoBold", Helvetica, sans-serif; letter-spacing:-0.5px; font-size:24px;}
				
				#yorumlar .jcarousely .divCerceve .box .kutu .tarih {
				position:relative;
				width: 64px;
				height:59px;
				margin:20px auto 0;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				-o-border-radius:5px;
				background:url(i/yorum-tarih-bg.png) repeat-x left top;
				padding-top:20px;
				text-align:center;
				line-height:18px;
				font-size:14px;
				}
			
		
				
	#yorumlar .tuslar {
	position:relative;
	width:100px;
	margin:70px auto 0;
	}





#haberler {
position:relative;
width:100%;
margin:auto;
padding-top:80px;
display:flex;
display:-webkit-flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
justify-content:space-around;
}

	#haberler .cont {
	position:relative;
	width:96%;
	margin:auto;
	text-align:center;
	margin-bottom:90px;
	}
	#haberler .cont h2 { color:#636363; padding-bottom:25px; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:30px}

	#haberler .kutu {
	position:relative;
	width:40%;
	margin-bottom:100px;
	padding-left:180px;
	font-size:16px;
	letter-spacing:0.5px;
	line-height:26px;
	}

	#haberler .kutu .baslik a { text-decoration:none; color:#ff9800;}
	#haberler .kutu .baslik a:hover { text-decoration:none; color:#ffb548;}
	#haberler .kutu h3 { color:#ff9800; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:18px; letter-spacing:0}
	#haberler .kutu .img { position:absolute; left:0; top:5px; background-color:#eeeeee; width:160px; height:110px;}

		#haberler .kutu .baslik {
		width:100%;
		margin-bottom:10px;
		height:24px;
		overflow:hidden
		}

		
		#haberler .kutu .icerik {
		width:100%;
		height:50px;
		overflow:hidden;
		margin-bottom:25px
		}
		#haberler .devam {
		position:relative;
		float:left;
		text-align:center;
		}
		#haberler .devam a {
		text-decoration:none;
		padding:6px 16px;
		background-color:#cbcbcb;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:bold;
		border-bottom:#b3b3b3 solid 3px;
		}
		#haberler .devam a:hover {
		background-color:#d9d9d9;
		border-bottom:#c8c8c8 solid 3px;
		}



#referans {
position:relative;
width:100%;
background-color:#f3f3f3;
padding:40px 0;
}

	#referans .cont {
	position:relative;
	width:96%;
	margin:auto;
	}

	#referans .sol {
	position:relative;
	width:40%;
	float:left;
	}
	
		#referans .sol .baslik {
		position:relative;
		margin-bottom:20px;
		}
			#referans .sol .baslik h2 { font-family:"Neo", Helvetica, sans-serif; font-size:30px; font-weight:bold; color:#636363; letter-spacing:-0.5px}
	
		#referans .sol .icerik {
		position:relative;
		margin-bottom:20px;
		font-size:16px;
		color:#8f8f8f
		}
		
		#referans .sol .devam {
		position:relative;
		float:left;
		text-align:center;
		margin-top:20px
		}
		
		#referans .sol .devam a {
		text-decoration:none;
		padding:8px 18px;
		background-color:#4caf50;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:bold;
		border-bottom:#36903a solid 3px;
		}
		#referans .sol .devam a:hover {
		background-color:#65c168;
		border-bottom:#4bac4f solid 3px;
		}
			
	
	
	#referans .sag {
	position:relative;
	width:48%;
	float:right;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-around;
	}
	
		#referans .sag div {
		position:relative;
		float:left;
		width:140px;
		height:auto;
		padding:2%;
		background-color:#FFFFFF;
		margin:1% 0;
		text-align:center;
		display:table;
		}
						
		#referans .sag div span {
		vertical-align:middle;
		display:table-cell;
		}


#iletisim {
position:relative;
width:100%;
padding:80px 0;
}			
	#iletisim .cont {
	position:relative;
	width:96%;
	margin:auto;
	text-align:center
	}


		#iletisim .cont .baslik {
		position:relative;
		margin-bottom:20px;
		}
			#iletisim .cont .baslik h3 { font-family:"Neo", Helvetica, sans-serif; font-size:30px; font-weight:bold; color:#636363; letter-spacing:-0.5px}
	
		#iletisim .cont .icerik {
		position:relative;
		margin-bottom:40px;
		}

		#iletisim .cont .cerceve {
		position:relative;
		width:100%;
		margin:auto;
		display:flex;
		display:-webkit-flex;
		flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		justify-content:space-between;
		}
		
			#iletisim .cont .cerceve .tel { background:url(i/footer-tel.png) no-repeat 10px center}
			#iletisim .cont .cerceve .mail { background:url(i/footer-mail.png) no-repeat 10px center}
			#iletisim .cont .cerceve .konum { background:url(i/footer-konum.png) no-repeat 10px center}
		
			#iletisim .cont .cerceve div {
			transition:.3s;
			position:relative;
			color:#333333;
			font-size:20px;
			padding:2% 5%;
			border:#eaeaea solid 1px;
			}
			
			#iletisim .cont .cerceve  div:hover { transition:.3s; background-color:#f3f3f3;}


#footer {
width:100%;
position:relative;
padding:60px 0;
background-color:#f8f8f8;
}
	#footer .cont {
	position:relative;
	width:96%;
	margin:auto;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	font-size:16px;
	line-height:24px;
	}

		#footer .cont .box {
		position:relative;
		width:20%;
		}
		
			#footer .cont .box .baslik {
			position:relative;
			margin-bottom:20px;
			}
			#footer .cont .box .baslik strong { font-family:"Neo", Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#636363; letter-spacing:-0.5px}
			
			#footer .cont .box .icerik {
			position:relative;
			margin-bottom:40px;
			}

				#footer .cont .box .icerik ul {
				list-style-type:none;
				padding:0;
				margin:0;
				}
				#footer .cont .box .icerik li {
				list-style-type:none;
				padding:0;
				margin:0;
				display:block;
				height:30px;
				overflow:hidden;
				}
				#footer .cont .box .icerik li a {
				background:url(i/alt-list-bg.png) no-repeat left center;
				padding:10px 0 10px 25px;
				margin:0;
				}


				#footer .cont .box .icerik .resim {
				position:absolute;
				width:80px;
				height:60px;
				left:0;
				top:0;
				background-color:#e6e6e6
				}
				
				#footer .cont .box .icerik .txt {
				position:relative;
				padding-left:100px;
				font-family:"Neo", Helvetica, sans-serif;
				font-weight:normal;
				color:#636363;
				line-height:20px;
				height:60px;
				overflow:hidden;
				}
	
	
	
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	@media screen and (min-width:1000px)
		
{ 	
.altbar .menu .cont ul {display: block!important}
}
	
	
	@media screen and (min-width:700px) and (max-width:999px)
		
	{
	
	#header {
position:relative;
width:100%;
height:36px;
background-color:#293032;
color:#f0f0f0;
font-size:13px;
font-family:"NeoLight", Helvetica, sans-serif;
letter-spacing:0.6px;
}

	#header .cont {
	position:relative;
	width:660px;
	height:36px;
	margin:auto;
	}
		#header .cont a {transition: ease-in .16s all; text-decoration:none; color:#f0f0f0}
		#header .cont a:hover {transition: ease-in .16s all; text-decoration:none; color:#da8609}

		#header .cont .mail { background:url(i/mail.png) no-repeat left center}
		#header .cont .tel { background:url(i/tel.png) no-repeat left center}
		#header .cont .konum { background:url(i/kroki.png) no-repeat left center}
		
		#header .cont .box {
		position:relative;
		float:left;
		padding-left:25px;
		margin:8px 40px 0 0;
		}
		
		#header .cont .face { transition: ease-in .16s all; background:url(i/face.png) no-repeat center center #4a5052}
		#header .cont .twit { transition: ease-in .16s all; background:url(i/twitter.png) no-repeat center center #4a5052}
		#header .cont .face:hover {transition: ease-in .16s all; background-color:#3b5998; cursor:pointer}
		#header .cont .twit:hover {transition: ease-in .16s all; background-color:#55acee; cursor:pointer}		
		
		#header .cont .sosyal {
		position:relative;
		float:left;
		height:36px;
		margin-right:3px;
		width:40px;
		}


	.altbar {
	position:relative;
	width:100%;
	height:110px;
	margin:20px auto;
	letter-spacing:0;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	color:#f0f0f0;
	font-size:13px;
	font-family:"NeoLight", Helvetica, sans-serif;
	letter-spacing:0;
	}
		.altbar .logo {
		position:absolute;
		float:none;
		width:100%;
		color:#878f91;
		text-align:center;
		font-size:15px;
		border-bottom:#f1f1f1 solid 1px;
		padding-bottom:10px;
		}
		.altbar .logo h1 { font-size:22px; padding:0; margin:0;}
		
			.altbar .kirmizi { color:#d84545}
			.altbar .siyah { color:#293032}


		.altbar .arama {
		position:absolute;
		right:20px;
		top:70px;
		z-index:4;
		}
		.altbar .arama input {
		background:url(i/arama.png) no-repeat 8px center #f9f9f9;
		border:#ececec solid 1px;
		color:#8f8f8f;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		-o-border-radius:3px;
		font-family:"NeoLight", Helvetica, sans-serif;
		padding:8px 6px 8px 30px;
		width:140px;
		transition:all .4s;
		}
		.altbar .arama input:focus {
		width:220px;
		}



	.altbar .menu {
	position:absolute;
	left:0;
	top:60px;
	z-index:3;
	width:100%;
	}	

	.altbar .menu .cont {
	width:100%;
	}



	.altbar .menu .cont .menu-ac {display:block; cursor:pointer; margin:0 0 10px 20px; width:48px}
	

	.altbar .menu .cont ul {
	display: none;
	list-style-type:none;
	padding:0;
	margin:0;
	}		
	
	.altbar .menu .cont ul li {
	display:inline-block;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	}	
	
		.altbar .menu .cont ul li > a {
		transition: .14s ease-in;
		text-decoration:none;
		font-size:18px;
		font-family:"Neo", Helvetica, sans-serif;
		padding:15px;
		display: block;
		letter-spacing:0.4px;
		display: block;
		background-color:#ffffff;
		border-top:#f1f1f1 solid 1px;
		}	
			.altbar .menu .cont ul li > a:hover {
			transition: .14s ease-in;
			background-color:#f8f8f8;
			padding-left:30px
			}
			



#banner {
position:relative;
width:100%;
height:517px;
background-color:#f1f1f1;
}

	#banner .cont {
	position:relative;
	width:96%;
	height:100%;
	margin:auto;
	}

		#banner .cont .slogan {
		position:relative;
		float:left;
		margin-top:80px;
		padding:20px;
		z-index:2;
		background:rgba(255, 255, 255, 0.7);
		}
			#banner .cont .slogan .slogan1 {
			position:relative;
			margin-bottom:70px;
			}
			#banner .cont .slogan .slogan1 h3 { font-family:"NeoLight", Helvetica, sans-serif; font-size:36px; color:#4f4f4f; font-weight:normal; margin-bottom:24px;}
			#banner .cont .slogan .slogan1 h1 { font-family:"Neo", Helvetica, sans-serif; font-size:44px; color:#2196f3; font-weight:normal; margin-bottom:24px;}
		
			#banner .cont .slogan .slogan2 {
			position:relative;
			margin-bottom:50px;
			font-family:"NeoLight", Helvetica, sans-serif; font-size:24px; color:#4f4f4f; font-weight:normal;
			line-height:30px;
			}
			
			#banner .cont .slogan .sloganTel {
			position:relative;
			float:left;
			font-family:"NeoLight", Helvetica, sans-serif;
			font-size:16px;
			color:#ffffff; 
			font-weight:normal;
			background:url(i/tel2.png) no-repeat 15px center #4caf50;
			padding:12px 20px 12px 46px;
			}
			
		
		#banner .cont .resim {
		position:absolute;
		right:0;
		top:0;
		width:900px;
		height:517px;
		}



#bannerkusak {
position:relative;
width:100%;
height:130px;
background-color:#ffc039;
}
	#bannerkusak .cont {
	position:relative;
	width:98%;
	height:100%;
	margin:auto;
	color:#654500;
	display:flex;
	flex-wrap:wrap;
	display:-webkit-flex;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	font-family:"NeoLight", Helvetica, sans-serif;	
	}
		#bannerkusak .cont .kutu strong { font-family:"NeoBold", Helvetica, sans-serif; font-size:20px; font-weight:bold; letter-spacing:-1px}

		#bannerkusak .cont .tel { transition: .2s ease-in;background:url(i/ortatel-m.png) no-repeat left center;} 
		#bannerkusak .cont .tel:hover { transition: .2s ease-in; background:url(i/ortatel-m.png) no-repeat left 0;} 
		#bannerkusak .cont .saat { transition: .2s ease-in;background:url(i/saat-m.png) no-repeat left center;}
		#bannerkusak .cont .saat:hover { transition: .2s ease-in;background:url(i/saat-m.png) no-repeat left 0;}
		#bannerkusak .cont .garanti { transition: .2s ease-in;background:url(i/guvenli-m.jpg) no-repeat left center;}
		#bannerkusak .cont .garanti:hover { transition: .2s ease-in;background:url(i/guvenli-m.jpg) no-repeat left 0;}
		#bannerkusak .cont .kutu {
		position:relative;
		float:left;
		height:50px;
		margin:40px 0;
		padding-left:40px;	
		}
	




#container {
position:relative;
width:100%;
background-color:#FFFFFF;
font-size:18px;
letter-spacing:0.7px;
line-height:30px;
}

#hizmetler {
position:relative;
width:100%;
margin:auto;
padding:80px 0;
display:flex;
display:-webkit-flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
}

	#hizmetler .cont {
	position:relative;
	width:96%;
	margin:auto;
	text-align:center;
	margin-bottom:90px;
	}
	#hizmetler .cont h2 { color:#636363; padding-bottom:25px; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:30px}

	#hizmetler .kutu {
	position:relative;
	width:44%;
	margin:0 3% 120px 3%;
	padding-left:80px;
	font-size:16px;
	letter-spacing:0.5px;
	line-height:24px;
	}

	#hizmetler .kutu h3 { color:#636363; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:18px; letter-spacing:0}
	#hizmetler .kutu .img { position:absolute; left:0; top:36px;}

		#hizmetler .kutu .baslik {
		width:100%;
		margin-bottom:10px;
		height:24px;
		overflow:hidden;
		}

		
		#hizmetler .kutu .icerik {
		width:100%;
		height:70px;
		overflow:hidden;
		margin-bottom:30px
		}
		#hizmetler .devam {
		position:relative;
		float:left;
		text-align:center;
		}
		#hizmetler .devam a {
		text-decoration:none;
		padding:6px 16px;
		background-color:#49aa4d;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:bold;
		border-bottom:#2a7f2e solid 3px;
		}
		#hizmetler .devam a:hover {
		background-color:#65bb69;
		border-bottom:#4b9c4f solid 3px;
		}



#ortailetisim {
position:relative;
width:100%;
height:430px;
background:url(i/orta-bg.jpg) no-repeat center center;
color:#d8d8d8;
letter-spacing:0px;
}

	#ortailetisim .cont {
	position:relative;
	width:100%;
	height:100%;
	padding:0 3%;
	background-color:rgba(0, 0, 0, 0.85);
	text-align:center;
	}
		#ortailetisim .cont h2 { color:#FFFFFF; font-family:"Neo", Helvetica, sans-serif; font-weight:bold; font-size:30px; padding:70px 0 30px 0}

		#ortailetisim .cont h1 { color:#00aeff; font-family:"NeoBold", Helvetica, sans-serif; font-weight:bold; font-size:40px; padding:0 0 50px 0}

	#ortailetisim .hemenAra {
	position:relative;
	margin-top:40px;
	}

		#ortailetisim .hemenAra a {
		text-decoration:none;
		padding:10px 20px;
		background-color:#e43427;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:bold;
		font-size:24px;
		border-bottom:#971313 solid 3px;
		}
		#ortailetisim .hemenAra a:hover {
		background-color:#65bb69;
		border-bottom:#4b9c4f solid 3px;
		}
		

#sonisler {
position:relative;
width:100%;
margin:auto;
padding:80px 0;
}

	#sonisler .cont {
	position:relative;
	width:96%;
	margin:auto;
	text-align:center;
	margin-bottom:60px;
	}
	#sonisler .cont h2 { color:#636363; padding-bottom:30px; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:30px}


	#sonisler .jcarousel {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	
		#sonisler .jcarousel .divCerceve {
			width: 20000em;
			position: relative;
			margin: 0;
			padding: 0;
		}
		
		#sonisler .jcarousel .divCerceve .box {
		width: 330px;
		float: left;
		}
		
			#sonisler .jcarousel .divCerceve .box .kutu {
			transition: .16s;
			position:relative;
			width: 330px;
			margin:0 auto 20px;
			background-color:#f1f1f1;
			font-size:16px;
			letter-spacing:0.5px;
			line-height:26px;
			}
			
			#sonisler .jcarousel .divCerceve .box .kutu:hover {
			transition: .16s;
			cursor:pointer;
			box-shadow: 0 6px 18px rgba(120, 120, 120, 0.5);
			}
		
				#sonisler .jcarousel .divCerceve .box .kutu .img {
				position:relative;
				display:block;
				width:100%;
				height:auto;
				}
				
				#sonisler .jcarousel .divCerceve .box .kutu .baslik {
				position:relative;
				width:94%;
				margin:15px auto 0;
				overflow:hidden;
				height:24px;
				text-align:center;
				letter-spacing:0;
				}
				
				#sonisler .jcarousel .divCerceve .box .kutu .baslik strong {color:#636363; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:18px}
		
				#sonisler .jcarousel .divCerceve .box .kutu .icerik {
				position:relative;
				width:94%;
				height:80px;
				margin:5px auto 0;
				}
				
				#sonisler .jcarousel .divCerceve .box .kutu .icerik .txt {
				position:relative;
				width:100%;
				height:50px;
				overflow:hidden;
				}
				
	#sonisler .tuslar {
	position:relative;
	width:100px;
	margin:90px auto 0;
	}




#yorumlar {
position:relative;
width:100%;
color:#FFFFFF;
background:url(i/yorum-bg.jpg) no-repeat center center #229dff;
padding:70px 0 30px 0;
}


	#yorumlar .jcarousely {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	
		#yorumlar .jcarousely .divCerceve {
			width: 20000em;
			position: relative;
			margin:0;
			padding: 0;
		}
		
		#yorumlar .jcarousely .divCerceve .box {
		width: 100%;
		float: left;
		}
		
			#yorumlar .jcarousely .divCerceve .box .kutu {
			position:relative;
			width: 90%;
			margin:0 auto 20px;
			font-size:16px;
			letter-spacing:0.5px;
			line-height:26px;
			text-align:center;
			}

				#yorumlar .jcarousely .divCerceve .box .kutu .icerik {
				position:relative;
				width: 100%;
				}
				#yorumlar .jcarousely .divCerceve .box .kutu .icerik strong { font-family:"NeoBold", Helvetica, sans-serif; font-weight:bold; color:#08477a; font-style:italic; letter-spacing:-0.5px}
				
				#yorumlar .jcarousely .divCerceve .box .kutu .tarih strong { font-family:"NeoBold", Helvetica, sans-serif; letter-spacing:-0.5px; font-size:24px;}
				
				#yorumlar .jcarousely .divCerceve .box .kutu .tarih {
				position:relative;
				width: 64px;
				height:59px;
				margin:20px auto 0;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				-o-border-radius:5px;
				background:url(i/yorum-tarih-bg.png) repeat-x left top;
				padding-top:20px;
				text-align:center;
				line-height:18px;
				font-size:14px;
				}
			
		
				
	#yorumlar .tuslar {
	position:relative;
	width:100px;
	margin:70px auto 0;
	}





#haberler {
position:relative;
width:100%;
margin:auto;
padding-top:80px;
display:flex;
display:-webkit-flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
justify-content:space-around;
}

	#haberler .cont {
	position:relative;
	width:96%;
	margin:auto;
	text-align:center;
	margin-bottom:90px;
	}
	#haberler .cont h2 { color:#636363; padding-bottom:25px; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:30px}

	#haberler .kutu {
	position:relative;
	width:80%;
	margin-bottom:100px;
	padding-left:200px;
	font-size:16px;
	letter-spacing:0.5px;
	line-height:26px;
	}

	#haberler .kutu .baslik a { text-decoration:none; color:#ff9800;}
	#haberler .kutu .baslik a:hover { text-decoration:none; color:#ffb548;}
	#haberler .kutu h3 { color:#ff9800; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:20px; letter-spacing:0}
	#haberler .kutu .img { position:absolute; left:0; top:5px; background-color:#eeeeee; width:160px; height:110px;}

		#haberler .kutu .baslik {
		width:100%;
		margin-bottom:10px;
		height:24px;
		overflow:hidden
		}

		
		#haberler .kutu .icerik {
		width:100%;
		height:50px;
		overflow:hidden;
		margin-bottom:25px
		}
		#haberler .devam {
		position:relative;
		float:left;
		text-align:center;
		}
		#haberler .devam a {
		text-decoration:none;
		padding:6px 16px;
		background-color:#cbcbcb;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:bold;
		border-bottom:#b3b3b3 solid 3px;
		}
		#haberler .devam a:hover {
		background-color:#d9d9d9;
		border-bottom:#c8c8c8 solid 3px;
		}



#referans {
position:relative;
width:100%;
background-color:#f3f3f3;
padding:40px 0;
}

	#referans .cont {
	position:relative;
	width:96%;
	margin:auto;
	}

	#referans .sol {
	position:relative;
	width:44%;
	float:left;
	}
	
		#referans .sol .baslik {
		position:relative;
		margin-bottom:20px;
		}
			#referans .sol .baslik h2 { font-family:"Neo", Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#636363; letter-spacing:-0.5px}
	
		#referans .sol .icerik {
		position:relative;
		margin-bottom:20px;
		font-size:16px;
		color:#8f8f8f;
		height:330px;
		overflow:hidden;
		}
		
		#referans .sol .devam {
		position:relative;
		float:left;
		text-align:center;
		margin-top:20px
		}
		
		#referans .sol .devam a {
		text-decoration:none;
		padding:8px 18px;
		background-color:#4caf50;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:bold;
		border-bottom:#36903a solid 3px;
		}
		#referans .sol .devam a:hover {
		background-color:#65c168;
		border-bottom:#4bac4f solid 3px;
		}
			
	
	
	#referans .sag {
	position:relative;
	width:48%;
	float:right;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-around;
	}
	
		#referans .sag div {
		position:relative;
		float:left;
		width:140px;
		height:auto;
		padding:2%;
		background-color:#FFFFFF;
		margin:1% 0;
		text-align:center;
		display:table;
		}
						
		#referans .sag div span {
		vertical-align:middle;
		display:table-cell;
		}


#iletisim {
position:relative;
width:100%;
padding:80px 0;
}			
	#iletisim .cont {
	position:relative;
	width:96%;
	margin:auto;
	text-align:center
	}


		#iletisim .cont .baslik {
		position:relative;
		margin-bottom:20px;
		}
			#iletisim .cont .baslik h3 { font-family:"Neo", Helvetica, sans-serif; font-size:30px; font-weight:bold; color:#636363; letter-spacing:-0.5px}
	
		#iletisim .cont .icerik {
		position:relative;
		margin-bottom:40px;
		}

		#iletisim .cont .cerceve {
		position:relative;
		width:100%;
		margin:auto;
		display:flex;
		display:-webkit-flex;
		flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		justify-content:space-around;
		}
		
			#iletisim .cont .cerceve .tel { background:url(i/footer-tel.png) no-repeat 6px center}
			#iletisim .cont .cerceve .mail { background:url(i/footer-mail.png) no-repeat 6px center}
			#iletisim .cont .cerceve .konum { background:url(i/footer-konum.png) no-repeat 6px center}
		
			#iletisim .cont .cerceve div {
			transition:.3s;
			position:relative;
			color:#333333;
			font-size:16px;
			padding:2% 1% 2% 42px;
			border:#eaeaea solid 1px;
			}
			
			#iletisim .cont .cerceve  div:hover { transition:.3s; background-color:#f3f3f3;}


#footer {
width:100%;
position:relative;
padding:60px 0;
background-color:#f8f8f8;
}
	#footer .cont {
	position:relative;
	width:96%;
	margin:auto;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	font-size:16px;
	line-height:24px;
	}

		#footer .cont .box {
		position:relative;
		width:96%;
		margin:0 auto 30px;
		border-bottom:#e8e8e8 solid 1px;
		}
		
			#footer .cont .box .baslik {
			position:relative;
			margin-bottom:20px;
			}
			#footer .cont .box .baslik strong { font-family:"Neo", Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#636363; letter-spacing:-0.5px}
			
			#footer .cont .box .icerik {
			position:relative;
			margin-bottom:40px;
			}

				#footer .cont .box .icerik ul {
				list-style-type:none;
				padding:0;
				margin:0;
				}
				#footer .cont .box .icerik li {
				list-style-type:none;
				padding:0;
				margin:0;
				display:block;
				height:30px;
				overflow:hidden;
				}
				#footer .cont .box .icerik li a {
				background:url(i/alt-list-bg.png) no-repeat left center;
				padding:10px 0 10px 25px;
				margin:0;
				}


				#footer .cont .box .icerik .resim {
				position:absolute;
				width:80px;
				height:60px;
				left:0;
				top:0;
				background-color:#e6e6e6
				}
				
				#footer .cont .box .icerik .txt {
				position:relative;
				padding-left:100px;
				font-family:"Neo", Helvetica, sans-serif;
				font-weight:normal;
				color:#636363;
				line-height:20px;
				height:60px;
				overflow:hidden;
				}
	
	
	
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	@media screen and (min-width:510px) and (max-width:699px)
		
	{
	
	#header {
position:relative;
width:100%;
height:36px;
background-color:#293032;
color:#f0f0f0;
font-size:13px;
font-family:"NeoLight", Helvetica, sans-serif;
letter-spacing:0.6px;
}

	#header .cont {
	position:relative;
	width:96%;
	height:36px;
	margin:auto;
	}
		#header .cont a {transition: ease-in .16s all; text-decoration:none; color:#f0f0f0}
		#header .cont a:hover {transition: ease-in .16s all; text-decoration:none; color:#da8609}

		#header .cont .mail { display:none; background:url(i/mail.png) no-repeat left center}
		#header .cont .tel { background:url(i/tel.png) no-repeat left center}
		#header .cont .konum { display:none; background:url(i/kroki.png) no-repeat left center}
		
		#header .cont .box {
		position:relative;
		float:left;
		padding-left:25px;
		margin:8px 40px 0 0;
		}
		
		#header .cont .face { transition: ease-in .16s all; background:url(i/face.png) no-repeat center center #4a5052}
		#header .cont .twit { transition: ease-in .16s all; background:url(i/twitter.png) no-repeat center center #4a5052}
		#header .cont .face:hover {transition: ease-in .16s all; background-color:#3b5998; cursor:pointer}
		#header .cont .twit:hover {transition: ease-in .16s all; background-color:#55acee; cursor:pointer}		
		
		#header .cont .sosyal {
		position:relative;
		float:right;
		height:36px;
		margin-right:3px;
		width:40px;
		}


	.altbar {
	position:relative;
	width:100%;
	height:110px;
	margin:20px auto;
	letter-spacing:0;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	color:#f0f0f0;
	font-size:13px;
	font-family:"NeoLight", Helvetica, sans-serif;
	letter-spacing:0;
	}
		.altbar .logo {
		position:absolute;
		float:none;
		width:100%;
		color:#878f91;
		text-align:center;
		font-size:15px;
		border-bottom:#f1f1f1 solid 1px;
		padding-bottom:10px;
		}
		.altbar .logo h1 { font-size:22px; padding:0; margin:0;}
		
			.altbar .kirmizi { color:#d84545}
			.altbar .siyah { color:#293032}


		.altbar .arama {
		position:absolute;
		right:10px;
		top:70px;
		z-index:4;
		}
		.altbar .arama input {
		background:url(i/arama.png) no-repeat 8px center #f9f9f9;
		border:#ececec solid 1px;
		color:#8f8f8f;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		-o-border-radius:3px;
		font-family:"NeoLight", Helvetica, sans-serif;
		padding:8px 6px 8px 30px;
		width:140px;
		transition:all .4s;
		}
		.altbar .arama input:focus {
		width:220px;
		}



	.altbar .menu {
	position:absolute;
	left:0;
	top:60px;
	z-index:3;
	width:100%;
	}	

	.altbar .menu .cont {
	width:100%;
	}



	.altbar .menu .cont .menu-ac {display:block; cursor:pointer; margin:0 0 10px 10px; width:48px}
	

	.altbar .menu .cont ul {
	display: none;
	list-style-type:none;
	padding:0;
	margin:0;
	}		
	
	.altbar .menu .cont ul li {
	display:inline-block;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	}	
	
		.altbar .menu .cont ul li > a {
		transition: .14s ease-in;
		text-decoration:none;
		font-size:18px;
		font-family:"Neo", Helvetica, sans-serif;
		padding:15px;
		display: block;
		letter-spacing:0.4px;
		display: block;
		background-color:#ffffff;
		border-top:#f1f1f1 solid 1px;
		}	
			.altbar .menu .cont ul li > a:hover {
			transition: .14s ease-in;
			background-color:#f8f8f8;
			padding-left:30px
			}
			



#banner {
position:relative;
width:100%;
height:auto;
background-color:#f1f1f1;
}

	#banner .cont {
	position:relative;
	width:100%;
	height:100%;
	margin:auto;
	}

		#banner .cont .slogan {
		position:relative;
		float:none;
		width:100%;
		height:auto;
		margin:0 auto;
		padding:10% 0;
		text-align:center;
		z-index:2;
		background:rgba(255, 255, 255, 0.8);
		}
			#banner .cont .slogan .slogan1 {
			position:relative;
			margin-bottom:30px;
			}
			#banner .cont .slogan .slogan1 h3 { font-family:"NeoLight", Helvetica, sans-serif; font-size:30px; color:#4f4f4f; font-weight:normal; margin-bottom:20px;}
			#banner .cont .slogan .slogan1 h1 { font-family:"Neo", Helvetica, sans-serif; font-size:40px; color:#2196f3; font-weight:normal; margin-bottom:20px;}
		
			#banner .cont .slogan .slogan2 {
			position:relative;
			margin-bottom:30px;
			font-family:"NeoLight", Helvetica, sans-serif; font-size:24px; color:#4f4f4f; font-weight:normal;
			line-height:30px;
			}
			
			#banner .cont .slogan .sloganTel {
			display:none;
			position:relative;
			float:none;
			width:360px;
			margin:auto;
			font-family:"NeoLight", Helvetica, sans-serif;
			font-size:16px;
			color:#ffffff; 
			font-weight:normal;
			background:url(i/tel2.png) no-repeat 15px center #4caf50;
			padding:12px 20px 12px 46px;
			}
			
		
		#banner .cont .resim {
		position:absolute;
		right:0;
		top:0;
		width:690px;
		height:auto;
		}



#bannerkusak {
position:relative;
width:100%;
height:100px;
background-color:#ffc039;
z-index:9;
}
	#bannerkusak .cont {
	position:relative;
	width:98%;
	height:100%;
	margin:auto;
	color:#654500;
	display:flex;
	flex-wrap:wrap;
	display:-webkit-flex;
	-webkit-flex-wrap:wrap;
	justify-content:space-around;
	font-family:"NeoLight", Helvetica, sans-serif;	
	}
		#bannerkusak .cont .kutu strong { font-family:"NeoBold", Helvetica, sans-serif; font-size:18px; font-weight:bold; letter-spacing:-1px}

		#bannerkusak .cont .tel { transition: .2s ease-in;background:url(i/ortatel-m.png) no-repeat left center;} 
		#bannerkusak .cont .tel:hover { transition: .2s ease-in; background:url(i/ortatel-m.png) no-repeat left 0;} 
		#bannerkusak .cont .saat { display:none; transition: .2s ease-in;background:url(i/saat-m.png) no-repeat left center;}
		#bannerkusak .cont .saat:hover { transition: .2s ease-in;background:url(i/saat-m.png) no-repeat left 0;}
		#bannerkusak .cont .garanti { transition: .2s ease-in;background:url(i/guvenli-m.jpg) no-repeat left center;}
		#bannerkusak .cont .garanti:hover { transition: .2s ease-in;background:url(i/guvenli-m.jpg) no-repeat left 0;}
		#bannerkusak .cont .kutu {
		position:relative;
		float:left;
		height:50px;
		margin:25px 0;
		padding-left:40px;	
		}
	




#container {
position:relative;
width:100%;
background-color:#FFFFFF;
font-size:18px;
letter-spacing:0.7px;
line-height:30px;
}

#hizmetler {
position:relative;
width:90%;
margin:auto;
padding:60px 0;
display:flex;
display:-webkit-flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
}

	#hizmetler .cont {
	position:relative;
	width:100%;
	margin:auto;
	text-align:justify;
	margin-bottom:90px;
	}
	#hizmetler .cont h2 { color:#636363; padding-bottom:15px; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:26px; text-align:center}

	#hizmetler .kutu {
	position:relative;
	width:100%;
	margin:0 0 80px 0;
	padding-left:80px;
	font-size:16px;
	letter-spacing:0.5px;
	line-height:24px;
	}

	#hizmetler .kutu h3 { color:#636363; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:18px; letter-spacing:0}
	#hizmetler .kutu .img { position:absolute; left:0; top:36px;}

		#hizmetler .kutu .baslik {
		width:100%;
		margin-bottom:10px;
		height:24px;
		overflow:hidden;
		}

		
		#hizmetler .kutu .icerik {
		width:100%;
		height:70px;
		overflow:hidden;
		margin-bottom:30px
		}
		#hizmetler .devam {
		position:relative;
		float:left;
		text-align:center;
		}
		#hizmetler .devam a {
		text-decoration:none;
		padding:6px 16px;
		background-color:#49aa4d;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:bold;
		border-bottom:#2a7f2e solid 3px;
		}
		#hizmetler .devam a:hover {
		background-color:#65bb69;
		border-bottom:#4b9c4f solid 3px;
		}



#ortailetisim {
position:relative;
width:100%;
height:430px;
background:url(i/orta-bg.jpg) no-repeat center center;
color:#d8d8d8;
letter-spacing:0px;
}

	#ortailetisim .cont {
	position:relative;
	width:100%;
	height:100%;
	padding:0 3%;
	background-color:rgba(0, 0, 0, 0.85);
	text-align:center;
	}
		#ortailetisim .cont h2 { color:#FFFFFF; font-family:"Neo", Helvetica, sans-serif; font-weight:bold; font-size:24px; padding:50px 0 20px 0}

		#ortailetisim .cont h1 { color:#00aeff; font-family:"NeoBold", Helvetica, sans-serif; font-weight:bold; font-size:36px; padding:0 0 30px 0}

	#ortailetisim .hemenAra {
	position:relative;
	margin-top:40px;
	}

		#ortailetisim .hemenAra a {
		text-decoration:none;
		padding:10px 20px;
		background-color:#e43427;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:bold;
		font-size:18px;
		border-bottom:#971313 solid 3px;
		}
		#ortailetisim .hemenAra a:hover {
		background-color:#65bb69;
		border-bottom:#4b9c4f solid 3px;
		}
		

#sonisler {
position:relative;
width:100%;
margin:auto;
padding:60px 0;
}

	#sonisler .cont {
	position:relative;
	width:90%;
	margin:auto;
	text-align:justify;
	margin-bottom:60px;
	}
	#sonisler .cont h2 { color:#636363; padding-bottom:20px; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:26px; text-align:center}


	#sonisler .jcarousel {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	
		#sonisler .jcarousel .divCerceve {
			width: 20000em;
			position: relative;
			margin: 0;
			padding: 0;
		}
		
		#sonisler .jcarousel .divCerceve .box {
		width: 330px;
		float: left;
		}
		
			#sonisler .jcarousel .divCerceve .box .kutu {
			transition: .16s;
			position:relative;
			width: 330px;
			margin:0 auto 20px;
			background-color:#f1f1f1;
			font-size:16px;
			letter-spacing:0.5px;
			line-height:26px;
			}
			
			#sonisler .jcarousel .divCerceve .box .kutu:hover {
			transition: .16s;
			cursor:pointer;
			box-shadow: 0 6px 18px rgba(120, 120, 120, 0.5);
			}
		
				#sonisler .jcarousel .divCerceve .box .kutu .img {
				position:relative;
				display:block;
				width:100%;
				height:auto;
				}
				
				#sonisler .jcarousel .divCerceve .box .kutu .baslik {
				position:relative;
				width:94%;
				margin:15px auto 0;
				overflow:hidden;
				height:24px;
				text-align:center;
				letter-spacing:0;
				}
				
				#sonisler .jcarousel .divCerceve .box .kutu .baslik strong {color:#636363; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:18px}
		
				#sonisler .jcarousel .divCerceve .box .kutu .icerik {
				position:relative;
				width:94%;
				height:80px;
				margin:5px auto 0;
				}
				
				#sonisler .jcarousel .divCerceve .box .kutu .icerik .txt {
				position:relative;
				width:100%;
				height:50px;
				overflow:hidden;
				}
				
	#sonisler .tuslar {
	position:relative;
	width:100px;
	margin:50px auto 0;
	}




#yorumlar {
position:relative;
width:100%;
color:#FFFFFF;
background:url(i/yorum-bg.jpg) no-repeat center center #229dff;
padding:50px 0 20px 0;
}


	#yorumlar .jcarousely {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	
		#yorumlar .jcarousely .divCerceve {
			width: 20000em;
			position: relative;
			margin:0;
			padding: 0;
		}
		
		#yorumlar .jcarousely .divCerceve .box {
		width: 100%;
		float: left;
		}
		
			#yorumlar .jcarousely .divCerceve .box .kutu {
			position:relative;
			width: 90%;
			margin:0 auto 20px;
			font-size:16px;
			letter-spacing:0.5px;
			line-height:26px;
			text-align:center;
			height:150px;
			overflow:hidden;
			}

				#yorumlar .jcarousely .divCerceve .box .kutu .icerik {
				position:relative;
				width: 100%;
				}
				#yorumlar .jcarousely .divCerceve .box .kutu .icerik strong { font-family:"NeoBold", Helvetica, sans-serif; font-weight:bold; color:#08477a; font-style:italic; letter-spacing:-0.5px}
				
				#yorumlar .jcarousely .divCerceve .box .kutu .tarih strong { font-family:"NeoBold", Helvetica, sans-serif; letter-spacing:-0.5px; font-size:24px;}
				
				#yorumlar .jcarousely .divCerceve .box .kutu .tarih {
				position:relative;
				width: 64px;
				height:59px;
				margin:20px auto 0;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				-o-border-radius:5px;
				background:url(i/yorum-tarih-bg.png) repeat-x left top;
				padding-top:20px;
				text-align:center;

				line-height:18px;
				font-size:14px;
				}
			
		
				
	#yorumlar .tuslar {
	position:relative;
	width:100px;
	margin:40px auto 0;
	}





#haberler {
position:relative;
width:100%;
margin:auto;
padding-top:60px;
display:flex;
display:-webkit-flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
justify-content:space-around;
}

	#haberler .cont {
	position:relative;
	width:90%;
	margin:auto;
	text-align:justify;
	margin-bottom:60px;
	}
	#haberler .cont h2 { color:#636363; padding-bottom:15px; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:26px; text-align:center}

	#haberler .kutu {
	position:relative;
	width:96%;
	margin-bottom:80px;
	padding-left:190px;
	font-size:16px;
	letter-spacing:0.5px;
	line-height:26px;
	}

	#haberler .kutu .baslik a { text-decoration:none; color:#ff9800;}
	#haberler .kutu .baslik a:hover { text-decoration:none; color:#ffb548;}
	#haberler .kutu h3 { color:#ff9800; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:20px; letter-spacing:0}
	#haberler .kutu .img { position:absolute; left:0; top:5px; background-color:#eeeeee; width:160px; height:110px;}

		#haberler .kutu .baslik {
		width:100%;
		margin-bottom:6px;
		height:26px;
		overflow:hidden
		}

		
		#haberler .kutu .icerik {
		width:100%;
		height:76px;
		overflow:hidden;
		margin-bottom:25px
		}
		#haberler .devam {
		position:relative;
		float:left;
		text-align:center;
		}
		#haberler .devam a {
		text-decoration:none;
		padding:6px 16px;
		background-color:#cbcbcb;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:bold;
		border-bottom:#b3b3b3 solid 3px;
		}
		#haberler .devam a:hover {
		background-color:#d9d9d9;
		border-bottom:#c8c8c8 solid 3px;
		}



#referans {
position:relative;
width:100%;
background-color:#f3f3f3;
padding:40px 0;
}

	#referans .cont {
	position:relative;
	width:90%;
	margin:auto;
	}

	#referans .sol {
	position:relative;
	width:100%;
	float:left;
	}
	
		#referans .sol .baslik {
		position:relative;
		margin-bottom:20px;
		}
			#referans .sol .baslik h2 { font-family:"Neo", Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#636363; letter-spacing:-0.5px; text-align:center}
	
		#referans .sol .icerik {
		position:relative;
		margin-bottom:20px;
		font-size:16px;
		color:#8f8f8f;
		height:280px;
		text-align:justify;
		overflow:hidden;
		}
		
		#referans .sol .devam {
		position:relative;
		float:none;
		width:160px;
		text-align:center;
		margin:10px auto 40px;
		}
		
		#referans .sol .devam a {
		text-decoration:none;
		padding:8px 18px;
		background-color:#4caf50;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:bold;
		border-bottom:#36903a solid 3px;
		}
		#referans .sol .devam a:hover {
		background-color:#65c168;
		border-bottom:#4bac4f solid 3px;
		}
			
	
	
	#referans .sag {
	position:relative;
	width:100%;
	float:right;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-around;
	}
	
		#referans .sag div {
		position:relative;
		float:left;
		width:140px;
		height:auto;
		padding:2%;
		background-color:#FFFFFF;
		margin:1% 0;
		text-align:center;
		display:table;
		}
						
		#referans .sag div span {
		vertical-align:middle;
		display:table-cell;
		}


#iletisim {
position:relative;
width:100%;
padding:60px 0;
}			
	#iletisim .cont {
	position:relative;
	width:90%;
	margin:auto;
	text-align:justify;
	}


		#iletisim .cont .baslik {
		position:relative;
		margin-bottom:20px;
		}
			#iletisim .cont .baslik h3 { font-family:"Neo", Helvetica, sans-serif; font-size:26px; font-weight:bold; color:#636363; letter-spacing:-0.5px; text-align:center}
	
		#iletisim .cont .icerik {
		position:relative;
		margin-bottom:40px;
		}

		#iletisim .cont .cerceve {
		position:relative;
		width:100%;
		margin:auto;
		display:flex;
		display:-webkit-flex;
		flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		justify-content:space-around;
		}
		
			#iletisim .cont .cerceve .tel { background:url(i/footer-tel.png) no-repeat 20px center}
			#iletisim .cont .cerceve .mail { background:url(i/footer-mail.png) no-repeat 20px center}
			#iletisim .cont .cerceve .konum { background:url(i/footer-konum.png) no-repeat 20px center}
		
			#iletisim .cont .cerceve div {
			transition:.3s;
			position:relative;
			width:90%;
			margin:5px 0;
			color:#333333;
			font-size:16px;
			padding:3% 2% 3% 70px;
			border:#eaeaea solid 1px;
			}
			
			#iletisim .cont .cerceve  div:hover { transition:.3s; background-color:#f3f3f3;}


#footer {
width:100%;
position:relative;
padding:60px 0;
background-color:#f8f8f8;
}
	#footer .cont {
	position:relative;
	width:90%;
	margin:auto;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	font-size:18px;
	text-align:justify;
	}

		#footer .cont .box {
		position:relative;
		width:96%;
		margin:0 auto 30px;
		border-bottom:#e8e8e8 solid 1px;
		}
		
			#footer .cont .box .baslik {
			position:relative;
			margin-bottom:20px;
			text-align:center;
			}
			#footer .cont .box .baslik strong { font-family:"Neo", Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#636363; letter-spacing:-0.5px}
			
			#footer .cont .box .icerik {
			position:relative;
			margin-bottom:40px;
			}

				#footer .cont .box .icerik ul {
				list-style-type:none;
				padding:0;
				margin:0;
				}
				#footer .cont .box .icerik li {
				list-style-type:none;
				padding:0;
				margin:0;
				display:block;
				height:30px;
				overflow:hidden;
				}
				#footer .cont .box .icerik li a {
				background:url(i/alt-list-bg.png) no-repeat left center;
				padding:10px 0 10px 25px;
				margin:0;
				}


				#footer .cont .box .icerik .resim {
				position:absolute;
				width:80px;
				height:60px;
				left:0;
				top:0;
				background-color:#e6e6e6
				}
				
				#footer .cont .box .icerik .txt {
				position:relative;
				padding-left:100px;
				font-family:"Neo", Helvetica, sans-serif;
				font-weight:normal;
				color:#636363;
				line-height:20px;
				height:60px;
				overflow:hidden;
				}

	
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	@media screen and (max-width:509px)
		
	{
	
	#header {
position:relative;
width:100%;
height:36px;
background-color:#293032;
color:#f0f0f0;
font-size:13px;
font-family:"NeoLight", Helvetica, sans-serif;
letter-spacing:0.6px;
}

	#header .cont {
	position:relative;
	width:96%;
	height:36px;
	margin:auto;
	}
		#header .cont a {transition: ease-in .16s all; text-decoration:none; color:#f0f0f0}
		#header .cont a:hover {transition: ease-in .16s all; text-decoration:none; color:#da8609}

		#header .cont .mail { display:none; background:url(i/mail.png) no-repeat left center}
		#header .cont .tel { background:url(i/tel.png) no-repeat left center}
		#header .cont .konum { display:none; background:url(i/kroki.png) no-repeat left center}
		
		#header .cont .box {
		position:relative;
		float:left;
		padding-left:25px;
		margin:8px 30px 0 0;
		}
		
		#header .cont .face { transition: ease-in .16s all; background:url(i/face.png) no-repeat center center #4a5052}
		#header .cont .twit { transition: ease-in .16s all; background:url(i/twitter.png) no-repeat center center #4a5052}
		#header .cont .face:hover {transition: ease-in .16s all; background-color:#3b5998; cursor:pointer}
		#header .cont .twit:hover {transition: ease-in .16s all; background-color:#55acee; cursor:pointer}		
		
		#header .cont .sosyal {
		position:relative;
		float:right;
		height:36px;
		margin-right:3px;
		width:40px;
		}


	.altbar {
	position:relative;
	width:100%;
	height:180px;
	margin:20px auto;
	letter-spacing:0;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	color:#f0f0f0;
	font-size:13px;
	font-family:"NeoLight", Helvetica, sans-serif;
	letter-spacing:0;
	}
		.altbar .logo {
		position:absolute;
		float:none;
		width:100%;
		color:#878f91;
		text-align:center;
		font-size:14px;
		border-bottom:#f1f1f1 solid 1px;
		padding-bottom:10px;
		}
		.altbar .logo h1 { font-size:22px; padding:0; margin:0; letter-spacing:-1px;}
		
			.altbar .kirmizi { color:#d84545}
			.altbar .siyah { color:#293032}


		.altbar .arama {
		position:absolute;
		width:90%;
		left:0;
		right:0;
		margin:auto;
		top:75px;
		z-index:4;
		text-align:center;
		}
		.altbar .arama input {
		background:url(i/arama.png) no-repeat 8px center #f9f9f9;
		border:#ececec solid 1px;
		color:#8f8f8f;
		border-radius:3px;
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		-o-border-radius:3px;
		font-family:"NeoLight", Helvetica, sans-serif;
		padding:10px 6px 10px 40px;
		width:80%;
		transition:all .4s;
		}
		.altbar .arama input:focus {
		width:80%;
		border:#ececec solid 1px;
		background:url(i/arama.png) no-repeat 98% center #e6e6e6;
		padding:10px 6px 10px 10px;
		}



	.altbar .menu {
	position:absolute;
	width:100%;
	left:0;
	right:0;
	top:120px;
	z-index:3;
	width:100%;
	}	

	.altbar .menu .cont {
	width:100%;
	}



	.altbar .menu .cont .menu-ac {display:block; cursor:pointer; margin:0 auto 20px; width:48px}
	

	.altbar .menu .cont ul {
	display: none;
	list-style-type:none;
	padding:0;
	margin:0;
	}		
	
	.altbar .menu .cont ul li {
	display:inline-block;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	}	
	
		.altbar .menu .cont ul li > a {
		transition: .14s ease-in;
		text-decoration:none;
		font-size:18px;
		font-family:"Neo", Helvetica, sans-serif;
		padding:15px;
		display: block;
		letter-spacing:0.4px;
		display: block;
		background-color:#ffffff;
		border-top:#f1f1f1 solid 1px;
		}	
			.altbar .menu .cont ul li > a:hover {
			transition: .14s ease-in;
			background-color:#f8f8f8;
			padding-left:30px
			}
			



#banner {
position:relative;
width:100%;
height:auto;
background-color:#f1f1f1;
}

	#banner .cont {
	position:relative;
	width:100%;
	height:100%;
	margin:auto;
	}

		#banner .cont .slogan {
		position:relative;
		float:none;
		width:100%;
		height:auto;
		margin:0 auto;
		padding:10% 0;
		text-align:center;
		z-index:-1;
		background:rgba(255, 255, 255, 0.7);
		}
			#banner .cont .slogan .slogan1 {
			position:relative;
			margin-bottom:30px;
			}
			#banner .cont .slogan .slogan1 h3 { font-family:"NeoLight", Helvetica, sans-serif; font-size:22px; color:#4f4f4f; font-weight:normal; margin-bottom:10px;}
			#banner .cont .slogan .slogan1 h1 { font-family:"NeoBold", Helvetica, sans-serif; font-size:24px; color:#2196f3; font-weight:normal; margin-bottom:10px; letter-spacing:-1px;}
		
			#banner .cont .slogan .slogan2 {
			position:relative;
			margin-bottom:30px;
			font-family:"NeoLight", Helvetica, sans-serif; font-size:18px; color:#4f4f4f; font-weight:normal;
			line-height:24px;
			}
			
			#banner .cont .slogan .sloganTel {
			display:none;
			position:relative;
			float:none;
			width:360px;
			margin:auto;
			font-family:"NeoLight", Helvetica, sans-serif;
			font-size:16px;
			color:#ffffff; 
			font-weight:normal;
			background:url(i/tel2.png) no-repeat 15px center #4caf50;
			padding:12px 20px 12px 46px;
			}
			
		
		#banner .cont .resim {
		position:absolute;
		right:0;
		top:none;
		bottom:0;
		width:100%;
		height:auto;
		}

#bannerkusak {
position:relative;
width:100%;
height:80px;
background-color:#ffc039;
}
	#bannerkusak .cont {
	position:relative;
	width:98%;
	height:100%;
	margin:auto;
	color:#654500;
	display:flex;
	flex-wrap:wrap;
	display:-webkit-flex;
	-webkit-flex-wrap:wrap;
	justify-content:space-around;
	font-family:"NeoLight", Helvetica, sans-serif;	
	}
		#bannerkusak .cont .kutu strong { font-family:"NeoBold", Helvetica, sans-serif; font-size:18px; font-weight:bold; letter-spacing:-1px}

		#bannerkusak .cont .tel { transition: .2s ease-in;background:url(i/ortatel-m.png) no-repeat left center;} 
		#bannerkusak .cont .tel:hover { transition: .2s ease-in; background:url(i/ortatel-m.png) no-repeat left 0;} 
		#bannerkusak .cont .saat { display:none; transition: .2s ease-in;background:url(i/saat-m.png) no-repeat left center;}
		#bannerkusak .cont .saat:hover { transition: .2s ease-in;background:url(i/saat-m.png) no-repeat left 0;}
		#bannerkusak .cont .garanti { transition: .2s ease-in;background:url(i/guvenli-m.jpg) no-repeat left center;}
		#bannerkusak .cont .garanti:hover { transition: .2s ease-in;background:url(i/guvenli-m.jpg) no-repeat left 0;}
		#bannerkusak .cont .kutu {
		position:relative;
		float:left;
		height:40px;
		margin:20px 0;
		padding-left:40px;	
		}

#container {
position:relative;
width:100%;
background-color:#FFFFFF;
font-size:18px;
letter-spacing:0.7px;
line-height:30px;
}

#hizmetler {
position:relative;
width:90%;
margin:auto;
padding:50px 0;
display:flex;
display:-webkit-flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
}

	#hizmetler .cont {
	position:relative;
	width:100%;
	margin:auto;
	text-align:justify;
	margin-bottom:70px;
	font-size:16px;
	line-height:24px;
	}
	#hizmetler .cont h2 { color:#636363; padding-bottom:15px; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:24px; text-align:center}

	#hizmetler .kutu {
	position:relative;
	width:100%;
	margin:0 0 60px 0;
	padding-left:80px;
	font-size:16px;
	letter-spacing:0.5px;
	line-height:24px;
	}

	#hizmetler .kutu h3 { color:#636363; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:16px; letter-spacing:0}
	#hizmetler .kutu .img { position:absolute; left:0; top:36px;}

		#hizmetler .kutu .baslik {
		width:100%;
		margin-bottom:5px;
		height:24px;
		overflow:hidden;
		}

		
		#hizmetler .kutu .icerik {
		width:100%;
		height:70px;
		overflow:hidden;
		margin-bottom:20px
		}
		#hizmetler .devam {
		position:relative;
		float:left;
		text-align:center;
		}
		#hizmetler .devam a {
		text-decoration:none;
		padding:6px 12px;
		background-color:#49aa4d;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:normal;
		font-size:16px;
		border-bottom:#2a7f2e solid 3px;
		}
		#hizmetler .devam a:hover {
		background-color:#65bb69;
		border-bottom:#4b9c4f solid 3px;
		}



#ortailetisim {
position:relative;
width:100%;
height:430px;
background:url(i/orta-bg.jpg) no-repeat center center;
color:#d8d8d8;
letter-spacing:0px;
}

	#ortailetisim .cont {
	position:relative;
	width:100%;
	height:100%;
	padding:0 3%;
	background-color:rgba(0, 0, 0, 0.80);
	text-align:center;
	font-size:16px;
	line-height:26px;
	}
		#ortailetisim .cont h2 { color:#FFFFFF; font-family:"Neo", Helvetica, sans-serif; font-weight:bold; font-size:18px; padding:40px 0 10px 0}

		#ortailetisim .cont h1 { color:#00aeff; font-family:"NeoBold", Helvetica, sans-serif; font-weight:bold; font-size:28px; padding:0 0 20px 0}

	#ortailetisim .hemenAra {
	position:relative;
	margin-top:30px;
	}

		#ortailetisim .hemenAra a {
		text-decoration:none;
		padding:10px 16px;
		background-color:#e43427;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:bold;
		font-size:15px;
		border-bottom:#971313 solid 3px;
		}
		#ortailetisim .hemenAra a:hover {
		background-color:#65bb69;
		border-bottom:#4b9c4f solid 3px;
		}
		

#sonisler {
position:relative;
width:100%;
margin:auto;
padding:60px 0;
}

	#sonisler .cont {
	position:relative;
	width:90%;
	margin:auto;
	text-align:justify;
	margin-bottom:40px;
	font-size:16px;
	line-height:24px;
	}
	#sonisler .cont h2 { color:#636363; padding-bottom:20px; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:24px; text-align:center}


	#sonisler .jcarousel {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	
		#sonisler .jcarousel .divCerceve {
			width: 20000em;
			position: relative;
			margin: 0;
			padding: 0;
		}
		
		#sonisler .jcarousel .divCerceve .box {
		width: 330px;
		float: left;
		}
		
			#sonisler .jcarousel .divCerceve .box .kutu {
			transition: .16s;
			position:relative;
			width: 330px;
			margin:0 auto 20px;
			background-color:#f1f1f1;
			font-size:16px;
			letter-spacing:0.5px;
			line-height:26px;
			}
			
			#sonisler .jcarousel .divCerceve .box .kutu:hover {
			transition: .16s;
			cursor:pointer;
			box-shadow: 0 6px 18px rgba(120, 120, 120, 0.5);
			}
		
				#sonisler .jcarousel .divCerceve .box .kutu .img {
				position:relative;
				display:block;
				width:100%;
				height:auto;
				}
				
				#sonisler .jcarousel .divCerceve .box .kutu .baslik {
				position:relative;
				width:94%;
				margin:15px auto 0;
				overflow:hidden;
				height:24px;
				text-align:center;
				letter-spacing:0;
				}
				
				#sonisler .jcarousel .divCerceve .box .kutu .baslik strong {color:#636363; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:18px}
		
				#sonisler .jcarousel .divCerceve .box .kutu .icerik {
				position:relative;
				width:94%;
				height:80px;
				margin:5px auto 0;
				}
				
				#sonisler .jcarousel .divCerceve .box .kutu .icerik .txt {
				position:relative;
				width:100%;
				height:50px;
				overflow:hidden;
				}
				
	#sonisler .tuslar {
	position:relative;
	width:100px;
	margin:50px auto 0;
	}

#yorumlar {
position:relative;
width:100%;
color:#FFFFFF;
background:url(i/yorum-bg.jpg) no-repeat center center #229dff;
padding:50px 0 20px 0;
}


	#yorumlar .jcarousely {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	
		#yorumlar .jcarousely .divCerceve {
			width: 20000em;
			position: relative;
			margin:0;
			padding: 0;
		}
		
		#yorumlar .jcarousely .divCerceve .box {
		width: 100%;
		float: left;
		}
		
			#yorumlar .jcarousely .divCerceve .box .kutu {
			position:relative;
			width: 90%;
			margin:0 auto 20px;
			font-size:16px;
			letter-spacing:0.5px;
			line-height:26px;
			text-align:center;
			height:160px;
			overflow:hidden;
			}

				#yorumlar .jcarousely .divCerceve .box .kutu .icerik {
				position:relative;
				width: 100%;
				}
				#yorumlar .jcarousely .divCerceve .box .kutu .icerik strong { font-family:"NeoBold", Helvetica, sans-serif; font-weight:bold; color:#08477a; font-style:italic; letter-spacing:-0.5px}
				
				#yorumlar .jcarousely .divCerceve .box .kutu .tarih strong { font-family:"NeoBold", Helvetica, sans-serif; letter-spacing:-0.5px; font-size:24px;}
				
				#yorumlar .jcarousely .divCerceve .box .kutu .tarih {
				position:relative;
				width: 64px;
				height:59px;
				margin:20px auto 0;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				-o-border-radius:5px;
				background:url(i/yorum-tarih-bg.png) repeat-x left top;
				padding-top:20px;
				text-align:center;

				line-height:18px;
				font-size:14px;
				}
						
	#yorumlar .tuslar {
	position:relative;
	width:100px;
	margin:40px auto 0;
	}

#haberler {
position:relative;
width:100%;
margin:auto;
padding-top:60px;
display:flex;
display:-webkit-flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
justify-content:space-around;
}

	#haberler .cont {
	position:relative;
	width:90%;
	margin:auto;
	text-align:justify;
	margin-bottom:60px;
	font-size:16px;
	line-height:24px;
	}
	#haberler .cont h2 { color:#636363; padding-bottom:15px; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:26px; text-align:center}

	#haberler .kutu {
	position:relative;
	width:90%;
	margin-bottom:70px;
	padding-left:0;
	font-size:16px;
	letter-spacing:0.5px;
	line-height:26px;
	}

	#haberler .kutu .baslik a { text-decoration:none; color:#ff9800;}
	#haberler .kutu .baslik a:hover { text-decoration:none; color:#ffb548;}
	#haberler .kutu h3 { color:#ff9800; font-weight:bold; font-family:"Neo", Helvetica, sans-serif; font-size:20px; letter-spacing:0}
	#haberler .kutu .img { display:none; position:absolute; left:0; top:5px; background-color:#eeeeee; width:160px; height:110px;}

		#haberler .kutu .baslik {
		width:100%;
		margin-bottom:6px;
		height:26px;
		overflow:hidden
		}

		
		#haberler .kutu .icerik {
		width:100%;
		height:76px;
		text-align:justify;
		overflow:hidden;
		margin-bottom:25px;
		font-size:14px;
		}
		#haberler .devam {
		position:relative;
		float:left;
		text-align:center;
		}
		#haberler .devam a {
		text-decoration:none;
		padding:6px 12px;
		background-color:#cbcbcb;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:normal;
		border-bottom:#b3b3b3 solid 3px;
		}
		#haberler .devam a:hover {
		background-color:#d9d9d9;
		border-bottom:#c8c8c8 solid 3px;
		}



#referans {
position:relative;
width:100%;
background-color:#f3f3f3;
padding:40px 0;
}

	#referans .cont {
	position:relative;
	width:90%;
	margin:auto;
	}

	#referans .sol {
	position:relative;
	width:100%;
	float:left;
	}
	
		#referans .sol .baslik {
		position:relative;
		margin-bottom:10px;
		}
			#referans .sol .baslik h2 { font-family:"Neo", Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#636363; letter-spacing:-0.5px; text-align:center}
	
		#referans .sol .icerik {
		position:relative;
		margin-bottom:20px;
		font-size:16px;
		color:#8f8f8f;
		height:280px;
		text-align:justify;
		overflow:hidden;
		}
		
		#referans .sol .devam {
		position:relative;
		float:none;
		width:160px;
		text-align:center;
		margin:10px auto 40px;
		}
		
		#referans .sol .devam a {
		text-decoration:none;
		padding:8px 18px;
		background-color:#4caf50;
		color:#FFFFFF;
		font-family:"Neo", Helvetica, sans-serif;
		font-weight:bold;
		border-bottom:#36903a solid 3px;
		}
		#referans .sol .devam a:hover {
		background-color:#65c168;
		border-bottom:#4bac4f solid 3px;
		}
			
	
	
	#referans .sag {
	position:relative;
	width:100%;
	float:right;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-around;
	}
	
		#referans .sag div {
		position:relative;
		float:left;
		width:140px;
		height:auto;
		padding:2%;
		background-color:#FFFFFF;
		margin:1% 0;
		text-align:center;
		display:table;
		}
						
		#referans .sag div span {
		vertical-align:middle;
		display:table-cell;
		}


#iletisim {
position:relative;
width:100%;
padding:60px 0;
}			
	#iletisim .cont {
	position:relative;
	width:90%;
	margin:auto;
	text-align:justify;
	font-size:16px;
	line-height:24px;
	}


		#iletisim .cont .baslik {
		position:relative;
		margin-bottom:20px;
		}
			#iletisim .cont .baslik h3 { font-family:"Neo", Helvetica, sans-serif; font-size:24px; font-weight:bold; color:#636363; letter-spacing:-0.5px; text-align:center}
	
		#iletisim .cont .icerik {
		position:relative;
		margin-bottom:40px;
		}

		#iletisim .cont .cerceve {
		position:relative;
		width:100%;
		margin:auto;
		display:flex;
		display:-webkit-flex;
		flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		justify-content:space-around;
		}
		
			#iletisim .cont .cerceve .tel { background:url(i/footer-tel.png) no-repeat 10px center}
			#iletisim .cont .cerceve .mail { background:url(i/footer-mail.png) no-repeat 10px center; overflow-x:hidden}
			#iletisim .cont .cerceve .konum { background:url(i/footer-konum.png) no-repeat 10px center}
		
			#iletisim .cont .cerceve div {
			transition:.3s;
			position:relative;
			width:100%;
			margin:5px 0;
			color:#333333;
			font-size:16px;
			padding:4% 2% 4% 50px;
			border:#eaeaea solid 1px;
			}
			
			#iletisim .cont .cerceve  div:hover { transition:.3s; background-color:#f3f3f3;}


#footer {
width:100%;
position:relative;
padding:60px 0;
background-color:#f8f8f8;
}
	#footer .cont {
	position:relative;
	width:90%;
	margin:auto;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	font-size:18px;
	text-align:justify;
	font-size:16px;
	line-height:24px
	}

		#footer .cont .box {
		position:relative;
		width:96%;
		margin:0 auto 30px;
		border-bottom:#e8e8e8 solid 1px;
		}
		
			#footer .cont .box .baslik {
			position:relative;
			margin-bottom:20px;
			text-align:center;
			}
			#footer .cont .box .baslik strong { font-family:"Neo", Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#636363; letter-spacing:-0.5px}
			
			#footer .cont .box .icerik {
			position:relative;
			margin-bottom:40px;
			}

				#footer .cont .box .icerik ul {
				list-style-type:none;
				padding:0;
				margin:0;
				}
				#footer .cont .box .icerik li {
				list-style-type:none;
				padding:0;
				margin:0;
				display:block;
				height:30px;
				overflow:hidden;
				}
				#footer .cont .box .icerik li a {
				background:url(i/alt-list-bg.png) no-repeat left center;
				padding:10px 0 10px 25px;
				margin:0;
				}


				#footer .cont .box .icerik .resim {
				position:absolute;
				width:80px;
				height:60px;
				left:0;
				top:0;
				background-color:#e6e6e6
				}
				
				#footer .cont .box .icerik .txt {
				position:relative;
				padding-left:100px;
				font-family:"Neo", Helvetica, sans-serif;
				font-weight:normal;
				color:#636363;
				line-height:20px;
				height:60px;
				overflow:hidden;
				}

	
	}