*{padding:0;margin:0;font-family:Verdana, Geneva, Tahoma, sans-serif;font-size:14px; font-weight:100;transition: all .3s ease-in-out;}
body{background-color:#30285A;transition: all .3s ease-in-out;}
.MeltemOkuluCss{margin-left:17%;margin-right:17%;width:64%;padding:5px;border:solid 0.3mm #f5f5f5;background-color:#f5f5f5;}
.HeaderTop{background-image:url(/images/top.jpg);height:140px;position:relative}
.Logo{padding:10px;margin-top:5px;}
.albayrak{position:absolute;right:0;bottom:0;}
.SloganText{padding:10px;position:absolute;left:36%;font-weight:600;bottom:0px;font-size:18px;background-color:rgba(255, 255, 255, 0.6);border:solid 0.3mm #f5f5f5;}
nav{background-color:#30285A;height:50px;}
nav ul {padding:0;margin:0;}
nav ul li{list-style-type:none;position:relative;float:left}
nav ul li a {padding:15px;color:white;text-decoration:none;display:block; padding-left:23px;padding-right:23px;}
nav ul li a:hover{background-color:#ff6a00;text-decoration:none;color:white;}
nav ul li:hover{background-color:#ff6a00;text-decoration:none;color:white;}
nav ul li:hover .Sub{opacity:1;z-index:9999;top:50px;} 
.Sub{position:absolute;top:70px;background-color:white;width:300px;z-index:-1;opacity:0;}
.Sub li {width:100%;}
.Sub li a{padding:7px;color:#1f1f1f;border-bottom:solid 0.3mm #f5f5f5;font-size:13px; }
.Sub li a:hover{background-color:#eeeeee;color:#1f1f1f}
.BannerList{padding:10px;-webkit-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);-moz-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);	box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);margin-top:5px;}
.leftcolums{padding:10px;-webkit-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);-moz-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);	box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);margin-top:15px;float:left;width:70%;}
.Headers{padding:10px;background-color:#30285A;color:white;}
.Headers span{float:right;}
.Headers span a {color:white;}
.rightcolums {padding:10px;margin-top:15px;float:right;width:29%;}
.kayitformu{width:100%;border-radius:5px;cursor:pointer;-webkit-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);-moz-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);	box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);background-color:white;padding:5px;}
.kayitformu:nth-of-type(2){margin-top:10px;}
.kayitformu:nth-of-type(1){margin-top:-10px;}
.kayitformu img {border-radius:5px;}
.kayitformu:hover .KayitFormuimgHover{display:block}
.KayitFormuimgHover{display:none}
.kayitformu:hover .KayitFormuimg{display:none}
.HaberlerManset{float:left;width:32.5%;margin-top:5px;margin-bottom:5px;-webkit-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);-moz-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);	box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);padding:7px;position:relative}

.HaberlerManset:nth-last-of-type(n+1){float:left;margin-right:0.8%;}

table{ border:solid 0.3mm black; text-align:center; width:100%}
table tr td{ border:solid 0.3mm black; padding:10px;}




