@charset "utf-8";
html{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	direction: ltr;
	overflow-x: hidden;
	overflow-y: scroll;
}
body{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border:none;
	outline:none;
	background-color:#fff;
	font-family:Arial,"Helvetica Hue",Helvatica,sans serif;
	color:#646464;
	line-height:1.5;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
}
@media only screen and (min-width: 1200px){
	body{
		font-size:14px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	body{
		font-size:13px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	body{
		font-size:12px;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	body{
		font-size:12px;
	}
}
@media only screen and  (max-width: 575px){
	body{
		font-size:12px;
	}
}
#TumSayfaAlani{
	position: relative;/*en üst elemana relatif değeri verilecek.içerisinde menu üst de fixlenecek*/
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 100%;
	min-height: 100%;
	max-height: 100%;
	margin: 0 auto;/*üsttenalttan,soldansağdan*/
	padding: 0;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
	border:none;
	outline: none;
	background-color: #fff;
}
#HeaderAlani{
	position: fixed;/*header alani yukarıya sabitlendi*/
	display: block;/*bu alanın yanına başka bir şey gelmez*/
	z-index: 99;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	top: 0;
	left: 0;
	border: none;
	outline: none;
	background-color: none;
	text-align: center;
}

#HeaderMenuAlani{
	display: block;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	border: none;
	border-bottom: 1px solid #ccc;
	outline: none;
	/*vertical-align: top;*/
	text-align: center;
}
#HeaderMenuSinirlamaAlani{
	display: block;
	height: 100px;
	min-height: 100px;
	max-height:100px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	border: none;
	outline: none;
	background-color:#EB7A21;
	text-align: center;
	/*vertical-align: middle;*/
}
@media only screen and (min-width: 1200px){
		#HeaderMenuSinirlamaAlani{
		width: 100%;
		min-width:100%;
		max-width:100%;	
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	#HeaderMenuSinirlamaAlani{
		width: 100%;
		min-width:100%;
		max-width:100%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
		#HeaderMenuSinirlamaAlani{
		width: 100%;
		min-width:100%;
		max-width:100%;
	}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
	#HeaderMenuSinirlamaAlani{
		width: 100%;
		min-width:100%;
		max-width:100%;	
	}
}
@media only screen and  (max-width: 575px){
	#HeaderMenuSinirlamaAlani{
		width: 100%;
		min-width:100%;
		max-width:100%;	
	}
}
#HeaderMenuLogoAlani{
	
	display: block;
	float: left;
	width: 100px;
	min-width: 100px;
	max-width: 100px;
	height:100px;
	min-height: 100px;
	max-height:100px;
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	/*vertical-align: middle;*/
	text-align: left;
}
#HeaderMenuLogoAlani img{
	display: block;
	width: 100px;
	min-width:100px;
	max-width:100px;
	height:100px;
	min-height:100px;
	max-height:100px;
	margin: 0;
	padding: 0px;
	padding-left: 60px;
	border: none;
	outline: none;
}
#HeaderMenuNavAlani{
	display: block;
	float: right;
	width: -webkit-calc(100%-205px);
	width: -moz-calc(100%-205px);
	width: -o-calc(100%-205px);
	width: -ms-calc(100%-205px);
	width: calc(100%-205px);
	min-width: -webkit-calc(100%-205px);
	min-width: -moz-calc(100%-205px);
	min-width: -o-calc(100%-205px);
	min-width: -ms-calc(100%-205px);
	min-width: calc(100%-150px);
	max-width: -webkit-calc(100%-205px);
	max-width: -moz-calc(100%-205px);
	max-width: -o-calc(100%-205px);
	max-width: -ms-calc(100%-205px);
	max-width: calc(100%-205px);
	height: 70px;
	min-height: 70px;
	max-height: 70px;
	margin:0 auto;
	padding: 20px;
	overflow: hidden;
	border:none;
	outline: none;
	background-color: #EB7A21;
	/*vertical-align: middle;*/
	text-align: right; 
}
#HeaderMenuNav{
	float: right;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 40px;
	min-height: 40px;
	max-height: 40px;
	margin:0 auto;
	padding: 0;
	padding-right:300px;
	overflow: hidden;
	border:none;
	outline: none;
	background-color:#EB7A21;
	vertical-align: middle;
	text-align: left; 
}
@media only screen and (min-width: 768px){
		#HeaderMenuNav{
		display: block;
		padding-top: 5px;
	}
}
@media only screen and  (max-width: 767px){
	#HeaderMenuNav{
		display: none;
	}
}
#HeaderMenuSeceneklerAlani{
	display: block;
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	border:none;
	outline: 0;
	text-align: center;
}
@media only screen and (min-width: 1200px){
		#HeaderMenuSeceneklerAlani{
		padding-top: 6px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	#HeaderMenuSeceneklerAlani{
		padding-top: 7px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
		#HeaderMenuSeceneklerAlani{
		padding-top: 8px;
	}
}
.HeaderMenuSecenekleri{
	display: block;
	float: left;
	margin: 0 auto;
	padding: 0;
	padding-left: 10px;
	padding-right: 5px;
	font-family:Arial,"Helvetica Hue",Helvatica,sans serif;
	color:#646464;
	line-height:1.5;
	font-style:normal;
	font-variant:normal;
	font-weight:600px;
	text-align:center;
	text-decoration:none;
}
@media only screen and (min-width: 1200px){
	.HeaderMenuSecenekleri{
		font-size:18px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.HeaderMenuSecenekleri{
		font-size:13px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.HeaderMenuSecenekleri{
		font-size:12px;
	}
}
.HeaderMenuSecenekleri a{
	font-family:Arial,"Helvetica Hue",Helvatica,sans serif;
	color:#fff;
	font-style:normal;
	font-variant:normal;
	font-weight:600;
	text-align:left;
	text-decoration:none;
	padding:20px 30px;/* komutu hoca dediği gibi yap*/

}
.HeaderMenuSecenekleri a:link,.HeaderMenuSecenekleri a:activ,.HeaderMenuSecenekleri a:visited{
	font-family:Arial,"Helvetica Hue",Helvatica,sans serif;
	color:#fff;
	font-style:normal;
	font-variant:normal;
	font-weight:600;
	text-align:left;
	text-decoration:none;

}
.HeaderMenuSecenekleri a:hover{
	font-family:Arial,"Helvetica Hue",Helvatica,sans serif;
	color:#C4CCCC;
	font-style:normal;
	font-variant:normal;
	font-weight:600;
	text-align:left;
	text-decoration:none;
	background-color: #EB7A21;
}

#HeaderMenuAcmaButunuAlani{
	float: right;
	width: 26px;
	min-width: 26px;
	max-width: 26px;
	height: 20px;
	min-height: 20px;
	max-height: 20px;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-right: 10px;
	border: none;
	outline: none;
	vertical-align: middle;
	text-align: right;
	cursor: pointer;
}
@media only screen and (min-width: 768px){
		#HeaderMenuAcmaButunuAlani{
		display: none;
		
	}
}
#HeaderMenuAcmaButunuAlani img{
	display: block;
	width: 26px;
	min-width: 26px;
	max-width: 26px;
	height: 20px;
	min-height: 20px;
	max-height: 20px;

}
#HeaderMenuAcmaButunuMenuSinirlamaAlani{
	display: block;
	float: right;/*değişiklik açılan menu yu sola kaldırdım*/
	width: 100px;/*değişiklik yaptım*/
	min-width: 100px;
	max-width: 100px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	border:none;
	outline: none;
	background-color: #20b2aa;
	text-align: center;
	/*vertical-align: middle;*/


}
@media only screen and (max-width: 767px){
		#HeaderMenuAcmaButunuMenuSinirlamaAlani{
		display: block;
		
	}
}
@media only screen and (min-width: 768px){
		#HeaderMenuAcmaButunuMenuSinirlamaAlani{
		display:  none;
	}
}
#HeaderMenuAcmaButunuMenu{
	width: 100%;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	border:none;
	outline: none;
	background-color: #20b2aa;
	text-align: center;
	/*vertical-align:top;*/
	
}
#HeaderMenuAcmaButunuMenuSeceneklerAlani{
	display: block;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: auto;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	border:none;
	outline: none;
	text-align: center;
	
}
.HeaderMenuAcmaButunuMenuSecenekleri{
	float: right;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 20px;
	min-height: 20px;
	max-height: 20px;
	margin: 0 auto;
	padding: 0;
	padding: 5px 5px 4px 5px;
	border:none;
	border-bottom: 1px solid #FFAE00;
	outline: none;
	font-family:Arial,"Helvetica Hue",Helvatica,sans serif;
	font-size: 12px;
	color:#fff;
	line-height:1.5;
	font-style:normal;
	font-variant:normal;
	font-weight:600;
	text-align: center;

}
.HeaderMenuAcmaButunuMenuSecenekleri a{
	font-family:Arial,"Helvetica Hue",Helvatica,sans serif;
	color:#fff;
	font-style:normal;
	font-variant:normal;
	font-weight:600;
	text-align:left;
	text-decoration:none;
}
.HeaderMenuAcmaButunuMenuSecenekleri a:link,.HeaderMenuAcmaButunuMenuSecenekleri a:activ,.HeaderMenuAcmaButunuMenuSecenekleri a:visited{
	font-family:Arial,"Helvetica Hue",Helvatica,sans serif;
	color:#fff;
	font-style:normal;
	font-variant:normal;
	font-weight:600;
	text-align:left;
	text-decoration:none;
}
.HeaderMenuAcmaButunuMenuSecenekleri a:hover{
	font-family:Arial,"Helvetica Hue",Helvatica,sans serif;
	color:#FFAE00;
	font-style:normal;
	font-variant:normal;
	font-weight:600;
	text-align:left;
	text-decoration:none;
}
main{
	width: 100%;
	height: 800px;
	margin: 0;
	padding: 0;
}
#bolumbir{
	width: 100%;
	height:100%;
	margin-top: 80px;
	padding: 0;
}
.grid-container{
	display:inline-grid;
	grid-template-columns:500px 500px  ;
	grid-template-rows: 200px 200px  ;
	gap: 90px 50px;
	width: 100%;
	height:100%;
	margin-top: 100px;
	padding: 0;
	justify-content: center;	
	
}
.grid-container h1{
	font-family:Arial,"Helvetica Hue",Helvatica,sans serif;
	color:#000;
	font-style:normal;
	font-variant:normal;
	font-weight:600;
	font-size: 20px;
	text-align:justify; 
	text-decoration:none;
	padding: 5px;
}
.grid-container  p{
	font-family:Arial,"Helvetica Hue",Helvatica,sans serif;
	color:#000;
	font-style:normal;
	font-variant:normal;
	font-weight:200;
	font-size: 18px;
	text-align:left; 
	text-decoration:none;
	padding: 5px;
}
.grid-item{
	padding-left: 50px;
}
.grid-container2{
	display:inline-grid;
	grid-template-columns: 400px 400px  ;
	grid-template-rows: 200px 200px  ;
	gap: 150px 100px;
	width: 100%;
	height:100%;
	margin-top: 200px;
	padding: 0;
}

#bolumikiiletisim{
	width: 400px;
	height: 200px;
	padding:0;
	padding-left: 100px;
	border:none;
	margin-top: 200px;
}
#bolumikiiletisim  h1{
	font-family:Arial,"Helvetica Hue",Helvatica,sans serif;
	color:#000;
	font-style:normal;
	font-variant:normal;
	font-weight:600;
	font-size: 24px;
	text-align:justify; 
	text-decoration:none;
	padding: 5px;
}
#bolumikiiletisim  p{
	font-family:Arial,"Helvetica Hue",Helvatica,sans serif;
	color:#000;
	font-style:normal;
	font-variant:normal;
	font-weight:300;
	font-size: 20px;
	text-align:left; 
	text-decoration:none;
	padding: 5px;
}

.Footer{
	display:block;
	border-top: 1px solid grey;
	width: auto;
	height: auto;
	margin-top: 5px;
}
#Footerlist img{
	width: 24px;
	height: 24px;
}
#Footerlist{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	list-style: none;
	font-family: Arial,"Helvatica Heue",Helvatica,sans-serif;
	line-height: 1.5;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}