/*!*/

/* Global Styles */
/*
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,600italic,300italic,400italic,700,700italic,800,800italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Exo:400,300,300italic,400italic,600,600italic,700,700italic&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic,900,900italic&subset=latin,latin-ext);
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,600italic,300italic,400italic,700,700italic,800,800italic&subset=latin,latin-ext);
html,
body {
    height: 100%;
    font-family: 'Open Sans', sans-serif;
    background-repeat: repeat-x;
}

body {
    /* padding-top: 0px;  /*Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}
@media screen and (max-width:768px){
    body {
        padding-top: 0px;
    }
}
h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
ol, ul {
    padding: 0;
    list-style-position: inside;
}
a {
    color: #027E9A;
    text-decoration: none;
}
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
    color: #0094b7;
    text-decoration: none;
}

input, textarea, button, .input-group-addon, .thumbnail {
    border-radius: 0 !important;
}
.table-layout {
    display:table;
    width:100%;
}
.table-layout .table-cell {
    display:table-cell;
    vertical-align: middle;
}
.no-padding, padding-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
p {
    font-size: 15px;
}

p.small {
    font-size: 14px;
}
@media screen and (max-width:768px){
    p {
        font-size: 13px;
    }
    p.small {
        font-size: 12px;
    }
}
.row-eq-height {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
}
.img-centered {
    margin: 0 auto;
}

@media(max-width:768px) {
    .row-eq-height {
       display: block;
    }
}

#map {
    width: 100%;
    height: 300px;
    margin-top: 10px;
    border-top: 4px solid #06648D;
}

.alt-sutunlar {
    padding: 20px;
}
.isoitemic {
    margin-top: 5px;
    background-color: #FFF;
    transition: border 0.2s ease-in-out 0s;
}
#page-header {
    background-color: #fde3a9   ;
}
#page-header .header-img {
    position: relative;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center;
    background-size: cover;
    min-height: 340px;
}
#page-header .header-content {
    color: #FFF;
    bottom: 50px;
    position: absolute;
    padding: 20px 40px;
    font-size: 40px;
    font-weight: 700;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 3px;
}
#page-header .header-content a  { color: #fff; }

#page-header .breadcrumb {
    background-color: #fde3a9;
    border-radius: 0;
    margin: 0;
    padding-left: 0;
}
.breadcrumb, .breadcrumb a {
    color: #452717;
    font-size: 14px;
    font-weight: 900;
}
.breadcrumb > li + li::before {
    color: #452717;
    content: "/";
    padding: 0px 5px;
}
.breadcrumb > .active {
    color: #452717;
    font-size: 14px;
}
.pager {
    margin-bottom:0px;
}
.table-cell {
    display: table-cell;
    vertical-align: top;
}
.defaults-list {
    list-style: outside none none;
    padding: 20px;
    margin: 10px 0px 40px 0px ;
    background-color: white;
}

.defaults-list li {
    padding-bottom: 20px;
}

.icerik {
    margin-top: 0px;
    padding-bottom: 20px; 
}
.header-icerik {
    margin-bottom: 15px;
}
.icerik .header-img{
    padding: 10px 0px;
    border-bottom: 4px solid #284585;
}
.icerik-ad {
    padding: 10px;
    border: 2px solid #0f9abb;
    margin: 0 0 10px 0;
    color: #284585;
}
.cerceve {
    border: 1px solid #e3e3e3;
    margin-left: -15px;
    height: 100%;
    padding: 15px;
}
.sayfabaslik {
    display: inline-block;
}
.sayfayazi {
    background-color: #fff;
    border-radius:  2px;
    text-align: justify;
}
.sayfayazi img {
    max-width: 100%;
    height: auto !important;
    margin-left: 0 !important;
}
@media (max-width: 767px) {
.sayfayazi {
    font-size: 13px;
}
.sayfayazi img {
    margin-right: 0 !important;
}
}
.tw-share-button, .fb-share-button {
    float: right;
    margin-top: 8px;
    margin-left: 10px;
}
.form-control {
    border-radius: 1px;
}
.align-center {
    text-align: center;
    margin: auto;
}
.align-right {
    text-align: right;
}
.dropdown-menu {
    border-radius: 0;
    font-size: 12px;
}
/*
***
*/
#orta-menu {
    margin-bottom: 15px;
    background-color: #080808;
    margin-top: 30px;
}
#orta-menu a{
    color: #fde3a9;
}
#orta-menu p{
    padding-top: 20px;
    font-size: 11px;
    text-align: right;
}
#orta-menu .row {
    margin: -7px;
}
#orta-menu .orta-kutu{
    padding: 7px;
    min-height: 180px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left bottom;
    margin-bottom: 15px;
}
#orta-menu .orta-yazi {
    color: #fde3a9;
    padding: 10px;
    float: right;
    width: 50%;
}
#orta-menu h2 {
    font-weight: 900;
    margin: 0;
    font-size: 22px;
    text-align: right;
    color: #fde3a9;
}

