body{font-family: 'Raleway', sans-serif;font-size: 16px;color: #999;background: #fff; overflow-x: hidden;}
.clear{ clear:both;}
.message{ padding:20px; text-align:center; margin:10px; font-weight:bold;}
#ok{ border:1px solid  #090; background:#9FC; color:#030;}
#error{ border:1px solid #900; background:#F96; color:#F00;}

.section{ max-width:1170px; margin:0 auto; position: relative; }
.section:after{ display: block; clear: both; content: ''; }
.logo{ position: absolute; left: 20px; top: -25px;}

#menuAc{ display:none; float:right; line-height:49px; color:#8b0304; cursor:pointer; padding:0 10px;}
#menuAc:hover{ color:#404041; }
#menuAc label{ cursor:pointer;}
.diller{ position: absolute; right: 0; top: -25px;}

 
nav#GizliMainMenu{ display:none; z-index:2000; position:fixed; width:260px; padding:10px; height:97%; top:0;background:rgba(0,0,0,1); right:0px; overflow:auto;}
nav#GizliMainMenu ol li a{ color:#FFF; line-height:170%;font-weight: 400;border-bottom: 1px solid #3a3a39;font-size: 13px;color: #bebebe;  display:block;
 padding:7px;transition: all 0.2s ease 0s;} 
nav#GizliMainMenu ol li a:hover{ background:#000;color:gold}
nav#GizliMainMenu ol ol{ padding-left:10px;} 
#menuKapat{ color:#fff; background:#000; display:block; line-height:40px; cursor:pointer;}
#menuKapat:hover{color:#000; background:#fff; }

a.logo:before {display: block;content: '';width: 700px;background: rgba(255, 255, 255, 0.7);height: 47px;position: absolute;left: -700px;top: 77px; -webkit-box-shadow: 1px 1px 2px 0px rgba(255, 255, 255, 0.37);-moz-box-shadow:    1px 1px 2px 0px rgba(255, 255, 255, 0.37);box-shadow:         1px 1px 2px 0px rgba(255, 255, 255, 0.37);}
a.logo:after {display: block;content: '';width: 1800px;background: rgba(255, 255, 255, 0.7);height: 47px;position: absolute;right: -1800px;top: 77px;-webkit-box-shadow: 1px 1px 2px 0px rgba(255, 255, 255, 0.37);-moz-box-shadow:    1px 1px 2px 0px rgba(255, 255, 255, 0.37);box-shadow:1px 1px 2px 0px rgba(255, 255, 255, 0.37);}

nav#MainMenu{height:47px; float: right; margin-top: 52px;padding-left: 15px;} 
nav#MainMenu ol li{ float:left; position:relative;} 
nav#MainMenu ol li a{color: #8b0304;  line-height: 30px;padding: 0 15px;margin: 10px 5px; display:block; transition: all .5s linear;font-size:18px; opacity:0.8;transition: all 0.2s ease 0s; font-weight: bold ;}
nav#MainMenu ol li:hover > a,
nav#MainMenu ol li a:hover{  opacity:1;    border-color: #fff;}
nav#MainMenu ol ol{ display:none;opacity:0; z-index: 10; position:absolute;  background:#fff; padding-top: 5px;-webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2);}  
nav#MainMenu ol li > ol:first-chlid{ top:47px;}
nav#MainMenu ol ol li{min-width:100px;width: 100%;}
nav#MainMenu ol ol li a{font-weight: 400;color: #333;transition: all 0.5s ease 0s;white-space:nowrap; margin: 0 5px 5px 5px; border:none; font-size: 17px;}
nav#MainMenu ol ol ol{ right:99%; top:3px;}
nav#MainMenu ol :hover > ol{ opacity:1; display:block;}
nav#MainMenu ol ol li:hover > a,nav#MainMenu ol ol li:hover,nav#MainMenu ol ol li a:hover{ } 

header{margin-top:35px!important; position: absolute!important; z-index: 100; width: 100%;}
header .section{ }

