body{
	  margin: 0;
	top:0;left:0; 
  
        min-height: 100%;
        width: 100%;
        overflow-x: hidden;
		
		background: #dadee1;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #fff, #dadee1);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #fff, #dadee1); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	

}


.wrapper {
	position:relative;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}

.icerik{
	
	width:33%;
	position:relative;
	float:left;
	overflow:hidden;
	}
	.pdf{
		
		width:33.3%;
		position:relative;
		float:left;
		margin:0 auto;
	}
	.ogrenci{
		
	width:100%;
box-shadow:2px 2px 2px 2px silver;
	}
 .alt{
	width:0;
	height: 0;
	position: relative;
	margin-top:13px;
	z-index:1111;
	margin:-50px auto;
	border-left: 500px solid transparent;
	border-right: 500px solid transparent;
	border-bottom: 50px solid #fff;
}
	
	
	.img{
	width:100%;
	}
	
	.h1{
		padding:5px 0;
		text-align:center;
		font-size:21px;
		font-weight:bold;
		width:100%;
		color:#466675;
		background:#6a8d9d;
		
	}
	   .ii{}
		.iletisim{
			text-align:center;
			width:40%;
			margin-left:30%;
			margin-right:30%;
			height:30px;
			color: black;
			border-bottom:dotted 3px ;
			font-size:20px;
			padding-bottom:0;
			}
			.iletisimm{
	
	font-size:calc(2.5vw );
	width:100%;
	line-height:30px;
	text-align:center;
	font-family:'Helvenica'; 
	font-size:14px;
}
			
.icon{
	float:left;
	height:100%;
	margin-right:20px;
}		



	
	.hakkimizda{
		margin:20px auto;
		border-radius:20px;
		height:750px;
		width:100%;
		border:4px solid #48535e;
		overflow:hidden;
	}
	
	.hakkimizda .sol{
		 position:relative;
		 	overflow:hidden;
left:0;
float:left;	
		height:100%;
		width:20%;
		background:#5b6671;
		background: -webkit-linear-gradient(to right, #5b6671, #48535e); 
background: linear-gradient(to right, #5b6671, #48535e);
	}
	
	.hakkimizda .sol .ic{
		margin:20% 15%;
		width:60%;
		float:left;
	}


.icerikk{
	
font-family:'Helvenica'; font-size:14px;
	margin:10px;
}



.menu {
	   display: inline-block;
			font-size:18px;
	font-weight:bold;
	width:100%;
	line-height:30px;
	position:relative;
	float:left;
	border-bottom-width:0px red solid;
		transition:all .5s ease-in;
	color:white;
  position:relative;
  vertical-align: middle;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  text-align: center;
  transition: 0.5s;
  padding: 0 20px;
  cursor: pointer;
  -webkit-transition:0.5s;
}

.menu:hover {

		border-bottom-width:222px red solid;
		color:orange;
  
}

.menu::before, .menu::after {
  width: 100%;
  height:100%;
  z-index: 3;
  content:'';
  position: absolute;
  top:0;
  left:0;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transition: 0.5s;
}

.curmudgeon::before {
  border-bottom: 3px solid #FFF;
  border-left: 0;
  -webkit-transform-origin: 0% 100%;
}

.curmudgeon::after {
  border-top: 0;
  border-right: 0;
  -webkit-transform-origin: 50% 50%;
}

.menu:hover::after, .menu:hover::before {
  -webkit-transform: scale(1);
}

	#aktif{display:none}
	#aktif1{display:none}
	#aktif2{display:none}
	#aktif3{display:none}
	#aktif ~ #tarihce{
		position:relative;
      	overflow:hidden;
			width:80%;
			margin-left:-5000;
		z-index:-1;
    display: inline-block;
		height:100%;
		float:left;
		transition:all 1s ease-in;
    }

    #aktif:checked ~ #tarihce{
		
			margin-left:0px;;
	}
	
	
	#aktif1 ~ #vizyon{
		position:relative;
      	overflow:hidden;
			width:80%;
			margin-left:-5000;
		z-index:-1;
    display: inline-block;
		height:100%;
		float:left;
		transition:all 1s ease-in;
	}
	#aktif1:checked~#vizyon{
		
      	
			margin-left:0px;
		
	}
	
	#aktif2 ~ #misyon{
