/*
    THE FABRİKA İÇİNDEKİLER
    1) ORTAK KODLAR
    2) SAYFA GENEL KODLARI
    3) SAYFA RESPONSİVE KODLARI
*/
/*1) ORTAK KODLAR BAŞLANGIÇ*/
/*SCROLLBAR DESİGN*/
::-webkit-scrollbar{background:transparent;width:5px;height:5px;}
::-webkit-scrollbar-thumb{background:rgba(40,40,40,1);}
*{
    padding:0;
    margin:0;
    border:0;
    outline:0;
    text-decoration:none;
    list-style-type:none;
    font-family:'Poppins',sans-serif;
    font-weight:600;
    font-size:12px;
    font-display:swap;
}
/*GOOGLE ICONS GENEL*/
.icons{
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
	font-display:swap;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}
/*SAYFA ORTASINDAKİ DİV*/
.container{
    max-width:1200px;
    margin:0 auto;
}
/*KAYAN SLİDER*/
@keyframes slider{
	0%{
		transform: translateX(calc(220px * 6));
	}
	100%{
		transform: translateX(calc(-220px * 6));
	}

}
/*1) ORTAK KODLAR BİTİŞ*/
/*2) SAYFA GENEL KODLARI BAŞLANGIÇ*/
body{
    background:rgba(250, 250, 255, 1.0);
    overflow-x: hidden;
}
#one-back{
    position:absolute;
    width:100%;
    height:900px;
    overflow:hidden;
}
#one-back svg{
	position:absolute;
	width:1243px;
	height:1165px;
}
#one-back #head_1{
    fill:rgba(255,140,0,1);
	transform:rotate(-10deg);
	left:-300px;
	top:-500px;
    z-index:1;
}
#one-back #head_2{
    fill:rgba(255,165,0,1);
	right:0;
	top:-500px;
	z-index:0;
}
#one-back #head_3{
    fill:rgba(255,165,0,1);
	right:-500px;
	top:-500px;
    z-index:2;
}.custom-shape-divider-bottom-1625316956 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
    z-index: -2;
}

.custom-shape-divider-bottom-1625316956 svg {
    position: relative;
    display: block;
    width: 150%;
    height: 700px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1625316956 .shape-fill {
    fill: orange;
}
.custom-shape-divider-bottom-1625317101 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 500px;
    overflow: hidden;
    line-height: 0;
    z-index: -1;
}

.custom-shape-divider-bottom-1625317101 svg {
    position: relative;
    right: 0;
    display: block;
    width: 100%;
    height: 500px;
}

