body{font-family: 'Raleway', sans-serif;font-size: 16px;color: #999;background: gold;}
.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: ''; }


#menuAc{ display:none; float:right; line-height:49px; color:#FFF; cursor:pointer; padding:0 10px;}
#menuAc:hover{ color:gold; }
#menuAc label{ cursor:pointer;}

 
nav#GizliMainMenu{ display:none; z-index:1000; position:fixed; width:260px; padding:10px; height:97%; top:0;background:rgba(0,0,0,0.7); 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; }

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

nav#MainMenu{height:47px; float: right; margin-top: 110px;} 
nav#MainMenu ol li{ float:left; position:relative;} 
nav#MainMenu ol li a{color: #fff; line-height: 30px;padding: 0 10px;margin: 10px 5px; display:block; transition: all .5s linear;font-size:16px; font-weight:400; opacity:0.8;transition: all 0.2s ease 0s;}
nav#MainMenu ol li:hover > a,
nav#MainMenu ol li a:hover{  opacity:1; background:#353535;}
nav#MainMenu ol ol{ display:none;opacity:0; z-index: 10; position:absolute;  background:rgba(0, 0, 0, 0.54); 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: #bebebe;transition: all 0.5s ease 0s;white-space:nowrap; margin: 0 5px 5px 5px;}
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{color:#FFF;} 


.logo{ width: 270px; height: 270px;  text-align: center; }
header{ margin-bottom: 50px!important; z-index: 100;}

footer{ background: #111; 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; }

.icerik{ margin-bottom: 20px;  }
#standart{ background-color:rgba(0,0,0,0.7); padding:30px; max-width: 1110px; margin: 0 auto 30px 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;}  


#OzelStil li{ width:300px; height:222px; position:relative; display:inline-block; overflow:hidden;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
#OzelStil li a{ color:#FFF;}
#OzelStil li h5{transition: all .2s linear; position:absolute; width:100%; background:rgba(45, 61, 49, 0.6); bottom:40px; height:28px; text-align:center; display:block;}
#OzelStil li h2{transition: all .2s linear; position:absolute; width:100%; background:rgba(0, 0, 0, 0.55); bottom:0; margin:0; padding:0; line-height:40px; text-align:center; font-weight:200;}
#OzelStil li h5 i{transition: all .2s linear; display:block; width:55px; height:55px; background:url("../img/ilogo.png") left top; background-color:#fff; border:3px solid #3B4539; -webkit-border-radius: 45px;-moz-border-radius: 45px;border-radius: 45px;position: relative;margin: 0 auto;top: -20px;z-index: 1;}
#OzelStil li:hover h2{ line-height:85px;}
#OzelStil li:hover h5{ bottom:85px; background-color:rgba(255, 255, 255);}
#OzelStil li:hover h5 i{ background-position:right; background-color:rgb(45, 61, 49); border-color:#fff; border-width:5px;}



	
.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); color: #000;}
.OzelTablo tr:nth-of-type(2n+1) td{ background:rgba(204, 204, 204, 0.15); color: #BFBABA;}


 




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

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

/*header{position:fixed; z-index: 999;  background:rgba(0, 0, 0, 0.54);height:50px; width:100%; top:10px;}
header .head{ position:relative; height:50px; max-width:1280px; margin:0 auto;}
	.logo{ display:block; position:absolute; top:-10px; left:0; z-index:7; background-color: #000; padding: 10px; max-width: 233px;}
	.logo img{ width: 100%; }*/
/*

footer {background: #000;width:100%; min-height:55px; position:relative; z-index:1;}
footer .footer{color: #fff;z-index: 2;line-height:170%; max-width:1280px; margin:0 auto; padding:20px;}
footer .footer .foot{ float: left; }
footer .footer:after{ display: block; content: ''; clear: both; }

footer .footer p{ float:left; font-size:18px;}
#poweredBy{ float:right; display:block;}


.site{ width: 94%; background: rgba(0, 0, 0, 0.7); padding: 3%;  min-height: 300px; top: 300px; position: relative; z-index: 1; }
#footer{ top: 300px; }








*/
/*

 

.golge{ max-width:980px; height:20px; position:absolute; bottom:-20px; left:0; background:url("../img/golge.png") center top; z-index:6}



 

.mainSayfa{  width:100%; min-height:200px; position:relative; margin-top:650px; background:#fff;}
.MainIcerik{margin:-260px auto 0 auto; max-width:1030px; min-height:0; position:relative; z-index:1;}
#OzelKutular{ width:100%; height:260px; position:relative;}
#swappers{ margin:0 auto; max-width:1030px; height:280px; text-align:center;}

.swapper { width:280px; overflow:hidden; height:160px; display:inline-block; margin:0 10px; position:relative; padding:0 20px; color:#fff; background: rgba(45, 61, 48, 0.8);}
.swapper .indicator {width:20px; height:20px; position:absolute; top:0; right:0; background:url("../img/swapper-indicator.png") no-repeat center bottom;}
.swapper .bgr {opacity:0.9; filter:alpha(opacity=90); position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;}
.swapper p { font-size: 14px;opacity:0.9; filter:alpha(opacity=90); color:#fff; line-height:150%; margin-bottom:10px;  }
.swapper h3 {font-family: 'Dosis', sans-serif;font-weight:400; line-height:50px; font-size:22px; border-bottom:1px solid #5a5a5a; text-shadow:1px 1px 0 #383838; color:#fff; margin-bottom:10px; }

.bg-transparent {height: 280px;width: 100%;position: absolute;top: 0;left: 0;background:url("../img/swapper-bg.png") repeat-x center top;z-index: 1;}

hr{border: 0;border-top: 1px solid rgb(243, 237, 237);}
.MainIcerik h1{ padding:20px; font-size:20px; font-weight:700; line-height:35px; text-align:center; color:#394539;}
.MainIcerik h2{  padding:10px 0; font-size:20px; font-weight:700; text-align:left; color:#394539;}
.MainIcerik  p {line-height: 140%;padding: 5px 0;text-align: left;font-size: 15px;}
.MainIcerik ol { text-align:center; vertical-align:top;}
.MainIcerik ol li{ display:inline-block; overflow:hidden; width:30%; margin:10px;vertical-align:top; }
.MainIcerik img{ max-width:100% !important;}

.site{ max-width:980px; margin:160px auto 30px auto; background:url("../img/bgg.png");  position:relative; z-index:70; padding:20px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; min-height:255px;}


article{  min-height:570px; width:23%; padding:15px; background:rgba(255, 255, 255, 0.8);}
aside{ float:right; min-height:570px; max-width:725px;  background:white; padding-right:5px;} 


article h1{font-family: 'Dosis', sans-serif;color:#2d3d30;font-size: 27px;font-weight: normal;margin-bottom: 20px;line-height:40px; }
article h1 a{ color:#2d3d30; text-decoration:underline;}
article p{ line-height:140%;  padding:5px 0; text-align:left; font-size:18px;}	 
article ul{ list-style-image:url("../img/plugin/dot.png"); margin-left:40px;}
article ul li{ line-height:140%; margin-bottom:10px; font-size:18px;}  
	



.flexslider { width:725px;overflow:hidden;} 
.flexslider .slides img{ }
 
.bottom {background-color: #2d3d30;border-top: 5px solid #fff;position: relative;z-index: 2;padding: 35px 0 25px 0;color: #919090;}
.bottom .alt{ max-width:980px; margin:0 auto; text-align:center;}
.bottom .grid{ display:inline-block; min-width:320px; margin-bottom:20px;}
.bottom .grid h3{font-family: 'Dosis', sans-serif;  margin-bottom:10px;  font-size:20px;}
.bottom .grid p{ line-height:150%; margin-bottom:10px; font-size:18px;}
.bottom .grid a,.bottom .grid strong{ color:#FFF;}
.bottom .grid a:hover{ text-decoration:underline;}

.bottom .shadow-up {position: absolute;width: 100%;height: 20px;top: -25px;left: 0;margin-left: 0;
background: url(../img/shadow-up.png) no-repeat center;z-index: 1;opacity: 0.5;filter: alpha(opacity=50);}
*/

@media (min-width: 750px) and (max-width: 800px) {
/*	aside{ padding:0;}
	.OzelTablo { width:57% !important;}*/
}
@media (min-width: 650px) and (max-width: 750px) {
/*	aside{ padding:0;}
	.OzelTablo { width:50% !important;}*/
}
@media (max-width: 650px) {
/*	aside{ padding:0;}
	.OzelTablo { width:100% !important;}
	iframe{width:100% !important;}*/
}

@media (min-width: 980px) and (max-width: 1024px) {
	/*aside{ padding-left:5px;}*/
/*	.flexslider { width:725px; overflow:hidden;} 
	.flexslider .slides img{ height:430px;} */
} 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
/*	aside{ padding:0;} 
	.flexslider, aside, article{ float:none; width:100%; max-width:100%;}
	aside{ margin-bottom:20px;} 
}*/
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
/*	aside{ padding:0;}
	aside, article{ float:none;}
	aside{ margin-bottom:20px;}
	.flexslider { width:100%;}
	article{ width:auto;} 
	*/
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
/*	aside{ padding:0;}
	aside, article{ float:none;}
	aside{ margin-bottom:20px; min-height:350px;}
	.flexslider { width:100%;}
	.flexslider .slides img{ height:295px;}
	.flexslider .flex-control-thumbs img{ height:50px;}
	article{ width:auto;} 
	.OzelTablo { width:100% !important;}*/
	
}
  












@media only screen and (max-width: 979px) {
	/*Site: 768px genişliğinde*/
	
	nav#MainMenu{ display:none;}
	#menuAc{ display:block;} 
	
}

@media only screen and (max-width: 430px) {

#logo1{ display:none;}
#logo2{ display:block; padding-left:20px;}
}

@media only screen and (max-width: 1250px) { .swapper {width: 25%;}.swapper p {font-size: 12px;line-height: 125%;}}
@media only screen and (max-width: 600px) { .swapper { display:none;}.MainIcerik ol li{ display:block; width:97%;}#contact_form { float:none; margin:0 0 20px 0;max-width:none;} iframe{ width:100%;}}