footer {
    background-color: #3e434a;
    min-height: 120px;
    color: #cdced0;
}
footer p{
    font-size: 13px;
}
footer a {
    color: #9A7E02;
} 
.pager a {
    color: #333;
}
.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
    color: #777;
    cursor: default;
    background-color: #FFF;
}
.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 2px;
}
.tarihkutusu {
    border-radius: 0;
}
.teknologo:hover {
    background-position: 0px 0px;
    cursor: pointer;
}
.teknologo {
    width: 120px;
    height: 30px;
    background-image: url("/images/babel.png");
    background-position: 0px -30px;
}
.copyright {
    float: left;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    padding-top: 5px;
}
.babellogo  {
    float: right;
    display: inline-block;
}
.youtubeWrapper iframe, .youtubeWrapper object, .youtubeWrapper embed, .vimeoWrapper iframe, .vimeoWrapper object, .vimeoWrapper embed, .instagramWrapper iframe, .instagramWrapper object, .instagramWrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.youtubeWrapper, .vimeoWrapper {
    padding-bottom: 56.25%;
}
.youtubeWrapper, .vimeoWrapper, .instagramWrapper {
    position: relative;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.isotope, .isotope .isotope-item {
    transition-duration: 0.8s;
}
.isotope {
    transition-property: height, width;
}
.isotope {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.isoitemic {
    padding: 3px;
    background-color: #FFF;
    border: 1px solid #DDD;
    border-radius: 1px;
    transition: border 0.2s ease-in-out 0s;
}
.readmore {
    padding-top: 5px;
}
.sayfatarih, .sayfayazar {
    color: #00648e;
    font-size: 16px;
    font-weight: 600;
    padding: 20px 10px 10px 0;
    display: inline-block;
}
.iletisim-bilgi {
    font-size: 14px;
}
.iletisim-bilgi div {
    margin-top: 10px;
    margin-bottom: 20px;
}
#map_canvas {
    border-radius: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.bold {
    font-weight: bold;
}
.circle-arrow { width: 32px; height: 32px; background: url(/images/circle-arrow.png) no-repeat; display: inline-block; }
.circle-arrow-wr { width: 32px; height: 32px; background: url(/images/circle-arrow-wr.png) no-repeat; display: inline-block; }
.arrow-right { background-position: -32px 0px; }
.arrow-right:hover { background-position: -32px -32px; }
.arrow-left { background-position: 0px 0px; }
.arrow-left:hover { background-position: 0px -32px; }
.altcizgi {
    border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
    margin-top: 10px;
}
footer .links-column {
}
footer .links-column ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
footer .links-column li a {
    display: block;
    font-size: 15px;
    font-weight: 600;
}
footer .links-column li a:hover {
    color: #ccc;
}
.carousel-control {
    margin: 0 15px; 
}
.carousel-indicators-numbers li {
  text-indent: 0;
  margin: 0 2px;
  width: 30px;
  height: 30px;
  border: none;
  border-radius: 100%;
  line-height: 30px;
  color: #fff;
  background-color: #999;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.carousel-indicators-numbers li.active, .carousel-indicators-numbers li:hover {
  margin: 0 2px;
  width: 30px;
  height: 30px;
  background-color: #337ab7;
}
.carousel-text > div {
    display: none;
}
.carousel-text .active {
    display: block;
}
.carousel-indicators {
    bottom: 0;
}
.clearfix.hr {
    border-bottom: 4px solid #284585;
    margin: 20px 0;
}
.clearfix.space {
    margin: 10px 0;
}
.space-100 {
    margin-bottom: 100px;
}
.space-75 {
    margin-bottom: 75px;
}
.space-50 {
    margin-bottom: 50px;
}
.space-20 {
    margin-bottom: 20px;
}
.yan-kutu {
    background-color: #284585;
    margin-top: 10px;
}
.yan-yazi {
    background-color: #284585;
}
.yan-yazi h5 {
    color: #fff;
    background-color: #0094B7;
    margin: 0;
    padding: 10px;
    text-align: center;
}
.duyuru-kutu {
    
}
.duyuru-kutu h5 {
    height: 30px;
    overflow: hidden;
}
.duyuru-kutu p {
    height: 60px;
    overflow: hidden;
    font-size: 12px;
}
.duyuru-kutu img {
    border-bottom: 4px solid #0094b7
}
.menu-kutu {
    padding: 5px;
    background-color: #0094B7; 
    color: #fff;
    margin-bottom: 5px;
}
.menu-kutu.ustmenu{
    background-color: #284585;
    color: #fff;
}
.menu-kutu.active {
    background-color: #fff;
    color: #0094B7;
    border: 2px solid #0094B7;     
}
.menu-kutu.active a{
    color: #0094B7;
}
.menu-kutu.ustmenu.active {
    background-color: #fff;
    color: #284585;     
    border: 2px solid #284585;     
}
.menu-kutu a{
    color: #fff;     
}
.altmenu, .altmenu ul {
    list-style: none;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    width: fit-content;
}
.altmenu > li {
    font-weight: bold;
    font-size: 15px;
    padding-right: 20px; 
}
.altmenu > li > a{
    color: #cdced0; 
}
.altmenu > li > ul > li{
    font-weight: normal;
    font-size: 14px;
    float: left;
    padding: 0 10px 0 10px;
}
.altmenu > li > ul > li > a{
    color: #ccc; 
}
.footeralt {
    background-color: #87898b;
    padding-top: 10px;
    text-transform: uppercase;
    font-weight: 400 !important;
}

.footerorta {
    background-color: #4f555d;
    padding: 50px 0 50px;
}
.footerorta img { height: 55px;}
.footerust {
    padding: 50px 0 50px;
    border-bottom: 1px solid #4f555d ;
}
.footerust p {line-height: 30px;}
.footerust img {height: 60px;}

.ulusehir {
    width: 130px;
    height: 60px;
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0;
    background-image: url(../images/ulusehir.png);
}
.anaaltlogolar {
    width: 100%;
    display: table;
    padding: 10px 0;
}
.anaaltlogoimg {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.anaaltlogolar img {
    max-width: 100%;
    height: auto;
}

/* Banner ###################################### */

.banner-slider-wrapper, .carousel.inner {
    position: relative;
    margin-bottom: 15px;
}

#banner-slider {
    width: 100%;
}

#banner-slider .slider-item {
    position: relative;
}

#banner-slider .cover {
    width: 750px;
    height: 400px;
    background-size: cover;
}

