body {font-family: 'BenchNine', sans-serif; padding:0; margin:0; background:#F4F4F4; overflow-x: hidden;}
.ustcizgi { width:100%; min-height:40px; background:#F4F4F4;}
.ustcizgi .yazi { font-weight:bold; font-size:18px; color:#212121; line-height:40px; float:left;}
.ustcizgi .sosyalmedya { float:right;}
.ustcizgi .sosyalmedya .ikon { min-height:40px; line-height:40px; width:40px; text-align:center; color:#fff; float:right; margin-right:2px;}
.ustcizgi .sosyalmedya .ikon:hover{ border-radius: 10px;transition: all 0.9s; cursor:pointer; }

.ustmenubg { width:100%; min-height:170px; background:#fff;}
.ustmenubg .ustalan { min-height:115px;}
.ustmenubg .ustalan .logo { float:left; margin-top:10px;}
.ustmenubg .ustalan .sag { float:right;}
.ustmenubg .ustalan .sag .federasyon { margin-right:15px; margin-top:5px;}
.ustmenubg .ustalan .sag .ataturk { margin-top:5px;}
@media only screen and (max-width: 768px) {
.ustmenubg .ustalan .sag .federasyon { display:none;}
.ustmenubg .ustalan .sag .ataturk { display:none;}
}

.anasayfabaskan { width:300px; min-height:423px; background:#fff; border:1px solid #DDDDDD;}
.anasayfabaskan .resim { width:180px; height:180px; border:1px solid #EEEEEE; border-radius: 100px; padding:2px; margin:20px auto 0 auto;}
.anasayfabaskan .resim img { width:174px; height:174px; border-radius: 100px;}
.anasayfabaskan .unvan { width:100%; text-align:center; min-height:30px; color:#777777; font-size:19px; width:60%; margin:20px auto 0 auto; line-height:20px;}
.anasayfabaskan .isim { width:100%; text-align:center; font-size:22px; font-weight:600; margin-top:10px; color:#777777;}
.anasayfabaskan .btn { width:225px; min-height:50px; line-height:50px; background:#D52315; padding:0; color:#fff; font-size:17px; font-weight:bold; margin-left:13%; margin-top:20px;}
.anasayfabaskan .btn:hover { background:#B31D11; transition: all 0.9s;}


.anasayfatarihce { width:300px; min-height:250px; background:#fff; border:1px solid #DDDDDD; margin-top:20px; color:#878787;}
.anasayfatarihce:hover {border:1px solid #12958B; transition: all 0.9s; color:#12958B;}
.anasayfatarihce .baslik { width:90%; margin-left:5%; font-size:18px; font-weight:bold; margin-top:10px; margin-bottom:10px; color:#12958B;}
.anasayfatarihce .resim { width:270px; min-height:130px; margin:0 auto 0 auto;}
.anasayfatarihce .icerik { width:50%; margin:0 auto 0 auto; text-align:center;  font-size:18px; line-height:22px; margin-top:10px;}

.anasayfafotograf { width:300px; min-height:250px; background:#fff; border:1px solid #DDDDDD; margin-top:20px; color:#878787;}
.anasayfafotograf:hover {border:1px solid #12958B; transition: all 0.9s; color:#12958B;}
.anasayfafotograf .baslik { width:90%; margin-left:5%; font-size:18px; font-weight:bold; margin-top:10px; margin-bottom:10px; color:#12958B;}
.anasayfafotograf .resim { width:270px; min-height:130px; margin:0 auto 0 auto;}
.anasayfafotograf .icerik { width:70%; margin:0 auto 0 auto; text-align:center; font-size:18px; line-height:22px; margin-top:10px;}

.anasayfavideo { width:300px; min-height:250px; background:#fff; border:1px solid #DDDDDD; margin-top:20px; color:#878787;}
.anasayfavideo:hover {border:1px solid #12958B; transition: all 0.9s; color:#12958B;}
.anasayfavideo .baslik { width:90%; margin-left:5%; font-size:18px; font-weight:bold; margin-top:10px; margin-bottom:10px; color:#12958B;}
.anasayfavideo .resim { width:270px; min-height:130px; margin:0 auto 0 auto;}
.anasayfavideo .icerik { width:70%; margin:0 auto 0 auto; text-align:center; font-size:18px; line-height:22px; margin-top:10px;}


.anasayfahaber { position: relative; margin-top:20px;}
.anasayfahaber .resim { border:none;}
.anasayfahaber .baslik {  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; font-size:17px; color:#212121; font-weight:bold; max-width:290px; margin-top:10px; min-height:25px; max-height:25px; }
.anasayfahaber .icerik {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; max-width:290px; max-height:50px; min-height:50px; color:#777777; margin-top:10px; margin-bottom:20px;}

.anasayfalinkler { width:100%; min-height:130px; background:#fff; border:1px solid #DDDDDD; margin-top:9px;}
.anasayfalinkler img { margin-top:25px;}

.altbilgi { width:100%; min-height:70px; line-height:70px; background:#fff; position:relative; margin-top:30px;}
.altbilgi .copyright { color:#777777; font-size:17px;}
.altbilgi .yedirenk { position:absolute; right:0; margin-top:-70px;}


.icsayfasol { width:100%; min-height:700px; background:#fff; border:1px solid #DDDDDD; font-size:17px;}
.icsayfasol .baslik { width:100%; border-bottom:1px solid #f4f4f4; min-height:50px;  line-height:50px; font-size:22px; font-weight:bold; padding-top:10px; margin-bottom:10px;}

.icsayfasol .resim { border:none; margin-right:2px;}
.icsayfasol .haberbaslik { overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; font-size:17px; color:#212121; font-weight:bold; max-width:290px; margin-top:10px; min-height:25px; max-height:25px;}
.icsayfasol .icerik {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; max-width:290px; max-height:50px; min-height:50px; color:#777777; margin-top:10px; margin-bottom:20px;}

.kurul {}
.kurul .kurulbaslik { width:100%; padding:0; line-height:40px; min-height:40px; font-size:20px; margin-top:10px; font-weight:bold; text-align:center; color:#12958b; border:1px solid #f4f4f4; background:#f4f4f4;}
.kurul .isim { width:100%; line-height:30px; min-height:30px; font-size:19px; text-align:center; font-weight:bold; color:#212121;}
.kurul .yonetimkurulu { border-bottom:1px solid #f4f4f4; font-size:19px; line-height:40px;}


.faaliyetbaslik {width:100%; min-height:40px; line-height:40px; background:#f4f4f4; margin-top:20px; text-align:center; font-weight:bold; margin-bottom:10px; font-size:20px; color:#212121;}
.faaliyeticbaslik { font-weight:bold; font-size:19px; color:#212121;}
.dokumanbaslik {}


.haberyazi { font-size:18px; color: #333;}
.haberyazi .haberyazibaslik { font-size:20px; font-weight:bold; color:#212121; margin-bottom:15px;}
.habericresim { float:left; margin-top:10px; margin-bottom:10px;}


.menu{ overflow: hidden;} 
ul {margin: 0;padding: 0;list-style: none; list-style-type: none;}
li a {display: block;padding: 0 0 ; text-align:center; color: #ffffff;text-decoration: none; transition: all 0.5s; min-height:48px; line-height:48px; background-color:#12958B; margin-left:1px; margin-right:1px; font-size:16px; font-weight:bold; width:170px;}
li a:hover {display: block; background-color:#0B5752;text-decoration: none;color:#fff;	}
.open{color:#fff;width:100%;height: 48px;cursor: pointer;display: none; background:#12958B; text-align:center; line-height:48px; font-size:26px;}
.open img{padding-top:4px;}
/* Mobil CSS */

@media (max-width:768px){ /* Ekran boyutu 768 ve altinda oldugu zaman görünecek kismin kodlari  */
.open{display:block;	}
{position: absolute;background-color: #12958B;width: 100%;transition: all 0.5s;}
ul {flex-direction: column;display: none;}
ul  li {border-top: 1px solid #ffffff;}
ul  li a{text-decoration: none;text-align: center; width:100%;}
ul  li a:hover{background-color:#0B5752;text-decoration: none;color:#fff;}
}
@media (min-width:768px) { /* Masaüstü görünümüne tekrar döndügümüzde mobil görünümden çikmasi için yazdigimiz kodlar*/
.menu ul {display:flex!important;flex-direction: none; }
}


.slider {position: relative;width: 100%;min-height: 423px;}
.slide {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.slider .yazi { width:280px; background:rgba(0, 0, 0, 0.5); min-height:423px; position:absolute; right:5px; color:#fff;}
.slider .yazi .baslik { width:90%; margin-left:5%; margin-top:3%; line-height:50px;  font-size:24px; font-weight:600; border-bottom:1px solid rgba(255, 255, 255, 0.5); overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.slider .yazi .icerik { width:90%; margin-left:5%; margin-top:3px; font-size:17px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.slider .yazi .tarih { width:40%; margin-left:5%; font-size:16px; border-top:1px solid rgba(255, 255, 255, 0.5); margin-top:3%;}
.active-slide {display: block;}
/* Controls */
.slider-nav {text-align: center;position: absolute;top: 25%;width: 100%; cursor:pointer;}
.arrow-prev,
.arrow-next {margin: 0 10%;display: inline-block;vertical-align: top;margin-top: 9px;font-size: 1.5rem;}
.arrow-next {}
.slider-dots {list-style: none;display: inline-block;padding-left: 0;margin-bottom: 0; display:none;}
.slider-dots li {color: #bbbcbc;display: inline;font-size: 2rem;margin: 0 5px;transition: color 0.5s;}
.slider-dots li.active-dot {color: #363636;}
/* Counter */

@media (max-width:768px){ 
.slider .yazi { width:280px; background:rgba(0, 0, 0, 0.5); min-height:423px; position:absolute; right:5px; color:#fff; display:none;}
}