/*!

 * Responsive HTML Template

 * Code licensed under the Apache License v2.0.

 * For details, see http://www.apache.org/licenses/LICENSE-2.0.

 */



/* SLİDER CSS */

.slider { position: relative;border-top:2px solid #fff;border-bottom:2px solid #fff;z-index:0; }

.iviewSlider > div{margin:0 auto;}

#iview { display: block;position: relative;overflow: hidden; }

    #iview .iviewSlider { display: block;height: 600px; overflow: hidden; border-radius: 0px; }

    #iview div.iview-directionNav { position: absolute; top: 47%; left: 0px; z-index: 9; width: 100%; }

        #iview div.iview-directionNav a { display: block; cursor: pointer; position: absolute; width: 40px; height: 40px; background: url(../iview/bg_direction_nav.png); text-indent: -9999px;  }

            #iview div.iview-directionNav a.iview-nextNav { right: 0px; background-position: 40px 0px; }

            #iview div.iview-directionNav a.iview-prevNav { left: 0px; background-position: 0px 0px; }

    #iview.iview-hover div.iview-directionNav a.iview-nextNav { right: 0px;background-color:#fff; }

    #iview.iview-hover div.iview-directionNav a.iview-prevNav { left: 0px;background-color:#fff; }

.iview-caption { background: url('../iview/caption-bg.png'); color: #FFF; border-radius: 3px; padding: 10px 15px; font-family: Verdana; font-size: 12px; text-shadow: #000 1px 1px 0px; }

    .iview-caption.caption1 { text-shadow: none; }

    .iview-caption.caption2 { background: #FFF; color: #000; text-shadow: none; }

    .iview-caption.caption3 { background: #c4302b; box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px; text-shadow: none; }

#iview-preloader { border: #666 1px solid; width: 150px; }

    #iview-preloader div { background: #666; }

.SliderShadow { width: 100%; }

/* 3LÜ BLOK CSS */

.HomeBack { margin: 15px 0; }

.HomeBlok { margin: 10px 10px 0; text-align: center; border-radius: 5px;padding:20px 0; background:#fff; }

.HomeBaslik { width: 100%; margin: 10px 0; }

    .HomeBaslik h1 { font-size: 35px; border: 2px solid #8ab5cd; width: 70px; height: 70px; border-radius: 70px; color: #8ab5cd; padding: 14px; text-align: center; margin: 0 auto; transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; }

.HomeBlok:hover { cursor: pointer; }

    .HomeBlok:hover .HomeBaslik h1 { border: 2px solid #8ab5cd; color: #fff; background: #8ab5cd; transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; }

    .HomeBlok:hover .HomeLine { width: 150px; display: inline-block; transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; }

.HomeTitle h2 { font-size: 18px; color: #000; }

.HomeLine { width: 60px; height: 2px; background: #8ab5cd none repeat scroll 0% 0%; margin: 10px; display: inline-block; }

.HomeText { padding: 0 20px 20px; }



/* HABER VE DUYURU BLOK */

.HbrDyrBlk { background: url(../../images/pattern.png)repeat; border-top: 1px solid #bfbfbf; border-bottom: 1px solid #bfbfbf; padding: 10px 0; }

/* Başkan Blok */

.BaskanBlok { margin: 10px; padding: 0px; background: url(../../images/bff.jpg) right; background-size: cover; }

.BaskanBaslik { font-size: 16px; color: #fff; margin: 0 9px; padding: 10px; text-align: center; font-weight: 600; background: #8ab5cd; }

.baskanIcerik { padding: 0 15px 5px; text-align: justify; }

.BaskanBlok img { float: left; margin: 5px;max-width: 93px; }

/* Duyuru */

.DuyurularResim { width: 100%; height: 180px; overflow: hidden; padding: 0 10px; }

.DuyurularIcerik { padding: 0 10px; text-align: justify; }

    .DuyurularIcerik h2 { font-size: 14px; }

.HaberResim { width: 100%; min-height: 180px; }

.DuyuruBlok { margin: 10px; border-radius: 10px; display: block; }

.DuyurBaslik { font-size: 16px; color: #808080; margin: 0; padding: 7px; border-radius: 7px 7px 0px 0px; text-align: center; font-weight: 600; display: inline-block; }

.buttonsprev { background: #8ab5cd; float: left; margin-left: 10px; }

.buttonsnext { background: #8ab5cd; float: right; margin-right: 10px; }

    .buttonsprev i, .buttonsnext i { color: #fff; padding: 10px 15px; }

.not { color: #8ab5cd; margin-left: 10px; }

#DuyuruPager { height: 243px; overflow-y: scroll; }

    #DuyuruPager li { margin: 5px; }

        #DuyuruPager li a { background: #efefef; color: #808080; display: block; padding: 10px; }

        #DuyuruPager li .active { background: #8ab5cd; color: #fff; }

.DuyuruBaslkBlok { text-align: center; background: #fff; }



/* ANASAYFA BLOK */

.uclu-blok { margin: 15px 0; }

.BlokMrgn { margin: 10px; position: relative; transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; }

    .BlokMrgn:hover { transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; cursor: pointer; }

        .BlokMrgn:hover::after { content: " "; position: absolute; left: 10px; top: 10px; right: 10px; bottom: 10px; background: rgba(255,255,255,.5); transition: all .3s linear; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; }

.BlokText { text-align: center; font-size: 18px; padding: 5px; margin: 0 10px; background: #bfbfbf; color: #fff; }



@media(max-width:767px) {

    .LogoBack {position: relative;margin:0 auto;text-align:center; }

}



@media(min-width:768px) {

}



@media(min-width:992px) {

}



@media(min-width:1200px) {

}