body{font-family: 'Dosis', sans-serif; font-size: 16px;color: #222;  background-color: #fff;}
a{color: #222;}
a:hover{  color: #0264ae;}
.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;}
.golge{-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.5);-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.5);box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.5);} 

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {font-family: Flaticon; font-size:25px;  margin:0 10px; vertical-align:middle;}

nav#GizliMainMenu{ display:none; z-index:1000; position:fixed; width:260px; padding:10px; height:97%; top:0;background:rgba(0, 0, 0, 0.9); 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:#fff}
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; }
#menuAc{ display:none; float:right; line-height: 50px;color: #FFFFFF;cursor: pointer;padding: 0 3px;background: #336598;margin-top: 22px;border-radius: 6px;}
#menuAc:hover{ color:#000; }
#menuAc label{ cursor:pointer;  font-size: 15px;}

.container{ width: 100%; max-width: 1200px; margin: 0 auto; position: relative; z-index: 1;}
.container:after{ display: block; content: ''; clear: both;}

.top{ width: 100%; padding:20px 0; border-bottom:1px solid #e6e6e6;}
.top p{ line-height: 16px;}
.top p img{ vertical-align: top; padding: 0 10px;}

header{border-bottom:1px solid #e6e6e6; padding: 15px 0; width: 100%;position: relative;    z-index: 10;}

.logo{ float: left;}



nav#MainMenu{height:60px; float: right;} 
nav#MainMenu ol li{ float:left; position:relative;} 
nav#MainMenu ol li a{ display:block;  line-height:85px; padding:2px 15px 0 15px;color: #454545;transition: all 0.2s ease 0s; font-size: 19px; border-bottom:2px solid #fff;}
nav#MainMenu ol li:hover > a,
nav#MainMenu ol li a:hover{ color:#0264ae; border-bottom-color:#0264ae;}
nav#MainMenu ol ol{ display:none;opacity:0; z-index: 10; position:absolute;  background:#454545;
-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:75px;}
nav#MainMenu ol ol li{min-width:100px;width: 100%;}
nav#MainMenu ol ol li a{font-weight: 400;border-bottom: 1px solid #585858; border-right:none;font-size: 16px;color: #bebebe;transition: all 0.5s ease 0s;white-space:nowrap;line-height:40px;}
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{ background:#545454; border-color:#ccc; color:#FFF;} 


.kutular{ text-align: center;}
	.kutu{ display: inline-block; width: 100%; max-width: 360px; height:375px; margin:15px; padding: 10px;transition: all 0.2s ease 0s; background-color: #fff; vertical-align: top;}
	.kutu:hover{ background-color:#0264ae; color: #fff; }
 

	.kutu h2{ line-height: 35px; text-align: left; margin-bottom: 10px; font-size: 24px;}
	.kutu p{ line-height: 135%; font-size: 18px;}
	.kutu a{ color: #222;}
	.kutu:hover a{ color: #fff;} 

.gri{ background-color: #f7f7f7;  width: 100%; padding: 30px 0;}
.grikutu{ padding: 20px 0;  display: block; width: 100%; color:#7e7979;}
.grikutu:first-child { background: url("../img/seperator.png") repeat-x bottom; padding-bottom: 50px;}
.grikutu:first-child h3{ font-weight: bold;float: right;padding-left: 35px;margin-left: 30px;border-left: 3px solid #0065af;line-height: 85px;font-size: 40px; color: #333333; font-family: Arial;}

.grikutu:last-child {padding-top: 40px;}
.grikutu:last-child h3{ float: left; padding-right: 35px; margin-right: 30px; border-right: 3px solid #0065af;line-height: 99px;font-size: 40px; color: #333333;font-family: Arial; font-weight: bold;}
.grikutu p {line-height: 186%;font-size: 18px; font-style: italic;}
.grikutu a{color:#7e7979;}

.grikutu ul li{ float: left; line-height: 35px; padding: 0 25px; font-size: 18px;font-style: italic;}
.grikutu:after{display: block; content: ''; clear: both;}
	

.foot{ min-height: 25px; padding: 20px 0; width: 100%; background-color: #0065af; position: relative;}
.foot p{ line-height: 135%; color: #fff; font-size:30px;}

.bottom{ height: 45px; padding: 15px 2%; width: 96%; margin-bottom: 20px; position: relative; z-index: 1;}

.bottom li{line-height: 135%;  font-size:18px; float: right; text-align: left; padding: 0 5%; width: 40%;}
.bottom li:nth-of-type(2n+1){ float: left; text-align: right;}

.foot:after{ position: absolute; content: ''; height: 120px; bottom: -60px; width: 100%; background:url("../img/foot.png") no-repeat center center; z-index: 0;}





.detay h1{ color:#2d3d30;font-size: 27px;font-weight: normal;margin-bottom: 10px;line-height:160%; }
.detay h1 a{ color:#2d3d30; text-decoration:underline;}
.detay .baslik{ background: #fff; display: block;  margin-bottom: 30px; padding: 20px; position: relative;} 
.detay .baslik:before {content:"";position:absolute;z-index:-1;display: block;top:10px;bottom:12px;left:0;right:0;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);box-shadow:0 0 10px rgba(0,0,0,0.2);}
.detay .baslik:after {display: block;content: '';border-bottom: 1px solid #d8d8d8;position: absolute;bottom: 0px;left: 20px;right: 20px;}

.detay p{ line-height:140%;  padding:5px 0; text-align:justify; }	 
.detay ul{ list-style-image:url("../img/plugin/dot.png"); margin-left:40px;}
.detay ul li{ line-height:140%; margin-bottom:10px;  }  
 
.OzelTablo{ border:1px dashed #CCC; width:100%;}
.OzelTablo tr td{ padding:10px; background:rgba(255, 255, 255, 0.55);font-size: 17px;}
.OzelTablo tr:nth-of-type(2n+1) td{ background:rgba(204, 204, 204, 0.15);}


#contact_form h2{ font-size:25px;} 
#contact_form #formID label {cursor:pointer;margin:4px 0;color:#ed7700;display:block;}
#contact_form textarea, #contact_form input {display:block;width:93%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#f4f4f4;color:#000;border:1px solid #5f5f5f;padding:10px; margin:10px auto 20px auto;}
#contact_form textarea { min-height:120px;}
.bordered_img{ width: 100%;}

 

@media (max-width: 1199px) {  
	nav#MainMenu{ display:none;}
	#menuAc{ display:block;    margin-right: 15px;} 	
	.container{ padding: 0 2%; width: 96%;} 
}

@media (max-width: 768px) {
	.flexslider{ padding-bottom: 0 !important;}
	.kutu{ width: 268px; height: inherit;}
	.kutu img{ width: 100% !important; height: inherit !important;}
	.gri h3{ float: none !important; border-right: none !important; border-left:3px solid #0065af; font-size: 20px !important; line-height: 20px !important; padding-left: 15px !important; margin-left:0 !important; margin-bottom: 20px;}
	.grikutu ul li{ float: none; padding-left:0;}
}


@media (max-width: 568px) {
	.top p{ text-align: center !important;}
	.top span{ display: none;}  
	#menuAc label{ display:none;}
	#menuAc{margin-right: 10px; margin-top: 0px;}
	.logo img{ width: 230px;}
	.fotorama{ width: 100% !important; margin: 0 !important;}
	.bottom li {padding: 0 4% !important;width: 35% !important;font-size: 12px;}
	.foot p {font-size: 22px !important;}
}