.imageHaber {position:relative;cursor:pointer;height:200px}
.HaberHeader {padding-top: 10px; padding-bottom: 10px;}
.imagehover{background-color:rgba(255, 255, 255, 0.57);width:0%;height:0%; left:50%;top:50%; position:absolute;z-index:9999;transition: all .3s ease-in-out;}
.HaberlerManset:hover .imagehover{width:100%;left:0;height:100%;top:0;}
.Cropped { object-fit: cover; object-position: center;}
.CroppedHaber { object-fit: cover; object-position: center;height:200px}
.SlideFoto{margin-top:15px; margin-left:-25px;margin-right:-25px;cursor:pointer}
.swiper-slide:hover .imagehover{width:100%;left:0;height:100%;top:0;}
#Banner .swiper-wrapper .swiper-slide img {height:500px;}
.OkulTur{padding:8px;text-align:center;background-color:#30285A;color:white;float:right;position:absolute;top:10px;right:10px;}
.HaberlerManset a { color:#1f1f1f;text-decoration:none  }
.HaberlerManset a { color:#1f1f1f; text-decoration:none }


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


*{padding:0;margin:0;font-family:Verdana, Geneva, Tahoma, sans-serif;font-size:12px; font-weight:100}
body{background-color:#30285A}
.MeltemOkuluCss{margin-left:6%;width:86.6%;padding:5px;border:solid 0.3mm #f5f5f5;background-color:#f5f5f5;}
.HeaderTop{background-image:url(/images/top.jpg);height:130px;position:relative}
.Logo{padding:10px;margin-top:0px;margin-left:0%;}
.albayrak{position:absolute;right:0;bottom:0;}
.SloganText{padding:10px;position:absolute;left:34%;font-weight:600;bottom:0px;font-size:18px;background-color:rgba(255, 255, 255, 0.6);border:solid 0.3mm #f5f5f5;}
nav{background-color:#30285A;height:47px;}
nav ul {padding:0;margin:0;}
nav ul li{list-style-type:none;position:relative;float:left}
nav ul li a {padding:15px;color:white;text-decoration:none;display:block; padding-left:24.9px;padding-right:24.91px;}
nav ul li a:hover{background-color:#ff6a00;text-decoration:none;color:white;}
nav ul li:hover{background-color:#ff6a00;text-decoration:none;color:white;}
nav ul li:hover .Sub{opacity:1;z-index:9999;top:47px;} 
.Sub{position:absolute;top:70px;background-color:white;width:300px;z-index:-1;opacity:0;}
.Sub li {width:100%;}
.Sub li a{padding:7px;color:#1f1f1f;border-bottom:solid 0.3mm #f5f5f5;font-size:12px; }
.Sub li a:hover{background-color:#eeeeee;color:#1f1f1f}
.BannerList{padding:10px;-webkit-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);-moz-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);	box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);margin-top:5px;}
.leftcolums{padding:10px;-webkit-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);-moz-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);	box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);margin-top:15px;float:left;width:70%;}
.Headers{padding:10px;background-color:#30285A;color:white;}
.Headers span{float:right;}
.Headers span a {color:white;}
.rightcolums {padding:10px;margin-top:15px;float:right;width:29%;}
.kayitformu{width:100%;border-radius:5px;cursor:pointer;-webkit-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);-moz-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);	box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);background-color:white;padding:5px;}
.kayitformu:nth-of-type(2){margin-top:10px;}
.kayitformu:nth-of-type(1){margin-top:-10px;}
.kayitformu img {border-radius:5px;}
.kayitformu:hover .KayitFormuimgHover{display:block}
.KayitFormuimgHover{display:none}
.kayitformu:hover .KayitFormuimg{display:none}
.HaberlerManset{float:left;width:32.5%;margin-top:5px;margin-bottom:5px;-webkit-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);-moz-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);	box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);padding:7px;}
.HaberlerManset:nth-last-of-type(n+1){float:left;margin-right:0.5%;}
.imageHaber {position:relative;cursor:pointer;}
.HaberHeader {padding-top: 10px; padding-bottom: 10px;}
.imagehover{background-color:rgba(255, 255, 255, 0.57);width:0%;height:0%; left:50%;top:50%; position:absolute;z-index:9999;transition: all .3s ease-in-out;}
.HaberlerManset:hover .imagehover{width:100%;left:0;height:100%;top:0;}
.Cropped { object-fit: cover; object-position: center;}
.SlideFoto{margin-top:15px; margin-left:-25px;margin-right:-25px;cursor:pointer}
.swiper-slide:hover .imagehover{width:100%;left:0;height:100%;top:0;}
#Banner .swiper-wrapper .swiper-slide img {height:400px;}

}


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


