/*
    Project:        Celik-Is Sendikasi
    Author:         Ilker Kurtel
    Author Site:    http://www.ilkerkurtel.com/
    Time:           01.06.2016 - 18:18
    Tested On:      ff, chrome, ie7,ie8,ie9, opera, safari
    Version:        1.0
    ID:             style.css

*/

@import url('../css/bootstrap.css'); 
@import url('../css/responsive.css'); 
@import url('../css/owl.carousel.css'); 
@import url('../css/jquery.bxslider.css'); 
@import url('../css/datepicker.css'); 
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css);  /* Font Awesome */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300&subset=latin,latin-ext); /* Open Sans */


body{background: url(../img/bg.png); font-family: 'Open Sans', sans-serif;} 
.clear{clear:both;}
a {outline: 0!important;}
a:hover{text-decoration:none;}
a:focus {text-decoration:none;}
ul {margin:0; padding:0; }
ul li {list-style-type:none;}
.nopadding{padding:0;}

/* Backend Add */
.getir_btn { width:100%; height:40px; background:#c61525; color:#ffffff; border:none; font-size:15px; margin-top:35px; }
.back_btn { float:right; cursor:pointer; }
.news_date_area  { overflow:hidden; padding:0px 5px 15px 5px; }

/* Haber Secimi */
.haberSecimi {width: 100%; overflow: hidden; }
.haberSecimi .inputDate {border: 0; outline: 0; border-radius: 0; width: 100%; background: url(../img/dateBg.png) no-repeat right top #f5f5f5; height: 40px; line-height: 40px; padding: 0 40px 0 10px; color: #9b9b9b; font-size: 15px;}

/* Haber Listeleme */
.haberListeleme { overflow: hidden; clear: both;  }
.haberListeleme .haber {padding:4px;}
.haberListeleme .haber .haberResim { height: 105px; overflow: hidden; margin-bottom:2px; position: relative;}
.haberListeleme .haber .tarih {position: absolute; top:0; right:0; z-index:2; background: rgba(0,0,0,0.5); color:#fff; font-weight:700; padding:2px;}
.haberListeleme .haber .haberResim img { height: 100%; transform: scale(1); transition: all 0.3s ease-in-out 0s; vertical-align: middle; width: 100%;}
.haberListeleme .haber:hover img {transform: scale(1.1);}
.haberListeleme .haber .haberIcerik {border-bottom:1px solid #e9e9e9; }
.haberListeleme .haber .haberIcerik h4{font-size:14px; margin:0px; min-height: 64px; line-height:18px; font-weight:300; padding:5px 10px; text-align:center; color:#666;}
.haberListeleme .haber .haberIcerik a{color:#666;}
a.fancybox {
    display:block !important;
}
/* Sayfalama */
.sayfalama {text-align:center; margin:20px 0 0 ; width:100%; overflow:hidden;}
.sayfalama ul {font-size: 0;  display: inline-block; }
.sayfalama ul li{text-align: center; display: inline-block; }
.sayfalama ul li a {font-size:14px;background: #eee; font-weight:700; color:#00000;0 word-spacing: -1; line-height: 28px; display: block; width:30px; height:30px;border:1px solid #ddd; margin-right: -1px;}
.sayfalama ul li a:hover {background: #0095da; color:#fff;}
.sayfalama ul li .active{background: #0095da; color:#fff;}


 /* Iletisim Formu */
.iletisimFormu {font-size:12px;}
.iletisimFormu input[type="text"] {background-color: #fff; border:0; outline:0; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); box-sizing: border-box; color: #6b1f60; float: left; height: 30px; margin: 0 0 15px; padding: 0 14px; width: 100%;}
.iletisimFormu input[type="email"] {background-color: #fff; border:0; outline:0; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); box-sizing: border-box; color: #6b1f60; float: left; height: 30px; margin: 0 0 15px; padding: 0 14px; width: 100%;}
.iletisimFormu input[type="password"] {background-color: #fff; border:0; outline:0; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); box-sizing: border-box; color: #6b1f60; float: left; height: 30px; margin: 0 0 15px; padding: 0 14px; width: 100%;}
.iletisimFormu textarea {background-color: #fff; border:0; border-radius: 5px; -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3);box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3); box-sizing: border-box; color: #333; float: left; height: 140px; margin: 0 0 15px; outline:0; padding: 14px 14px 0; resize: none; width: 100%;    }
.iletisimFormu input[type="submit"] {background-color: #0095da; border: 0 none; color: #ffffff; float: left; margin: 0;text-transform: uppercase;border-radius: 5px;height: 30px; padding:0px 15px;}
.iletisimFormu .textarea-height { max-height: 60px; }
        

/* Foto Galeri & Video Galeri */
.galler-container {padding: 0px 0px 15px 15px;}
.galler-container:nth-child(4n) {padding-right:15px;}
.col-md-3 .gallery-list-container { height:150px; width:100%;}
.gallery-list-container { border:1px #cccccc solid;margin:4px; overflow:hidden; text-align: center;}
.gallery-list-container img { width:100%; height:auto; display: table-cell; max-width: 100%; width: auto; min-height:100%;  margin:auto; }
.galeri-title { width: 100%; height:30px; background:#0095da; color:#ffffff; font-weight:bold; text-align:center; line-height:30px; font-size:13px; margin:0 4px 0 4px; }


/* Yayınlar */
.publications-container {padding: 0px 0px 15px 15px;}
.publications-list-container { border:1px #cccccc solid; height:220px; margin:4px; overflow:hidden; }
.publications-list-container img { width:100%; height:auto; min-height:100%; }
.publications-title { height:30px; background:#0095da; color:#ffffff; font-weight:bold; text-align:center; line-height:30px; font-size:13px; margin:0 4px 0 4px; }
.publications-title-top { height:63px; background:#0095da; color:#ffffff; font-weight:bold; text-align:center; font-size:13px; margin:0 4px 0 4px; padding-top: 5px; }


/* Video Galeri */
.video_box { width:1280px; height:720px; overflow:hidden; }

/* Uyeler */
.uyeler {text-align: center; margin-top:10px;}
.uyelerListGenel {float: right; position: relative; left: -50%; text-align: left; margin-bottom:25px;}
.uyelerListGenel .uyelerList {position: relative; left: 50%;}
.uyelerList li {float:left; margin:0px 10px; text-align:center;}
.uyelerBaslik {font-weight:bold; color:#333; font-family: "PT Sans", sans-serif; font-size:15px; margin-bottom:10px;}
.uyeResim{margin-bottom:5px;}
.uyeResim img { width:135px; height:166px; }
.uyeAdi{font-weight:bold;}
.uyeGorevi{}

/* Harita */
.harita {}  
.harita iframe {}

/* Subeler */
.subeler {padding:20px 0px 0px 0px; }
.subeler ul li {float:left; width:100%; text-align:left; font-size:14px;} padding:5px; line-height:35px;display: block; margin:2px; color:#ffffff !important;font-family: "PT Sans",sans-serif; font-weight:600;}
table{width: 100%!important;}
.subeler td{ padding: 4px; }
.subeler tr:nth-child(odd){background: #ddd;}
.subeler tr:nth-child(even){background: #eee;}

/* Text Style */
.date_text { font-size: 11px; color: #c0c0c0; font-style: italic; }
.right_btn { float: right; color: #000000; }
.right_btn a { color: #005d98;  padding: 4px 10px; display: table; }
.right_btn a:hover { background: #db2021; color: #ffffff; padding: 4px 10px; display: table; }

.makale_list { width: 100%; overflow: hidden; list-style: none; }
.makale_list li { height:115px; overflow: hidden; border-radius: 5px; width: 49%; float: left; margin-right: 1%; margin-bottom: 15px; }
.makale_list li:nth-child(even){ float:right; margin-right: 0; }
.makale_list li .yazarBilgi {float:left; width:30%; height:115px; background: #f4f4f4; text-align: center; }
.makale_list li .yazarBilgi .yazarResim {margin-bottom:5px; margin-top:15px;}
.makale_list li .yazarBilgi .yazarResim img {border-radius: 50%; padding:2px; width:60px; height:60px; margin:auto; border:2px solid #005e96;}
.makale_list li .yazarBilgi .yazarAdi {color:#252424; font-size:11px;}
.makale_list li .koseYazisi {background: #005e96;  color:#fff; height:115px; padding:7px; width:70%; float: left;}
.makale_list li .koseYazisi h6 {margin:0 0 5px 0; font-size:14px;font-weight: 600;}
.makale_list li .koseYazisi p {font-size:11px; font-weight: 300;  margin:0 0 2px 0;}
.makale_list li .koseYazisi .kyBtn {display: inline-block; font-size:11px;  padding:0 5px;border:1px solid #fff; color: #fff;}
.makale_list li .koseYazisi .kyBtn i{margin-left:20px;}

.news_list { font-size:12px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #cccccc; }
.news_list h4 { font-size: 14px; }
.news_list a { color: #333333; }
.news_list a:hover { text-decoration: underline; }
.news_list .date { font-style: italic; color: #555555; font-size: 11px; }

.date { font-style: italic; color: #555555; font-size: 13px; text-align: right; padding-bottom: 10px; }

.orgutlu_is_yerleri table, td, tr { background-color: #ffffff !important; background-color: #ffffff !important; }

/* Backend Developer Ending */

/* Header */
.header {background: url(../img/headerBg.png) no-repeat top center; width:100%; height:220px; position: relative;}
    
    /* Header Genel */
    .headerGenel {position: relative;}
    
    /* Search */
    .search {position: absolute; top:25px; right:120px;}
    .search input {width:90px; height: 30px; border-radius:10px 0 0 10px; padding:0 10px; color:#333; font-size:10px; border:1px solid #ddd; outline: 0; -webkit-transition: all .7s ease; transition: all .7s ease;}
    .search button {background: #00639e; border:0; outline: 0; border-radius: 0; color:#fff; padding: 0; margin: 0; height:30px; width:30px; float: right;}
    .search input::-webkit-input-placeholder { opacity: 1 !important;}
    .search input:-moz-placeholder { opacity: 1 !important; }
    .search input::-moz-placeholder { opacity: 1 !important; }
    .search input:-ms-input-placeholder { opacity: 1 !important; }

    /* Sosyal Medya */
    .sosyalMedya {position: absolute; top :25px; right:0; }
    .sosyalMedya li{float: left; margin:0 0 0 5px; }
    .sosyalMedya li a {display: block; height:30px; width: 30px; line-height: 30px; text-align: center; border-radius: 50%; color: #fff}
    .sosyalMedya li .facebook {background: #2c4388;} 
    .sosyalMedya li .twitter {background: #138bf2;} 
    .sosyalMedya li .youtube {background: #dc0114;}    

    /* Logo */
    .logo {position: absolute; top:25px; left:0px; z-index:4000;}
    
    /* Mobil Logo */
    .mobilLogo {position: absolute; top:30px; left:0; width:100%; background: #fff; }
    
    /* Header Menu */
    .headerMenu {height:40px; margin: 140px 0 0 310px; position: relative; z-index:5000;}
    .headerMenu ul {float:left;}
    .headerMenu ul li{float:left; font-weight:700;  position: relative; line-height: 40px;}
    .headerMenu ul li a {color:#313131; line-height:40px;  padding:0 15px; display: block;}
    .headerMenu ul li a:hover {background: #00a0ff; color:#fff; -webkit-transition: all .3s; transition: all .3s;}
    .headerMenu ul li .sub-menu li {float:none;  border-bottom:2px solid #fff;}
    .headerMenu ul li .sub-menu li:last-child{border-bottom:2px solid #00a0ff;}
    .headerMenu ul li .sub-menu li a{background: #e3e3e3; display: block; }
    .headerMenu ul li .sub-menu li a:hover {background: #00a0ff; color:#fff; -webkit-transition: all .3s; transition: all .3s;}
    .headerMenu ul li:hover .sub-menu {visibility: visible; opacity: 1; }
    #iletisim:hover .iletisimMenu {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}
    .headerMenu ul li .sub-menu {position: absolute; z-index:2001;background: #fff; width: 200px; border-bottom: 5px solid #29a3e9; -webkit-transform: matrix3d(1,0,0.00,0,0.00,0,1.00,0.008,0,-1,0,0,0,0,0,1); transform: matrix3d(1,0,0.00,0,0.00,0,1.00,0.008,0,-1,0,0,0,0,0,1);height: auto;-webkit-transform-origin: center top 0px;transform-origin: center top 0px;transition: all 0.48s ease 0s;-moz-transform-origin: center top 0px;-moz-transition: all 0.48s ease 0s;-webkit-transform-origin: center top 0px;-webkit-transition: all 0.48s ease 0s;-o-transform-origin: center top 0px;-o-transition: all 0.48s ease 0s;-ms-transform-origin: center top 0px;-ms-transition: all 0.48s ease 0s;}
    .headerMenu ul li:hover .sub-menu {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1); }
    .iletisimMenu {background: #fff; width:1141px; -webkit-transform: matrix3d(1,0,0.00,0,0.00,0,1.00,0.008,0,-1,0,0,0,0,0,1); transform: matrix3d(1,0,0.00,0,0.00,0,1.00,0.008,0,-1,0,0,0,0,0,1);-webkit-transform-origin: center top 0px;transform-origin: center top 0px;transition: all 0.48s ease 0s;-moz-transform-origin: center top 0px;-moz-transition: all 0.48s ease 0s;-webkit-transform-origin: center top 0px;-webkit-transition: all 0.48s ease 0s;-o-transform-origin: center top 0px;-o-transition: all 0.48s ease 0s;-ms-transform-origin: center top 0px;-ms-transition: all 0.48s ease 0s;  height:420px; position: absolute; z-index:3003; top:40px;border-bottom:5px solid #00a0ff;border-top:55px solid #e3e3e3;}
    .iletisimMenu h6{font-size:18px; color: #222222; }
    .iletisimMenu .iletisimBilgileri{}
    .iletisimMenu .iletisimBilgileri ul li{display: block; width: 100%;  font-weight: normal; line-height: normal; font-size:12px; margin:0 0 10px 0;}
    .iletisimMenu .iletisimFormu{font-weight: normal;}
    .iletisimMenu .iletisimFormu input{width:100%; border:1px solid #ddd; outline: 0; padding: 0 10px; line-height: 35px;  margin: 0; font-size:13px;}
    .iletisimMenu .iletisimFormu textarea{width:100%; border:1px solid #ddd; outline: 0; padding: 0 10px; margin: 0; resize:none; box-sizing: border-box; color: #333; float: left; height: 90px; font-size:13px; }
    
    #sendikamiz:hover .sendikaMenu {-webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);}
    .sendikaMenu {background: #fff; width:1141px; -webkit-transform: matrix3d(1,0,0.00,0,0.00,0,1.00,0.008,0,-1,0,0,0,0,0,1); transform: matrix3d(1,0,0.00,0,0.00,0,1.00,0.008,0,-1,0,0,0,0,0,1);-webkit-transform-origin: center top 0px;transform-origin: center top 0px;transition: all 0.48s ease 0s;-moz-transform-origin: center top 0px;-moz-transition: all 0.48s ease 0s;-webkit-transform-origin: center top 0px;-webkit-transition: all 0.48s ease 0s;-o-transform-origin: center top 0px;-o-transition: all 0.48s ease 0s;-ms-transform-origin: center top 0px;-ms-transition: all 0.48s ease 0s;  height:420px; position: absolute; z-index:3003; top:40px;border-bottom:5px solid #00a0ff;border-top:55px solid #e3e3e3;}
    .sendikaMenu ul { width:20%; height: auto; max-height: 100%; }
    .sendikaMenu ul li { float: none;  }
    .megamenu_content { float: right; width: 77%; height: auto; max-height: 100%; overflow: auto; line-height: 17px !important; }
    .megamenu_content div { margin: 1%; }
    
    .sube_megamenu_list { list-style: none; margin: 0px; padding: 0px; width: 100% !important;  float: left; min-height: 100% !important; }
    .sube_megamenu_list li { float: left !important; width: 33% !important; height: auto; border-left: 1px #dddddd solid; text-align: center; min-height: 100%; }
    .sube_megamenu_list a { line-height: 17px !important; padding: 10px 5px !important; display: table; }

    /* Sag Menu */
    .sagMenuContainer { width: 100%; height: 100%; overflow-y: scroll; }

    .sagMenu {position: fixed; width:80%; height: 100%; background: #2a3a48; z-index:9999; top:0; right:-80%; -webkit-transition: all .4s ease-in; transition: all .4s ease-in;  }
    .sagMenu .kapat {position: absolute; width:55px; height:45px; background: #333; left: -55px; padding:10px;}
    .sagMenu ul {float:right; overflow-y: scroll;}
    .sagMenu ul li{position: relative; width:100%; font-weight: 700; float:left; padding:0 20px; display: block; line-height:40px;}
    .sagMenu ul li:before{content:''; font-family: FontAwesome; font-style: normal; font-weight: normal; position: absolute; left:10px; color:#fff; }
    .sagMenu ul li a {color:#fff; display: block;}
    .sagMenu ul li .sub-menu{display: block; float: left; overflow: hidden; }
    #kapat { cursor: pointer; padding: 10px 35px 16px 0px; }
    #kapat span, #kapat span:before, #kapat span:after { cursor: pointer; border-radius: 1px; height: 5px; width: 35px; background: white; position: absolute; display: block; content: '';}
    #kapat span:before {top: -10px;}
    #kapat span:after {bottom: -10px;}
    #kapat span, #kapat span:before, #kapat span:after {-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
    #kapat.active span {background-color: transparent;}
    #kapat.active span:before, #kapat.active span:after {top: 0;}
    #kapat.active span:before{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
    #kapat.active span:after{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}


/* Hizli Menu */
.hizliMenu { width:280px; background: #282828; border-radius: 0 0 0 5px;  padding:10px; position: fixed; z-index:2000; top:20%; right:-280px; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; z-index: 2;}
.hizliMenu:hover {right:0; -webkit-transition: all .3s ease-in; transition: all .3s ease-in;}
.hizliMenu:hover:before{animation-play-state:paused; background: #d8232a;}
.hizliMenu:before{content: 'İşçi Rehberi' !important; position: absolute;left: -114px; border-radius: 5px 5px 0 0;  top: 76px; ; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); color: #fff; 
                  cursor: pointer; font-size:13px; padding:10px 60px; animation: play 0.3s infinite; 
     

}
@keyframes play {
   0% {background: #fff;}
    100%{ background: #d8232a; }
}


.hizliMenu .menu {}
.hizliMenu .menu li{}
.hizliMenu .menu li a{width:100%; border:1px solid #858585; color:#fff; font-size:12px; display: block; padding:7px; border-radius: 5px; margin:0 0 5px 0;}
.hizliMenu .menu li a:hover{background: #175c85;}
.hizliMenu .menuMadde {}
.hizliMenu .menuMadde li{position: relative;  padding:0 0 0 15px ; margin:0 0 5px 0;}
.hizliMenu .menuMadde li:before{content: ''; background: url(../img/menuIconBg.png) no-repeat; position: absolute; width:8px; height:8px; left:2px; top:4px;}
.hizliMenu .menuMadde li a {color:#fff; font-size:11px; font-weight: 600; display: block;}

/* Hizli Menu Mobile */
.hizliMenuMobile { width:280px; background: #282828; border-radius: 5px 0 0 5px;  padding:10px; position: fixed; z-index:2000; top:30%; right:-280px; -webkit-transition: all .3s ease-in; transition: all .3s ease-in; z-index: 2;}
.hizliMenuMobile:before{content: 'İşçi Rehberi'; position: absolute;left: -94px; border-radius: 5px 5px 0 0;  top: 55px; background: #d8232a; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); color: #fff; 
                        cursor: pointer; font-size:13px; padding:10px 40px;}
.hizliMenuMobile .menu {}
.hizliMenuMobile .menu li{}
.hizliMenuMobile .menu li a{width:100%; border:1px solid #858585; color:#fff; font-size:12px; display: block; padding:7px; border-radius: 5px; margin:0 0 5px 0;}
.hizliMenuMobile .menu li a:hover{background: #175c85;}
.hizliMenuMobile .menuMadde {}
.hizliMenuMobile .menuMadde li{position: relative;  padding:0 0 0 15px ; margin:0 0 5px 0;}
.hizliMenuMobile .menuMadde li:before{content: ''; background: url(../img/menuIconBg.png) no-repeat; position: absolute; width:8px; height:8px; left:2px; top:4px;}
.hizliMenuMobile .menuMadde li a {color:#fff; font-size:11px; font-weight: 600; display: block;}

/* Genel */
.genel{background: #fff; width:100%; min-height:750px; box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4); padding:2px; overflow: hidden; position: relative; top:-35px; margin-bottom: -35px;}

    /* Page Content */
    .pageContent {padding:20px 20px 40px 20px;}
    .pageContent .title{ margin:0 0 15px 0; overflow: hidden; height:auto;}
    .pageContent .title h1{margin: 0; font-size:18px; font-weight:700; text-transform: uppercase; position: relative; padding:0 0 10px 0; float: left;}
    .pageContent .title h1:before {position: absolute; content: ''; left:0; bottom:0; height:4px; width:200px; /* background: #005d96; */ }
    .pageContent p img { max-width: 100%; }
    
    /* Turkiye Haritasi */
    .svg-turkiye-haritasi {max-width: 1140px;margin: 0 auto;text-align: center;}
    .svg-turkiye-haritasi svg {width: 100%;height: auto;}
    .il-isimleri {position: absolute;z-index: 2;}
    .il-isimleri div {display: inline-block;background: #222;color: #fff;padding: 8px 16px;border-radius: 4px;}
    #svg-turkiye-haritasi path {cursor: pointer;fill: #D8D8D8;}
    #svg-turkiye-haritasi path:hover {fill: #F72848;}

    /* Slider */
    .slider {}
    .slider img {width:100%; height:460px;}
    .sliderGenel {position: relative; z-index: 0;}
    .sliderGenel .slider {}
    .sliderGenel .slider .sliderBaslik {position: absolute; padding:14px; bottom:25px; right:0; background: rgba(0,0,0,0.4); -webkit-transition: all .3s ease; transition: all .3s ease; max-width: 485px;}
    .sliderGenel .slider .sliderBaslik:hover {background: rgba(0,0,0,0.9);  -webkit-transition: all .3s ease;  transition: all .3s ease;}
    .sliderGenel .slider a{color:#fff;}
    .sliderGenel .slider .sliderBaslik h2 {margin:0; font-weight: 700; font-size:16px;}
    .sliderGenel .slider .sliderBaslik p{margin:0; font-size:13px; font-weight: 300;}
    .sliderGenel #sliderPager {position:absolute; bottom:25px; left:15px;  z-index: 3000;}
    .sliderGenel #sliderPager a {float:left; margin-right:5px; border:2px solid #fff; border-radius: 50%;}
    .sliderGenel #sliderPager a img {width:60px; height:60px; border-radius: 50%;}
    .sliderGenel #sliderPager .active {border:4px solid #fff; margin-top:-1px;}

    /* Haberler */
    .haberler {margin:20px 0px 0 -15px;}
    .haberler ul li:hover .haberResim img{-webkit-transform: scale(1.05);transform: scale(1.05); -webkit-transition: all .4s ease; transition:  all .4s ease;}
    .haberler .haberResim{border-radius: 50%;float:left; position:relative; width:117px; height:117px; }
    .haberler .haberResim:after{position: absolute; content: ''; width:50%; height:117px; right:-2px; top:0; background: #f4f4f4; }
    .haberler .haberResim img {border-radius: 50%; -webkit-transition: all .9s ease; transition:  all .9s ease; border:2px solid #00a0ff; padding:2px;  width:117px; height:117px; position: absolute; z-index:1;}
    .haberler .haberDetay {padding:10px 0 0 10px; float: left;  width:141px; height:117px; border:0 5px 5px 0; background: #f4f4f4;}
    .haberler .haberDetay h3{margin:0; font-size:14px;  font-weight: 600; }
    .haberler .haberDetay h3 a{color:#252525; }
    .haberler .haberDetay p{font-size:12px; color:#252525; }

    /* Alt Alan */
    .altAlan {margin:20px 0px 0 -15px;}

        /* Foto Galeri */
        .fotoGaleri {width:100%; height:115px; border-radius: 5px; overflow: hidden;}
        .fotoGaleriIcon {background: url(../img/fotoGaleri.png) no-repeat; width:82px; height: 115px; float:left;}
        .fotoGaleriResim {float: left; max-width: 176px; height:115px; overflow: hidden;}
        .fotoGaleriResim img {width:100%; height:100%;  -webkit-transition: all .7s ease;  transition: all .7s ease;}
        .fotoGaleriResim:hover img {-webkit-transform: scale(1.1);transform: scale(1.1); -webkit-transition: all .7s ease; transition: all .7s ease;}

        /* Video Galeri */
        .videoGaleri {width:100%; height:115px; border-radius: 5px; overflow: hidden;}
        .videoGaleriIcon {background: url(../img/videoGaleri.png) no-repeat; width:82px; height: 115px; float:left;}
        .videoGaleriResim {float: left; max-width: 176px; height:115px; overflow: hidden;}
        .videoGaleriResim img {width:100%; height:100%;  -webkit-transition: all .7s ease;  transition: all .7s ease;}
        .videoGaleriResim:hover img {-webkit-transform: scale(1.1);transform: scale(1.1); -webkit-transition: all .7s ease; transition: all .7s ease;}

        /* Kose Yazilari */
        .koseYazilari {}
        .koseYazilari  ul li{width:100%; height:115px; overflow: hidden; border-radius: 5px;}
        .koseYazilari  ul li .yazarBilgi {float:left; width:85px; height:115px; background: #f4f4f4; text-align: center;}
        .koseYazilari  ul li .yazarBilgi .yazarResim {margin-bottom:5px;}
        .koseYazilari  ul li .yazarBilgi .yazarResim img {border-radius: 50%; padding:2px; width:60px; height:60px; margin:auto; border:2px solid #005e96;}
        .koseYazilari  ul li .yazarBilgi .yazarAdi {color:#252424; font-size:11px;}
        .koseYazilari  ul li .koseYazisi {background: #005e96;  color:#fff; height:115px; padding:7px; width:174px; float: left;}
        .koseYazilari  ul li .koseYazisi h6 {margin:0 0 5px 0; font-size:14px;font-weight: 600;}
        .koseYazilari  ul li .koseYazisi p {font-size:11px; font-weight: 300;  margin:0 0 2px 0;}
        .koseYazilari  ul li .koseYazisi .kyBtn {display: inline-block; font-size:11px;  padding:0 5px;border:1px solid #fff; color: #fff;}
        .koseYazilari  ul li .koseYazisi .kyBtn i{margin-left:20px;}
        .koseYazilariCarousel .owl-nav  {left: 22px; position: absolute; top: 94px; z-index: 999;}
        .koseYazilariCarousel .owl-nav .owl-next{float:left;}
        .koseYazilariCarousel .owl-nav .owl-prev{float:left;}
        .koseYazilariCarousel .owlPrev {color:#005e96; border:1px solid #005e96;  width:17px; height:17px; display: block;  text-align: center; font-size:10px; border-radius: 50%;  margin-right:5px;}
        .koseYazilariCarousel .owlNext {color:#005e96; border:1px solid #005e96;  width:17px; height:17px; display: block;  text-align: center; font-size:10px; border-radius: 50%;  margin-right:5px;}


    /* Baskan */
    .baskan {width:100%;overflow: hidden; margin-bottom:16px;}
    .baskan .baskanDetay{float:left; width:129px; position: relative;}
    .baskan .baskanDetay .baskandanMesaj { position: absolute; left:10px; top:140px;}
    .baskan .baskanDetay .baskandanMesaj a { margin-bottom: 0px; display: table; height: auto; color:#7c7c7c; font-size:15px; }
    .baskan .baskanDetay .baskandanMesaj a:hover { color: #d9232b; }
    .baskan .baskanDetay .baskanAdi { color:#026baa; position: absolute; left:10px; top:30px;}
    .baskan .baskanDetay .baskanAdi strong{font-size: 16px; display: block;}
    .baskan .baskanDetay .baskanAdi span{font-size: 12px; font-style: italic;}
    .baskan .baskanResim{float:right; width:155px; height:230px; position: relative;}
    .baskan .baskanResim:before {content: ''; position: absolute; left:-1px; top:0; background: url(../img/baskanOverlay.png) no-repeat; width:82px; height:230px;}

    /* E-Devlet */
    .eDevlet{background: #d9232b; margin:0 0 0 2px;overflow:hidden; max-width: 282px; padding:2px; color:#fff; }
    .eDevlet .eDevletResim {width:100%; background: #fff;text-align: center; padding:16px 0;}
    .eDevlet .eDevletResim img{margin: auto;}
    .eDevlet .eDevletDetay {display: table; height: 100px; text-align: center; width: 100%; padding:0 15px;}
    .eDevlet .eDevletDetay span{display: table-cell; height: 100px; vertical-align: middle;}
    .eDevlet .eDevletDetay span a {color:#fff; font-size:15px; font-weight: bold;}

    /* Yayinlarimiz */
    .yayinlarimiz {margin:10px 0 0 2px;}
    .yayinlarimiz .baslik{background: #1c1363; width:100%; text-align: center; margin-bottom:5px;}
    .yayinlarimiz .baslik h4 {margin:0; font-size:14px; color:#fff; font-weight: 700; line-height:30px; height:30px;}
    .yayinlarimiz .yayinResim {width:100%;height:227px;-webkit-transition: all .7s ease;transition: all .7s ease;overflow: hidden;text-align: center;}
    .yayinlarimiz .yayinResim img {/* width:100%; */height:100%;-webkit-transition: all .7s ease;transition: all .7s ease;}
    .yayinlarimiz .yayinResim:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);  -webkit-transition: all .7s ease;  transition: all .7s ease; }
    
/* Footer */
.footer {background: url(../img/footerBg.jpg) no-repeat top center #00639e; width:100%; min-height:235px;}
.footer .footerGenel {background: rgba(255,255,255,0.35); width:100%; min-height:145px; margin:25px 0 15px 0; position: relative;}
.footer .footerGenel:before {content: ''; position: absolute; top:-25px; width:100%; height:15px; background: #fff; left:0;}

    /* Footer Logo */
    .footerLogo {margin:20px 45px 0 30px; float:left;}
    .footerLogo img{-webkit-filter: grayscale(100%);filter: grayscale(100%); opacity:.7;height:110px;}
    .headerGenel .logo img{height:140px;}
    /* Footer Menu */
    .footerMenu {float:left; margin:20px 0 0 0; min-width:155px;}
    .footerMenu h4 {margin:0 0 5px 0; font-size:13px; color:#08293d; position: relative; padding:0 0 5px 0; font-weight: 600;}
    .footerMenu h4:after {position: absolute; content:''; width:80%; height:2px; background: #08293d; left:0; bottom:0;}
    .footerMenu ul li {font-size:12px; font-weight: 600; margin-bottom: 2px;}
    .footerMenu h4 a { color:#08293d; }

    /* Sendikalar */
    .sendikalar {float:right; margin:20px 17px 0 0;}

    .footerMenu ul li a{color:#fff;}
    /* Uygulama Indir */
    .uygulamaIndir {float:left;}
    .uygulamaIndir ul li{float:left;margin:0 0 0 25px;}

    /* Medanis */
    .medanis {float:right; margin:0 35px 0 0;}

    .hizliMenu::before{content: 'İşçi Rehberi' !important;}