.custom-shape-divider-bottom-1625317101 .shape-fill {
    fill: darkorange;
}
#one{
    position: relative;
    max-width:100%;
    height: auto;
    padding:0 0 200px 0;
    overflow:hidden;
}
#one header{
    position: relative;
    width:100%;
    height:auto;
    z-index:1000;
}
#one header .container{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
#one header .container label{
    background:rgba(255,255,255,1);
    width:50px;
    height:50px;
    border-radius:10px;
    display:none;
}
#one header .container label:hover{
    background:rgba(255,255,255,1);
    color:rgba(255,140,0,1);
}
#one header .container label span{
    font-size:25px;
    color:rgba(255,140,0,1);
    text-align:center;
    line-height:50px;
    display:block;
}
#one header .container .logo{
    width:148px;
    height:75px;
    float:left;
}
#one header .container ul{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
#one header .container ul a{
    color:rgba(255,255,255,1);
    border-radius:10px;
    text-transform: capitalize;
    transition:.1s ease-in-out;
    padding:10px;
    display:block;
}
#one header .container ul a:hover{
    background:rgba(255,255,255,1);
    color:rgba(255,140,0,1);
    box-shadow:3px 3px 3px 0 rgba(0,0,0,.1);
}
#one header .container ul li:hover > ul{
    display:flex;
}
#one header .container ul li{
    position: relative;
}
#one header .container ul li ul{
    background:rgba(255,255,255,1);
    position:absolute;
    top:38px;
    width:200px;
    border-radius:10px;
    box-shadow:3px 3px 3px 0 rgba(0,0,0,.1);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:10px 0;
    display:none;
}
#one header .container ul li ul li{
	position: relative;
    width:calc(100% - 20px);
    height:auto;
    padding:3px;
}
#one header .container ul li ul a{
    width:calc(100% - 20px);
    color:rgba(75,75,75,1);
    border-radius:5px;
}
#one header .container ul li ul a:hover{
    background:rgba(255,165,0,1);
    color:rgba(255,255,255,1);
}
#one header .container ul li ul li ul:before{
	display: none;
}
#one header .container ul li ul li ul{
    background:rgba(255,255,255,1);
    position:absolute;
    top:0;
    right: -200px;
    width:200px;
    border-radius:10px;
    box-shadow:3px 3px 3px 0 rgba(0,0,0,.1);
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:10px 0;
    display:none;
}
#one header .container ul li ul li ul li{
    width:calc(100% - 20px);
    height:auto;
    padding:3px;
}
#one header .container ul li ul li ul a{
    width:calc(100% - 20px);
    color:rgba(75,75,75,1);
    border-radius:5px;
}
#one header .container ul li ul li ul a:hover{
    background:rgba(255,165,0,1);
    color:rgba(255,255,255,1);
}
#one header .container .contact{
    width:160px;
    height:42px;
    line-height:46px;
    color:rgba(255,255,255,1);
    border:2px solid rgba(255,255,255,1);
    border-radius:50px;
    transition:.1s ease-in-out;
    animation: tran 1s cubic-bezier(0, 0, 1, 1) infinite alternate;
}
#one header .container .contact:hover{
    background:rgba(255,255,255,1);
    color:rgba(255,165,0,1);
    box-shadow:3px 3px 3px 0 rgba(0,0,0,.1);
}
#one header .container .contact .icons{
    background:rgba(255,255,255,1);
    width:36px;
    height:36px;
    font-size:25px;
    color:rgba(255,165,0,1);
    text-align:center;
    line-height:36px;
    border-radius:40px;
    margin:3px 6px 3px 3px;
    float:left;
}
#one header .container .contact:hover > .icons{
    background:rgba(255,165,0,1);
    color:rgba(255,255,255,1);
}
#one section.container{
    position: relative;
    top:20px;
    height:400px;
    z-index:4;
    display:flex;
    justify-content:space-between;
    align-items:center;
}
#one .container .slogan{
	width:500px;
	color:rgba(255,255,255,1);
	display:flex;
	flex-direction:column;
	justify-content:space-around;
	z-index: 3;
}
#one .container .slogan h4:before{
	content:'';
	background:rgba(255,255,255,1);
	position: absolute;
	top:35px;
	left:-70px;
	width:50px;
	height:2px;
}
#one .container .slogan h4{
	position: relative;
    left:70px;
	height:40px;
	font-weight:500;
	font-size:16px;
	line-height:75px;
}
#one .container .slogan h1{
	font-weight:300;
	font-size:50px;
	line-height:75px;
	margin:20px 0 0 0;
}
#one .container .slogan h1 strong{
	font-weight:600;
	font-size:60px;
}
#one .container .slogan p{
	font-weight:400;
	font-size:14px;
	line-height:20px;
	margin:20px 0;
}
#one .container .slogan a{
    background:#fff;
    width:200px;
	height:50px;
	font-size: 14px;
	font-weight: 400;
    color:rgba(255,140,0,1);
    text-align:center;
    line-height:50px;
    border-radius:50px;
	transition:.1s ease-in-out;
    box-shadow:3px 3px 3px 0 rgba(0,0,0,.1);
    display:block;
    float:left;
}
#one .container .slogan a strong{
	font-size: 14px;
	font-weight: 800;
}
#one .container .slogan a .icons{
	background: darkorange;
	color: #fff;
	border-radius: 40px;
	float: right;
	width: 40px;
	height: 40px;
	margin: 5px;
	text-align: center;
	line-height: 40px;
}
#one .container .slogan a:hover{
	transform:scale(1.1);
    box-shadow:3px 3px 3px 0 rgba(0,0,0,.1);
}
#one .container .slogan .video{
    background:transparent;
    width:180px;
    text-align:left;
    color:rgba(255,255,255,1);
    box-shadow:none;
    margin:0 0 0 50px;
}
#one .container .slogan .video:hover{
    background:rgba(255,255,255,1);
    color:rgba(255,140,0,1);
}
#one .container .slogan .video .icons{
    background:rgba(255,255,255,1);
    width:44px;
    height:44px;
    color:rgba(255,140,0,1);
    text-align:center;
    line-height:44px;
    box-shadow:5px 5px 10px 0 rgba(0,0,0,.1);
    margin:3px 10px 3px 3px;
    border-radius:44px;
    float:left;
}
#one .container .slogan .video:hover .icons{
    background:rgba(255,165,0,1);
    color:rgba(255,255,255,1);
}
#one .container .slide{
    width:590px;
    height:390px;
    border-radius:150px;
	box-shadow:10px 10px 10px 0px rgba(0,0,0,.2);
    overflow:hidden;
    float:right;
    animation:slayt 20s ease-in-out infinite;
    
}
@keyframes slayt{
    0%{
        background:url("../images/wp1.jpeg") center;
        background-size:cover;
    }
    25%{
        background:url("../images/wp2.jpeg") center;
        background-size:cover;
    }
    50%{
        background:url("../images/wp3.jpeg") center;
        background-size:cover;
    }
	75%{
        background:url("../images/wp4.jpeg") center;
        background-size:cover;
    }
	99%{
        background:url("../images/wp5.jpeg") center;
        background-size:cover;
    }
	100%{
        background:url("../images/wp1.jpeg") center;
        background-size:cover;
    }
}
#two{
    width:100%;
	display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    align-content: center;
}
#two .aboutus{
	width:565px;
	min-height:250px;
	color:rgba(30,30,30,1);
}
#two .aboutus h1:before{
	content: '';
	position: absolute;
	left: -15px;
	top: 20px;
	background: rgba(126,87,194 ,1);
	width: 3px;
	height: 60px;
}
#two .aboutus h1{
	position: relative;
	font-weight:300;
	font-size:40px;
	line-height:50px;
}
#two .aboutus h1 strong{
	font-weight:600;
	font-size:40px;
	line-height:50px;
}
#two .aboutus p{
	font-weight:400;
	font-size:14px;
	line-height:20px;
	margin:40px 0;
}
#two .aboutus .moreinfo{
	background:rgba(126,87,194 ,1);
	width:200px;
	height:50px;
	font-weight:400;
	font-size:14px;
	text-align:center;
	line-height:50px;
	color:rgba(255,255,255,1);
	border-radius:50px;
	transition:.3s ease-in-out;
	margin: 0 0 50px 0;
    box-shadow:3px 3px 3px 0 rgba(0,0,0,.4);
	display:block;
}
#two .aboutus .moreinfo strong{
	font-size: 14px;
	font-weight: 800;
}
#two .aboutus .moreinfo .icons{
	background: #fff;
	color: rgba(126,87,194 ,1);
	border-radius: 40px;
	float: right;
	width: 40px;
	height: 40px;
	margin: 5px;
	text-align: center;
	line-height: 40px;
}
#two .aboutus .moreinfo:hover{
    background:rgba(103,58,183 ,1);
    transform:scale(1.1);
}
#two .div{
	position: relative;
}
#two .div:before{
	content: '';
	z-index: 1000;
	top: -30px;
	left: -20px;
	position: absolute;
	background: rgb(251, 140, 0);
	border-radius: 50px 100px;
	width: 200px;
	height:200px;
}
#two .about-img{
	position: relative;
    width:500px;
	height:333px;
    float:right;
    border-radius:80px 150px;
    z-index: 1000;
}
@keyframes tran{
	0%{
		transform: scale(0.9);
	}
	100%{
		transform: scale(1);
	}

}
#two .div:after{
	content: '';
	bottom: -20px;
	right: -30px;
	position: absolute;
	background: rgb(233, 30, 99);
	border-radius: 50px 100px;
	width: 200px;
	height: 200px;
}
#three-back{
    position:absolute;
    width:100%;
    z-index:-1;
}
#three{
	width:100%;
	display:flex;
    justify-content:center;
	margin:50px 0;
    float:left;
}
#three section.container{
    width:1150px;
    height:550px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-content:space-between;
}
#three article:before{
	content:'';
	position: absolute;
	background:linear-gradient(to top,rgba(0,0,0,.7),transparent);
	width:100%;
	height:100%;
	border-radius: 10px;
	z-index:1;
}
#three .container article{
	background:rgba(255,255,255,1);
	position: relative;
	width:275px;
	height:267.5px;
	border-radius:10px;
    transition:.2s ease-in-out;
    
}
#three .container article:hover{
    transform:scale(1.05);
    z-index:5;
}
#three article h2{
	position: absolute;
	bottom:34px;
	width:calc(100% - 30px);
	height:50px;
	font-size:16px;
	color:rgba(255,255,255,1);
	line-height: 50px;
	padding:0 0 0 30px;
	z-index:2;
}
#three article hr{
	background: orange;
	position: absolute;
	bottom: 45px;
	width:calc(50% - 60px);
	height: 1px;
	margin: 0 30px;
	z-index: 1000;
	float: left;
}
#three article h4{
	position: absolute;
	bottom:20px;
	width:calc(100% - 30px);
	height:20px;
	font-size:12px;
	color:rgba(230,230,230,1);
	line-height: 20px;
	padding:0 0 0 30px;
	z-index:2;
}
#three article h4 .icons{
	font-size:18px;
	color:rgba(230,230,230,1);
	line-height: 20px;
	margin-right: 5px;
	float: left;
}
#three .activity-doc{
	width:565px;
	height:250px;
	color:rgba(30,30,30,1);
	margin: 0 0 30px 0;
}
#three .activity-doc h1{
	position: relative;
	font-weight:300;
	font-size:40px;
	line-height:50px;
	padding: 0 0 0 15px;
}
#three .activity-doc h1:before{
	content: '';
	position: absolute;
	left: 0px;
	top: 20px;
	background: rgba(0,200,83 ,1);
	width: 3px;
	height: 60px;
}
#three .activity-doc h1 strong{
	font-weight:600;
	font-size:40px;
	line-height:50px;
}
#three .activity-doc p{
	font-weight:400;
	font-size:14px;
	line-height:20px;
	margin:20px 0;
}
#three .activity-doc .moreinfo{
	background:rgba(0,200,83 ,1);
	width:200px;
	height:50px;
	font-weight:400;
	font-size:14px;
	text-align:center;
	line-height:50px;
	color:rgba(255,255,255,1);
    box-shadow:3px 3px 3px 0 rgba(0,0,0,.3);
	border-radius:50px;
	transition:.3s ease-in-out;
	float: right;
	display:block;
}
#three .activity-doc .moreinfo strong{
	font-weight:800;
	font-size:14px;
}
#three .activity-doc .moreinfo .icons{
	background: #fff;
	color: rgba(0,200,83 ,1);
	border-radius: 40px;
	float: right;
	width: 40px;
	height: 40px;
	margin: 5px;
	text-align: center;
	line-height: 40px;
}
#three .activity-doc .moreinfo:hover{
	background:rgba(40,40,40,1);
	color:rgba(255,255,255,1);
}
#slider{
	position: relative;
	width: 100%;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 50px;
	box-sizing: border-box;
	float: left;
}
#slider .center{
	position: relative;
	width: 1200px;
	height: 300px;
	display: flex;
	overflow: hidden;
	justify-content: space-evenly;
	align-items: center;
	float: left;
}
#slider input{display: none}
#slider .slide{
	background: rgb(255, 167, 38);
	min-width: 35%;
	max-width: 35%;
	height: auto;
	border-radius: 10px;
	box-shadow: 5px 5px 5px 0 rgba(0,0,0,.2);
	margin: 0 4%;
	transition: margin .75s ease-in-out;
	padding: 10px 20px;
}
#slider .slide:nth-child(3){
	margin-left: 10%;
}
#slider .slide h1{
	font-size: 40px;
	font-weight: 200;
	line-height: 40px;
	color: #fff;
}
#slider .slide h1 strong{
	font-size: 40px;
}
#slider .slide p{
	font-weight: 400;
	color: #fff;
	margin: 10px 0;
}
#slider .slide button{
	background: #fff;
	padding: 10px 20px;
	border-radius: 30px;
	font-family: 'Poppins',sans-serif;
	font-size: 14px;
	font-weight: 300;
	color: rgb(255, 167, 38);
	margin-top: 10px;
	float: right;
}
#slider .slider-cover{
	position: absolute;
	bottom: 0;
	max-width: 1200px;
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	float: left;
}
#slider .slider-cover .circle_button{
	background: rgb(255, 235, 59);
	position: absolute;
	bottom: 125px;
	color: #fff;
	width: 50px;
	height: 50px;
	box-shadow: 3px 3px 0 0 rgba(0,0,0,.1);
}
#slider .slider-cover .circle_button:hover{
	opacity: .75;
}
#slider .slider-cover .circle_button .icons{
	width: 50px;
	height: 50px;
	font-size: 30px;
	color: rgb(249, 168, 37);
	text-align: center;
	line-height: 50px;
	float: left;
}
#slider .slider-cover .cb2{right: -00px;}
#slider .slider-cover .cb1{left: -50px;}
#slider .slider-cover .circle_button{display: none;z-index: 100;}
#b1:checked ~ .center .s1{margin-left:calc(150%);}
#b1:checked ~ .slider-cover .a1{background: rgb(245, 124, 0);width: 50px;}
#b1:checked ~ .slider-cover .bc2{display: block;}
#b1:checked ~ .slider-cover .bc10{display: block;}
#b2:checked ~ .center .s1{margin-left:calc(50%);}
#b2:checked ~ .slider-cover .a2{background: rgb(245, 124, 0);width: 50px;}
#b2:checked ~ .slider-cover .bc3{display: block;}
#b2:checked ~ .slider-cover .bc6{display: block;}
#b3:checked ~ .center .s1{margin-left:calc(-50%);}
#b3:checked ~ .slider-cover .a3{background: rgb(245, 124, 0);width: 50px;}
#b3:checked ~ .slider-cover .bc4{display: block;}
#b3:checked ~ .slider-cover .bc7{display: block;}
#b4:checked ~ .center .s1{margin-left:calc(-150%);}
#b4:checked ~ .slider-cover .a4{background: rgb(245, 124, 0);width: 50px;}
#b4:checked ~ .slider-cover .bc5{display: block;}
#b4:checked ~ .slider-cover .bc8{display: block;}
#b5:checked ~ .center .s1{margin-left:calc(-350%);}
#b5:checked ~ .slider-cover .a5{background: rgb(245, 124, 0);width: 50px;}
#b5:checked ~ .slider-cover .bc1{display: block;}
#b5:checked ~ .slider-cover .bc9{display: block;}