#banner-slider > a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

#banner-slider .item-img {
    width: 750px;
    height: 372px;
    background-size: cover;
}

#banner-slider .slider-info {
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 2;
}
#banner-slider .slider-info h1 {
    font-size: 24px;
    font-weight: 300;
    line-height: 26px;
    color: #fff;
    padding-right: 20px;
}
.banner-slider-nav {
    position: absolute;
    top: 0;
    left: 10px;
    width: 100%;
    z-index: 10;
}
.banner-slider-nav a.next-slider, .carousel-control.left {
    filter: unset;
    background:rgb(0,0,0,0.5);
}
.banner-slider-nav, .carousel-control {
    top: 45%; /* pushes the icon in the middle of the height */
    margin-left: -10px;
}
.banner-slider-nav a.next-slider, .carousel-control.right {
    right: 0px;
    filter: unset;
    background-image: none;
}
.banner-slider-nav a i {
    vertical-align: sub;
}
.banner-slider-nav a, .carousel-control {
    display: block;
    background:rgb(0,0,0,0.5);
    width: 55px;
    height: 50px;
    color: #027E9A;
    line-height: 42px;
    text-align: center;
    position: absolute;
    font-size: 20px;
    text-shadow: none;
}


.banner-slider-pager {
    display: block;
    width: 100%;
    height: 70px;
    margin-top: -15px;
    margin-bottom: 22px;
    padding-left: 10px;
    background: #e7e7e7;
}

