*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'oxygenregular';
}
header{
	display: flex;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	position: relative;
	justify-content: center;
	
}
header video{
	width: 100%;
	height: 100vh;
	object-fit: cover;
	position: fixed;
	z-index: -999;
}
header .sosyal{
	max-width: 400px;
	
	margin: 0 auto;
	bottom: 30px;	
	
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;

}
.sosyal a{
	font-size: 50px;
	padding: 15px 15px;
	color: #fefefe;
}
.sosyal a:hover .fa-facebook{
	font-size: 60px;
	color:#3b5998 ;
	transition: .5s;
}

.sosyal a:hover .fa-square-x-twitter{
	font-size: 60px;
	color:black ;
	transition: .5s;
	
}
.sosyal a:hover .fa-instagram{
	font-size: 60px;
	color:#dd2a7b ;
	transition: .5s;
	
}
.sosyal a:hover .fa-square-phone{
	font-size: 60px;
	color:#3b5998 ;
	transition: .5s;
	
}


div.kapsayicimenu1{
	width: 100%;
	height: 25px;
	position: fixed;
	top: 0;
	background-color: #F28A2E;
	z-index: 100;
}
nav.menu1{
	max-width: 1000px;
	height: 25px;
	margin: 0 auto;
	
}
.menu1 ul{
	display: flex;
	justify-content: center;
	/*align-content: center;*/
	width: 1000px;
	height: 25px;
	list-style: none;

}
.menu1 ul li{
	display: block;
	
	float: left;
	text-align: center;

}
.menu1 ul li a{
	padding: 0 10px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;	
	color: #fefefe;
}
.gizlimenu{
	display: none;
	text-align: center;
	width: 300px;
	height: 25px;
	margin: 0 auto;
	color: #fefefe;
	font-size: 15px;
}
.lia:hover{
	cursor: pointer;
}
.menu1 li:nth-child(8){
	border-left: 1px solid white;
}
.menu1 ul li a:hover{
	background-color: white;
	color: orange;
	transition: .2s;

}