#slider .slider-cover label{
  background: rgb(255, 183, 77);
  backdrop-filter: blur(10px);
  width:15px;
  height:15px;
  border-radius:50px;
  margin: 0 5px;
  cursor:pointer;
  transition: .2s ease-in-out;
  float:left;
}
#five{
    position: relative;
	width:1200px;
    height:500px;
	text-align:left;
	display:flex;
	justify-content:space-between;
	align-items:center;
    margin-left:calc(50% - 600px);
	float:left;
}
#five .slog{
	width:600px;
	margin:0 50px 0 0;
	float:left;
}
#five-back{
    position:absolute;
    left:-40%;
    width:100%;
    z-index:-1;
}
#five h1{
	font-weight:400;
	font-size:14px;
	color:rgba(40,40,40,1);
	line-height:40px;
}
#five h1 strong{
	font-size:40px;
}
#five h1 strong span{
	font-size:40px;
}
#five p{
	font-weight:400;
	font-size:14px;
	color:rgba(80,80,80,1);
	line-height:20px;
	margin:10px 0 30px;
}
#five .programs{
	width:500px;
	height:250px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-content:space-between;
	float:right;
}
#five .programs .course{
	background:transparent;
	width:calc(50% - 20px);
	height:70px;
	font-weight:500;
	font-size:12px;
	line-height:10px;
	color:#999;
	border-radius:20px;
	cursor:pointer;
	transition:.1s ease-in-out;
}
#five .programs .course:nth-child(1):hover{
	background: rgb(251, 140, 0);
	color: #fff !important;
}
#five .programs .course:nth-child(2):hover{
	background: rgb(33, 150, 243);
	color: #fff !important;
}
#five .programs .course:nth-child(3):hover{
	background: rgb(233, 30, 99);
	color: #fff !important;
}
#five .programs .course:nth-child(4):hover{
	background: rgb(48, 79, 254);
	color: #fff !important;
}
#five .programs .course:nth-child(5):hover{
	background: rgb(213, 0, 249);
	color: #fff !important;
}
#five .programs .course:nth-child(6):hover{
	background: rgb(46, 125, 50);
	color: #fff !important;
}