@media screen and (max-width:767px){

    .banner-slider-pager {
        display: none;
    }
    .banner-slider-nav {
        display: none;
    }
}
.banner-slider-pager a {
    float: left;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    display: inline-block;
    width: 95px;
    height: 50px;
    margin: 10px 10px 0 10px;
    text-align: center;
    line-height: 22px;
    border:1px solid #fff;
}
.banner-slider-pager a.active {
    background-color: #027E9A;
    border-bottom:3px solid #027E9A;
}
@media screen and (max-width:767px){

#banner-slider .slider-info {
    bottom: 10px;
    left: 25px;
}
#banner-slider .slider-info h1 {
    font-size: 16px;
    line-height: 20px;
}
.banner-slider-nav, .carousel-control {
    top: 0;
}
}
.slider-item-gradient{
    display: block;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0px;
    bottom: 0px;
    z-index: 0;
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,1)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,1)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,1)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); 
}

.bx-wrapper {
    margin: 0;
}
.bx-wrapper .bx-viewport {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.bx-wrapper, .bx-wrapper .bx-viewport {
    left: 0 !important;
    border: none !important;
    background-color: transparent !important;
    z-index: 2;
}
.bx-wrapper .bx-viewport {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    left: 0 !important;
    border: none !important;
    background-color: transparent !important;
    z-index: 2;
}
.bx-viewport {
    -webkit-transform: translatez(0);
}

/* haber */

/* haberler */
.haber {
    transition: all 500ms;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.00) !important;
    -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.00) !important;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.00) !important;
}

.haber:hover{
    -webkit-box-shadow: 0px 0px 20px 8px rgba(0,0,0,0.07) !important;
    -moz-box-shadow: 0px 0px 20px 8px rgba(0,0,0,0.07) !important;
    box-shadow: 0px 0px 20px 8px rgba(0,0,0,0.07) !important; 
}

.haber a {
    color:#555;
}

.haber-kutu {
    position: relative;
    padding-bottom: 10px;
    background-color: #fff;
}
.haber:hover .haber-resim img {
    transform: scale(1.2);
}
.haber-resim {
    max-width: 360px;
    max-height: 210px;
    overflow: hidden;
    position: relative;
    border-bottom: 3px solid #027E9A;
    transition: transform .9s;
}
.haber-resim > img {
    width: 100%;
    transition: transform .9s;
}
.haber-resim .kutu-baslik {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 1em;
    padding: 5px 10px;
    background-color: #027E9A;
    color: #fff;
}
.haber-baslik, .haber-ozet,.haber-tarih {
    padding-left: 15px;
    padding-right: 15px;
}
.haber-baslik{
    font-size: 14px;
    text-overflow: ellipsis;
    font-weight: bold;
    margin-top: 30px;
    height: 35px;
    overflow: hidden;
    position: relative;
}
.haber-tarih{
    font-size: 14px;
    font-weight: 300;
    color: #b2b2b2;
    margin-top:15px;
}
.haber-tarih:after{
    content: '';
    background: #027e9a;
    width: 30px;
    height: 2px;
    display: block;
    margin: 10px 0;
    transition: all 500ms;
}
.haber:hover .haber-tarih:after{
    width: 80px;
}