.paralax1{background-image: url("../img/paralax1.jpg"); background-attachment: fixed;background-repeat: no-repeat; background-size: cover;}
.paralax2{background-image: url("../img/paralax2.jpg"); background-attachment: fixed;background-repeat: no-repeat; background-size: cover;}
.ozelAltSayfalar{ position: relative; z-index: 1000; padding-bottom: 30px; }
.ozelAltSayfalar .liste_1{ margin-top: -272px; }
.ozelAltSayfalar .liste_1 .hover{ line-height: 35px; height: inherit!important; background-color:rgba(0, 0, 0, 1);} 
  



.beyaz{ background-color: #fff; padding-bottom: 50px;}
.kutular h1{ font-size: 30px; color: #fff; padding: 25px 0 10px 0; font-weight: bold; }
.kutular h1 small{ display: block; font-size: 14px; padding-top: 10px; color: #e0e0e0;}

.kutular ol { text-align: center; }
.kutular ol li{ display: inline-block; margin:2% 2% 2% 0; padding:3%; width: 41%; background-color:#fcfcfc; text-align: left;transition: all .5s ease-in-out;}
.kutular ol li h3{ margin-bottom: 10px; font-weight: bold; color: #000; font-size: 22px; }
.kutular ol li p{ line-height: 160%; font-size: 14px; }
.kutular ol li:hover{ background-color: #f9f7f7; }

.kutular ol li:after{ clear: both; content: ''; display: block; }
.kutular ol li img{ float: left; width: 100px; margin-right: 10px;}

.kutular ol li:nth-of-type(2n){margin:2% 0 2% 2%;} 

footer{ background: #25272e url("../img/footer.png"); padding: 30px; text-align: center;}
footer .foot{ margin-bottom: 20px; }
footer .foot img{ opacity: 0.5;transition: all 0.5s ease 0s; }
footer .foot img:hover{ opacity: 1; }


.AnaTablo tr td img{ padding:3px; background:#FFF; border:1px solid #CCC; margin-bottom:10px;}	
.AnaTablo tr td h5{font-size: 15px;line-height: 100%; color: #777;text-align: center;font-family: 'Dosis', sans-serif;}
.OzelTablo{ border:1px dashed #CCC; width:100%;}
.OzelTablo tr td{ padding:10px; background:rgba(255, 255, 255, 0.55); font-size: 16px; color: #000;}
.OzelTablo tr:nth-of-type(2n+1) td{ background:rgba(204, 204, 204, 0.15); color: #fff; }



.varsayilan{ background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url("../../upload/images/varsayilan.jpg"); height: 300px; width: 100%; position: relative; z-index: 0;}
.varsayilan div{ background: url("../img/plugin/golge.png") repeat-x bottom; width: 100%; height: 300px;}



#standart{  padding:30px; max-width: 1110px; margin: 0 auto; }

#standart h1{color:gold;font-size: 27px;font-weight: normal;margin-bottom: 20px;line-height:40px; }

	#standart h1 a{ color:gold; text-decoration:underline;}
	#standart p{ line-height:140%;  padding:5px 0; text-align:justify; font-size:18px;}	 
	#standart ul{ list-style-image:url("../img/plugin/dot.png"); margin-left:40px;}
	#standart ul li{ line-height:140%; margin-bottom:10px; font-size:18px;}  


@media (max-width: 1280px) {
	nav#MainMenu{ display: none; }
	#menuAc{ display:block; } 	
}
@media (max-width: 800px) { 

	#menuAc{ display:block; position: absolute; top: 14px; right: 14px;} 
	.ozelAltSayfalar .liste_1{ margin-top: 0; padding-top: 10px;}
	.kutular ol li{ width: 90%; margin: 5px 0!important;  }
	header{ position: relative!important; margin-top:0!important; z-index: 1000; height: 158px; background-color: #fff;}
	header .section{background: rgb(255, 255, 255); border-radius: 0;height: 158px; text-align: center;}
	.bannercontainer{margin-bottom:0!important;   }
	.logo{ top: -1px; position: relative; display: inline-block; left: inherit; width: 100%!important; text-align: center; }
	.logo:after,.logo:before{ display: none!important; }
	.logo img{ width: 280px!important; }
	body{background: rgb(7, 7, 7); }
	.diller{  top:inherit; bottom: -25px; right: 20px;}

	.bannercontainer .banner .gardener-caption-p div{ font-size: 17px!important; }
}

@media (max-width: 600px) { 
	#menuAc{ display:block; } 
	.logo{ width: 120px; background-color: transparent;}
}