.container{ width: 1200px; margin:0 auto; position: relative; }
.container:after{ display: block; content: ''; clear: both; }

.MenuAc,.MenuKapa{ display: none; }
nav.anamenu{ float: right; transition: all 0.2s ease-in-out; }
nav.anamenu ul{ list-style: none; padding: 0; margin:0; }
nav.anamenu ul li{ float:left; position:relative;} 
nav.anamenu ul li a{ display: block; line-height: 67px; padding:0 15px; color: #fff; transition: all 0.2s ease 0s; font-weight: bold;}
nav.anamenu ul li:hover > a,
nav.anamenu ul li a:hover{ color:#fa0b00;  }
nav.anamenu ul ul{ 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.anamenu ul ul li{min-width:100px;width: 100%;}
nav.anamenu ul ul li a{font-weight: 400;border-bottom: 1px solid #585858; color: #bebebe; transition: all 0.5s ease 0s;white-space:nowrap;line-height:40px;}
nav.anamenu ul ul ul{ right:99%; top:3px;}
nav.anamenu ul :hover > ul{ opacity:1; display:block;}
nav.anamenu ul ul li:hover,
nav.anamenu ul ul li a:hover{ background:#545454; border-color:#ccc; color:#FFF;}

@media (max-width: 1200px) {
	.container{ width: 96%; }
	.MenuAc,.MenuKapa{ display: block;}
	.MenuAc{ position: absolute;right: 0;top: 0; border: 1px solid rgba(0, 0, 0, 0.1);background-color: #ffffff;width: 40px;height: 45px; text-align: center;line-height: 45px;color: #5a5a5a; cursor: pointer; border-radius: 3px;}
	.MenuAc:hover{ color:#033263; border-color: #033263; }
	.MenuKapa{ padding: 15px; border-bottom: 1px solid #757575;  background: #454545; color:#fff; cursor: pointer; font-size: 18px; }
	.MenuKapa i{ float: right; }
	.MenuKapa:hover{ background: #3e3d3d; }
	nav.anamenu{ position: fixed; width: 300px; height: 100%; right: -300px; top: 0;  overflow: auto;z-index: 100; background-color: #1f1f1f; }
	nav.anamenu ul li a{ color: #bebebe; line-height:40px; border-bottom:none;}
	nav.anamenu ul li a:hover{ border-color:inherit; }
	nav.anamenu ul li{ float: inherit; }
	nav.anamenu ul,
	nav.anamenu ul ul,	
	nav.anamenu ul ul ul{ display: block; position: relative; opacity: 1; right: 0; top: 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow: none; }
	nav.anamenu ul li a{ padding-left:15px; background-color: #1f1f1f;}
	nav.anamenu ul ul li a{ padding-left:25px; background-color: #585858;    font-size: 13px; }
	nav.anamenu ul ul ul li a{ padding-left:35px; background-color: #717171; }
}


#Nerdeyim{ display:block;  float:right;font-size:14px;color:#999; font-weight:normal}
#Nerdeyim a{ color: #fff; } 
#Nerdeyim a:hover{ text-decoration:underline;} 
.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;}

/*kutu kalıpları*/
.boxes{ margin:0; padding: 0; text-align:center; width: 100%;}
.boxes .box4,.boxes .box3,.boxes .box2,.boxes .box1{ margin:1%; display:inline-block; vertical-align: top;} 
.boxes .box4{width:23%;}
.boxes .box3{width:31%;}
.boxes .box2{width:48%;}
.boxes .box1{width:98%;}
.boxes h2{ margin: 0; } 
/*kutu kalıpları sonu*/

/*AltSayfa-1*/ 
#AltSayfa-1 li a{ display:block;transition: all 0.2s ease 0s; color:#000; overflow:hidden; text-align:left; padding:0 10px; line-height:35px;  border-left:1px solid #d9d9d9; background:none;} 
#AltSayfa-1 li a h2{ margin-bottom:0;}
#AltSayfa-1 li a:hover{ color:#dc1300;  border-left:10px solid #dc1300; background:#FFF;}
/*AltSayfa-1 sonu*/


/*AltSayfa-2*/
#AltSayfa-2 li{background:url("../img/box3-golge.png") no-repeat center bottom; padding-bottom:15px;}
#AltSayfa-2 li a{ display:block;border:1px solid #d9d9d9; padding:5px; background-color:#fff;transition: all 0.2s ease 0s; color:#000; overflow:hidden; }
#AltSayfa-2 li a img{display: none;}
#AltSayfa-2 li a div{ display: block; width: 100%; height: 350px; background-size: contain;; background-position: center center; background-repeat: no-repeat;}
#AltSayfa-2 li a:hover{ color:#dc1300;}
/*AltSayfa-2 sonu*/


/*AltSayfa-3*/
#AltSayfa-3 li{background:url("../img/box3-golge.png") no-repeat center bottom; padding-bottom:15px;}
#AltSayfa-3 li a{ display:block;border:1px solid #d9d9d9; padding:5px; background-color:#ebebeb;transition: all 0.2s ease 0s; color:#000; overflow:hidden; }
#AltSayfa-3 li a img{display: none;}
#AltSayfa-3 li a div{ display: block; width: 100%; height: 350px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
#AltSayfa-3 li a h2{ text-align:left; border-bottom:1px solid #CCC; padding:10px 0; margin:0 10px;}
#AltSayfa-3 li a p{ padding:0 10px;text-align:left;}
#AltSayfa-3 li a:hover{ color:#dc1300;;}
/*AltSayfa-3 sonu*/



/*AltSayfa-4*/  
#AltSayfa-4 li a{ display:block;transition: all 0.2s ease 0s; color:#000; }
#AltSayfa-4 li a img{display: none;}
#AltSayfa-4 li a div{ display: inline-block;transition: all 0.2s ease 0s;  border-radius: 50%; border:10px solid #eaeaea; width: 250px; height: 250px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
#AltSayfa-4 li a h2{ text-align:center; border-bottom:1px solid #CCC; padding:10px 0; margin:0 10px;}
#AltSayfa-4 li a p{ padding:0 10px;text-align:left;}
#AltSayfa-4 li a:hover{ color:#dc1300;}
#AltSayfa-4 li a:hover div{ border-color:#dc1300;}
/*AltSayfa-4 sonu*/
 

/*AltSayfa-1*/
#AltSayfa-5 li a{ display:block; transition: all 0.2s ease 0s; color:#000;}
#AltSayfa-5 li a img{display: none;}
#AltSayfa-5 li a div{ float: left; margin-right: 15px; display: inline-block;transition: all 0.2s ease 0s;  border-radius: 50%; border:10px solid #eaeaea; width: 120px; height: 120px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
#AltSayfa-5 li a h2{ text-align: left; }
#AltSayfa-5 li a p{ text-align:left;}
#AltSayfa-5 li a:hover{ color:#dc1300;}
#AltSayfa-5 li a:hover div{ border-color:#dc1300;}
/*AltSayfa-1 sonu*/



/*Galeri*/ 
.Galeri li{background:url("../img/box3-golge.png") no-repeat center bottom; padding-bottom:15px;}
.Galeri li a{ display:block; position:relative;border:1px solid #d9d9d9; background:#FFF; padding:5px; color:#3a3a3a; overflow:hidden; }
.Galeri li a img{ display: none; }
.Galeri li a div{ padding-bottom:0; width:100%; height: 148px; -webkit-filter: grayscale(0); background-size: contain; background-repeat: no-repeat; background-position: center center;}
.Galeri li a:hover div{ -webkit-filter: grayscale(1);}
.Galeri li a h2{ display:block;position:relative; font-size: 22px; left:0; top:0;background-image: url("../img/image-overlay-pattern.png");transition: all 0.2s linear; height:96%;  width:100%; height:100%;} 
.Galeri li a h2 span{ padding: 10px 10%; display: block;  height: 60px;} 
.Galeri li:hover a { border-color:#3f403d;}  
/*Galeri sonu*/


.tekli strong{ color: #e6771a; display: block; margin-bottom: 15px;}
.tekli strong i{ display: block; color: #f3c096; font-weight: normal; }
.tekli a{ display: block; padding: 10px; background-color: #fff; margin-bottom: 20px;}
.tekli a img{ width: 100%!important; margin-bottom: -6px;}



@media only screen and (max-width: 979px) {     
    .boxes .box4{width:31%;}
    .boxes .box3{width:48%;} 
}

@media only screen and (max-width: 767px) {      
    .boxes .box4{width:48%;}
    #Nerdeyim{ float: inherit; text-align: center; }
    .baslik h1{ text-align: center; font-size: 28px; }
}

@media only screen and (max-width: 599px) {      
    .boxes .box4,.boxes .box3,.boxes .box2{width:98%;} 
    #AltSayfa-4 li a div{ width: 150px; height: 150px; }  
    #AltSayfa-5 li a div{ width: 60px; height: 60px; border:4px solid #eaeaea;}    
}