#five .programs .course .icons{
	background:rgba(255,255,255,1);
	width:60px;
	height:60px;
	border-radius:15px;
	text-align:center;
	line-height:60px;
	font-size:25px;
    margin:5px;
	color:rgba(120,120,130,1);
    box-shadow:5px 5px 5px 0 rgba(0,0,0,.1);
	float:left;
}
#five .programs .course:nth-child(1) .icons{
	background: rgb(251, 140, 0);
	color: #fff !important;
}
#five .programs .course:nth-child(2) .icons{
	background: rgb(33, 150, 243);
	color: #fff !important;
}
#five .programs .course:nth-child(3) .icons{
	background: rgb(233, 30, 99);
	color: #fff !important;
}
#five .programs .course:nth-child(4) .icons{
	background: rgb(48, 79, 254);
	color: #fff !important;
}
#five .programs .course:nth-child(5) .icons{
	background: rgb(213, 0, 249);
	color: #fff !important;
}
#five .programs .course:nth-child(6) .icons{
	background: rgb(46, 125, 50);
	color: #fff !important;
}
#five .programs .course:nth-child(1):hover .icons{
	color: rgb(251, 140, 0) !important;
	background: #fff !important;
}
#five .programs .course:nth-child(2):hover .icons{
	color: rgb(33, 150, 243) !important;
	background: #fff !important;
}
#five .programs .course:nth-child(3):hover .icons{
	color: rgb(233, 30, 99) !important;
	background: #fff !important;
}
#five .programs .course:nth-child(4):hover .icons{
	color: rgb(48, 79, 254) !important;
	background: #fff !important;
}
#five .programs .course:nth-child(5):hover .icons{
	color: rgb(213, 0, 249) !important;
	background: #fff !important;
}
#five .programs .course:nth-child(6):hover .icons{
	color: rgb(46, 125, 50) !important;
	background: #fff !important;
}
#five .programs .course .text{
    width:calc(100% - 100px);
	line-height:50px;
	color:#333;
    font-weight:600;
	font-size:12px;
    text-align:left;
    line-height:16px;
    padding:16px 0 0 20px;
    display:block;
	float:left;
}
#five .programs .course:hover .text{
	color: #fff !important;
}
#six{
	width:100%;
	padding:0 0 40px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	float:left;
}
#six h2{
	width:400px;
	height:50px;
	font-weight:400;
	color:rgba(40,40,40,1);
	font-size:20px;
	text-align:center;
	line-height:50px;
	margin:0 auto;
}
#six h2 strong{
	font-size:20px;
	font-weight:800;
}
#six h2 span{
    font-size:20px;
    font-weight:400;
    color:rgb(33, 150, 243);
}
#six hr{
	background:rgb(33, 150, 243);
	width:50px;
	height:3px;
	margin:0 auto;
}
#six .on{
	width:100%;
	color:rgba(50,50,50,1);
	text-align:center;
	padding:20px 0;
	float:left;
}
#six .teacher-wrapper{
	max-width:1200px;
	width: 100%;
	position:relative;
	overflow:hidden;
	padding: 0 0 15px 0;
	margin:0 auto;
}
#six .teacher-wrapper .tch{
	width:auto;
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	align-items:center;
	padding:10px 0;
}
#six .teacher-wrapper .teacher{
	position:relative;
	background:orange;
	min-width:180px;
	height:230px;
	border-radius:10px;
	box-shadow:5px 5px 3px 0 rgba(200,200,200,1);
	margin-right: 40px;
	animation: slider 64s cubic-bezier(0,0,1,1) infinite;
}
#six .teacher-wrapper .teacher .img{
	width:180px;
	height:220px;
	border-radius:10px;
	border:5px solid rgb(233, 30, 99);
	transition:.1s ease-in-out;
    float:left;
}
#six .teacher-wrapper .teacher:nth-child(1) .img{
	border-color: rgb(244, 67, 54) !important;
}
#six .teacher-wrapper .teacher:nth-child(2) .img{
	border-color: rgb(233, 30, 99) !important;
}
#six .teacher-wrapper .teacher:nth-child(3) .img{
	border-color: rgb(156, 39, 176) !important;
}
#six .teacher-wrapper .teacher:nth-child(4) .img{
	border-color: rgb(103, 58, 183) !important;
}
#six .teacher-wrapper .teacher:nth-child(5) .img{
	border-color: rgb(63, 81, 181) !important;
}
#six .teacher-wrapper .teacher:nth-child(6) .img{
	border-color: rgb(33, 150, 243) !important;
}
#six .teacher-wrapper .teacher:nth-child(7) .img{
	border-color: rgb(3, 169, 244) !important;
}
#six .teacher-wrapper .teacher:nth-child(8) .img{
	border-color: rgb(0, 188, 212) !important;
}
#six .teacher-wrapper .teacher:nth-child(9) .img{
	border-color: rgb(0, 150, 136) !important;
}
#six .teacher-wrapper .teacher:nth-child(10) .img{
	border-color: rgb(76, 175, 80) !important;
}
#six .teacher-wrapper .teacher:nth-child(11) .img{
	border-color: rgb(139, 195, 74) !important;
}
#six .teacher-wrapper .teacher:nth-child(12) .img{
	border-color: rgb(205, 220, 57) !important;
}
#six .teacher-wrapper .teacher:nth-child(13) .img{
	border-color: rgb(255, 235, 59) !important;
}
#six .teacher-wrapper .teacher:nth-child(14) .img{
	border-color: rgb(255, 193, 7) !important;
}
#six .teacher-wrapper .teacher:nth-child(15) .img{
	border-color: rgb(255, 152, 0) !important;
}
#six .teacher-wrapper .teacher:nth-child(16) .img{
	border-color: rgb(255, 87, 34) !important;
}
#six .teacher-wrapper .teacher .text{
	background: rgb(233, 30, 99);
	width: 150px;
	color:rgba(255,255,255,1);
	font-size: 14px;
	text-align:center;
	line-height:15px;
    margin:-20px 0 5px 0;
    margin-left: calc(50% - 70px);
	border-radius:10px;
	padding: 7px 0;
	float:left;
}
#six .teacher-wrapper .teacher:nth-child(1) .text{
	background: rgb(244, 67, 54) !important;
}
#six .teacher-wrapper .teacher:nth-child(2) .text{
	background: rgb(233, 30, 99) !important;
}
#six .teacher-wrapper .teacher:nth-child(3) .text{
	background: rgb(156, 39, 176) !important;
}
#six .teacher-wrapper .teacher:nth-child(4) .text{
	background: rgb(103, 58, 183) !important;
}
#six .teacher-wrapper .teacher:nth-child(5) .text{
	background: rgb(63, 81, 181) !important;
}
#six .teacher-wrapper .teacher:nth-child(6) .text{
	background: rgb(33, 150, 243) !important;
}
#six .teacher-wrapper .teacher:nth-child(7) .text{
	background: rgb(3, 169, 244) !important;
}
#six .teacher-wrapper .teacher:nth-child(8) .text{
	background: rgb(0, 188, 212) !important;
}
#six .teacher-wrapper .teacher:nth-child(9) .text{
	background: rgb(0, 150, 136) !important;
}
#six .teacher-wrapper .teacher:nth-child(10) .text{
	background: rgb(76, 175, 80) !important;
}
#six .teacher-wrapper .teacher:nth-child(11) .text{
	background: rgb(139, 195, 74) !important;
}
#six .teacher-wrapper .teacher:nth-child(12) .text{
	background: rgb(205, 220, 57) !important;
}
#six .teacher-wrapper .teacher:nth-child(13) .text{
	background: rgb(255, 235, 59) !important;
}
#six .teacher-wrapper .teacher:nth-child(14) .text{
	background: rgb(255, 193, 7) !important;
}
#six .teacher-wrapper .teacher:nth-child(15) .text{
	background: rgb(255, 152, 0) !important;
}
#six .teacher-wrapper .teacher:nth-child(16) .text{
	background: rgb(255, 87, 34) !important;
}
#six .teacher-wrapper .teacher .text span:first-child{
	font-weight: 600;
}
#six .teacher-wrapper .teacher .text span:last-child{
	font-weight: 400;
	font-size: 10px !important;
}
#seven .before{
	position: absolute;
	top: 50px;
	left: -50px;
	background: rgb(255, 193, 7);
	width: 120px;
	height: 120px;
	text-align: center;
	line-height: 120px ;
	font-size: 50px;
	color: #fff;
	border-radius: 20px 70px;
	transform: rotate(15deg);
	animation: rot .5s infinite alternate;
	float: left;
}
@keyframes rot{
	0%{
		transform: rotate(-15deg);
	}
	100%{
		transform: rotate(15deg);
	}
}
#seven .before i{
	width: 100px;
	height: 100px;
	font-size: 50px;
	text-align: center;
	line-height: 120px;
}
#seven{
	background:rgba(244,67,54 ,1);
	position: relative;
	width:1200px;
	height:250px;
	float:left;
    margin-top:50px;
	margin-left:calc(50% - 600px);
	border-radius:20px;
	z-index: 1000 !important;
}
#seven .left{
	position: relative;
	width:calc(40% - 50px);
	height:250px;
	float:left;
	border-radius:10px;
	margin-left: 50px;
	z-index: 1000;
}
#seven .left h2{
	width:calc(100% - 40px);
	height:75px;
	font-family:'Poppins',sans-serif;
	font-weight:800;
	font-size:30px;
	color:rgb(255, 193, 7);
	text-align:left;
	line-height:75px;
	padding:0 0 0 40px;
	margin:60px 0 0 0;
	float:left;
}
#seven .left h2 strong{
	font-weight: 400;
	font-size: 30px;
	color: #fff;
}
#seven .left p{
	width:calc(100% - 40px);
	height:50px;
	font-family:'Poppins',sans-serif;
	font-weight:500;
	font-size:12px;
	color:#fff;
	text-align:left;
	line-height:20px;
	padding:0 0 0 40px;
	float:left;
}
#seven .right{
	background:rgb(229, 57, 53);
	width:calc(60% - 140px);
	height:250px;
	float:left;
	border-radius:10px;
	display:flex;
	justify-content:space-between;
	border-radius:250px 20px 250px 20px;
	padding:0 70px;
	align-items:center;
}
#seven .right input{
	background:transparent;
	width:200px;
	height:40px;
	font-family:'Poppins',sans-serif;
	font-weight:500;
	font-size:12px;
	color:#fff;
	border-bottom:2px solid #fff;
}
#seven .right input::placeholder{
	color:#fff;
}
#seven .right button{
	background:#fff;
	width:150px;
	height:40px;
	border-radius:150px;
	font-family:'Poppins',sans-serif;
	font-weight:600;
	font-size:12px;
	line-height: 40px;
	color:rgba(244,67,54 ,1);
}
#seven .right button .icons{
	background: rgba(244,67,54 ,1);
	color: #fff;
	border-radius: 40px;
	float: right;
	width: 30px;
	height: 30px;
	margin: 5px;
	text-align: center;
	line-height: 30px;
}
#eight{
    width:100%;
	height:auto;
	margin-top:30px;
    margin-bottom:30px;
	float:left;
}
#eight h2{
	width:200px;
	height:50px;
	font-family:'Poppins',sans-serif;
	font-weight:500;
	color:rgba(40,40,40,1);
	font-size:16px;
	text-align:center;
	line-height:50px;
	margin-left:calc(50% - 100px);
	float:left;
}
#eight hr{
	background:#aaa;
	width:50px;
	height:3px;
	float:left;
	margin-left:calc(50% - 25px);
	margin-bottom:30px;
}
#eight .slider-guard{
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
	margin:0 auto;
}
#eight .slider-guard .slider{
	width:1600px;
	height:auto;
	display:flex;
	flex-direction:row;
	justify-content:space-around;
	align-items:center;
}
#eight .slider-guard .slider img{
	width:auto;
	height:60px;
	font-size:80px;
	text-align:center;
	line-height:150px;
	color:rgba(255,255,255,1);
	text-shadow:0 0 40px rgba(120,120,120,1);
	animation:slide 30s cubic-bezier(0,-0, 1, 1) alternate infinite;
	transition:.1s ease-in-out;
	cursor:pointer;
}
footer{
	background: transparent;
	position: relative;
	bottom: 0 !important;
	width:100%;
	float:left;
	padding: 50px 0 0 0;
	margin: 50px 0 0 0;
	float: left;
}
footer .container{
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 300 !important;
	font-size: 50px;
	color: rgba(80,80,85,1);
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content:center;
}
footer .col{
	max-width:250px;
	width: 25%;
	display: flex;
	flex-direction: column;
	margin: 20px 50px 0 0;
}
footer .col h3{
	width: 100%;
	font-size: 18px;
	font-weight: 400;
	color: #333;
	margin: 0 0 25px 0;
}
footer .col h3 strong{
	font-weight: 800;
	font-size: 18px;
}
footer .col a{
	height: auto;
	margin: 0 0 10px 0;
	color: rgba(80,80,85,1);
	line-height: 20px;
	float: left;
}
footer .col a span{
	font-size: 13px;
	font-weight: 500;
}
footer .col span .icons{
	font-weight: 800;
	font-size: 20px;
	margin: 0 5px 0 0;
	float: left;
}
footer hr{
	background: #aaa;
	width: 1200px;
	height: 2px;
	margin: 0 auto;
	margin-top: 50px;
}
footer .container.xre{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 40px 0;
}
footer .container .fab{
	background: #fff;
	width: 50px;
	height: 50px;
	font-size: 20px;
	text-align: center;
	line-height: 50px;
	border-radius: 50px;
	box-shadow: 5px 5px 5px 0 rgba(0,0,0,.2);
	margin-left: 5px;
}
footer .llogo{
	display: none !important;
}
footer .container.xre span{
	position: relative;
	text-align: left;
	color: #333;
	font-weight: 400;
	line-height: 25px;
	font-size: 20px;
}
footer .container.xre .try:before{
	content: '';
	position: absolute;
	top: 30px;
	left: -200px;
	background: #aaa;
	width: 100%;
	height:2px;
}
footer .container.xre .try:after{
	content: '';
	position: absolute;
	right: -200px;
	background: #aaa;
	width: 100%;
	height:2px;
}
footer .container.xre span strong{
	font-weight: 800;
	font-size: 20px;
}
footer .container.xre .icons{
	width: 50px;
	height: 50px;
	color: rgb(0, 188, 212);
	font-size: 50px;
	text-align: center;
	line-height: 50px;
	margin-right: 15px;
	float: left;
}
footer .container img{
	width: 200px;
	margin-left: calc(50% - 100px);
	padding: 20px 0;
	float: right;
}
/*ETKİNLİKLER SAYFASI*/
.wrapper{
	position: relative;
	top:50px;
	z-index:500;
	max-width:1200px;
	height:auto;
	margin:0 auto;
}
.wrapper h1{
	width:100%;
    font-weight:500;
	font-size:50px;
	color:rgba(255,255,255,1);
	text-align:center;
	line-height:50px;
    float:left;
}
.wrapper hr{
	background:rgba(255,255,255,1);
	width:100px;
	height:3px;
	font-size:50px;
	color:rgba(255,255,255,1);
	text-align:center;
	line-height:50px;
	margin:10px 0;
	margin-left:calc(50% - 50px);
}
.wrapper p{
	width:75%;
	height:auto;
	font-size:12px;
	font-weight:600;
	color:rgba(240,240,240,1);
	text-align:center;
	line-height:25px;
	margin: 25px 12.5%;
    float:left;
}
.wrapper #events{
	width:100%;
	height:auto;
	display:flex;
    justify-content:center;
	align-items:center;
	margin:50px 0;
    float:left;
}
.wrapper #events section.container{
    width:1150px;
    height:auto;
    display:flex;
    flex-direction: column;
}
.wrapper #events section.container section{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	float: left;
}
.wrapper #events .container a{
	background:rgba(255,255,255,1);
	position: relative;
	width: 275px;height: 267.5px;
	border-radius:10px;
	box-shadow:2px 2px 5px 0px rgba(0,0,0,.5);
    font-family:'Poppins', sans-serif;
	text-align:left;
    transition:.2s ease-in-out;
    margin: 0 5px 25px 5px;
}
.wrapper #events .container a:hover{
    transform:scale(1.1);
    z-index:5;
}
.wrapper #events a:before{
	content:'';
	position: absolute;
	background:linear-gradient(to top,rgba(0,0,0,1),transparent);
	width:100%;
	height:100%;
	border-radius: 10px;
	z-index:1;
}
.wrapper #events a h2{
	position: absolute;
	bottom:45px;
	width:calc(100% - 30px);
	height:auto;
	font-size:16px;
	color:rgba(255,255,255,1);
	line-height: 20px;
	padding:0 0 0 30px;
	z-index:2;
}
.wrapper #events a h4{
	position: absolute;
	bottom:20px;
	width:calc(100% - 30px);
	height:20px;
	font-size:12px;
	color:rgba(230,230,230,1);
	line-height: 20px;
	padding:0 0 0 30px;
	z-index:2;
}
/*HAKKIMIZDA SAYFASI*/
.about{
	position: relative;
	top:50px;
	z-index:500;
	max-width:1200px;
	height:auto;
	margin:0 auto;
}
.about h1{
	width:100%;
	height:100px;
    font-weight:500;
	font-size:50px;
	color:rgba(255,255,255,1);
	text-align:center;
	line-height:50px;
    float:left;
}
.about hr{
	background:rgba(255,255,255,1);
	width:100px;
	height:3px;
	font-size:50px;
	color:rgba(255,255,255,1);
	text-align:center;
	line-height:50px;
	margin:10px 0;
	margin-left:calc(50% - 50px);
}
.about p{
	width:75%;
	height:auto;
	font-size:12px;
	font-weight:600;
	color:rgb(0, 0, 0);
	text-align:center;
	line-height:25px;
	margin-left:12.5%;
    float:left;
}