.haber-ozet {
    height: 130px;
    overflow: hidden;
    font-size: 12px;
    text-overflow: ellipsis;
    margin-top: 30px;
}
.haber-devam {
    padding-left: 15px;
    padding-bottom: 15px;
    color: #027E9A;
    background-color: #fff;
    overflow: auto;
    text-transform: uppercase;
}
.haber-devam i {
    float: right;
    padding: 5px 10px;
    background-color: #027E9A;
    color: #fff;
    -webkit-transition: padding 300ms; /* Safari */
    transition: padding 300ms;
}
.haber:hover .haber-devam i {
    padding: 5px 30px;
    background-color: #9ec53a;
}

.haber-slider-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 10;
}
.haber-slider-nav a.next-slider {
    right: 0;
    filter: unset;
    background-image: none;
    margin-right: -50px;
}
@media(max-width:768px) {
    .haber-slider-nav a.next-slider {
        margin-right: 0px;
        display: none;
    }
    .haber-slider-nav a.prev-slider {
        margin-left: 0px;
        display: none;
    }
    .bulten img{ display: none;}
}
.haber-slider-nav a {
    display: block;
    width: 30px;
    height: 36px;
    color: #027E9A;
    text-align: center;
    position: absolute;
    font-size: 20px;
    margin: 5px;
    text-shadow: none;
}
.haber-slider-nav a.prev-slider {
    left: 0px;
    filter: unset;
    background-image: none;
    margin-left: -50px;
}

/**/

.gutter-0 {
    margin-right: 0px !important;
    margin-left: 0px !important;
}
.gutter-0 > [class*="col-"] {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.gutter-2 {
    margin-right: 2px !important;
    margin-left: 2px !important;
}
.gutter-2 > [class*="col-"] {
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.gutter-5 {
    margin-right: -5px !important;
    margin-left: -5px !important;
}
.gutter-5 > [class*="col-"] {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.gutter-10 {
    margin-right: -10px !important;
    margin-left: -10px !important;
}
.gutter-10 > [class*="col-"] {
    padding-left:  10px !important;
    padding-right: 10px !important;
}
#video-row [class*="col-"] {
    margin-bottom: 10px;
}
/***/

#anasayfa-video {
    text-align: center;
    margin-bottom: 20px;
}
.altlogo-yazi {
    text-align: center;
}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.videoitem {
    border: 1px solid #e3e3e3;
    margin-top: 10px;
    transition: border 0.2s ease-in-out 0s;
    text-align: center;
}
.videoitem p {
    margin: 0;
    padding: 5px;
    height: 40px;
    text-align: center;
    font-size: 13px;
    line-height: 16px;
}

/****/

.ortamenu-item {
    text-align: center;
    padding-top: 16px;
    background-color: #027E9A;
    height: 117px;
    margin-bottom: 10px;
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: color 1000ms;
    transition: color 1000ms;
}
.ortamenu-item:before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #005264;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin:50%;
    transform-origin:50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition: 300ms ease-out;
    transition: 300ms ease-out;
}
.ortamenu-item:hover:before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);

}

.ortamenu-item .orta-baslik {
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    text-transform: uppercase;
    padding: 10px 0;
}

@media(max-width:768px) {
    .ortamenu-item .orta-baslik {
        font-size: 12px;
    }
}

.img-centered {
    margin: 0 auto;
    right: 0;
    left: 0;
    max-width: 100%;
    position: relative;
    display: block;
}

/****/

.anasayfa-rakam {
    background-color: #DCDCDC;
    color: #027E9A;
    height: 85px;
    margin-top: 5px;
    transition: all 500ms;
}

.anasayfa-rakam:hover {
    transform: scale(1.05); 
}