div.kapsayicimenu2{
	width: 100%;
	height: 75px;
	position: fixed;
	top: 25px;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 102;


}
.menu2{
	max-width: 1000px;
	margin: 0 auto;
	height: 75px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.logo{
	flex-basis: 150px;
	height: 75px;
	
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.logo img{
	
	width: 150px;
	height: 75px;
	object-fit: contain;
}
.icmenu{
	flex-basis: 750px;
	height: 75px;
	
	flex-shrink: 1;
}
.icmenu ul{
	display: block;
	max-width: 750px;
	height: 75px;
	list-style: none;

}
.icmenu ul li{
	display: block;
	float: left;
	max-width: 150px;
	height: 75px;
	border-right: 1px solid gray;
}
.icmenu ul li a{
	display: flex;
	width: 150px;
	height: 75px;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color: #F28A2E ;
	font-weight: bold;


}
.icmenu ul li a:hover{
	background-color: #F28A2E;
	color: #fefefe;
	transition: .2s;
}
.icmenu ul li ul{
	display: none;
	
}
.icmenu ul li ul li{
	display: block;
	height: 40px;
	border: none;
}

.icmenu ul li ul li a{
	display: flex;
	padding-left: 10px;
	height: 40px;
	background-color: rgba(255, 255, 255, 0.8);
	font-size: 12px;
	font-weight: bold;
	justify-content: left;
	align-items: center;
	border-bottom: 1px solid gray;
}
.icmenu ul li:hover ul{
	display: block;
}
.burger{
	position: fixed;
	
	right: 30px;
	top: 40px;
	
	z-index: 150;
}
.burger i{
	font-size: 40px;
	color: #F28A2E;
}
.yanmenu{
	display: none;
	position: fixed;
	top: 25px;
	right: 0;
	bottom: 0px;
	width: 200px;
	height: 100vh;
	background-color: #5F5F5F;
	padding-top: 110px;
	z-index: 149;
}
.yanmenu .ana{
	display: flex;
	position: relative;
	width: 200px;
	height: 25px;
	text-decoration: none;
	border-bottom:1px solid #fefefe;
	margin-bottom: 1px;
	align-items: center;
	padding-left: 20px;
	color: #fefefe;
}
.ana i{
	display: flex;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0px;
	right: 0px;
	justify-content: center;
	align-items: center;
	color: #F28A2E;
}
.yanmenu .altmenu{
	display: none;
	margin: 0 auto;
	width: 150px;
}
.altmenu a{
	display: flex;
	width: 150px;
	min-height: 25px;
	border-bottom: 1px solid #fefefe;
	align-items: center;
	padding-left: 5px;
	text-decoration: none;
	color: #fefefe;
}
.altmenu a:last-child{
	margin-bottom: 5px;
}
.altmenu a:hover{
	color: #F28A2E;
	transition: .2s;
}
.bilgiislem{
	position: absolute;
	margin: 0 auto;
	bottom: 55px;
	text-align: center;
	color: #fefefe;
	font-weight: bold;
}
.bilgiislem i{
	font-size: 25px;
	color: #F28A2E;

}
.bilgiislem a{
	display: block;
	margin-top: 10px;
	color: #F28A2E;
	text-decoration: none;
}
.bilgiislem a:hover{
	text-decoration: underline;
	transition: .2s;
	
}

section.giris{
	width: 100%;
	
	padding: 40px 0;
	background-color: #f5f5f5;
	z-index: 100;

}
.giris .giriskapsayici{
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	padding-top: 15px;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	
}
.giriskutu{
	width: 150px;
	height: 150px;
	padding-top: 20px;
	margin-bottom: 15px;
	background-color: blue;
	text-align: center;
	border-radius: 20px;
	
	
}
.giriskutu i{
	font-size: 50px;
	color: #fefefe;
	margin-bottom: 15px;
}
.giriskutu a{
	text-decoration: none;
	color: #fefefe;
}
.giriskutu:hover{
	width: 160px;
	height: 160px;
	transition: .2s;
}
.ogretmen{
	background-color: #F28A2E ;
}

.ogrenci{
	background-color: #3CBDEE ;
}
.veli{
	background-color: #4D4D4D;
}
.akademi{
	background-color: #3F5F73;
}
section.bolumlerimiz{
	width: 100%;
	
	background-color: white;
	padding-top: 40px;
}
.bolumlerimiz .baslik{
	text-align: center;
	font-size: 35px;
	color: #F28A2E;
	margin-bottom: 20px;

}
.bolumlerimiz .bolumlerimizkapsayici{
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	padding-top: 20px;
	padding-bottom: 20px;
	justify-content: space-around;
	flex-wrap: wrap;
	
}
.bol{
	width: 300px;
	background-color: white;
	margin-bottom: 15px;
	position: relative;
	box-shadow: 2px 2px 10px 4px gray;
}
.bol img{
	width: 300px;
	height: 300px;
	object-fit: cover;
}
.bol p{
	padding: 15px;
}
.bol a{
	padding: 15px 10px;
	display: block;
	width: 200px;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: center;
	background-color: #EF8016 ;
	text-decoration: none;
	color: #fefefe;
	font-weight: bold;
}
.bol h3{
	position: absolute;
	top: 10px;
	left: 5px;
	font-size: 25px;
	color: #EF8016;
	background-color: rgba(255, 255, 255, 0.8);
}
section.programlarimiz{
	width: 100%;
	padding: 40px 0;
	background-color: #f5f5f5;
}
.programlarimiz .programbaslik{
	text-align: center;
	font-size: 35px;
	color: #F28A2E;
	margin-bottom: 20px;
}
.programkapsayici{
	max-width: 1000px;
	margin: 0 auto;
	padding-top: 15px;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	
}
.tekno{
	position: relative;
	width: 300px;
	
	margin-bottom: 15px;
}
.tekno img{
	width: 300px;
	
	object-fit: cover;
	
}



section.radyodinle{
	width: 100%;	
	background-color: #fefefe;
	background-image: url("../medya/programlar/radyofooter.png");
	background-position: left top;
	position: relative;
	padding-top: 45px;
	padding-bottom: 15px;
	


}
.radyodinle img{
	display: block;
	padding: 0px 0px;	
	width: 300px;
	height: 121px;
	margin: 0px auto;
	margin-bottom: 0px;
	
}
.radyokapsayici{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	max-width: 1000px;	
	margin: 0 auto;	
	
	margin-bottom: 5px;
}
.radyokapsayici .radyokutu{
	flex-basis: 500px;	
	min-width: 300px;	
	min-height: 300px;	
	
}
.radyokapsayici .radyoresim{
	background-image: url("../medya/programlar/radyoo.jpg");
	background-size: cover;
	
}
.radyokapsayici .radyoaciklama{
	padding-top: 3px;
	background-color: rgba(255, 255, 255, 0.9);
}
.radyoaciklama p{
	padding: 0 25px;
	margin-bottom: 20px;
	text-align: center;
	color: #707070;
	font-weight: 700;
}
.radyoaciklama a{
	display: block;
	margin: 0 auto;
	margin-bottom: 15px;
	width: 120px;
	text-align: center;
	text-decoration: none;
	border-radius: 20px;
	color: #fefefe;
	font-size: 20px;
	font-weight: bold;
	padding: 5px 15px;
	background-color: #EF8016 ;
}
section.ookuyo{
	width: 100%;
	
	padding-top: 45px;
	padding-bottom: 30px;
	background-color: #f5f5f5;
}
.ookuyo .ookuyokapsayici{
	max-width: 1000px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	color: #707070;
	font-weight: 700;
	margin: 0 auto;
	
	padding-top: 0px;
	margin-bottom: 15px;
}
.ookuyokapsayici img{
	width: 306px;
	height: 132px;
	display: block;
	margin: 0 auto;
}
.ookuyokapsayici a{
	display: block;
	width: 150px;
	padding: 10px 15px;
	background-color: #EF8016;
	color: white;
	text-decoration: none;
	text-align: center;
	margin: 0 auto;
	margin-top: 15px;

	border-radius: 20px;
	font-size: 20px;
	font-weight: bold;
}
section.haberler{
	width: 100%;
	padding-top: 45px;
	padding-bottom: 30px;
	background-color: #fefefe;

}
.haberkapsayici{
	max-width: 1000px;
	margin-bottom: 15px;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	

}
.haberkutu{
	width: 300px;
	height: 350px;
	background-color: #fefefe;
	box-shadow: 2px 2px 10px 4px gray;
	margin-bottom: 15px;
}
.haberkutu h3{
	width: 100%;
	height: 30px;
	background-color: #f5f5f5;
	display: flex;
	justify-content: center;
	align-items: center;	

}
.haberkutu i{

	
	display: flex;
	width: 100%;
	height: 100px;
	justify-content: center;
	align-items: center;
	font-size: 75px;
	background-color:#EF8016;
	color: #fefefe;
}
.haberkutu ul{
	display: block;
	width: 100%;
	height: 220px;
	list-style: none;
}
.haberkutu ul li{
	display: block;
	width: 100%;
	height: 20%;
	

}
.haberkutu ul li:nth-child(odd) a{
	display: flex;
	justify-content: left;
	align-items: center;
	width: 100%;
	height: 100%;
	padding-left: 5px;
	background-color: #fefefe;
	text-decoration: none;
	color: black;
	font-weight: bold;
}
.haberkutu ul li:nth-child(even) a{
	display: flex;
	justify-content: left;
	align-items: center;
	width: 100%;
	height: 100%;
	padding-left: 5px;
	background-color: lightgray;
	text-decoration: none;
	color: black;
	font-weight: bold;
}
.haberkutu ul li a:hover{
	text-decoration: underline;
	transition: .2s;
}
section.iletisim{

	width: 100%;
	
	background-color: #f5f5f5;
	padding-top: 45px;
	padding-bottom: 30px;
}
.iletisimkapsayici{
	max-width: 1000px;
	
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;

	align-items: center;
	margin-bottom: 15px;
	background-color: #fefefe;
}
.iletisimkapsayici .iletisimkutu{

	flex-basis: 500px;
	min-width: 300px;
	min-height: 350px;
	
	
}
.iletisimkapsayici .iletisimresim{

	background-image: url("../medya/iletisim.jpg");
	background-size: cover;
	background-position: center;
}
.iletisimkapsayici .iletisimaciklama{
	display: flex;
	justify-content: center;
	align-items: center;
}
.iletisimform{
	width: 300px;
	height: 350px;
	padding-top: 5px;
	
}
input[type=text]{

	padding-left: 10px;
	width: 100%;
	height: 40px;
	border-radius: 8px;
	border: 0px solid;
	border-left: 6px solid;
	border-left-color: #EF8016;
	margin-bottom: 15px;
	transition: border-color .8s ease-out;
	box-shadow: 2px 2px 10px 4px gray;
	text-transform: uppercase;
}
input[type=text]:focus{
	outline: none;
	border:1px solid #eee;
	border-left: 3px solid #888;
}
input[type=submit]{
	display: block;
	margin: 0 auto;
	width: 120px;
	padding: 5px 0;
	background-color: #EF8016;
	border: 0px;
	border-radius: 20px;
	color: #fefefe;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}
input[type=submit]:hover{
	background-color: gray;
	color: #fefefe;
	cursor: pointer;
}

.iletisimform textarea{

	width: 100%;
	height: 65px;
	resize: none;
	border-radius: 8px;
	padding-left: 10px;
	padding-top: 10px;
	margin-bottom: 5px;
	text-transform: uppercase;

}
.iletisimform h2{
	text-align: center;
	font-size: 35px;
	color: #EF8016;
	margin-bottom: 5px;
}
footer.footerkapsa{
	width: 100%;
	
	background-color: #EF8016;
	padding-top: 45px;
	padding-bottom: 5px;
}
.footerkapsa .footerkapsayici{
	max-width: 1000px;
	
	margin: 0 auto;
	margin-bottom: 25px;
	
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
}
.footerkapsayici .footerkutu{
	
	width: 300px;
	min-height: 400px;
	margin-bottom: 50px;
	
}
.adres{
	width: 300px;
	height: 200px;
	padding: 10px;
	font-size: 18px;
	font-weight: 400;
	color: #fefefe;
}
.adres strong{
	color: #fefefe;
	font-weight: 800;
}
.footermenu ul{
	display: block;
	width: 300px;
	height: 400px;
	list-style: none;
}
.footermenu ul li{
	display: block;
	width: 300px;
	height: 11%;


	border-bottom: 1px solid;
	border-color: #fefefe;
}
.footermenu ul li a{
	display: flex;
	width: 300px;
	height: 100%;
	justify-content: left;
	align-items: center;
	text-decoration: none;
	color: #fefefe;
	font-size: 15px;
	padding-left: 10px;
}
.footermenu ul li a:hover{
	background-color: #fefefe;
	color: #EF8016;
}
.footersosyal{
	display: flex;
	margin: 0 auto;
	max-width: 500px;
	height: 100px;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 15px;
	
}
.footersosyal a{
	padding-right: 20px;
	font-size: 55px;
	color: #fefefe;
}
.footersosyal a:hover{
	font-size: 60px;
	color: #f5f5f5;
	transition: .2s;
}
.copyright{
	display: block;
	max-width: 1000px;
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 auto;
	text-align: center;
	color:#fefefe;
}



.copyright a{
	color: black;
	text-decoration: underline;
	font-weight: 700;
}
	





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

	.icmenu ul{
		display: none;
	}
	.kapsayicimenu1 ul{
		display: none;
		position: absolute;
	}
	.kapsayicimenu1 .gizlimenu{
		display: block;
		
		
	}
	.kapsayicimenu2{
		height: 100px;
	}
}