.about img{
    width:75%;
    height:auto;
    border-radius:20px;
    margin-top: 80px;
    margin-left:12.5%;
    float:left;
}
.about h2{
	width:100%;
	height:auto;
	font-size:25px;
    font-weight:400;
	color:rgba(20,20,20,1);
    text-transform: uppercase;
	text-align:center;
	line-height:30px;
	margin: 25px 0;
    float:left;
}
.about .p{
	width:75%;
	height:auto;
	font-size:12px;
	font-weight:600;
	color:rgba(80,80,80,1);
	text-align:left;
	line-height:25px;
	margin-left:12.5%;
    float:left;
}
.about ul{
	width:75%;
	height:auto;
	font-size:12px;
	font-weight:600;
    list-style-type:circle;
	color:rgba(80,80,80,1);
	text-align:left;
	line-height:25px;
	margin-left:12.5%;
    float:left;
}
.about ul li{
	width:100%;
	height:auto;
	font-size:12px;
	font-weight:600;
    list-style-type:disc;
	color:rgba(80,80,80,1);
	text-align:left;
	line-height:25px;
    float:left;
}
/*İLETİŞİM SAYFASI*/
.wrapper .form{
    background:rgba(255,255,255,1);
    width:75%;
    height:600px;
    border-radius:20px;
    margin-top: 80px;
    margin-left:12.5%;
    box-shadow:10px 10px 50px 0 rgba(0,0,0,.5);
    display:flex;
    justify-content:space-evenly;
    flex-wrap:wrap;
    align-content:space-evenly;
    float:left;
}
.wrapper .form aside{
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.wrapper .form h1{
	color: orange;
}
.wrapper .form b{
	font-size: 20px;
	font-weight: 800;
	color: orange;
}

.wrapper .form aside p{
	color: rgba(40,40,40,1);
	text-align: left;
}
.wrapper .form aside p .icons{
	text-align: center;
	line-height: 30px;
	color: orange !important;
	display: inline-block;
	margin: 0 10px 0 0;
	float: left;
}
.wrapper .form input{
    background:rgba(245,245,245,1);
    width:calc(90% - 40px);
    height:50px;
    font-family:'Poppins',sans-serif;
    font-weight:600;
    font-size:12px;
    padding: 0 20px;
    margin: 10px 5%;
    border-radius: 10px;
    color:rgba(40,40,40,1);
}
.wrapper .form textarea#mesaj{
    background:rgba(245,245,245,1);
    width:calc(90% - 40px);
    height:160px;
    max-width:calc(90% - 40px);
    max-height:160px;
    font-family:'Poppins',sans-serif;
    font-weight:600;
    font-size:12px;
    padding: 20px;
    margin: 10px 5%;
    border-radius: 10px;
    color:rgba(40,40,40,1);
}
.wrapper .form input#button{
    background:rgba(255,165,0,1);
    width:87.5%;
    height:50px;
    font-size:16px;
    color:rgba(20,20,20,1);
    border-radius:10px;
    border:0;
}
.wrapper input[type="radio"]{
	display: none;
}
.wrapper aside.gallery{
	width: 75%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-around;
	align-content: space-between;

	margin: 0 12.5%;
}
.wrapper  aside.gallery label.v1{
	min-width: 100%;
	height: 500px;
}
.wrapper  #v1:checked ~ aside.gallery label.v1{
	background: url('../images/b2.jpg') center;
	background-size: cover;
}
.wrapper  #v2:checked ~ aside.gallery label.v1{
	background: url('../images/b3.jpg') center;
	background-size: cover;
}
.wrapper  #v3:checked ~ aside.gallery label.v1{
	background: url('../images/b4.jpg') center;
	background-size: cover;
}
.wrapper  #v4:checked ~ aside.gallery label.v1{
	background: url('../images/b5.jpg') center;
	background-size: cover;
}
.wrapper  #v5:checked ~ aside.gallery label.v1{
	background: url('../images/b6.jpg') center;
	background-size: cover;
}

