@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,600,700italic,700,800&subset=latin,latin-ext);
/*****
Color
kirmizi #df0000
rgba= 223,0,0

b6b6b6
rgba 182,182,182

d5d5d5
rgba 213,213,213

efefef
rgba 239,239,239
*****/

body {
    font-family: 'Open Sans' ,sans-serif;
    overflow-x: hidden;
}
h3, .h3 {
    font-size: 18px;
    font-weight: 600;
}
.header{background-color: #FFF;}
.carousel-indicators{bottom:0px;}
.header-top {padding-top: 5px;}
.header-top .social {text-align: right;margin-bottom: 0;}
.social li {
    list-style: none;
    display: inline-block;
    /*padding-left: 10px;*/
}
.kirmizi {
    height: 10px;
    background-color: #df0000;
    margin-top: 0;
    margin-bottom: 0;
}
.logoMenu {
    background-color: #fff;
    padding-top: 5px;
    padding-left: 13px;
    padding-right: 13px;
}
/* Menu */
.navbar-menu ul li a {
    color: #000;
    font-size: 13px;
    padding: 20px 15px;
    font-weight: 600;
    border-top: 4px solid transparent;
}
.navbar-menu ul li a:hover,.navbar-menu ul li a:focus {
    color: #ff0000;
    border-top: 4px solid #ff0000;
    background-color: transparent;
}
.mobilMemu {background-color: #df0000;margin-top: -41px;margin-right: 0;margin-bottom: 1px;}
.mobilMemu .icon-bar {background-color: #efefef;}
/*altmenu*/
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {border-top: none; color: #000;}
.navbar-menu ul li .dropdown-menu li a:hover, .navbar-menu ul li .dropdown-menu li a:focus {
    border-top: none;
}
.navbar-menu ul li .dropdown-menu li a {padding: 5px;border-top: none;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color: transparent;}
/*.navbar-menu li.open .dropdown-menu {margin-top: 3px;}*/

.arama {margin-top: 15px;}
.aramaButonu {
    background-color: #df0000;
    color: #fff;
}
.arama .btn:hover, .arama .btn:focus, .arama .btn.focus {color: #fff;}
#ara {display: inline-block;}

/*slider*/
.sliderAlani {background-color: #df0000;}
.sliderAlani .carousel-caption {
    background-color: rgba(0,0,0,0.8);
    left: 0;
    right: 0;
    bottom: 0;
    text-align: right;    
}
.sliderAlani .carousel-caption .numara {
    bottom: 0;
}
.logo>a{
        font-size: 0.6em;
        font-weight: 600;
        color:#333;
        text-decoration: none;
        display:table;
        margin-bottom:3px;
}
.logo>a>span{
    display:table;
    width:100%;
    text-align: center;
    padding-left:5px;
}
.sliderAlani .carousel-caption h3 {
    margin-top:7px!important;
    font-weight: bold;
    font-size: 28px;
}
.carousel-indicators {
    text-align: right!important;
    left: 68%;
}
.numara li {
    border-radius: 0;
    background-color: #df0000;
    width: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
}
.sliderAlani .carousel-indicators li {text-indent: 0;}
.numara li.active {
    background-color: #df0000;
    width: 20px;
    height: 20px;
}

/*istasyon*/
.istasyon {
    background-color: #b6b6b6;
}
.istasyonSol {
    height: 250px;
    position: relative;
}
.istasyonSag {
    height: 250px;
    position: relative;
}
.istasyonIcerik {
    position: absolute;
    color: #333;
    padding-left: 15px;
    z-index: 10;
}
.istasyonIcerik h2 {font-weight: bold;}
.istasyonIcerik p{padding-right: 40%;font-size: 13px; max-height: 120px;overflow-y: hidden;margin: 0;}

/*devam butonu*/
.btn-border, a.btn-border {border:2px solid #fff;background-color: #df0000;border-radius:0;color:#fff;margin-top: 20px;}
.btn-border:hover, .btn-border:focus {color:#fff; border-color: darkred;}

/*reklamAlani*/
.reklamAlani {
    background-color: #d5d5d5;
    padding: 10px 0;
}

/*makaleAlani*/
.makaleAlani {background-color: #efefef;}
.makaleBaslik h2 {color: #df0000;font-weight: bold;}
.makaleAciklama {color: #999b9e;padding-left: 10px;height: 190px;position: relative;}
.makaleAciklama h3, .makaleAciklama p {color: #000;margin-top: 10px;}
.makaleAciklama .makaleTitle {max-height: 68px;overflow-y: hidden;}
.makaleAciklama p {max-height: 40px;overflow-y: hidden;}
.makaleAciklama .btn{margin-top: 0;position: absolute;bottom: 10px;}


.mevzuAciklama {color: #999b9e;padding: 10px;min-height: 120px;position: relative;}
.mevzuAciklama h3, .mevzuAciklama p {color: #000;margin-top: 10px;}
.mevzuAciklama .makaleTitle {max-height: 70px;overflow-y: hidden;}
.mevzuAciklama p {max-height: 40px;overflow-y: hidden;}
.mevzuAciklama .btn{margin-top: 0;position: absolute;bottom: 10px;}



.makaleBlok {background-color: #f3f3f3; margin-bottom: 20px;}
.makaleResim {
    /*border: 5px solid #efeeec;*/
    margin-bottom: 5px;
    padding: 5px;
}
.reklamBox .ceyrekReklam {
    margin-bottom: 15px;
}
.makaleAlani hr {margin-top: 30px;margin-bottom: 0;}

.sifirla {padding: 0;}
.sifirlaSol {padding-left: 0;}
/* Reklam */
.tepeReklam {padding-bottom: 5px;}

/* icerik Sayfalari*/
.content {background-color: #efefef;}
.sayfaGenislik {
    margin-left: -15px;
    margin-right: -15px;
}
.makaleBaslik span {font-size: 17px;}
.newsGallery {
    padding-left: 0;
    list-style: none;
}
.newsGallery li {
    display: inline-block;
    margin-right: 15px;
}
.newsGallery a:hover, .newsGallery a:focus {text-decoration: none;}
.news-iy-box {padding: 5px 0 35px 0;display:inline-block;}
.news-iy-box .iy-share-list {
    list-style: none;
    padding-left: 0;
}
.news-iy-box .iy-share-list li {
    float: left;
    margin-right: 15px;
}
.contentReklam {padding: 15px 0;}
.border {
    border: 5px solid #929292;
}
.contentReklam img {width: 100%;}

/*footer*/
.footerMenu a {
    color: #000;
    font-size: 13px;
}
.footerMenu a:hover, .footerMenu a:focus {text-decoration: none;}
/*.footerMenu .socialMedia {list-style: none;}*/
.socialMedia {padding-left: 0;}
.footerMenu .socialMedia li {list-style: none;display: inline-block;padding: 3px;font-size: 20px;}
.socialMedia li a { 
    display: block;
    text-align: center;
    width: 30px;
    border-radius: 2px;
    border: 1px solid #000;
    font-size: 20px;
}
.socialMedia li .facebook:hover {
    color: #3c5a99;
    border-color: #3c5a99;
    display: block;
}
.socialMedia li .twitter:hover {
    color: #55acee;
    border-color: #55acee;
    display: block;
}
.socialMedia li .instagram:hover {
    color: #125688;
    border-color: #125688;
    display: block;
}
.socialMedia li .gplus:hover {
    color: #df0000;
    border-color: #df0000;
    display: block;
}
.socialMedia li .linkedin:hover {
    color: #0177b5;
    border-color: #0177b5;
    display: block;
}
.eBulten {margin-bottom: 15px;}
.footerSag {text-align: right;}


.articleField {
    background-color: #e2e2e2;
    padding-top: 15px;
}
.article {margin-bottom: 15px;}
.articleResim {
    max-width: 157px;
    max-height: 157px;
    overflow: hidden;
}
.article a {color: #333;}
.articleSahibi {
    padding-top: 5px;
    /*height: 25px;*/
    overflow-y: hidden;
}
.articleTitle {
    height: 40px;
    overflow: hidden;
}
.articleSahibiResmi {margin-bottom: 10px;}
.articleSahibiResmi img {margin: 0 auto;}
.articleBlock .bx-wrapper .bx-controls-direction a {
    text-align: center;
    font-size: 21px;
    top: -30px;
    width: 32px;
    height: 32px;
    background-color: #333;
    color: #fff;
}
.heading {
    margin-top: 0;
    margin-bottom: 20px;
    color: #df0000;
}
.articleBlock .bx-wrapper .bx-prev {right: 40px;left: inherit;}
.articleBlock .bx-wrapper .bx-controls-direction a:hover {background-color: #df0000}
.banner-alt{
    position:absolute;
    top:0;
    z-index:0;
    left:0;
}
.modal-body{
    display:table;
}

@media (min-width:1200px){
    .sliderAlani .carousel-caption {
        padding: 10px 20px 40px 300px;
    }
    .sliderAlani .carousel-caption p {
        padding-left: 400px;
    }
    .istasyonIcerik p{font-size: 14px;}
    .girisbtn{margin-left:15px;}
}
@media (min-width: 992px) {
    .navbar-menu .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
    .navbar-nav li.open > ul {display: none;}
    .navbar-nav li.open {border-top: 4px solid transparent;}
    /*.navbar-nav li.open {border-color: #df0000;}*/

    .navbar-nav {display:table; float:right;}
    .navbar-menu .navbar-nav li {border-right: 1px solid #efefef;}
    .navbar-menu .navbar-nav li:last-child {border-right: none;}
    /*.navbar-nav > li {display: table-cell;text-align:center;}*/
    .container>.navbar-collapse {margin:0;padding-right: 0;/* text-align: left; */}
    .navbar-nav > li:hover .dropdown-menu {display:block;}
    .navbar-menu ul li .dropdown-menu > li:last-child > a {border-bottom-width:0;}
    .reklamBox {float: right;}
    .girisbtn{margin-left:15px;}
}
@media (max-width:1200px){
    .navbar-menu ul li a {
        font-size: 13px;
        padding: 20px 6px;
    }
    #ara {width: 170px;}
    .sliderAlani .carousel-caption{padding: 10px 20px 40px 20px;}
    .istasyonIcerik p{max-height: 112px;}
    .carousel-caption{position:relative;}
}
@media (max-width:991px){
    .arama {
        position: absolute;
        top: -56px;
        right: 69px;
    }
    .aramaButonu {
        margin-bottom: 3px;
        padding: 7px 15px;
    }
    #ara {display: none;}
    .logoMenu {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
    }
    /*menu*/
    .navbar-menu ul li a{padding: 5px;border-top: none;}
    .navbar-menu ul li a:hover,.navbar-menu ul li a:focus  {
        color: #ff0000;
        border-top: none;
    }
    .arama {/* margin-top: 40px; *//* text-align: left; */}
    .makaleResim img {margin: auto;}
    .reklamBox .ceyrekReklam {
        display: inline-block;
        margin-left: 10px;
    }
    .reklamAlani img {margin: auto;}

    .article {text-align: center;}
    .articleResim {margin: 0 auto;}
    .carousel-caption{position:relative;}

}
@media (max-width:767px){
    .sliderAlani .carousel-caption h3 {font-size: 18px;}
    .sliderAlani .carousel-caption p {display: none;}
    .istasyonIcerik h2 {font-size: 22px;}
    .istasyonIcerik p{/* padding-right: 100px; */}
    .btn-border, a.btn-border {margin-top: 10px;}
    .makaleBaslik {text-align: center;}
    .makaleAciklama p {height: auto;}
    .makaleAlani .makaleBlok {margin-bottom: 15px;}
    .footerMenu div {text-align: center;display: block;padding-bottom: 15px;}
    .footerMenu div:last-child {padding-bottom: 0;}
    .footerSag {
        text-align: center;
        display: block;
        padding-bottom: 5px;
    }
    .eBulten {display: none;}
    .makaleAciklama {
        height: auto;
    }
    .makaleAciklama .btn {position: relative;/* margin-bottom: 10px; */}
    .sifirlaSol {padding-left: 15px;}
    .reklamAlani .yarimReklam {margin-bottom: 5px;}
    .sayfaGenislik {
        margin-left: 0;
        margin-right: 0;
    }
    .logo>a{
        width:80%;
        float:left;
    }
    .carousel-caption{position:relative;}
}
@media (max-width:480px){
    .arama {
        position: relative;
        top: -10px;
        right: 3px;
    }
    .arama .form-group {margin-bottom: 0;}
    .menu {margin-right: 50px;}
    .mobilMemu {margin-top: 15px;z-index: 1;}
    .sliderAlani .carousel-caption h3 {font-size: 12px;}
    .sliderAlani .carousel-caption p {display: none;}
    .istasyonIcerik h2 {font-size: 18px;}
    .istasyonIcerik p{/* padding-right: 15px; */}
    .btn-border, a.btn-border {margin-top: 5px;}
    .istasyonIcerik p{max-height: 145px;}
    .reklamBox {text-align: center;}
    .reklamBox .ceyrekReklam {margin-left: 0;}
    .news-iy-box {padding-bottom: 50px;}
    .articleBlock .bx-wrapper .bx-controls-direction a {top: 0;}
    .logo>a{
        width:80%;
        float:left;
    }
    .carousel-caption{position:relative;}

}
@media (max-width:320px){
    .logo>a{
        width:60%;
        float:left;
    }
    .carousel-caption{position:relative;}

}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.uyeler{
    padding:10px;
    border-bottom:1px dashed #df0000;
    margin-bottom:10px;
}
.uye-foto{
    padding:0px;
}
.uye-foto>img{
    width:100%;
}
.form-str{
    margin-bottom:10px;
    text-align: left;
}
.form-str>input.form-control{
    height:45px;
}
.form-str>textarea.form-control{
    height:140px;
    resize:none;
}
.makaleBaslik{
    padding-top:15px;
}