@font-face{font-family:Gotham-Bold;src:url(../fonts/gotham/Gotham-Bold-TR.woff2);src:url(../fonts/gotham/Gotham-Bold-TR.woff2) format("woff2"),url(../fonts/gotham/Gotham-Bold-TR.woff) format("woff")}
@font-face{font-family:Gotham-Medium;src:url(../fonts/gotham/Gotham-Medium-TR.woff2);src:url(../fonts/gotham/Gotham-Medium-TR.woff2) format("woff2"),url(../fonts/gotham/Gotham-Medium-TR.woff) format("woff")}
@font-face{font-family:Gotham-Thin;src:url(../fonts/gotham/Gotham-Thin-TR.woff2);src:url(../fonts/gotham/Gotham-Thin-TR.woff2) format("woff2"),url(../fonts/gotham/Gotham-Thin-TR.woff) format("woff")}
@font-face{font-family:Gotham-Light;src:url(../fonts/gotham/Gotham-Light-TR.woff2);src:url(../fonts/gotham/Gotham-Light-TR.woff2) format("woff2"),url(../fonts/gotham/Gotham-Light-TR.woff) format("woff")}
@font-face{font-family:Gotham-Book;src:url(../fonts/gotham/Gotham-Book.woff);src:url(../fonts/gotham/Gotham-Book.woff) format("woff"),url(../fonts/gotham/Gotham-Book.woff2) format("woff2"),url(../fonts/gotham/Gotham-Book.ttf) format("truetype")}

body {font-family: "proxima-nova";}
a:hover{text-decoration: none;}

.topmenu {width: 100%; display: inline-block; min-height: 10px; }
.topmenu ul {list-style: none; padding-left: 0; margin-left: 0;margin-bottom:0px; float: right}
/*.topmenu ul li {float: left; position: relative; line-height: 10px;}
.topmenu ul li a {display: inline-block; color: rgba(102, 102, 102, 0.7);font-size: 10px;font-weight: 400; padding-left: 20px; padding-right: 20px;}
.topmenu ul li:after {content: '•'; display: inline-block;}
.topmenu ul li:last-child:after {display: none;}
.topmenu ul li.lang a {color: #e53232; }
.topmenu ul li.lang a {color: #e53232; }*/