.rakam-rakam {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
     
}                 
.rakam-rakam span{
    font-size: 10px;
    font-weight: normal;
}
.rakam-yazi {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
}
.rakam-yazi span {
    line-height: 20px;
    font-size: 12px;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: .95;
}
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default.active[disabled], .btn-default.focus[disabled], .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    color: #ccc;
    background-color: #027E9A;
}
.btn-abone {
    width: 100%;
    background-color: #027E9A;
    color: #fff;
    border-radius: 0;
}
#sidemenu {
    margin-bottom: 15px;
}
#sidemenu .panel {
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
    margin-bottom: 0;
    border: 0;
}
#sidemenu .panel-heading {
    color: #fff;
    background-color: #027E9A;
    border-color: #e3e3e3   ;
    border-radius: 0;
}
#sidemenu .panel-body {
    padding: 0;
}
#sidemenu .list-group-item {
    border: 1px solid #e3e3e3;
    border-radius: 0 !important;
}
#sidemenu .list-group-submenu .list-group-item {
    padding-left: 25px;
    background-color: #f8f8f8;
}
[data-toggle="collapse"] {
  cursor: pointer;
}
[data-toggle="collapse"][aria-expanded="true"] .fa-chevron-right:before {
  content: "\f078";
}
#sidemenu .active {
    background-color: #8F8F8F;
    border-color: #8F8F8F;
}
#sidemenu ul {
    list-style: none;
}
#sidemenu .sub-menu {
    padding-left: 15px;
}
#sidemenu .nav > li, #sidemenu .sub-menu .menu-item{
    border-top: 1px solid #e3e3e3;
}
#sidemenu .nav > li:first-child {
    border-top: 0;
}
#sidemenu li > a {
    padding: 5px 10px;
}