*{padding:0;margin:0;font-family:Verdana, Geneva, Tahoma, sans-serif;font-size:12px; font-weight:100}
body{background-color:#30285A}
.MeltemOkuluCss{margin-left:6%;width:86.6%;padding:5px;border:solid 0.3mm #f5f5f5;background-color:#f5f5f5;}
.HeaderTop{background-image:url(/images/top.jpg);height:130px;position:relative}
.Logo{padding:10px;margin-top:0px;margin-left:0%;}
.albayrak{position:absolute;right:0;bottom:0;}
.SloganText{padding:10px;position:absolute;left:34%;font-weight:600;bottom:0px;font-size:18px;background-color:rgba(255, 255, 255, 0.6);border:solid 0.3mm #f5f5f5;}
nav{background-color:#30285A;height:47px;}
nav ul {padding:0;margin:0;}
nav ul li{list-style-type:none;position:relative;float:left}
nav ul li a {padding:15px;color:white;text-decoration:none;display:block; padding-left:24.9px;padding-right:24.91px;}
nav ul li a:hover{background-color:#ff6a00;text-decoration:none;color:white;}
nav ul li:hover{background-color:#ff6a00;text-decoration:none;color:white;}
nav ul li:hover .Sub{opacity:1;z-index:9999;top:47px;} 
.Sub{position:absolute;top:70px;background-color:white;width:300px;z-index:-1;opacity:0;}
.Sub li {width:100%;}
.Sub li a{padding:7px;color:#1f1f1f;border-bottom:solid 0.3mm #f5f5f5;font-size:12px; }
.Sub li a:hover{background-color:#eeeeee;color:#1f1f1f}
.BannerList{padding:10px;-webkit-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);-moz-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);	box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);margin-top:5px;}
.leftcolums{padding:10px;-webkit-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);-moz-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);	box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);margin-top:15px;float:left;width:70%;}
.Headers{padding:10px;background-color:#30285A;color:white;}
.Headers span{float:right;}
.Headers span a {color:white;}
.rightcolums {padding:10px;margin-top:15px;float:right;width:29%;}
.kayitformu{width:100%;border-radius:5px;cursor:pointer;-webkit-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);-moz-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);	box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);background-color:white;padding:5px;}
.kayitformu:nth-of-type(2){margin-top:10px;}
.kayitformu:nth-of-type(1){margin-top:-10px;}
.kayitformu img {border-radius:5px;}
.kayitformu:hover .KayitFormuimgHover{display:block}
.KayitFormuimgHover{display:none}
.kayitformu:hover .KayitFormuimg{display:none}
.HaberlerManset{float:left;width:32.5%;margin-top:5px;margin-bottom:5px;-webkit-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);-moz-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);	box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);padding:7px;}
.HaberlerManset:nth-last-of-type(n+1){float:left;margin-right:0.5%;}
.imageHaber {position:relative;cursor:pointer;}
.HaberHeader {padding-top: 10px; padding-bottom: 10px;}
.imagehover{background-color:rgba(255, 255, 255, 0.57);width:0%;height:0%; left:50%;top:50%; position:absolute;z-index:9999;transition: all .3s ease-in-out;}
.HaberlerManset:hover .imagehover{width:100%;left:0;height:100%;top:0;}
.Cropped { object-fit: cover; object-position: center;}
.SlideFoto{margin-top:15px; margin-left:-25px;margin-right:-25px;cursor:pointer}
.swiper-slide:hover .imagehover{width:100%;left:0;height:100%;top:0;}
#Banner .swiper-wrapper .swiper-slide img {height:400px;}

}
.mobile{display:none}
@media only screen and (max-width: 900px) {

    .mobile{display:block}
*{padding:0;margin:0;font-family:Verdana, Geneva, Tahoma, sans-serif;font-size:12px; font-weight:100}
body{background-color:#30285A}
.MeltemOkuluCss{margin-left:0%;width:100%;padding:5px;border:solid 0.3mm #f5f5f5;background-color:#f5f5f5;margin-right:0px;}
.HeaderTop{background-image:url(/images/top.jpg);height:130px;position:relative}
.Logo{padding:10px;margin-top:0px;margin-left:0%;text-align:center; width:100%;}
.albayrak{position:absolute;right:0;bottom:0;display:none}
.SloganText{padding:10px;position:absolute;left:34%;font-weight:600;bottom:0px;font-size:18px;background-color:rgba(255, 255, 255, 0.6);border:solid 0.3mm #f5f5f5;display:none}


nav{background-color:#30285A;height:auto;display:none;}
nav ul {padding:0;margin:0;}
nav ul li{list-style-type:none;position:relative;float:none}
nav ul li a {padding:15px;color:white;text-decoration:none;display:block; padding-left:23px;padding-right:23px;}
nav ul li a:hover{background-color:#ff6a00;text-decoration:none;color:white;}
nav ul li:hover{background-color:#ff6a00;text-decoration:none;color:white;}
nav ul li:hover .Sub{opacity:1;z-index:9999;top:50px;} 
.Sub{position:absolute;top:40px;background-color:white;width:100%;z-index:-1;opacity:0;}
.Sub li {width:100%;}
.Sub li a{padding:7px;color:#1f1f1f;border-bottom:solid 0.3mm #f5f5f5;font-size:13px; }
.Sub li a:hover{background-color:#eeeeee;color:#1f1f1f}



.BannerList{padding:10px;-webkit-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);-moz-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);	box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);margin-top:5px;}
.leftcolums{padding:10px;-webkit-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);-moz-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);	box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);margin-top:15px;float:none;width:100%;}
.Headers{padding:10px;background-color:#30285A;color:white;}
.Headers span{float:right;}
.Headers span a {color:white;}
.rightcolums {padding:10px;margin-top:15px;float:none;width:100%;}
.kayitformu{width:100%;border-radius:5px;cursor:pointer;-webkit-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);-moz-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);	box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);background-color:white;padding:5px;}
.kayitformu:nth-of-type(2){margin-top:10px;}
.kayitformu:nth-of-type(1){margin-top:-10px;}
.kayitformu img {border-radius:5px;}
.kayitformu:hover .KayitFormuimgHover{display:block}
.KayitFormuimgHover{display:none}
.kayitformu:hover .KayitFormuimg{display:none}
.HaberlerManset{float:left;width:48%;margin-top:5px;margin-bottom:5px;-webkit-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);-moz-box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);	box-shadow: 0 0 6px 4px rgba(31, 31, 31, 0.12);padding:7px;}
.HaberlerManset:nth-of-type(2n+1){float:left;margin-left:0%;}
.HaberlerManset:nth-of-type(2){float:right;margin-left:1.2%;}
.HaberlerManset:nth-of-type(5){float:right;}
.HaberlerManset:nth-of-type(2n+2){float:right;margin-left:1.2%;}
.HaberlerManset:nth-of-type(3n+1){float:left;margin-left:0%;}
.imageHaber {position:relative;cursor:pointer;height:100px;}
.imageHaber img {position:relative;cursor:pointer;height:100px;}
.HaberHeader {padding-top: 10px; padding-bottom: 10px;}
.imagehover{background-color:rgba(255, 255, 255, 0.57);width:0%;height:0%; left:50%;top:50%; position:absolute;z-index:9999;transition: all .3s ease-in-out;}
.HaberlerManset:hover .imagehover{width:100%;left:0;height:100%;top:0;}
.Cropped { object-fit:fill; object-position: center;}
.SlideFoto{margin-top:15px; margin-left:-25px;margin-right:-25px;cursor:pointer}
.swiper-slide:hover .imagehover{width:100%;left:0;height:100%;top:0;}
#Banner .swiper-wrapper .swiper-slide img {width:100%;height:250px}
}