.mavibg {background-color:#17b6cd; height: 85px; width: 100%; display: inline-block;}
/*.mavibg .logo { margin-top: -29px; margin-bottom: -5px;}*/
.mavibg .logo a {display: block; /*height: 110px;*/}
.mavibg .logo img { /*max-height: 100%;*/ float: left;}
.menu-custom {background: transparent; border:none; margin-top: 20px;}
.navbar-default .navbar-nav>li>a {color: #fff; font-weight: 300}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {background: none; color: #fff; font-weight: 600;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #fff}

.gorsel-alani {margin-top: 20px; margin-bottom: 30px; max-width: 100%; position: relative;}
.gorsel-alani img {width: 100%; height: auto; display: block; margin:0 auto; max-height: 250px; object-fit: contain;}

.beyaz-bg {background: #fff}
.buyuk-slider .tekli a img {width: 100%;}
.buyuk-slider .tekli a  {position: relative; display: inline-block; width: 100%; color: #fff}
.buyuk-slider .owl-controls {height: 70px; background-color: #f0f0f0; width:100%; padding-left: 2%; margin-top: 0px !important; }
.buyuk-slider .owl-controls .owl-page {height: 56px; width: 80px; float: left; margin-top: 13px; margin-right: 12px; position: relative; }
.buyuk-slider .owl-controls .owl-page span {width: 100% !important; height: 100% !important; margin:0 !important; position: absolute; border-radius: 0px !important; background:none !important; opacity: 1 !important }
.buyuk-slider .owl-controls .owl-page.active {height: 56px; width: 80px; float: left; border-bottom:2px solid #16469d; }
.buyuk-slider .owl-buttons {position: absolute; top: 40%; width: 100%; left: 0;}
.buyuk-slider .owl-buttons .owl-prev {float: left; text-indent: -9999px; overflow: hidden; width: 15px; height: 25px; background: url(../images/slider-back.png) no-repeat center center !important; opacity: 1  !important; margin-left: 20px !important;}
.buyuk-slider .owl-buttons .owl-next {float: right; text-indent: -9999px;  overflow: hidden; width: 15px; height: 25px; background: url(../images/slider-next.png) no-repeat center center !important; opacity: 1  !important; margin-right: 20px !important;}

.buyuk-slider .tekli a .degrade {background-image: linear-gradient(to top, black 0%, black 3%, transparent 50%, transparent 100%); position: absolute; bottom:0; width: 100%; height: 150px; padding-top: 80px; z-index: 99; padding-left: 10px;}
.buyuk-slider .tekli a .degrade .sube-adi {min-width: 90px; height: 20px; background-color: #16469d; border-radius: 3px; color: #fff; display: inline-block; font-size: 10px; font-weight: 400; line-height: 20px; text-align: center;}
.buyuk-slider .tekli a .degrade h3 {margin-top: 30px; font-weight: 400; font-size: 26px;}
.buyuk-slider .tekli a .degrade h3 strong {font-weight: 700;}

.buyuk-slider .tekli a  .slider-detay {color: #aeaeae; font-size: 12px; font-weight: 400; margin-right: 20px; float: left;}
.buyuk-slider .tekli a  .slider-detay .saat-icon {background: url(../images/clock-ico.png) no-repeat; width: 10px; height: 10px; display: inline-block; float: left; margin-top: 3px; margin-right: 5px;}
.buyuk-slider .tekli a  .slider-detay .view-icon {background: url(../images/view-ico.png) no-repeat; width: 14px; height: 10px; display: inline-block; float: left; margin-top: 3px; margin-right: 5px;}

.sidebar-slider {background: url(../images/sidebar-bg.png); display: inline-block; width: 100%; background-size: cover}
.sidebar-slider .sidebar-baslik {display: block; margin:0 auto; margin-top: 15px; margin-bottom: 15px;}


.side-carousel .item {background: #000; width: 230px; height: 320px; display: block; margin:0 auto;border-radius: 3px ; background: #fff; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4); margin-bottom: 28px;  }
.side-carousel .item .ust {height: 160px; width: 100%;background: url(../images/slider-slice.png) bottom center #16469d no-repeat; border-radius: 3px 3px 0 0; display: inline-block;}
.side-carousel .item .ust strong {color: white; font-size: 20px; font-weight: 600; margin-top: 30px; display: block; margin-left: 30px; margin-bottom: 5px;}
.side-carousel .item .ust span {color: #d1e1ff; font-size: 12px; font-weight: 400; display: block; margin-left: 30px; width: 70%}
.side-carousel .item .ust .sayi {width: 40px; height: 30px; background-color: #e33232; border-radius: 15px; display: inline-block; font-size: 14px; font-weight: 400; font-style: normal; text-align: center; color: #fff; line-height: 30px; position: absolute; right: 5px; top: 20px}

.side-carousel .item .alt strong {color: #e33232; font-size: 20px; font-weight: 600; margin-top: 30px; display: block; margin-right: 30px; margin-bottom: 5px; text-align: right;}
.side-carousel .item .alt span {color: #929292; font-size: 12px; font-weight: 400; display: block; margin-left: 30px; width: 70%; text-align: right; }
.side-carousel .owl-controls {top: 118px; position: absolute; width: 100%;}
.side-carousel .owl-controls .owl-prev {width: 64px; height: 64px; background: url(../images/sidebar-prev.png) !important; opacity: 1 !important; text-indent: 9999px; overflow: hidden; left: -15px; position: absolute;}
.side-carousel .owl-controls .owl-next {width: 64px; height: 64px; background: url(../images/sidebar-next.png) !important; opacity: 1 !important; text-indent: 9999px; overflow: hidden; right: -15px; top: -20px; position: absolute;}
.slideraltbanner {margin-top: 30px;}
.slideraltbanner img {max-width: 100%;}
.section-baslik {width: 100%; display: inline-block; margin-top: 30px; position: relative; margin-bottom: 20px;} 
.section-baslik a {width: 120px; height: 30px; background-color:#fff; border: 1px solid #dedede; border-radius: 3px; color: #2c57a5; font-size: 10px; font-weight: 400; float: right; line-height: 30px; padding-left: 15px; position: absolute; top: 0; right: 0 } 
.section-baslik a i {width: 10px; height: 7px; background: url(../images/arrow-ico.png); display: inline-block; float: right; margin:12px 10px 0 0;}
.section-baslik strong {color: #16469d; font-size: 18px; font-weight: 700;} 
.section-baslik strong:after {content: ''; display: block; width: 40px; height: 1px; background-color: #dedede; margin-top: 5px; }
.mavi-bg {background-color: #f3f3f3; margin-top: 30px;}
.haber-liste {width: 100%; display: inline-block; padding-top: 15px;}
.haber-liste .haber-tek {background: #fff; width: 100%; min-height: 250px; position: relative; margin-bottom: 40px; float: left;}
.haber-liste .haber-tek:hover {box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);}
.haber-liste .haber-tek .haber-foto img {max-width: 100%; width: 100%;}
.haber-liste .haber-tek .haber-foto {position: relative; display: inline-block; width: 100%; }
.haber-liste .haber-tek .haber-foto img {vertical-align: middle;}
/*.haber-liste .haber-tek .haber-foto:after {content: ''; position: absolute; width: 100%; height: 100%; left: 0; bottom: -1px; background-image: linear-gradient(to top, rgba(17, 17, 17, 0.5) 0%, rgba(17, 17, 17, 0.5) 10%, rgba(17, 17, 17, 0.28) 50%, rgba(17, 17, 17, 0.28) 100%);}*/

.haber-liste .haber-tek .haber-foto .sube-adi {font-size: 10px; font-weight: 400; display: inline-block; color:#fff; position: absolute; z-index: 99; bottom: 12px; left: 15px; text-align: center; line-height: 20px; width: 90px; height: 20px; background-color: #16469d; border-radius: 3px; }
.haber-liste .haber-tek a.haber-baslik {color: #404040; font-size: 14px; font-weight: 400; width: 90%; margin-left: 5%; margin-top: 20px; display: block;}
.haber-liste .haber-tek .haber-tarih {position: absolute; bottom: 10px; left: 5%;color: #929292; font-size: 12px; font-weight: 400;}
.haber-liste .haber-tek .haber-tarih i {background: url(../images/clock-ico.png); width: 10px; height: 10px; float: left; display: inline-block; margin-top: 3px; margin-right: 5px;}
.haber-liste .haber-tek .haber-foto .sube-logo {position: absolute; bottom: 15px; left: 15px; z-index: 99}
.yazarlar {width: 100%; background: url(../images/yazar-virgul.png) no-repeat right top #00b7ce; float: left; margin-top: -204px; padding-bottom: 30px;}
.yazarlar h4 {font-size: 18px; font-weight: 700;color: white; margin-top: 40px; display: block; margin-left: 20px;}
.yazarlar h4:after {content: '';display: block; width: 50px; height: 2px; background-color: #45cfe0; margin-top: 10px;}
.yazarlar ul {list-style: none;padding:0; margin:0; margin-top: 30px;}
.yazarlar ul li {width: 84%; margin-left:8%; padding-top: 5px; margin-top: 10px; float: left;}
.yazarlar ul li:last-child:after {display: none}
.yazarlar ul li a:hover {text-decoration: none;}
.yazarlar ul li a img {width: 60px; height:60px; float: left; margin-right: 15px;}
.yazarlar ul li a .yazar-adi {color: #fff;font-size: 16px; font-weight: 600; display: block;}
.yazarlar ul li a span:before { content: ''; background: url(../images/virgul-sol.png) no-repeat; width: 11px; height: 40px; margin-top: 2px; display: inline-block; position: relative; float: left; } 
.yazarlar ul li a span i.sag { background: url(../images/virgul-sag.png); width: 11px; height: 8px; display: inline-block; margin-right: 5px;} 
.yazarlar ul li a span{color: #b2eaf1; font-size: 12px; font-weight: 400; padding-left: 2px; position: relative; line-height: 12px;  }
.yazarlar ul li:after {content: ''; width: 68%; height: 2px; background-color: #45cfe0; display: inline-block; float: right; margin-top: 10px;}

.yazarlar ul li a.yazar-resim {width: 75px; float: left;}
.yazarlar ul li a.yazar-detay {display: inline-block; float: left;}
.yazar-cek { margin-top: -30px; width: 100%; display: inline-block; }
.sube-slider {margin-top: 0px;}
.sidebar-banner {margin-top: 93px; display: inline-block; width: 100%;}
.sidebar-banner img {max-width: 100%;}

.sube-slider-listesi .item-tek {width: 100%; height: 82px; float: left; display: inline-block;background-color: #ffffff;box-shadow: inset 0 -1px 0 #e4e4e4; cursor: pointer;}
.sube-slider-listesi .owl-item:nth-child(1) .item-tek  strong {color: #cf921d;  }
.sube-slider-listesi .owl-item:nth-child(1) .item-tek  strong:before { background-color: #cf921d; }

.sube-slider-listesi .owl-item:nth-child(2) .item-tek  strong {color: #08750d;  }
.sube-slider-listesi .owl-item:nth-child(2) .item-tek  strong:before { background-color: #08750d; }

.sube-slider-listesi .owl-item:nth-child(3) .item-tek  strong {color: #d95200;  }
.sube-slider-listesi .owl-item:nth-child(3) .item-tek  strong:before { background-color: #d95200; }

.sube-slider-listesi .owl-item:nth-child(4) .item-tek  strong {color: #5070fa;  }
.sube-slider-listesi .owl-item:nth-child(4) .item-tek  strong:before { background-color: #5070fa; }

.sube-slider-listesi .owl-item:nth-child(5) .item-tek  strong {color: #169d52;  }
.sube-slider-listesi .owl-item:nth-child(5) .item-tek  strong:before { background-color: #169d52; }

.sube-slider-listesi .item-tek  strong { font-size: 10px; font-weight: 400; float: left; display: block; width: 100%; height: 30px; line-height: 30px; margin-top: 10px; }
.sube-slider-listesi .item-tek  strong:before {content:''; width: 2px; height: 17px;  display: inline-block; margin-top: 5px; float: left; margin-right: 10px;}

.sube-slider-listesi .item-tek  span {color: #666; font-size: 14px; font-weight: 400; display: block; width: 90%; margin-left: 5%; height:40px; overflow: hidden; } 

.sube-slider-listesi .synced .item-tek {background-color: white;} 
.sube-slider-listesi .owl-wrapper {width: 100% !important  	;}
.sube-slider-listesi .owl-wrapper .owl-item {width: 100% !important  	;}

.sube-slideri .item {position: relative;}
.sube-slideri .item:after {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-image: linear-gradient(to top, rgba(17, 17, 17, 0.86) 0%, rgba(17, 17, 17, 0.86) 10%, rgba(17, 17, 17, 0.28) 50%, rgba(17, 17, 17, 0.28) 100%);}
.sube-slideri .item .sube-altkisim {position: absolute; bottom: 15px; z-index: 999; height: 110px; }
.sube-slideri .item .sube-altkisim .sube-adi {display: inline-block; background-color: #08750d; padding:5px 15px; color: #fff; font-size: 10px; font-weight: 400; border-radius: 3px; margin-left: 20px; margin-bottom: 5px;  } 
.sube-slideri .item .sube-altkisim strong {color: white; font-size:24px; font-weight: 400; display: block; /*white-space: nowrap;*/ text-overflow: ellipsis; padding-left: 20px;}
.sube-slideri .item .sube-altkisim .sube-zaman {color: #aeaeae; font-size: 10px; font-weight: 400; padding-left: 20px; display: block; margin-top: 8px;}
.sube-slideri .item .sube-altkisim .sube-zaman .sube-saat {background: url(../images/sube-saat-ico.png); width: 10px; height: 10px; display: inline-block; margin-right: 5px;}
.sube-slideri .item .sube-altkisim .sube-zaman .sube-goruntuleme {background: url(../images/sube-goruntulenme-ico.png); width: 14px; height: 10px; display: inline-block; margin-right: 2px; margin-left: 15px;}

.engelsiz-kose {/* Style for "Bg" */ width: 100%; height: 226px; background-color: #007ade; background-image: -webkit-linear-gradient(120deg, #16469d 0%, transparent 100%); background-image: linear-gradient(-30deg, #16469d 0%, transparent 100%); margin-top: 30px; } 
.engelsiz-kose h3 {display: block; text-align: center; color: #fff; margin-top: 30px; float: left; width: 100%; font-size: 24px; font-weight: 400;} 
.engelsiz-kose h3 b {font-weight: 700;}
.engelsiz-kose h3:after {content: ''; width: 50px; height: 2px; background-color: rgba(255, 255, 255, 0.5); display: block; margin:0 auto; margin-top: 7px;} 
.engelsiz-kose ul {list-style: none; padding:0; margin:0; margin-top: 15px; display: inline-block;}
.engelsiz-kose ul li { float: left; display: block; width: 80%; margin-left: 10%; margin-bottom: 25px;}
.engelsiz-kose ul li a {font-size: 15px; font-weight: 400; color: #fff; height: 36px; line-height: 36px;}
.engelsiz-kose ul li a i {width: 36px; height: 36px; border-radius: 50%; float: left; background-color:#0e88d8; display: inline-block; margin-right: 15px;}
.engelsiz-kose ul li a i.engelsiz-sesli {background: url(../images/engelsiz-sesli.png) center center no-repeat #0e88d8;}
.engelsiz-kose ul li a i.engelsiz-altyazili {background: url(../images/engelsiz-altyazili.png) center center no-repeat #0e88d8;}

.videolar {display: inline-block; width: 100%; padding-bottom: 70px;}
.videolar .section-baslik strong { color: #e33232;}
.videolar .section-baslik a { color: #e33232; border-color: #f3d4d4;}
.videolar .section-baslik a i {background: url(../images/arrow-ico-kirmizi.png);}
.videolar .video-tek {display: inline-block; width: 100%; position: relative;}
.videolar .video-gorsel {position: relative; display: inline-block; width: 100%;}
.videolar .video-gorsel img {width: 100%; display: inline-block;max-width: 100%;}
.videolar .video-gorsel .video-dakika {position: absolute; right: 15px; bottom:10px; width: 51px; height: 25px; background-color: rgba(0, 0, 0, 0.7); border-radius: 3px;font-size: 12px; font-weight: 400; color: #fff; text-align: center; line-height: 25px; }
.videolar .video-gorsel .video-play{width: 36px; height: 36px; background: url(../images/play-ico.png) no-repeat center center #e33232; border-radius: 5px; position: absolute; left: 20px; bottom: -10px; display: inline-block;}
.videolar .video-link {color: #404040; font-size: 15px; font-weight: 400; display:block; margin-top: 20px; padding-left: 20px; min-height: 70px; padding-top: 5px;}
.videolar .video-tek .video-izlenme {position: absolute; left: 20px; bottom: 0; color: #aeaeae; font-size: 12px; font-weight: 400;}
.videolar .video-tek .video-izlenme i { background: url(../images/video-goruntulenme-ico.png); width: 14px; height: 10px; display: inline-block; float: left; margin-top: 2px; margin-right: 5px;}

.lacivert-bg {background: url(../images/lacivert-brand.png) 30% center #16469d no-repeat; padding-bottom: 40px; }
.yayin-baslik strong {color:#fff !important;}
.yayinlar {width: 100%; float: left; display: inline-block; margin-top: 10px;padding:50px 0px;}
.yayinlar ul {padding:0; margin:0; list-style: none;}
.yayinlar ul li {width: 20%; float: left;}
.yayinlar ul li img {display: block; margin:0 auto; max-width: 100%; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);}
/* .yayinlar ul li:first-child img {float: left;} .yayinlar ul li:last-child img {float: right;} */
.yayinlar ul li span {display: block; color: #fff; text-align: center; font-size: 1.3rem; font-weight: bold; margin-top: 15px;letter-spacing: 0.3px;}


.takvim {width: 100%; display: inline-block; max-height: 500px;}
.takvim-aylar {width: 190px; height: 30px; display: block; margin:0 auto; text-align: center; position: relative;}
.takvim-aylar a {width: 8px; height: 12px; display: inline-block; position: absolute; }
.takvim-aylar .ay-sol {background: url(../images/ay-sol.png) center center no-repeat; left: 0; top: 10px;}
.takvim-aylar .ay-sag {background: url(../images/ay-sag.png) center center no-repeat; right: 0; top: 10px;}
.takvim-aylar strong {font-size: 24px; font-weight: 600; color: #16469d;}

.takvim-list {width: 100%; display: inline-block; margin-top: 30px; padding-bottom: 30px; max-height: 350px; height: 350px; overflow: hidden;}
.takvim-list .owl-item {padding-bottom: 50px;}
.takvim-list ul {list-style: none; padding: 0; margin:0;}
.takvim-list ul li { height: 270px; cursor: normal;  width: 90%;  padding:5%; margin-bottom: 100px;  position: relative; display: block; margin:0 auto; background-color: #f3f3f3; border-radius: 5px; z-index: 999;}
.takvim-list ul li:hover {height: 300px;}
.takvim-list ul li.gecmis-gun {background-color: #d2d2d2;}
.takvim-list ul li .takvim-ay {color: #404040; font-size: 12px; font-weight: 400; display: block; text-align: center; margin-top: 20px;}
.takvim-list ul li .takvim-sayi {color: #16469d; font-size: 90px; font-weight: 100;  display: block; text-align: center; margin-top: 20px;}
.takvim-list ul li .takvim-gun {color: #404040; font-size: 14px; font-weight: 400;display: block; text-align: center; margin-top: 20px;}
.takvim-list ul li .takvim-ust {transition: height 400ms;}
.takvim-list ul li i.etkinlik-say {width: 20px; height: 20px; background-color: #ed1b24; border-radius: 10px; position: absolute; right: -8px; top: 20px; color: #fff; font-style:normal; text-align: center; line-height: 20px; font-size: 10px; z-index: 9999}
.takvim-list ul li:hover {width: 98%; padding:1%;  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.4);}
.takvim-list ul li:hover .takvim-ust { display: inline-block;  background-color: #16469d; width: 100%; height: 140px;position: absolute; left: 0; top: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; z-index: 999; }
.takvim-list ul li:hover .takvim-ust .takvim-sayi {color: #fff; font-size: 80px; transition: all 400ms; margin-top:0px; height: 80px; line-height: 100px; }
.takvim-list ul li:hover .takvim-ust .takvim-ay {color: #fff; margin-top:10px; }
.takvim-list ul li:hover .takvim-ust .takvim-gun {color: #fff; margin-top:10px; position: relative; z-index: 999 }
.takvim-list ul li:hover .takvim-ust:after { content: ''; background: url(../images/ucgen-mavi.png); height: 12px; width: 100%; position: absolute; right: 0;  z-index: 99; bottom: -10px;}
.takvim-list ul li .etkinlik-sayi {display: none; }
.takvim-list ul li:hover .etkinlik-sayi {width: 80px; height: 20px; position: absolute; bottom: -10px; left: 50%; margin-left: -40px; background-color: #ed1b24; border-radius: 10px; display: block; color: white; font-size: 10px; font-weight: 400; line-height: 20px; text-align: center}
.takvim-list ul li:hover i.etkinlik-say {display: none;}
.takvim-list ul li .takvim-alt { display:none; width:90%; margin-left: 5%;  overflow-x: scroll; height: 120px; position: absolute; bottom: 15px; left: 0;}
.takvim-list ul li:hover .takvim-alt {display: inline-block;}
.takvim-list ul li .takvim-alt .etkinlik-tek .etkinlik-saat {display: block; width: 100%; overflow: hidden; color: #aeaeae; position: relative; font-size: 12px; padding-left: 5px;}
.takvim-list ul li .takvim-alt .etkinlik-tek .etkinlik-saat:after {width: 2px; height: 10px; background-color: #ed1b24; content:''; position: absolute; left: 0;}
.takvim-list ul li .takvim-alt .etkinlik-tek a {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; display: block; color: #404040; font-size: 12px; padding-left: 5px;}
.takvim-list ul li .takvim-alt .etkinlik-tek {border-bottom:1px solid #dadada; padding-bottom: 10px; padding-top: 15px;}
.takvim-list ul li .takvim-alt .etkinlik-tek:last-child {border:none;}
.takvim-list ul li:hover .slimScrollBar {display: block !important;}
.slimScrollBar {background-color: red !important; max-width: 30px; height: 25px !important; display: none !important; }
.slimScrollDiv {position: absolute !important; bottom: 0; width: 94% !important;}
.takvim-list .owl-controls {position: absolute; top: 120px; width: 100%; height: 0px }
.takvim-list .owl-controls .owl-prev {float: left; position: relative; z-index: 999; width: 40px; height: 40px; background : url(../images/takvim-prev.png) -1px 3px #007ade !important; opacity: 0.8 !important; overflow: hidden; text-indent: 400px; margin-left: 0px !important;}
.takvim-list .owl-controls .owl-next {float: right; position: relative; z-index: 999; width: 40px; height: 40px; background : url(../images/takvim-next.png)  2px 3px #007ade !important; opacity: 0.8 !important; overflow: hidden; text-indent: 400px; margin-right: 0px !important;}
.mailing {background-color: #282e3a; padding-top: 30px; padding-bottom: 15px;}
.text-mail {height: 60px; width: 100%; background-color: white; border-radius: 3px; width: 100%; border:none; text-indent: 15px; color: #404040; font-size: 14px; font-weight: 400; } 
.text-mail:focus {outline: none;}
.mail-label {font-size: 12px; font-weight: 400; line-height: 16px; color: white;} 
.mailgonder {height: 60px; background-color: #16469d; border-radius: 3px; width: 100%; position: relative; text-indent: 25px; text-align: left; border:none; margin-top: 23px; color: white; font-size: 14px; font-weight: 400; line-height: 45px; }
.mailgonder .mail-arrow {width: 16px; height: 11px; position: absolute; right: 20px; top: 23px; background: url(../images/mail-arrow.png) no-repeat;}
.onayla {color: #536383; font-size: 10px; font-weight: 300;  display: block; margin-top: 5px; padding-left: 5px;}



.onayla input[type='checkbox'] {opacity: 0; }
.onayla input[type='checkbox'] + label{background: url(../images/checkbox.png) no-repeat center left; padding-left: 18px; margin-left: -18px; }
.onayla input[type='checkbox']:checked + label{background: url(../images/checkbox-check.png) no-repeat center left; }

.footer-linkler	{background-color: #282828;  padding-top: 0px; padding-bottom: 30px;  }
.liste-tek { padding:0; margin:0; list-style: none;}
.liste-tek li.footer-baslik {color: white; font-size: 14px; font-weight: 600; margin-bottom: 20px;margin-top: 40px;}
.liste-tek li a {color: #929292; font-size: 12px; font-weight: 400;}
.liste-tek li {float: left; display: block; width: 100%;}


.sosyal-link-facebook{position:absolute; text-align:center; line-height:30px; width:30px; height:30px; background:#355D9D; color:#fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px }
.sosyal-link-twitter{position:absolute; text-align:center; line-height:30px; width:30px; height:30px; background:#5fccff; color:#fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px }
.sosyal-link-google-plus{position:absolute; text-align:center; line-height:30px; width:30px; height:30px; background:#e72020; color:#fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px }
.sosyal-link-instagram{position:absolute; text-align:center; line-height:30px; width:30px; height:30px; background:#3f729b; color:#fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px }
.sosyal-link-rss{position:absolute; text-align:center; line-height:30px; width:30px; height:30px; background:#f58432; color:#fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px }
.sosyal-link-linkedin{position:absolute; text-align:center; line-height:30px; width:30px; height:30px; background:#0a65c2; color:#fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px }
.sosyal-link-tiktok{position:absolute; text-align:center; line-height:30px; width:30px; height:30px; background:#000; color:#fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px }
.sosyal-link-whatsapp{position:absolute; text-align:center; line-height:30px; width:30px; height:30px; background:#07e576; color:#fff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px }

.sosyal-linkler li a:hover{color:#fff}
.sosyal-linkler {list-style: none;}
.sosyal-linkler li { float: left; width: 30px; height: 30px; display: inline-block; margin-right: 10px; border-radius: 3px;}
.sosyal-linkler li:last-child {margin:0;}
/*
.sosyal-linkler li.facebook {background: url(../images/facebook.png) center center #355d9d no-repeat}
.sosyal-linkler li.twitter  {background: url(../images/twitter.png) center center #5fccff no-repeat}
.sosyal-linkler li.plus  {background: url(../images/plus.png) center center #e72020 no-repeat}
.sosyal-linkler li.instagram  {background: url(../images/instagram.png) center center #3f729b no-repeat}
.sosyal-linkler li.rss  {background: url(../images/rss.png) center center #f58432 no-repeat}
*/
.sosyal-linkler li.footer-baslik {color: white; font-size: 14px; font-weight: 600; display: block; width: 100%;  margin-bottom: 10px;}
.mobil-uygulama {margin-top:0px;padding-left: 0px;}
.mobil-uygulama li {width: 170px; float: left; display: inline-block; margin-right: 15px;}
.mobil-uygulama li img {max-width: 100%}
.mobil-uygulama .footer-baslik {display: inline-block; width: 100%; display: block;color: white;font-weight: 600;margin-bottom: 20px;font-size: 14px;}




.logolar {min-height: 100px; background-color: #242424;}
.logolar ul {padding:0; margin:0; list-style: none;}
.logolar ul li {width: 20%; float: left; padding-top: 25px;}
.logolar ul li img {max-width: 100%; display: block; margin:0 auto;}

.jvr-copyright {min-height: 70px; background: #fff;}
.jvr-copyright span {line-height: 70px; color: #666; font-size: 11px; font-weight: 400;} 
.jvr-copyright span i {color: #16469d; font-size: 14px; font-weight: 700; font-style: normal; }
.jvr-copyright a {display: inline-block; float: right;margin-top: 25px;}


.buyuk-yazi  {color: #fff; padding-left: 15px; font-size: 22px; font-weight:bold; margin-top: 15px; letter-spacing: 1px ;position: relative; margin-bottom: 15px;}
.buyuk-yazi:after {content: ''; width: 90px; height: 1px; position: absolute; left: 10px; bottom: 0; background:#fff }


.sidebar {display: inline-block; width: 95%; padding-left: 0; min-height: 100px; background-color: #1ab5cd; margin-top: 100px;margin-bottom: 100px; padding-bottom: 10px;border-radius:3px;}
.sidebar .sidebar-baslik {color: #1a3972; font-size: 18px;padding-left:15px;font-family: "Gotham-Bold";}
.qa-sidebar .sidebar-baslik:after {background: #dedede; width: 50px; height: 2px;content: ''; position: absolute; left: 32px;}
.sidebar ul {list-style: none; padding: 0; margin:0;}
.sidebar ul li a {color: #fff;font-size: 14px; font-weight: 400; height: 50px; display: block; line-height: 50px; padding-left: 15px; cursor: pointer; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.sidebar ul li {border-bottom:1px solid #f3f3f3;}
.sidebar ul li:hover {background-color: #16469d}
.sidebar p a{color:#fff}
.sidebar ul li a:hover {text-decoration: none; cursor: pointer;}
.sidebar ul li:last-child {border:none;}
.sidebar ul li:last-child:hover {background-color: transparent}
.sidebar ul li ul {display: none;}
.sidebar ul li.aktif {position: relative;}
.sidebar ul li.aktif a {color:#16469d;font-weight:bold}
.sidebar ul li.aktif a:hover{color:#fff}
.sidebar ul li.aktif a:before {width: 3px; height: 14px; content:''; position: absolute; left: 0; top: 18px; background: url(../images/sidebar-aktif-after.png);}
.sidebar ul li.acilir {background-image: url(../images/sidebar-arrow-1.png); background-repeat: no-repeat; background-position: 92% center}
.sidebar ul li.acilir ul {display: none !important}
.sidebar ul li.acildi {background-image: url(../images/sidebar-arrow-acildi-1.png); background-repeat: no-repeat; background-position: 92% 20px}
.sidebar ul li.acildi a {color: #fff; font-weight: 600}
.sidebar ul li.acildi ul li a {color: #fff; font-weight: 400}
.sidebar .cmbqacat {width: 95%;margin-top:15px;}

.sidebar-qa {margin-top:30px;margin-bottom:10px}
.sidebar-qa p{padding:15px;}
.sidebar-qa-cat {margin-top:10px}
.sidebar-qa-cat .cmbqacat {margin-left:5px;}


.text-ust {width: 100%; display: inline-block; margin-top: 100px;}
.text-ust .breadcrumb {background: none; padding:0; margin:0; width: 50%; float: left;}
.text-ust .breadcrumb li a
{font-size: 10px;
color: #9d9d9d;
font-weight: 400;}
.text-ust .breadcrumb>li+li:before {padding:0px 5px; font-size: 10px;}
.text-ust .breadcrumb li:last-child a {color: #16469d;font-weight: 600; }

.text-ust .aksiyonlar {width: 50%; float: left;}
.text-ust .aksiyonlar ul {list-style: none; padding: 0; margin:0;}
.text-ust .aksiyonlar ul li {float: left;}
.text-ust .aksiyonlar .boyut {float: right; border-right: 1px solid #dedede; margin-right: 20px;}
.text-ust .aksiyonlar .boyut li {margin-right: 10px}
.text-ust .aksiyonlar .boyut li:last-child {margin-right: 20px}
.text-ust .aksiyonlar .yazdir {float: right;}
.text-ust .aksiyonlar .yazdir li {margin-right: 10px}


.icerik-alani {width: 100%; display: inline-block; margin-bottom: 100px;
font-weight: 400;}

.icerik-alani .sayfa-baslik
{color: #16469d;
font-size: 24px;
font-weight: 700;
position: relative;
padding-bottom: 15px;
margin-bottom: 30px;
}

.icerik-alani .sayfa-baslik:after 
{background: #dedede; width: 50px; height: 2px; content:''; position: absolute; bottom: 0; left: 0;}

.icerik-alani p  { margin-bottom: 20px;}

.icerik-alani  h3 {color: #404040;
font-size: 16px;
font-weight: 600; margin-top: 30px;}

.icerik-alani table {display: block; width: 100%; margin-bottom: 30px;}
.icerik-alani table tbody {width: 100%; display: table;}
.icerik-alani table tbody tr {width: 100%;}
/*.icerik-alani table tbody tr td:last-child {color: #404040;
font-weight: 600;}*/

.icerik-alani ul {list-style:none; padding: 0; margin:0;}
.icerik-alani ul li {display: block; margin-bottom: 10px;}


.paylas-butonlari {height: 70px; background-color: #f3f3f3; width: 100%; margin-bottom: 50px;}
.paylas-butonlari ul {list-style: none; padding: 0; margin:0;}
.paylas-butonlari ul li {float: left; border-radius: 3px; margin-right: 10px; margin-top: 22px; height: 25px; line-height: 25px; }
.paylas-butonlari ul li.paylas-text {color: #16469d; font-size: 13px; font-weight: 600; padding-left: 50px; margin-right: 20px;}
.paylas-butonlari ul li a {width: 60px; height: 25px; display: inline-block; color: white;
font-size: 10px; text-align: left; padding-right: 10px; position: relative; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px}
.share{margin-top:-10px}


.paylas-butonlari ul li.facebook {background-color: #355d9d;}
.paylas-butonlari ul li.twitter {background-color: #1ab4e2;}
.paylas-butonlari ul li.plus {background-color: #e72020;}
.paylas-butonlari ul li.linkedin {background-color: #0079aa;}

.paylas-butonlari ul li.facebook a {background: url(../images/paylas-facebook.png) no-repeat 10px 6px;}
.paylas-butonlari ul li.twitter a {background: url(../images/paylas-twitter.png) no-repeat 10px 6px;}
.paylas-butonlari ul li.plus a {background: url(../images/paylas-plus.png) no-repeat 10px 6px;}
.paylas-butonlari ul li.linkedin a {background: url(../images/paylas-linkedin.png) no-repeat 10px 6px;}


.paylas-butonlari ul li.facebook a:after {background-color: #859abd; width: 1px; height: 15px; content: ''; position: absolute; left: 28px; top: 4px}
.paylas-butonlari ul li.twitter a:after {background-color: #93d8ed; width: 1px; height: 15px; content: ''; position: absolute; left: 28px; top: 4px}
.paylas-butonlari ul li.plus a:after {background-color: #ec6868; width: 1px; height: 15px; content: ''; position: absolute; left: 28px; top: 4px}
.paylas-butonlari ul li.linkedin a:after {background-color: #319ac4; width: 1px; height: 15px; content: ''; position: absolute; left: 28px; top: 4px}

.uye-tek {background: url(../images/uye-bg.png) left bottom no-repeat; border:solid 1px #dedede; display: inline-block; width: 100%; min-height: 200px; position: relative; margin-bottom: 30px;}
.uye-tek .uye-resim {position: absolute; left: 10px; bottom: 0; max-width: 100%; max-width: 195px}
.uye-tek strong {font-size: 18px;font-family: 'Gotham-Bold'; color: #16469d; position: absolute; left: 50%; top: 35%;}
.uye-tek span {font-size: 12px; font-weight: 400; color: #16469d; display: block; left: 50%; top: 53%;}
.uye-tek span i {display: block; font-style: normal; font-size: 12px;}
.uye-tek a {position: absolute; right: 15px; bottom: 10px; color: #9d9d9d; font-weight: 400; font-size: 12px;}

.iletisim-harita {width: 100%; min-height: 250px; display: inline-block; position: relative;}
.iletisim-harita #google-map {width: 100%; min-height: 250px; display: inline-block;}

.iletisim-bilgiler {list-style: none; padding:0; margin:0; margin-top: 10px !important; display: inline-block;}
.iletisim-bilgiler li {display: block; width: 100%; min-height: 30px; position: relative; float: left; margin-top: 5px; margin-bottom:0px !important }
.iletisim-bilgiler li:after {border-bottom: 1px solid #dedede; content:''; width: 94%; height: 1px; display: block; float: right; }
.iletisim-bilgiler li i {width: 15px; height: 22px; display: inline-block; float: left; margin-right: 15px; margin-top: 15px;}
.iletisim-bilgiler li i.map-icon {background: url(../images/map-ico.png) no-repeat center top;}
.iletisim-bilgiler li i.tel-icon {background: url(../images/phone-ico.png) no-repeat center top;}
.iletisim-bilgiler li i.fax-icon {background: url(../images/fax-ico.png) no-repeat center top;}
.iletisim-bilgiler li i.mobil-icon {background: url(../images/mobile-ico.png) no-repeat center top;}
.iletisim-bilgiler li strong {color: #404040; font-size: 13px; font-weight: 400; float: left; width: 100px; float: left; display: inline-block; height: 45px; line-height: 45px;}
.iletisim-bilgiler li span {float: left; display: inline-block; height: 45px; width: calc(100% - 130px); line-height:45px;}
.iletisim-bilgiler li:first-child span {line-height: 20px;}
.iletisim-baslik {color: #16469d; font-size: 16px; font-weight: 600; margin-top: 40px;}

.iletisim-dahili {width: 100%; display: inline-block; float: left;}
.iletisim-dahili li strong {width: 120px;color: #404040; font-size: 13px; display: inline-block;}
.iletisim-dahili li {display: block; width: 100%;  line-height: 45px; margin-bottom: 0px !important}

.iletisim-dahili li:after {border-bottom: 1px solid #dedede; content:''; width: 100%; height: 1px; display: block; float: right; }

.dilekce-tek {position: relative; display: inline-block; width: 100%; margin-bottom: 30px;}
.dilekce-tek img {vertical-align: middle; max-width: 100%;}
.dilekce-indir {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); opacity: 0; transition: opacity 1s;}
.dilekce-tek:hover .dilekce-indir {opacity: 1;}
.dilekce-indir i {display: block; background: url(../images/down-icon.png); width: 34px; height: 34px; position: absolute; left: 0; right: 0; margin:0 auto; top: 50%; margin-top: -34px;}
.dilekce-indir a {display: block; width: 100%;}
.dilekce-indir span {width: 136px; height: 33px; font-size: 16px; font-weight: 400; display: block; color: #fff; text-align: center; position: absolute; top: 55%; left: 0; right: 0; margin:0 auto;}
.dilekce-tek .dosya-tipi {width: 24px; height: 24px; border-radius: 2px; display: inline-block; position: absolute; right: 20px; bottom: 20px; background: #fff}
.dilekce-tek .dosya-tipi img {display: block; margin:0 auto; max-width: 100%; max-height: 100%;}



.dilekce-ic {position: relative; display: inline-block; width: 100%; margin-bottom: 10px;}
.dilekce-ic img {vertical-align: middle; max-width: 100%;}
.dilekce-indir {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); opacity: 0; transition: opacity 1s;}
.dilekce-ic:hover .dilekce-indir {opacity: 1;}
.dilekce-indir i {display: block; background: url(../images/down-icon.png); width: 34px; height: 34px; position: absolute; left: 0; right: 0; margin:0 auto; top: 50%; margin-top: -34px;}
.dilekce-indir a {display: block; width: 100%;}
.dilekce-indir span {width: 136px; height: 33px; font-size: 16px; font-weight: 400; display: block; color: #fff; text-align: center; position: absolute; top: 55%; left: 0; right: 0; margin:0 auto;}
.dilekce-ic .dosya-tipi {width: 24px; height: 24px; border-radius: 2px; display: inline-block; position: absolute; right: 20px; bottom: 20px; background: #fff}
.dilekce-ic .dosya-tipi img {display: block; margin:0 auto; max-width: 100%; max-height: 100%;}
.dilekce-link {height: 60px; color: #404040; font-size: 16px; font-weight: 600; display: block; margin-top: 10px;}


.pdf-gallery .dlink-6{display: none;}
.pdf-gallery .dilekce-ic{margin-bottom:25px;}

.select-custom {padding: 0; margin: 0; width: 100%; overflow: hidden; background-color: #fff; padding-left: 10px; background: #fff url(../images/select-arrow.png) no-repeat 95% 50%; border: 1px solid #e2e2e2; border-radius: 3px; margin-bottom: 10px; }

.select-custom select {padding: 10px 8px; width: 110%; border: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.select-custom select:focus {outline: none;}
.listele-buton {height: 36px; background-color: #16469d; width: 100%; display: block; border:none; color: #fff; line-height: 34px; margin-top: 34px; border-radius: 4px;}
.listele-buton-home {height: 36px; background-color: #16469d; width: 100%; display: block; border:none; color: #fff; line-height: 34px; margin-top: 3px; border-radius: 4px;}
.selectform {color: #16469d; font-size: 12px; font-weight: 600; margin-top: 10px;}


.select-wrap {display: inline-block; width: 100%; margin-bottom: 30px; min-height: 100px; background-color: #f3f3f3; padding-top: 15px; padding-bottom: 10px;}
.tablo thead , .tablo tbody {width: 100% !important; display: table; text-align: left;}



.tablo-baslik {background-color: #16469d; vertical-align: middle !important; background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.02) 0%, transparent 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.02) 0%, transparent 100%); width: 100%; color: #fff !important	}
.tablo-baslik td:last-child {color: #fff !important; }
.tablo-baslik .col-md-1 , .tablo-baslik .col-md-3 , .tablo-baslik .col-md-2 {padding-left: 5px; padding-right: 5px; vertical-align: middle !important; font-size: 10px;}
.tablo-liste .col-md-1 ,  .tablo-liste .col-md-2 {padding-left: 5px; padding-right: 5px; padding-top: 25px; padding-bottom: 25px; font-size: 10px;}
.tablo-liste:nth-child(odd) { background-color: #f3f3f3;}
.tablo-liste {padding-top: 40px; padding-bottom: 40px;}
.tablo-subeler {border:none !important;}
.tablo-liste .sube-adi , .tablo-baslik .sube-adi{padding-left: 10px;}
.tablo-liste td:last-child a {font-size: 10px; }

.subeler-liste .sayfa-baslik{padding: 15px 0px;}

.sidebar-top ul{padding-left:0px}
.sidebar-top ul li{display: inline-block;list-style: none;border:1px solid #ddd;padding:10px 25px;margin-right: 15px;border-radius:3px}
.sidebar-top ul li:hover{background: #16469d;color:#fff ;}
.sidebar-top ul li:hover a{color:#fff ;}
.sidebar-top ul li a{color:#000}
.sidebar-top ul li a:hover{color:#fff}
/* harita */


.harita-wrap {max-width: 100%; margin: 0 auto; text-align: center; padding: 20px 0; }
 .harita-wrap svg {width: 100%; height: auto; } 
 .il-tooltip {position: absolute; z-index: 2; } 
 .il-tooltip div {display: inline-block; background: #fff; padding: 10px 20px; border-radius: 2px;  text-transform: uppercase; color: #16469d;font-size: 12px;font-weight: 700; } 
 #turkiye-haritasi path {fill: #16469d; } 
 #turkiye-haritasi path:hover {fill: #d1e1ff; cursor: pointer; box-shadow: 0 10px 60px rgba(0, 0, 0, 0.7);}

.harita-bilgiler {list-style: none; padding:0; margin:0; margin-top: 10px !important; margin-bottom: 20px !important; display: inline-block;}
.harita-bilgiler li {display: block; width: 100%; min-height: 30px; position: relative; float: left; margin-top: 5px; margin-bottom:0px !important }
.harita-bilgiler li:after {border-bottom: 1px solid #dedede; content:''; width: 94%; height: 1px; display: block; float: right; }
.harita-bilgiler li i {width: 15px; height: 22px; display: inline-block; float: left; margin-right: 15px; margin-top: 15px;}
.harita-bilgiler li i.user-icon {background: url(../images/user-ico.png) no-repeat center top;}
.harita-bilgiler li i.map-icon {background: url(../images/map-ico.png) no-repeat center top;}
.harita-bilgiler li i.tel-icon {background: url(../images/phone-ico.png) no-repeat center top;}
.harita-bilgiler li i.fax-icon {background: url(../images/fax-ico.png) no-repeat center top;}
.harita-bilgiler li i.mobil-icon {background: url(../images/mobile-ico.png) no-repeat center top;}
.harita-bilgiler li i.world-icon {background: url(../images/world-ico.png) no-repeat center top;}
.harita-bilgiler li strong {color: #404040; font-size: 13px;float: left; width: 100px; float: left; display: inline-block; height: 45px; line-height: 45px;}
.harita-bilgiler li span {float: left; display: inline-block; height: 45px; width: calc(100% - 130px); line-height:45px;}

.harita-baslik {color: #16469d; font-size: 16px; font-weight: 600; margin-top: 60px;}


.haber-detay-sidebar {display: inline-block; width: 100%; padding-left: 5%; padding-right: 5%; background-color: #f3f3f3; margin-top: 100px; margin-bottom: 50px;}
.haber-detay-sidebar h2 {color: #16469d;font-size: 18px;font-weight: 700; margin-top: 30px;}
.haber-detay-sidebar .haber-tek { border-bottom:1px solid #dedede; padding-top: 10px; display: inline-block; width: 100%; padding-bottom: 7px;}

.haber-detay-sidebar div:last-child {border:none;}

.haber-detay-sidebar .haber-tek span {color: #404040;
font-size: 12px;
font-weight: 400; line-height: 16px;}
.haber-detay-sidebar .haber-tek a {display: inline-block; width: 100%;}
.haber-detay-sidebar .haber-tek img {float: left; }
.haber-detay-sidebar .haber-tek span { display: inline-block; color: #404040;
font-size: 12px;
font-weight: 500; display: table; vertical-align: middle; padding-top: 10px;}
.tum-mansetler
{color: #16469d;
font-size: 10px;
font-weight: 500;
display: block; margin-top: 20px; margin-bottom: 20px; margin-left: 10px;
}

.sola-yasla {margin-right: 25px; margin-bottom: 5px;}



.haber-detay-text strong { display: block; margin-bottom: 10px; }
.haber-detay-text p img {max-width:100%}
.haber-detay-text .image img {max-width:100%}

.haber-detay-text p{font-size:18px; color:#444444; text-align:justify}
.haber-detay-text span{font-size:18px; color:#444444; text-align:justify}


.haber-detay-foto-galeri {margin-top: 30px; display: inline-block; width: 100%;}
.haber-detay-foto-galeri h4 {color: #16469d; font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.haber-detay-foto-galeri .galeri-tek {position: relative; margin-bottom: 25px;}
.haber-detay-foto-galeri .galeri-tek img {max-width: 100%;}
.haber-detay-foto-galeri .galeri-tek span {position:  absolute; width: 100%; height: 100%; background: #000; left: 0; top:0; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 700ms;}
.haber-detay-foto-galeri .galeri-tek:hover span {opacity: 1; }
.haber-detay-foto-galeri .galeri-tek i {width: 34px; height: 34px;position: absolute; display: block; left: 0; right: 0; margin:0 auto; top: 50%; margin-top: -15px; background: url(../images/buyutec-ico.png); }


.haber-detay-video-galeri { display: inline-block; width: 100%; margin-top: 40px;}
.haber-detay-video-galeri h4 {color: #16469d; font-size: 16px; font-weight: 600; margin-bottom: 10px;}
.haber-detay-video-galeri .galeri-tek {position: relative; margin-bottom: 25px;}
.haber-detay-video-galeri .galeri-tek img {max-width: 100%;}
.haber-detay-video-galeri .galeri-tek span {position:  absolute; width: 100%; height: 100%; background: #000; left: 0; top:0; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 700ms;}
.haber-detay-video-galeri .galeri-tek:hover span {opacity: 1; }
.haber-detay-video-galeri .galeri-tek i {width: 34px; height: 34px;position: absolute; display: block; left: 0; right: 0; margin:0 auto; top: 50%; margin-top: -15px; background: url(../images/buyutec-ico.png); }


.video-galeri-tek {display: inline-block; width: 100%; position: relative;}
.video-galeri-gorsel {position: relative; display: inline-block; width: 100%;}
.video-galeri-gorsel img {width: 100%; display: inline-block;max-width: 100%;}
.video-galeri-gorsel .video-dakika {position: absolute; right: 15px; bottom:10px; width: 51px; height: 25px; background-color: rgba(0, 0, 0, 0.7); border-radius: 3px;font-size: 12px; font-weight: 400; color: #fff; text-align: center; line-height: 25px; }
.video-galeri-gorsel .video-play{width: 36px; height: 36px; background: url(../images/play-ico.png) no-repeat center center #e33232; border-radius: 5px; position: absolute; left: 20px; bottom: -10px; display: inline-block;}
.video-galeri-link {color: #404040; font-size: 15px; font-weight: 400; display:block; margin-top: 20px; padding-left: 20px; min-height: 70px; padding-top: 5px;}
.video-galeri-tek .video-izlenme {position: absolute; left: 20px; bottom: 0; color: #aeaeae; font-size: 12px; font-weight: 400;}
.video-galeri-tek .video-izlenme i { background: url(../images/video-goruntulenme-ico.png); width: 14px; height: 10px; display: inline-block; float: left; margin-top: 2px; margin-right: 5px;}

.ilgili-haber {background-color: #f3f3f3; width: 100%; display: inline-block; padding:30px 15px; border-radius: 4px;}
.ilgili-haber img {float: left; max-width: 100%; width: 100%;}
.ilgili-haber a {float: left;}
.ilgili-haber a:hover {text-decoration: none;}
.ilgili-haber .ilgili-text span {color: #59a34b;
font-size: 13px;
font-weight: 600; height: 20px; display: block; line-height: 20px; }
.ilgili-haber .ilgili-text span i {width: 20px; height: 20px; display: inline-block; float: left; background: url(../images/ilgili-ico.png ); margin-right: 8px;}
.ilgili-haber .ilgili-text h4 {color: #404040;
font-size: 16px;
font-weight: 600; display: block; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; margin-bottom: 15px;}
.paddingsifir { padding-right: 0;} 
.ilgili-haber .ilgili-text strong {color: #929292;
font-size: 13px;
font-weight: 400; line-height: 21px;}

.mobile-m {position: absolute; top: 0; right: 0; display:none;  width: 25px; height: 30px; margin-top: 18px; padding:0; margin-right: 25px;}
.mobile-m .burger-menu { content:''; width:100%; height: 2px; background: #d1e1ff; display: block; margin-bottom: 6px;  }
.mobile-m .burger-tek { content:''; width:90%; height: 2px; background: #d1e1ff; display: block; margin-bottom: 6px;  }

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background:  #fff; color: #16469d; border-top-left-radius: 2px; border-top-right-radius: 2px;}
.open>.dropdown-menu {border:none; border-top-left-radius: 2px !important; min-width: 220px; border-bottom: 3px solid #16469d; padding-bottom: 0;}
.open>.dropdown-menu li {border:none; border-top-left-radius: 3px; border-bottom:1px solid #dedede;}
.open>.dropdown-menu li:last-child {border:none;}
.open>.dropdown-menu li a{border:none; border-top-left-radius: 3px; padding: 10px; text-transform: uppercase; font-size: 12px;}


/* Image style */
#scrollUp {
    background-image: url("../images/top.png");
    bottom: 20px;
    right: 20px;
    width: 38px;    /* Width of image */
    height: 38px;   /* Height of image */
}


/**
 * tab panel widget
 */
.tabPanel-widget {
  position: relative;  /* containing block for headings (top:0) */
  background: #19b6cd;
}

/**
 * because labels come first in source order - we use z-index to move them in front of the headings
 */
.tabPanel-widget > label {
  position: absolute;
  z-index: 1;
}

/**
 * labels and headings must share same values so grouping declarations in this rule prevents async edits (risk of breakage)
 * line-height == height -> vertical centering
 * the width dictates the offset for all headings but the first one: left offset = width * number of previous heading(s)
 * note that width and offset of label/heading pair can be customized if necessary
 */

.tabPanel-widget > label,
.tabPanel-widget > h2 {
  font-size: 1.1em;
  width: 9em;
  height: 2em;
  line-height: 2em;
}

/**
 * position:relative is for the markers (the down arrow in tabs)
 */
.tabPanel-widget > h2 {
  position: relative;
  margin: 0;
  text-align: center;
  background: #193972;
  color: #fff;
}

.tabPanel-widget > label {
  border-right: 1px solid #fff;  
}

/**
 * all first level labels and headings after the very first ones 
 */
.tabPanel-widget input,
.tabPanel-widget > label ~ label,
.tabPanel-widget > h2 ~ h2 {
  position: absolute;
  top: 0;
}


/**
 * We target all the label/heading pairs
 * we increment the :nth-child() params by 4 as well as the left value (according to "tab" width)
 */

.tabPanel-widget label:nth-child(1),
.tabPanel-widget h2:nth-child(3) {
  left: 0em;
}

.tabPanel-widget label:nth-child(5),
.tabPanel-widget h2:nth-child(7) {
  left: 9em;
}

.tabPanel-widget label:nth-child(9),
.tabPanel-widget h2:nth-child(11) {
  left: 18em;
}

.tabPanel-widget label:nth-child(13),
.tabPanel-widget h2:nth-child(15) {
  left: 27em;
}

.tabPanel-widget label:nth-child(17),
.tabPanel-widget h2:nth-child(19) {
  left: 36em;
}

.tabPanel-widget label:nth-child(21),
.tabPanel-widget h2:nth-child(23) {
  left: 45em;
}

/**
 * we visually hide all the panels
 * https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html
 */
.tabPanel-widget input + h2 + div {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  padding:0 !important;
  border:0 !important;
  height: 1px !important; 
  width: 1px !important; 
  overflow: hidden;
}
/**
 * we reveal a panel depending on which control is selected 
 */
.tabPanel-widget input:checked + h2 + div {
  position: static !important;
  padding: 1em !important;
  height: auto !important; 
  width: auto !important; 
}

/**
 * shows a hand cursor only to pointing device users
 */
.tabPanel-widget label:hover {
  cursor: pointer;
}

.tabPanel-widget > div {
  background: #f0f0f0;
  padding: 1em;
}

/**
 * we hide radio buttons and also remove them from the flow
 */
.tabPanel-widget input[name="tabs"] {
  opacity: 0;
  position: absolute;
}


/** 
 * this is to style the tabs when they get focus (visual cue)
 */

.tabPanel-widget input[name="tabs"]:focus + h2 {
  outline: 1px dotted #000;
  outline-offset: 10px;
}


/**
 * reset of the above within the tab panel (for pointing-device users)
 */
.tabPanel-widget:hover h2 {
  outline: none !important;
}

/**
 * visual cue of the selection
 */
.tabPanel-widget input[name="tabs"]:checked + h2 {
  background: #194ca7;
}

/**
 * the marker for tabs (down arrow)
 */
.tabPanel-widget input[name="tabs"]:checked + h2:after {
  content: '';
  margin: auto;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #194ca7;
}

/**
 * Make it plain/simple below 45em (stack everything)
 */
@media screen and (max-width: 45em) {
  
  /* hide unecessary label/control pairs */
  .tabPanel-widget label,
  .tabPanel-widget input[name="tabs"] {
    display: none;
  }
  
  /* reveal all panels */
  .tabPanel-widget > input + h2 + div {
    display: block !important;
    position: static !important;
    padding: 1em !important;
    height: auto !important; 
    width: auto !important; 
  }
  
  /* "unstyle" the heading */
  .tabPanel-widget h2 {
    width: auto;
    position: static !important;
    background: #999 !important;
  }
  
  /* "kill" the marker */
  .tabPanel-widget h2:after {
    display: none !important;
  }

}


/* Yeni Eklemeler */
.mavibg .logo img {
  z-index: 999;
  position: relative;
}

.band {
  width: 100%;
  margin: 0 auto;
  display: inline-block;
  margin-left: -15px;
  margin-right: -15px;
}

.card {
  background: white;
  text-decoration: none;
  color: #444;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  display: flex;
  flex-direction: column;
  min-height: 275px;
  position: relative;
  top: 0;
  transition: all .1s ease-in;
  border-radius: 3px;
}

.card:hover {
  top: -2px;
  box-shadow: 0 4px 5px rgba(0,0,0,0.2);
  text-decoration: none;
}

.card.article {
  padding: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.card h4 {
  font-size: 18px;
  padding: 10px;
  color: #333;
}

.card p {
  flex: 1;
  line-height: 1.4;
}

.card span {
  font-size: 10px;
  color: #999;
  position: absolute;
  bottom: 5px;
  padding-left: 10px;
}

.card .thumb {
  padding-bottom: 60%;
  background-size: cover;
  background-position: center center;
  border:10px solid #fff;
  border-radius: 3px 3px 0px;
}
.item-news{
  margin-bottom:30px;
}
.ss_head{
  width: 100%; 
  display: inline-block; 
  position: relative;
  margin-bottom: 20px;
  margin-top:30px;
}

.ss_head a {width: 120px; height: 30px; background-color:#fff; border: 1px solid #dedede; border-radius: 3px; color: #2c57a5; font-size: 10px; font-weight: 400; float: right; line-height: 30px; padding-left: 15px; position: absolute; top: 0; right: 0 } 
.ss_head a i {width: 10px; height: 7px; background: url(../images/arrow-ico.png); display: inline-block; float: right; margin:12px 10px 0 0;}

.all-news{
    position: absolute;
    right: 30px;
    top: 0;
}

.ss_head h2{margin-top:5px;margin-bottom:0px;font-family: Gotham-Bold;font-size:2rem}

.ss_head_1{
  border-left: 5px solid;
  border-color: #1a4ca7;
  padding-left:10px;
}

.ss_head_2{
  border-left: 5px solid;
  border-color: #32b3cc;
  padding-left:10px;
}

.ss_head_3{
  border-left: 5px solid;
  border-color: #ff0000;
  padding-left:10px;
}

.genel-baskan{border:1px solid #dcdcdc;border-radius: 5px;} 
.genel-baskan h3{font-family: Gotham-Bold;font-size:1.8rem;text-align: center;}
.sm-icons{display: flex;justify-content: center;}
.sm-icons .fa{color:#333;}
.sm-icons .sm-f{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;}
.sm-icons .sm-t{border-right:1px solid #dcdcdc;}
.sm-icons a{padding:10px 25px;border-top:1px solid #dcdcdc}

.sasam-gorsel {margin-top: 9px;border-radius: 5px;}
.sasam-gorsel img {max-width: 100%; display: block; margin:0 auto;border-radius: 5px;}
.ss-tv{border:1px solid #dcdcdc;box-shadow: 0 1px 1px rgba(0,0,0,0.05);border-radius:3px;}
.ss-duyurular{padding:0px 15px;margin-bottom:50px}

.ssd-date span{
    width: 48px;
    height: 48px;
    background-image: url(../images/icon-duyuru.png);
    font-size: 24px;
    color: #adadad;
    text-align: center;
    padding-top: 15px;
    font-weight: bold;
    float: left;
    transition: all 1s;
}
.ss-duyuru{
  border: 1px solid #dcdcdc;
  margin-bottom: 2px;
  display: inline-block;
  width: 100%;
  background: #fff;
  padding: 15px;
  border-radius: 3px;
  position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.ssd-title{
  display : flex;
  align-items : center;
  min-height: 48px;
  padding-left: 30px;
}
.ssd-title a{
  color:#000;
  font-size:16px;
}
.ssd-title small{color:#c9c9c9;padding-left: 7px;}
.kose-yazilari{padding-top:50px;padding-bottom:80px;}
.flexslider {
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: 0 solid #f1f1f1;
  position: relative;
  zoom: 1;
}
.loading .flex-viewport {
  max-height: 500px;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flexslider .slides {
  zoom: 1;
}
.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides li {
  position: relative;
}
.cls {
  zoom: 1;
}
.a-sets-aut {
  background: #f3f3f3;
}
.cls:before, .cls:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.a-sets-aut img {
  position: relative;
  z-index: 999;
}
.cover {
  display: block!important;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  background-repeat: no-repeat!important;
  background-position: center center!important;
}
.circle {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.a-sets-thumb {
  width: 65px !important;
  height: 65px !important;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
  background-repeat: no-repeat!important;
  background-position: center center!important;
}
.border {
  border: 1px solid #dbdbdb !important;
}
.a-sets-aut-border {
  margin-bottom: 1px;
  border: #ddd solid 1px;
  border-radius: 3px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  padding:5px;
  background: #fff;
}
.a-sets-aut .title {
  font-family: Gotham-Bold;
  font-size: 12px;
  line-height: 20px;
  margin: 10px 0;
  height: inherit;
  text-align: center;
}
.a-sets-aut p {
  font-size: 12px;
  line-height: 18px!important;
  margin: 0;
  height: inherit;
  color: #888888;
  text-align: center;
  min-height: 50px;
  min-width: 100px;
  padding: 7px;
}
.a-sets-aut p a{color:#333}
.cls:after {
  clear: both;
}
.flex-control-nav {
  width: 100%;
  text-align: center;
  padding-top: 10px;
  border-top: #F1F1F1 solid 0;
}
.flex-control-nav li {
  margin: 0 5px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  line-height: 0;
  font-size: 0;
  color: transparent;
  text-decoration: none;
}
.flex-control-paging li a.flex-active:before {
  color: rgba(0,151,172,1.00);
  cursor: pointer;
}
.flex-control-paging li a:before {
  color: rgba(140,212,223,1.00);
  font-family: "FontAwesome";
  font-style: normal;
  font-size: 12px;
  line-height: 34px;
  content: '\f111';
  margin-right: .5rem;
}

.main-map-info li span {
  float: left;
  display: flex;
  align-items: center;
  height: 45px;
  width: calc(100% - 50px);
}

.sube-bilgileri{height: 450px;}
.sube-bilgileri .ilsec{position: absolute; top: 45%;}
.main-sube-bilgiler{min-height:400px;margin-top:35px;}
.main-map-info{margin-left:0px;padding-left: 0px;}
.main-map-head{font-weight:bold;border-bottom:1px dashed #dcdcdc;padding-bottom:10px}
.main-map-info li {display: block; width: 100%; min-height: 30px; position: relative; float: left; margin-top: 5px; margin-bottom:0px !important }
.main-map-info li:after {border-bottom: 1px solid #dedede; content:''; width: 94%; height: 1px; display: block; float: right; }
.main-map-info li i {width: 15px; height: 22px; display: flex; align-item:center; float: left; margin-right: 15px; margin-top: 15px;}
.main-map-info li i.user-icon {background: url(../images/user-ico.png) no-repeat center top;}
.main-map-info li i.map-icon {background: url(../images/map-ico.png) no-repeat center top;}
.main-map-info li i.tel-icon {background: url(../images/phone-ico.png) no-repeat center top;}
.main-map-info li i.fax-icon {background: url(../images/fax-ico.png) no-repeat center top;}
.main-map-info li i.mobil-icon {background: url(../images/mobile-ico.png) no-repeat center top;}
.main-map-info li i.world-icon {background: url(../images/world-ico.png) no-repeat center top;}
.main-map-info li.adressatir span {line-height: 20px;font-size:85%;}

.main-map-info .il-tooltip {position: absolute; z-index: 2; } 
.main-map-info .il-tooltip div {display: inline-block; background: #fff; color: #9d1670; padding: 2px 5px; border-radius: 2px;  text-transform: uppercase; color: #16469d;}


.ss-tabs .nav-tabs{border-bottom:none}
.ss-tabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color: #fff;}
.ss-duyurular .ss_head{text-transform: uppercase;}
.ss-qa-icon{
  display: flex;
  font-size: 24px;
  float: left;
  color: #c9c9c9;
  border: 4px solid #c9c9c9;
  padding: 5px 15px;
  border-radius: 5px;
  font-weight: bold;
}
.ss-yy-icon{
  display: flex;
  font-size: 24px;
  float: left;
  color: #c9c9c9;
  border: 4px solid #c9c9c9;
  padding: 5px 15px;
  border-radius: 5px;
  font-weight: bold;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.box{
    border: 1px solid #dcdcdc;
    margin-bottom: 2px;
    display: inline-block;
    background: #fff;
    padding: 15px;
    border-radius: 3px;
    position: relative;
    min-height: 1px;
}
.box a{color:#333;letter-spacing: 1px;}
.ss-yan{margin-top:80px;}
.ss-box{
    border: 1px solid #dcdcdc;
    margin-bottom: 2px;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 3px;
    position: relative;
    min-height: 1px;
    width: 100%;
    font-family: Gotham-Thin;
    font-size: 1.5rem;
    color: #555;
    overflow: hidden;
    background: #fff;
}
.ss-box a {color:#fff}
.ss-box .icon{
  font-size: 32px;
  color: #fff;
  position: absolute;
  right: 10px;
  bottom: -5px;
  opacity: .3;
}

.ss-bg{background-color: #f3f3f3;padding-bottom:30px;}
.ss-bg-d{border:1px solid #dcdcdc;padding: 20px 0px;}
.ss-bg-btn{color:#fff;font-weight:300;font-family: "Oswald", sans-serif;}
.ss-bg-btn:hover{cursor:cursor: pointer;}
.ss-box:hover{cursor:cursor: pointer;}
.ss-bg-1{background-color:#32B3CC;} /* Turkuaz Mavi */
.ss-bg-2{background-color:#17469d;} /* Koyu Mavi */
.ss-bg-3{background-color:#c143bd;} /* Canlı Mor */
.ss-bg-4{background-color:#f09846;} /* Canlı Turuncu */
.ss-bg-5{background-color:#047958;} /* Koyu Yeşil */
.ss-bg-6{background-color:#dd5858;} /* Canlı Kırmızı */
.ss-bg-7{background-color:#4c9886;} /* Mat Yeşil/Mavi */
.ss-bg-8{background-color:#4c7cf5;} /* Canlı Lacivert */
.ss-bg-9{background-color:#ff6f61;} /* Canlı Somon Pembe */
.ss-bg-10{background-color:#5b5bde;} /* Canlı Koyu Menekşe */
.ss-bg-11{background-color:#3f6d2a;} /* Koyu Zeytin Yeşili */
.ss-bg-12{background-color:#785d0d;} /* Canlı Kahverengi */
.ss-bg-13{background-color:#b13d3d;} /* Canlı Koyu Kırmızı */
.ss-bg-14{background-color:#6d4e95;} /* Koyu Lila */
.ss-bg-15{background-color:#f36293;} /* Canlı Fuşya */
.ss-bg-16{background-color:#ff8c42;} /* Canlı Koyu Turuncu */
.ss-bg-17{background-color:#2b6777;} /* Koyu Mavi/Yeşil */
.ss-bg-18{background-color:#7dcea0;} /* Canlı Açık Yeşil */
.ss-bg-19{background-color:#ff5a5f;} /* Canlı Mercan */
.ss-bg-20{background-color:#3498db;} /* Canlı Mavi */

.yayinlarimiz h2{color:#fff}
.sm-linkler{margin-top:40px;margin-bottom:40px;}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  .band{margin-left:0px;margin-right:0px;}
  .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height: 100%;}
  .text-ust {margin-top:25px;}
  .ss_head{margin-left:0px;}
  .ml10{margin-left:10px;}
  .cbp-spmenu .ss_head{margin-left:0px;margin-top:5px;margin-bottom:5px;}
  .cbp-spmenu .genel-baskan{border:none}
  .cbp-spmenu .genel-baskan h3{font-size: 1.3rem;}
  .cbp-spmenu .genel-baskan h4{font-size: 1rem;text-align: center;}
  .cbp-spmenu .genel-baskan img{max-height: 125px;padding-left: 25%;}
  .cbp-spmenu .sm-icons .fa{
    color: #fff;
    border: 1px solid #29cbe7;
    padding: 10px 15px;
    margin-right: 10px;
    background: #28cbe7;
    border-radius: 5px;}
  .cbp-spmenu .sm-icons a{border-top:none;padding: 0px;}
  .cbp-spmenu .sm-icons .sm-f{border-top:none}
  .cbp-spmenu li .fa-search{float:left;padding-right: 10px;}

  .a-sets-aut-border{margin-left:15px;margin-right:15px;}
  .a-sets-thumb{margin-left:15px;}
  .sube-bilgileri{min-height: 10px;padding:20px 0px;}
  .sidebar-top ul li {
    padding: 8px;
    margin-right: 2px;
}

}

.g-recaptcha {
  transform:scale(0.77);
  transform-origin:0 0;
}

.tm-social li{
  width:25px; 
  height:25px; 
  margin-top:5px; 
  margin-right:5px;
  display: table;
  float: left;
}
.tm-social li:last-child{margin-right: 0px;}
.tm-social li.tm-link {padding-top: 3px;margin-right:20px}
.tm-social li.tm-link a{color:#fff;font-size:11px;}
.tm-social li.tm-link a:hover{text-decoration: none;}
.tm-social li.ss-sm a {
  font-size:14px; 
  font-weight: 400;
  color:#fff; 
  padding:0; 
  line-height:25px;
  display: inline-block;
}
.tm-social li.ss-sm{
  border:solid 1px #fff; 
  border-radius:3px; 
  text-align:center; 
}
.top{background-color:#17b6cd ;}
.navbar-collapse{border:none}
.logo-text{
  font-weight:bold; 
  font-size:30px; 
  color:#fff; 
  margin-bottom:0;
}
.logo-text a{color:#fff;}
.pd-top{padding-top: 43px}
.break{height: 85px}
#ssTabs a{text-align:center;font-size:1.8rem;}

.sube-head{
  position:absolute;
  padding:0;
  margin:0;
  margin-left:160px; 
  color:#fff; 
  text-align:left; 
  margin-top:-50px;   
  font-weight:bold; 
  font-size:18px;
}

.sube-bar{
  width:100%; 
  height:45px; 
  background:#193972; 
  margin-top:-52px;
}

.gm-news{padding:50px 0px;}
div.pager span {background: #1ab5cd !important; margin-bottom: 0.5em;  border-radius: 3px;}
.icerik-alani .table a{color: #000 !important;}
.news-content p:first-child{text-align: left!important;}
.news_detail_img{max-height:89px!important;border-radius: 2px;}
#tblsubelerliste {padding-top:50px;}
#tblsubelerliste .main-sube-bilgiler{margin-top:0px;}
.jssocials-shares{padding:15px;}
.paylas-text{float: left;margin-right: 20px;padding: 20px;}

.jssocials-shares {margin: 0.2em 0; }
.jssocials-shares * {  box-sizing: border-box; }
.jssocials-share {
  display: inline-block;
  vertical-align: top;
  margin: 0.3em 0.6em 0.3em 0; }
.jssocials-share:last-child {  margin-right: 0; }
.jssocials-share-logo {
  width: 1em;
  vertical-align: middle;
  font-size: 1.5em; }
img.jssocials-share-logo {  width: auto;  height: 1em; }
.jssocials-share-link {
display: inline-block;
text-align: center;
text-decoration: none;
line-height: 1; }
.jssocials-share-link.jssocials-share-link-count {padding-top: .2em; }
.jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
display: block;
font-size: .6em;
margin: 0 -.5em -.8em -.5em; }
.jssocials-share-link.jssocials-share-no-count {padding-top: .5em; }
.jssocials-share-link.jssocials-share-no-count .jssocials-share-count {height: 1em; }
.jssocials-share-label {padding-left: 0.3em;vertical-align: middle; }
.jssocials-share-count-box {
display: inline-block;
height: 1.5em;
padding: 0 0.3em;
line-height: 1;
vertical-align: middle;
cursor: default; }
.jssocials-share-count-box.jssocials-share-no-count {display: none; }
.jssocials-share-count {line-height: 1.5em;vertical-align: middle; }
.jssocials-share-twitter .jssocials-share-link {background: #00aced; }
.jssocials-share-twitter .jssocials-share-link:hover {background: #0087ba; }
.jssocials-share-facebook .jssocials-share-link {background: #3b5998; }
.jssocials-share-facebook .jssocials-share-link:hover {background: #2d4373; }
.jssocials-share-linkedin .jssocials-share-link {background: #007bb6; }
.jssocials-share-linkedin .jssocials-share-link:hover {background: #005983; }
.jssocials-share-email .jssocials-share-link {background: #3490F3; }
.jssocials-share-email .jssocials-share-link:hover {background: #0e76e6; }
.jssocials-share-whatsapp .jssocials-share-link {background: #29a628; }
.jssocials-share-whatsapp .jssocials-share-link:hover {background: #1f7d1e; }
.jssocials-share-telegram .jssocials-share-link {background: #2ca5e0; }
.jssocials-share-telegram .jssocials-share-link:hover {background: #1c88bd; }
.jssocials-share-line .jssocials-share-link {background: #25af00; }
.jssocials-share-line .jssocials-share-link:hover {background: #1a7c00; }
.jssocials-share-viber .jssocials-share-link {background: #7b519d; }
.jssocials-share-viber .jssocials-share-link:hover {background: #61407b; }
.jssocials-share-pocket .jssocials-share-link {background: #ef4056; }
.jssocials-share-pocket .jssocials-share-link:hover {background: #e9132e; }
.jssocials-share-messenger .jssocials-share-link {background: #0084ff; }
.jssocials-share-messenger .jssocials-share-link:hover {background: #006acc; }
.jssocials-share-vkontakte .jssocials-share-link {background: #45668e; }
.jssocials-share-vkontakte .jssocials-share-link:hover {background: #344d6c; }
.jssocials-share-link {
padding: .5em .6em;
color: #fff;
-webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
transition: background 200ms ease-in-out, border-color 200ms ease-in-out; }
.jssocials-share-link:hover, .jssocials-share-link:focus, .jssocials-share-link:active {color: #fff; }
.jssocials-share-count-box {
position: relative;
height: 2.5em;
padding: 0 .3em;
margin-left: 0.3em;
background: #f5f5f5;
-webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
transition: background 200ms ease-in-out, border-color 200ms ease-in-out; }
.jssocials-share-count-box:hover {background: gainsboro; }
.jssocials-share-count-box:hover:after {border-color: transparent gainsboro transparent transparent; }
.jssocials-share-count-box:after {
content: "";
display: block;
position: absolute;
top: 0.85em;
left: -0.3em;
width: 0;
height: 0;
border-width: 0.4em 0.4em 0.4em 0;
border-style: solid;
border-color: transparent #f5f5f5 transparent transparent;
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
transition: background 200ms ease-in-out, border-color 200ms ease-in-out; }
.jssocials-share-count-box .jssocials-share-count {line-height: 2.5em;color: #444; }

.gm-link{margin-top: -49px;}
.gm-link a{color: #fff;  font-weight: 700;}

.maps iframe {
  width:100%;
  min-height: 350px;
}
.maps {
  min-height: 350px;
  width:100%;
}

/* .g-translate{
    position: fixed;
    z-index: 99999;
    bottom: 0;
    left: 0;
}

html.translated-ltr .page_3{display:none;}
html.translated-ltr .logo_slogan{display:none;} */
.mevzuatlar a{text-decoration: none;}

.ss-pg-blok{
  border:1px solid #1ab5cd;
  border-radius: 6px;
  margin-bottom: 30px;
}

.ss-pg-icon .fa {
  color: #204295;
  font-size: 5rem;
  text-align: center;
  width: 100%;
  padding: 30px 0px;
}
.ss-pg-icon img{
  padding: 50px 0px;
}
.ss-pg-baslik{
  text-align: center;
  margin-bottom: -10px;
}

.ss-pg-baslik span{
  background-color: #fff;
  color: #204295;
  padding: 0px 25px;
  font-size: 1.8rem;
}

.nav_bottom{
  margin:30px 0px;
  padding-bottom:140px;
}

.nav_bottom img{
  border-radius: 5px;
}


.fihrist{
  background-color: #ededed;
  padding: 40px;
  border-radius: 10px;
}

.fihrist a{
  color:#000;
}

ul.basliklar {padding:20px;}
ul.basliklar ul{padding-left:30px!important}

.basliklar li{cursor: pointer;}

.head-fbg{
  width: 100%;
  padding: 10px;
  background-color: #ededed;
  margin-bottom:20px;
  font-size: 20px;
  font-weight: 600;
  border-radius:5px;
}

.hukuk-icerik p{font-size:16px;text-align: justify;}
.hukuk-icerik li{font-size: 16px;}
.hukuk-md{padding-top:100px;}
.hukuk-md ul{padding-left:30px;}

.sstv{padding-top:20px;padding-bottom:50px;}


.yt-slide{
  
  margin: 20px 15px 20px;
  border-radius: 15px;
  padding-top: 1px;
  
}
.yt-slide .yt-img{
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin: -12px 15px 8px 15px;
  margin-left: -10px;
}
.yt-slide .yt-img img{
  width: 100%;
  height: auto;
  transform: scale(1,1);
  transition:transform 0.2s linear;
}
.yt-slide:hover .yt-img img{
  transform: scale(1.1,1.1);
}
.yt-slide .over-layer{
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  left:0;
  opacity:0;
  background: linear-gradient(-45deg, rgba(6,190,244,0.75) 0%, rgba(45,112,253,0.6) 100%);
  transition:all 0.50s linear;
}
.yt-slide:hover .over-layer{
  opacity:1;
  text-decoration:none;
}
.yt-slide .over-layer i{
  position: relative;
  top:45%;
  text-align:center;
  display: block;
  color:#fff;
  font-size:25px;
}
.yt-slide .yt-content{
  background:#fff;
  padding: 2px 20px 40px;
  border-radius: 15px;
}
.yt-slide .yt-title a{
  font-size:15px;
  font-weight:bold;
  color:#333;
  display: inline-block;
  text-transform:uppercase;
  transition: all 0.3s ease 0s;
}
.yt-slide .yt-title a:hover{
  text-decoration: none;
  color:#3498db;
}
.yt-slide .yt-description{
  line-height:24px;
  color:#808080;
  margin-bottom:25px;
}
.yt-slide .yt-date{
  color:#a9a9a9;
  font-size: 14px;
}
.yt-slide .yt-date i{
  font-size:20px;
  margin-right:8px;
  color: #CFDACE;
}
.yt-slide .read-more{
  padding: 7px 20px;
  float: right;
  font-size: 12px;
  background: #2196F3;
  color: #ffffff;
  box-shadow: 0px 10px 20px -10px #1376c5;
  border-radius: 25px;
  text-transform: uppercase;
}
.yt-slide .read-more:hover{
  background: #3498db;
  text-decoration:none;
  color:#fff;
}
.owl-controls .owl-buttons{
  text-align:center;
  margin-top:20px;
}
.owl-controls .owl-buttons .owl-prev{
  background: #fff;
  position: absolute;
  top:-13%;
  left:15px;
  padding: 0 18px 0 15px;
  border-radius: 50px;
  box-shadow: 3px 14px 25px -10px #92b4d0;
  transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-next{
  background: #fff;
  position: absolute;
  top:-13%;
  right: 15px;
  padding: 0 15px 0 18px;
  border-radius: 50px;
  box-shadow: -3px 14px 25px -10px #92b4d0;
  transition: background 0.5s ease 0s;
}
.owl-controls .owl-buttons .owl-prev:after,
.owl-controls .owl-buttons .owl-next:after{
  content:"\f104";
  font-family: FontAwesome;
  color: #333;
  font-size:30px;
}
.owl-controls .owl-buttons .owl-next:after{
  content:"\f105";
}
@media only screen and (max-width:1280px) {
  .yt-slide .yt-content{
      padding: 0px 15px 25px 15px;
  }
}

input:focus, button:focus, a:focus {
  outline: 2px solid #005fcc!important;
  outline-offset: 2px;
  border-radius:3px;
  /*border: 1px solid #ff5722!important; 
  box-shadow: 0 0 0 4px rgba(255, 87, 34, 0.5)!important;*/
  transition: box-shadow 0.3s ease-in-out!important;

}

.news-item {
    display: flex;
    align-items: center;
}

.news-item i.fa-bars {
    margin-right: 10px; 
}

.news-title {
    margin: 0;
}

.uye-kosesi{
  background-color: #ffffff;
  border-radius: 10px;
  margin-top:-230px;
  margin-bottom:50px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.uye-kosesi .band{margin-left:0px;margin-right:0px;}
.uye-kosesi .card span{right: 10px;}
.uye-kosesi .icerik-alani{padding:0px 50px;}
.uye-kosesi .text-ust{padding:50px 50px 0px 50px;margin:0px}
.uye-kosesi h5{font-weight: 700;color:#16469d}
.uk-info{border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5;margin-top:20px;margin-bottom: 20px;padding:20px 0px;text-align: justify;}

.text-ust .sayfa-baslik {
  color: #16469d;
  font-size: 24px;
  font-weight: 700;
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

.uye-kosesi-detail .haber-detay-sidebar{
  margin-top: -65px;
  border-radius: 7px;
}

.uye-kosesi-detail .uye-head{
    display: inline-block;
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    background-color: #ffffff;
    border-radius: 7px;
    margin-bottom: 50px;
    margin-top: -65px;
    padding-top: 2%;
}
.uk-bg-top{
    background-image: url('../images/uk_detail_bg.jpg');
    height: 40%;
    background-position: 50% 80%;
    background-size: cover;
    display: flex;
    justify-content: center; 
    align-items: center;
};

h1.uk-bg-head{margin:0;color:#fff}
.uk-bg-head .fa{color:#fff}

@media print{
  .maashesaplama table{width:100% !important}
  .maashesaplama .menuHeader{font-size:2rem;font-weight:700;text-align:center;padding:10px 0px;text-transform:Uppercase}
  .maashesaplama td{padding:5px;}
  .maashesaplama th{padding:15px;text-transform: uppercase;text-align:center;}
  .maashesaplama a {display: none!important;color:#ffffff!important}
  .maashesaplama tr:nth-child(8){display:none !important}
}

.ss-soru{
    border: 1px solid #ccc;
    padding: 30px;
    background-color: #f9f9f9;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    height:auto;
    margin-top:35px;
}

.ss-soru-head{font-size:2rem;margin-top:0px;color:#005fcc}
.ss-soru-info .fa-question{font-size:5rem}
.ss-soru-info .fa {color:#999;margin-right:5px}
.ss-soru-body{
    font-size: 14px;
    line-height: 1.5;
    text-align: justify;
}
.ss-cevap{
  border: 1px solid #ccc;
  padding: 30px;
  background-color: #f9f9f9;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  height:auto;
  margin-top:30px;
}

.ss-cevap-head{font-size:2rem;margin-top:0px;color:#00cc25}
.ss-cevap-info .fa-reply{font-size:5rem}
.ss-cevap-info .fa {color:#999;margin-right:5px}
.ss-cevap-body{
  font-size: 14px;
  line-height: 1.5;
  text-align: justify;
}
.qa-sidebar {margin-top:90px}
.qa-sidebar .sidebar-baslik{padding-top:15px;padding-bottom:10px;}

#video_preview{min-height: 500px;}