.yan-panel {
    margin-top: 10px;
    border-radius: 0;
    border-color: transparent;
}
.yan-panel > .panel-heading {
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    background-color: #027E9A;
    border-color: #e3e3e3;
    border-radius: 0;
}     
.yan-panel > .panel-body {
    padding: 0;
}
.label-primary {
    background-color: #027E9A;
}
.baslik {
    padding-top: 5px;
    margin-top: 50px;
    margin-bottom:50px;
    color: #8F8F8F;
    text-align: center;
}
.row.iletisim-bilgi > .bold {
    text-align: right;
}
.col-50 {
    width: 50%;
    float: left;
    padding-left: 15px;
}
.col-50:first-child {
    padding-left: 0;
}
@media screen and (max-width: 767px) {
    .col-50 {
        width: 100%;
    }
}
/* responsive fix */
@media screen and (max-width: 767px) {
    .top-telefon {
        font-size: 16px;
        float: left;
    }
    .container > .navbar-header {
        margin-right: 0px;
        margin-left: 0px;
    }
    .navbar-toggle {
        margin-right: 0px;
        margin-top: 20px;
    }
    .checkbox label, .radio label {
        font-size: 12px;
    }
    .sayfabaslik {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .sayfayazi tr {
        display: block;
        float: left;
    }
    .sayfayazi tr td {
        display: inline-block;
        width: 50%;
        float: right;
    }
    .sayfayazi tr td:first-child {
        float: left;
    }
}

/**/

#filters_container {
    text-align: center;
}
#filters {
    list-style: none;
    overflow: auto;
    display: inline-block;
}
#filters li {
    float: left;
    margin-right: 1px;
    margin-bottom: 1px;
}
.btn.btn-filter:hover, .btn.btn-filter.active {
    background-color: #027E9A;
}
.btn.btn-filter {
    border: 0;
    border-radius: 0;
    background-color: #B7B7B7;
    color: #fff;
}
.firma-bg {
    background-image: url(/images/firma-bg.jpg);
    background-size: 100%;
    background-repeat: repeat-y;
}
.firma-item {
    margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
}
.firma-item-ic {
    border: 1px solid #e7e7e7;
    display: inline-block;
    width: 100%;
}
.firma-item-ic img {
    padding: 10px;
    border-bottom: 1px solid #e7e7e7;
}
.firma-item-kod {
    font-size: 1.2em;
    font-weight: 600;
    margin: 10px 15px;
    line-height: 1em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.firma-item-yazi {
    margin: 5px 15px;
    font-size: 1em;
    line-height: 1.1em;
    height: 2.2em;
    text-overflow: ellipsis;
    overflow: hidden;
}
.firma-item-web {
    font-weight: 600;
    font-size: 1em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 5px 15px;
}
.firma-slider {
    width: 95%;
    margin-top: 20px;
    margin-bottom: 10px;
    position: relative;
    z-index: 0;
}
.firma-slider::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 5%;
    top: 15%;
    border: 15px solid #027E9A;
    z-index: -1;
}
.firma-logo {
    background-color: #fff;
    border: 1px solid #8F8F8F;
    text-align: center;
}
.firma-ad {
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    background-color: #fff;
    color: #027E9A;
    border: 1px solid #8F8F8F;
    height: 120px;
    display: table;
    text-align: center;
    width: 100%;
}
.firma-ad > div{
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: middle;
}
.firma-cerceveli {
    width: 95%;
    position: relative;
    margin-bottom: 5%;
    z-index: 1;
}
.firma-cerceveli::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 5%;
    top: 7%;
    border: 10px solid #027E9A;
    z-index: -1;
}
.gif-img img {
    margin: 0 auto;
    max-height: 250px;
}
.firma-baslik {
    font-size: 24px;
    font-weight: bold;
    color: #027E9A;
    text-transform: uppercase;
}
.firma-numbaslik {
    font-size: 32px;
    font-weight: bold;
    color: #027E9A;
    text-transform: uppercase;
    float: right;
    margin-top: 10px;
}
.firma-altbaslik {
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    float: right;
}
.firma-yazi {
    font-size: 16px;
    font-weight: normal;
}
@media (max-width: 767px) {
	.firma-altbaslik {
		font-size: 23px;
	}
}
/**/
.nopadding {
    padding: 0 !important;
}
.main-gallery {
    overflow: hidden;
}
.section-main {
    position: relative;
}
.main-gallery .height-large {
    height: 660px;
}
.box-bg {
    position: relative;
}
.height-large {
    height: 400px;
}
.img-bg-cover {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.box-bg:hover .hover.bg-primary {
    background-color: rgba(0,190,214,.9);
}
.box-bg .hover.bg-primary {
    background-color: transparent;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
a.bg-primary:focus, a.bg-primary:hover {
    background-color: #0091a3;
}
.box-bg .hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}
a, a:active, a:focus, a:hover, a:visited {
    text-decoration: none;
}
a:active, a:hover {
    outline: 0;
}
.bg-primary {
    color: #fff;
    background-color: #00bed6;
}
.main-gallery .height-small {
    height: 330px;
}
.box-bg {
    position: relative;
}
.height-small {
    height: 190px;
}
.img-bg-cover {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.ui-icons.ui-icons-retina-lens-gray {
    background-image: url(/images/ui-icons-retina.png);
    background-position: -499px -400px;
    width: 30px;
    height: 30px;
}
.ui-icon, .ui-icons {
    display: inline-block;
    background: url(/images/ui-icons-retina.png) no-repeat 0 0;
    vertical-align: middle;
    line-height: 1;
}
.box-bg:hover .hover .btn-zoom {
    opacity: 1;
}
.box-bg .hover .btn-zoom {
    display: inline-block;
    border: 5px solid #9ee2eb;
    opacity: 0;
    height: 80px;
    width: 80px;
    line-height: 70px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.box-bg:hover .hover.bg-primary {
    background-color: rgba(0,190,214,.9);
}
.box-bg .hover.bg-primary {
    background-color: transparent;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
a.bg-primary:focus, a.bg-primary:hover {
    background-color: #0091a3;
}
.box-bg .hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}
@media (max-width:767px) {
    .main-gallery .height-large {
        height: 290px;
    }
    .main-gallery .height-small {
        height: 145px;
    }
}
@media (min-width:768px) {
	.sagcizgi {
		border-right: 1px solid #8F8F8F;
	}
}
.sayac {
    overflow:auto;
}
.hexagon {
  position: relative;
  width: 80px;
  height: 46.19px;
  background-color: #027E9A;
    margin: 23.09px auto;
    left: 0;
    right: 0;
}
.hexagon i {
    position: absolute;
    left: 28px;
    top: 10px;
    color: #fff;
}

.hexagon:before,
.hexagon:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
}

.hexagon:before {
  bottom: 100%;
  border-bottom: 23.09px solid #027E9A;
}

.hexagon:after {
  top: 100%;
  width: 0;
  border-top: 23.09px solid #027E9A;
}
.hex-text {
    text-align: center;
}

.iletisim-baslik {
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 40px;
    color: #027E9A;
    font-size: 1.6em;
}
.iletisim-yazi {
    margin-bottom: 10px;
    text-align: center;
    color: #8A8A8A;
    margin-top: 5px;
    font-size: 1em;
    font-weight: 300;
    color: #333;
    height: 100px;
}

hr.iletisim {
    margin-top: 5px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #027E9A;
    width: 90px;
}

h3.iletisim {
    color: #027E9A;
    text-transform: uppercase;
    text-align: center;
}

.img-tarih {
    margin-top: -20px;
    font-size: 0.8em;
    color: #aaa;
    float: right;
}
.img-yazi {
    line-height: 1.2em;
    height: 2.4em;
    overflow: hidden;
}
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

                                06-02-2019 REVİZE

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
.arama-menu{width: 270px; float: right; -webkit-transition: width 1s; transition: width 1s;}
.arama-menu:hover{width: 370px; }
.arama-menu input{
    background: #006d85;
    border:none;
    color: #fff !important;
}
.arama-menu input::placeholder{
    color: #fff;
}
.arama-menu .arama-group .input-group-addon {
    background-color: #9fc63b;
    color: #fff;
}

.navbar-logo {padding-top: 5px;}
#analogolink {margin-bottom: 100px;}

.navbar-logolar { float: right; padding-top: 13px; }
@media screen and (max-width:767px){
    .navbar-logolar {display: none; }
}
.bulten {
    padding: 50px 0 50px 0;
    background: #027e9a;
    color: #fff;
}
.bulten h3 {padding-top: 10px;}
.bulten span {font-weight: 300 !important;}
.bulten img{ height: 70px;}
.bulten input{ height: 45px; border-radius: 45px !important; margin-top: 20px;}
.bulten button{ 
    height: 45px;
    border-radius: 45px !important;
    margin-top: 20px;
    background: #fff !important;
    border: 2px solid #f7f7f7 !important;
    color: #494949 !important;
    text-transform: uppercase;
    cursor: pointer;
}
.bulten button:hover{ 
    background: #027e9a !important;
    color: #fff !important;
}

.section-title{
    position: relative;
    width: 100%;
    color: #027e9a!important;
    text-align: center;
    margin: 50px 0 50px;
}
.section-title:after{
    content: '';
    background: #027e9a;
    width: 65px;
    height: 2px;
    display: block;
    margin:0 auto;
}

.footer-logolar {
    margin: 80px 0 80px;
}
.footer-logolar img {
    transition: all 500ms;
}
.footer-logolar img:hover{
     transform: scale(1.1); 
}

.footer-social-icons {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size:20px;
    border: 1px solid #fff;
    color: #fff;
    margin-top: 10px;
    float: right;
    transition: all 500ms;
    cursor: pointer;
}
.footer-social-icons:hover {
    border: 1px solid #fff;
    color: #4f555d;
    background-color: #fff;
}

@media(max-width:768px) {
    .footer-social-icons {
        float: none;
        margin:0 auto;
        margin-top: 30px;
    }

    .footer-icon {
        margin-bottom: 30px;
    }
}


.yeni-haberler-img{overflow: hidden;}
.yeni-haberler-img img{transition: all 500ms;}
.yeni-haber-text{
    width: 100%;
    height: 220px;
    overflow: hidden;
    padding:15px;
    background-color: #fff;
    color: #545e67;
    transition: all 500ms;
}
.yeni-haber-text h4{ font-size:20px;}
.yeni-haber-text p{ font-size:16px;}
.yeni-haberler-item:hover .yeni-haber-text{
    background-color: #027e9a; 
    color: #fff;
}
.yeni-haberler-item:hover img{transform:scale(1.15);}
@media (max-width: 767px) {
.yeni-haber-text h4{ font-size:18px;}
.yeni-haber-text p{ font-size:16px;}
.yeni-haber-text{height: 240px;}
}
.ebulten-input{
    position: relative;
}

.ebulten-input .btn{
    position:absolute;
    width:35px;
    height:35px;
    border-radius: 40px;
    padding: 0px;
    text-align: center;
    line-height: 35px;
    right: 8px;
    top:25px;
    border:0px;
    background: #3f444a;
}
.ebulten-input .btn:hover{background:#4d5156;}