.wrapper aside.gallery label{
	float: left;
}
.wrapper aside.gallery label{
	width: 19.5%;
	height: auto;
	margin-bottom: .5%;
	border-radius: 10px;
}
.wrapper aside.gallery label img{
	width: 100%;
	border-radius: 10px;
}
/*GALERİ SAYFASI*/
.one{
	height: auto;
}
.one .wrap_gallery{
	height: auto;
	max-width: none !important;
}
.one section.container{
	height: auto !important;
}
#gallery{
	width:100%;
	display:flex;
    justify-content:center;
	align-items:center;
	margin:50px 0;
    float:left;
}
#gallery section.container{
    width:1150px;
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-content:space-between;
    flex-wrap: wrap;
    float:left;
}
#gallery .container a{
	background:rgba(255,255,255,1);
	position: relative;
	width:200px;
	height:200px;
	border-radius:10px;
	box-shadow:2px 2px 5px 0px rgba(0,0,0,.5);
    font-family:'Poppins', sans-serif;
	text-align:left;
    transition:.2s ease-in-out;
    margin: 0 15px 20px 15px;
    display: block;
}
#gallery .container a:hover{
    transform:scale(1.1);
    z-index:5;
}
.minik article{
	max-width: 75%;
	float: left;
	margin: 50px 12.5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
	align-items: center;
}
.minik article a{
	background:rgba(255,255,255,1);
	position: relative;
	width: 20%;
	min-width:200px;
	height:200px;
	border-radius:10px;
	box-shadow:2px 2px 5px 0px rgba(0,0,0,.5);
    font-family:'Poppins', sans-serif;
	text-align:left;
    transition:.2s ease-in-out;
    margin: 10px 5px;
    display: block;
}
.minik article a:hover{
    transform:scale(1.1);
    z-index:5;
}
@media(max-width: 620px){
	.minik{
		height: auto !important;
		overflow: visible !important;
	}
	.minik article{
		max-width: 100%;
		width: 100%;
		justify-content: space-evenly;
		margin: 0;
	}
}
/*2) SAYFA GENEL KODLARI BİTİŞ*/
/*3) SAYFA RESPONSİVE KODLARI BAŞLANGIÇ*/
@media(max-width:1445px){
    #one-back #head_2{
        display:none;
    }
}
@media(max-width:1240px){
    .container{
        width:calc(100% - 40px);
        padding:0 20px;
    }
    #three{
        width:100%;
        height:1100px;
    }
    #three section.container{
        width:575px;
        height: 1100px;
    }
    #five{
        width:calc(100% - 40px);
        height:auto;
        padding:20px;
        align-items:center;
        flex-direction:column;
        margin:0;
    }
    #five .slog{
        width:auto;
        height:400px;
        margin:0 auto;
    }
    #seven{
        width:calc(100% - 40px);
        height:250px;
        margin-left:20px;
        display:flex;
        flex-direction:column;
        align-items:center;
        padding:0;
    }
    #seven .left{
        width:100%;
        height:auto;
    }
    #seven .left h2{
        width:100%;
        font-size:25px;
        text-align:center;
        padding:0;
        margin:10px 0 0 0;
    }
    #seven .left p{
        height:50px;
        margin:0;
        display:none;
    }
    #seven .right{
        background:none;
        width:90%;
        height:150px;
        margin:0 0 20px 0;
        padding:0;
        display:flex;
        flex-direction:column;
        border-radius:0;
    }
    #seven .right input{
        width:75%;
    }
    #seven .right button{
        margin:20px 0 0 0;
    }
    footer .wrap{
        width:600px;
        height:800px;
        text-align:left;
    }
    footer .wrap .col h1{
        text-align:center;
    }
    footer .wrap .col p{
        text-align:center;
    }
    #footer-bottom{
        width:100%;
        margin:0;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #footer-bottom .container{
    	width: calc(100% - 40px);
    	padding: 0 20px;
    	margin: 0;
    }
    .wrapper #events{
        width:100%;
        height:auto;
    }
    .wrapper #events section.container{
        width:575px;
        height: auto;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .wrapper .form{
        width:100%;
        margin:0;
        padding:0;
    }
    .wrapper .form input#mesaj{
        height:100px;
        line-height:100px;
    }
    #slider{display: none !important;}
    #slider .slide{
    	min-width: calc(100% - 40px) !important;
    	display: none;
    }
    #b1:checked ~ .center .s1{margin-left:calc(450%);}
    #slider .slide .s1{
    	margin-left:500% !important;
    }
    #slider .center{
		overflow-x: auto;
		width: 100% !important;
    	margin: 0 !important;
    	padding: 0 !important;

	}

	#slider .center::-webkit-scrollbar{display: none}
	#slider{
		width: 100% !important;
    	margin: 0 !important;
    	padding: 0 !important;
	}
    #slider .slider-cover{
    	display: none;
    }
}
@media(max-width:1075px){
    #one-back #head_2{
        fill:rgba(229,126,0,1);
        top: -300px;
        left:-100px;
        display:block;
    }
    #one{
        height:auto;
        padding:0;
    }
    #one section.container{
        flex-direction:column;
        height:auto;
    }
    .one section.container{
		flex-direction: row !important;
		justify-content: space-around !important;
	}
    #one .container .slide{
        margin:50px 0;
    }
}
@media(max-width: 1100px){
	footer .col{
		width: 100% !important;
		max-width: none;
		display: none;
	}
	footer .col1{
		width: 100% !important;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
		margin: 0;
	}
	footer .container.xre{
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		flex-wrap: nowrap;
	}
	footer .container.xre a:first-child{
		display: none;
	}
	footer .llogo{
		display: flex !important;
	}
	footer .llogo img{
		width: 80%;
		height: auto;
		margin: 0 10% 50px;
	}
	footer .col h3{
		width: 100%;
		text-align: center !important;
	}
	footer .container.xre .try{
		margin: 50px 0;
	}
	footer .container.xre .try:before{
		display: none;
	}
	footer .container.xre .try:after{
		display: none;
	}
	#two .div{
		animation: none;
		padding: 0;
		margin: 0;
	}
	#two .about-img{
		animation: none;
		padding: 0;
		margin: 0;
	}
	#two .div:before{display: none;}
	#two .div:after{display: none;}
}
@media(max-width:1025px){
    #one-back #head_2{
        left:-150px;
    }
    /*RESPONSİVE MENU AÇ-KAPA AYARLARI*/
    #one header #menu:checked ~ .container{
        background:linear-gradient(orange,orangered);
        backdrop-filter: blur(10px);
        position:fixed;
        height:100vh;
        flex-wrap:wrap;
        align-content:flex-start;
    }
    #one header #menu:checked ~ .container ul{

        width:100%;
        max-height:calc(100vh - 150px);
        display:flex;
        flex-direction:column;
        overflow:auto;
    }
    #one header #menu:checked ~ .container ul li,.container ul li a{
        width:calc(100% - 20px);
    }
    #one header #menu:checked ~ .container ul li:hover ul{
    	display: flex;
    }
    #one header #menu:checked ~ .container ul li ul::before{
        display:none;
    }
    #one header #menu:checked ~ .container ul li ul{
        background:rgba(0,0,0,.25);
        position: static;
        top:0;
        margin:0;
        display:none;
    }
    #one header #menu:checked ~ .container ul li ul a{
        color:#fff;
    }
    #one header #menu:checked ~ .container .contact{
        margin-top:50px;
    }
    /*RESPONSİVE MENU AÇ-KAPA AYARLARI BİTİŞİ*/
    #one header .container label{
        display:block;
    }
    #one header .container ul{
        display:none;
    }
}
@media(max-width:625px){
    #one section.container{
        width:calc(100% - 40px);
        padding:0 20px;
    }
    #one .container .slogan{
        width:100%;
    }
    #one .container .slide{
        width:100%;
    }
    #two .aboutus{
        width:calc(100% - 40px);
        height:auto;
        padding:0 20px;
    }
    #two .about-img{
        width:calc(100% - 40px);
        margin:30px 20px 0;
    }
    #three{
        width:100%;
        height:auto;
    }
    #three section.container{
        width:calc(100% - 40px);
        height: 2100px;
        padding:0 20px;
        flex-direction:column;
        justify-content:space-between;
        align-items:center;
    }
    #three .container .activity-doc{
        background:transparent;
        width:100%;
        height:auto;
        color:rgba(40,40,40,1);
        padding:0;
    }
    footer .wrap{
        width:300px;
        height:1600px;
    }
    .wrapper #events{
        width:100%;
        height:auto;
    }
    .wrapper #events section.container{
        width:calc(100% - 40px);
        padding:0 20px;
        flex-direction: column !important;
        flex-wrap: wrap;
        justify-content:space-between;
        align-items:center;
        margin:0 auto;
    }
    .wrapper .form{
    	height: auto;
    	padding: 0 0 70px 0;
    }
    .wrapper .form aside{
    	width: 100%;
    }
    .wrapper .form aside h1{
    	font-size: 40px;
    	margin: 25px 0 0 0;
    }
}
@media(max-width:530px){
	#seven .before{
		display: none;
	}
    #five img{
        width:80%;
        height:auto;
    }
    #five .programs{
        width:100%;
        height:auto;
        display:flex;
        flex-direction:column;
    }
    #five .programs .course{
        background:rgba(255,255,255,1);
        width:100%;
        margin-bottom:20px;
        box-shadow:5px 5px 5px 0 rgba(0,0,0,.1);
    }
    #five .programs .course:hover{
        transform:scale(1);
    }
    #five .programs .course .icons{
        background:transparent;
        box-shadow:0 0 0 0;
    }
    #footer-bottom{
        height:200px;
        border:0;
    }
    #footer-bottom .container{
        height:200px;
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        align-items:center;
    }
    #footer-bottom .container .logo{
        background:transparent;
    }
    #footer-bottom .container span .icons{
        background:transparent;
    }
    #gallery .container{
    	width: calc(100% - 40px) !important;
    	flex-direction: row !important;
    	padding: 0 20px;
    }
    #gallery .container .activity-box{
    	width: calc(50% - 15px) !important;
    	height: 150px;
    	margin: 0 0 15px 0;
    }
}
@media(max-width:480px){
    #one header .container{
        justify-content:space-between;
        float:left;
    }
    #one header .container .contact{
        display:none;
    }
    #one .container .slogan h1{
        font-size:30px;
        line-height:40px;
    }
    #one .container .slogan h1 strong{
        font-size:40px;
        line-height:50px;
    }
    #one .container .slogan .more{
        width:45%;
        margin:0;
    }
    #one .container .slogan .video{
        width:50%;
        margin:0 0 0 5%;
    }
    #five .slog{
    	width: calc(100% - 40px) !important;
    	height: auto !important;
    	padding: 0 20px !important;
    }
    #six{
    	padding: 0 !important;
    }
    #six h2{
    	width: 100%;
    }
    #six .on{
    	padding: 0 !important;
    }
    #gallery .container{
    	width: calc(100% - 10px);
    	padding: 0 5px;
    }
    #gallery .container .activity-box{
    	width: calc(50% - 5px) !important;
    	margin: 0 0 15px 0;
    }
}
@media(max-width:380px){
    #one .container .slogan .video{
        display:none;
    }
}
/*3) SAYFA RESPONSİVE KODLARI BİTİŞ*/

.siyahyazi{
	width:75%;
	height:auto;
	font-size:12px;
	font-weight:600;
	color:#000 !important; 
	text-align:center !important;
	line-height:25px;
	margin-left:12.5%;
    float:left;
}