position:relative;
      	overflow:hidden;
			width:80%;
			margin-left:-5000;
		z-index:-1;
    display: inline-block;
		height:100%;
		float:left;
		transition:all 1s ease-in;
	}
	#aktif2:checked~#misyon{
	margin-left:0px;
	}
	#aktif3 ~ #kurucu{
position:relative;
      	overflow:hidden;
			width:80%;
			margin-left:-5000;
		z-index:-1;
    display: inline-block;
		height:100%;
		float:left;
		transition:all 1s ease-in;
	}
	#aktif3:checked~#kurucu{
	
		
			margin-left:0px;
	}
	
	
@media only screen and (max-width: 985px) {
.wrapper {
	position:relative;
    width: 90%;
   margin-left:5px;
   margin-right:5px;
}

  .ii{margin-top:50px;}
.iletisimm{
	margin:auto;
	line-height:40px;
	width:100%;
	font-family:'Helvenica';
	font-size:calc(2.5vw );
}
		.iletisim{
			float:left;
			margin-left:10%;
			margin-right:10%;
			text-align:center;
			width:80%;
			color: black;
			border-bottom:dotted 3px ;
			padding-bottom:0;
			}
.icon{
	float:left;
	height:100%;
	margin-right:20px;
}


.pdf{
		
		width:90%;
		position:relative;
		float:left;
		margin:5px auto;
	}
	
	.hakkimizda{
		margin:20px auto;
		border-radius:20px;
		height:750px;
		width:100%;
		border:4px solid #48535e;
		overflow:hidden;
	}
	
	.hakkimizda .sol{
		 position:relative;
		 	overflow:hidden;
left:0;
		height:60px;
		width:100%;
		background:#5b6671;
		background: -webkit-linear-gradient(to right, #5b6671, #48535e); 
background: linear-gradient(to right, #5b6671, #48535e);
	}
	
	.hakkimizda .sol .ic{
		margin:0 auto;
		width:auto;
		float:left;
	}
	
	

.menu {
	   display: inline-block;
			font-size:calc(3.5vw);
	font-weight:bold;
	width:auto;
	line-height:30px;
	position:relative;
	float:left;
	border-bottom-width:0px red solid;
		transition:all .5s ease-in;
	color:white;
  position:relative;
  vertical-align: middle;
  display: inline-block;
  height: 60px;
  line-height: 60px;
  text-align: center;
  transition: 0.5s;
  padding: 0 5px;
  cursor: pointer;
  -webkit-transition:0.5s;
}

.menu:hover {

		border-bottom-width:50px red solid;
		color:orange;
  
}

.menu::before, .menu::after {
  width: 100%;
  height:60px;
  z-index: 3;
  content:'';
  position: absolute;
  top:0;
  left:0;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transition: 0.5s;
}
#aktif{display:none}
	#aktif1{display:none}
	#aktif2{display:none}
	#aktif3{display:none}
	#aktif ~ #tarihce{
		position:relative;
      	overflow:hidden;
			width:100%;
			margin-left:-5000;
		z-index:-1;
    display: inline-block;
		height:100%;
		float:left;
		transition:all 1s ease-in;
    }

    #aktif:checked ~ #tarihce{
		
			margin-left:0px;;
	}
	
	
	#aktif1 ~ #vizyon{
		position:relative;
      	overflow:hidden;
			width:100%;
			margin-left:-5000;
		z-index:-1;
    display: inline-block;
		height:100%;
		float:left;
		transition:all 1s ease-in;
	}
	#aktif1:checked~#vizyon{
		
      	
			margin-left:0px;
		
	}
	
	#aktif2 ~ #misyon{
position:relative;
      	overflow:hidden;
			width:100%;
			margin-left:-5000;
		z-index:-1;
    display: inline-block;
		height:100%;
		float:left;
		transition:all 1s ease-in;
	}
	#aktif2:checked~#misyon{
	
		
			margin-left:0px;
	}
	#aktif3 ~ #kurucu{
position:relative;
      	overflow:hidden;
			width:100%;
			margin-left:-5000;
		z-index:-1;
    display: inline-block;
		height:100%;
		float:left;
		transition:all 1s ease-in;
	}
	#aktif3:checked~#kurucu{
	
		
			margin-left:0px;
	}#aa{
	margin-top:30px;
}	
	 .alt{
	width:0;
	height: 0;
	position: relative;
	margin-top:13px;
	z-index:1111;
	margin:-10px auto;
	border-left: 100px solid transparent;
	border-right: 100px solid transparent;
	border-bottom: 10px solid #fff;
}
	
}