/* 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=Exo:400,300,300italic,400italic,600,600italic,700,700italic&subset=latin-ext);
html,
body {
    height: 100%;
    font-family: 'Exo', sans-serif;
    background: #eff4f8 none repeat scroll 0% 0%;
}

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: 'Exo', sans-serif;
    font-weight: 700;
}
ol, ul {
    padding: 0;
    list-style-position: inside;
}
a {
    color: #585F67;
    text-decoration: none;
}
a:hover,
a:focus,
a:active,
a.active {
    outline: 0;
    color: #333;
    text-decoration: none;
}
.container { 
    position: relative; 
}
input, textarea, button, .input-group-addon, .thumbnail {
    border-radius: 5 !important;
}

.table-layout {
    display:table;
    width:100%;
}
.table-layout .table-cell {
    display:table-cell;
    vertical-align: middle;
}

p {
    font-size: 15px;
}

p.small {
    font-size: 14px;
}
.row-eq-height {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
}
.row-align-middle {
    align-items: center;
}
.img-centered {
    margin: 0 auto;
    right: 0;
    left: 0;
    max-width: 100%;
    position: relative;
    display: block;
}
.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: #0087B2;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    opacity: .95;
}

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

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

.bannerbaslik {
    position: absolute;
    top: 30%;
    left: 20%;
    padding: 20px 30px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 3px;
}
.banneryazi {
    position: absolute;
    top: 60%;
    left: 30%;
    padding: 20px 30px;
    background: rgba(253, 227, 169, 0.5);
    border-radius: 3px;
}
.banneryazi a, .bannerbaslik a {
    color: #FFF;
    font-size: 40px;
    font-weight: 700;
}
.alt-sutunlar {
    padding: 20px;
}
.isoitemic {
    margin-top: 5px;
    background-color: #FFF;
    transition: border 0.2s ease-in-out 0s;
}
#page {
    margin-top: 15px;
    margin-bottom: 15px;
}

.breadcrumb {
    background-color: inherit;
    border-radius: 0;
    margin: 0;
    padding-left: 0;
    display: inline-block;
}
.breadcrumb, .breadcrumb a {
    color: #333;
    font-size: 16px;
    font-weight: 900;
    margin: 0;
    padding: 8px 0;
}
.breadcrumb > li + li::before {
    content: "/";
    padding: 0px 5px;
}
.breadcrumb > .active {
    color: #888;
    font-size: 14px;
}
.pager {
    margin-bottom:0px;
}
.table-cell {
    display: table-cell;
    vertical-align: top;
}
.defaults-list {
    list-style: outside none none;
    background-color: white;
}

.defaults-list li {
    padding: 10px;
    border: 1px solid #e3e3e3;
    margin-bottom: 10px;
    border-left: 4px solid #e3e3e3;
}

.icerik {
    margin-top: 0px;
    padding-bottom: 20px; 
}
.header-icerik {
    margin-right: -30px;
    margin-left: -30px;
    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: 2px solid #0f9abb;
    margin-left: -15px;
    height: 100%;
}
.sayfaad {
    margin-top:0;
}
.sayfayazi {
    text-align: justify;
}
.sayfayazi img{
    max-width:100%;
    height: auto;
}
.sayfayazi table {
    max-width: 100% !important;
    overflow-x:auto;
}
@media screen and (max-width:767px) {
.sayfayazi {
    font-size: 12px;
}
    .sayfayazi table {
        text-align: left;
    }
}
.urunbaslik {
    text-align: center;
    color: #888 !important;
}
.tw-share-button, .fb-share-button {
    float: right;
    margin-top: 8px;
    margin-left: 10px;
}
.haberbaslik {
    color: white;
    font-size:20px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
}
#haberyazi {
    background-color: #FFF;
    height: 40px;
    padding-left: 20px;
    line-height: 40px;
    overflow: hidden;
}

#haberyazi ul {
    list-style: outside none none;
    margin: 5px;
}
.form-control {
    border-radius: 1px;
}

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

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

@media (max-width: 767px) {
   .banner-slider-wrapper, .carousel.inner {
       margin-top:-15px;
       margin-bottom: 0px;
    } 
}

#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: 400px;
    background-size: cover;
}

#banner-slider .slider-info {
    position: absolute;
    bottom: 60px;
    left: 40px;
    z-index: 2;
}
#banner-slider .slider-info h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    color: #fff;
    padding-right: 20px;
}
#banner-slider .slider-info h1 a {
    color: #fff;
}
.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-image: none;
}
.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;
    width: 30px;
    height: 36px;
    background: #fff;
    color: #0087B2;
    text-align: center;
    position: absolute;
    font-size: 20px;
    margin: 5px;
    text-shadow: none;
}
.banner-slider-pager {
    display: block;
    width: 100%;
    height: 70px;
    margin-top: -15px;
    margin-bottom: 22px;
    padding-left: 10px;
    background: #e7e7e7;
    text-align: center;
    overflow: hidden;
}

@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;
    overflow: hidden;
}
.banner-slider-pager a.active {
    background-color: #0087B2;
    border-bottom:3px solid #0087B2;
}
@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);
}

/**/


/* -------------- */

.align-right {
    text-align: right;
}
.dropdown-menu {
    border-radius: 0;
    font-size: 12px;
}
/*
***
*/
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
} 

footer {
    background-color: #3e4349;
    min-height: 120px;
    color: #cdced0;
}

.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: 1;
    background-color: #e3e3e3;
    color: #888;
}
.babellogo:hover {
    background-position: 0px 0px;
    cursor: pointer;
}
.copyright {
    font-size: 14px;
    font-weight: 500;
    padding-top:6px;
    float: left;
    color: #333;
}
.babellogo  {
    float: right;
    display: inline-block;
    width: 118px;
    height: 30px;
    margin-top: 5px;
    background-image: url("/images/babel.png");
    background-position: 0px -30px;
}
.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;
}
.iso-title h4 {
    text-align: center;
    font-size: 14px;
    color: #0087B2;
}
.readmore {
    padding-top: 5px;
}
.sayfatarih, .sayfayazar {
    color: #888;
    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 #0087B2;
    margin: 0 0 15px 0;
}
.clearfix.space {
    margin-top: 15px;
}
.yan-kutu {
    background-color: #0087B2;
    margin-top: 10px;
}
.yan-yazi {
    background-color: #0069AA;
}
.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: #585f67;
    padding-top: 10px;
}

.footerorta {
    background-color: #4e555d;
    padding: 50px 0 30px;
}
.footerust {
    padding: 50px 0 50px;
}

.ulusehir {
    width: 130px;
    height: 60px;
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0;
    background-image: url(../images/ulusehir.png);
}

#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;
}
.slogan-kutu{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}
.haber-item img {
    float: left;
    margin-right: 10px;
}

.haber-item p {
    margin: 0 10px;
}

.haber-item button {
    position: absolute;
    right: 10px; 
    bottom: 20px;
}
/* haber slider -------------------------------------- */
.haber-slider .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 15px !important;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}
.haber-slider .bx-wrapper .bx-prev {
    left: -65px;
}
.haber-slider .bx-wrapper .bx-next {
    right: 0px;
}

.haber-slider .bx-controls {
    top: 0px;
    position: absolute;
    right: 0px;
    width: 200px;
    height: 30px;
}

.haber-slider .bx-controls-direction {
    position: relative;
    float: right;
}
.haber-slider .bx-wrapper .bx-pager, .haber-slider .bx-wrapper .bx-controls-auto {
    top: -8px;
}
.haber-slider .bx-wrapper .bx-pager.bx-default-pager a {
    background: #888;
}
.haber-slider .bx-wrapper .bx-pager.bx-default-pager a:hover, .haber-slider  .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #0069AA;
}

/* ------------ */
.sayfa-header-bg {
    height: 300px;
    background-position: center;
    overflow: hidden;
    display: block;
    position: relative;
}
.sayfa-header-bg::after {
  content: "";
  background-image : url(../images/veri-sayfa.jpg);
  background-position: center;
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;   
}
.sayfa-header {
    border: 1px solid #e3e3e3;
    margin-top: 10px;
}
.sayfa-header-link {
    border-left: 4px solid #0087B2;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
}

.no-margin {
    margin:0 !important;
}
.col-20 {
    width: 20%;
}
.baslik {
	border-top: 3px solid #585F67;
	padding-top: 5px;
	margin-top: 15px;
    color: #585F67
}
/* haberler */
.haberler .haber {
    margin-left: 15px;
    margin-right: 15px;
}
.haber {
    border: 1px solid #e3e3e3;
}
.haber-kutu {
    position: relative;
    padding-bottom: 10px;
    background-color: #fff;
}
.haber-resim {
    max-width: 360px;
    max-height: 210px;
    overflow: hidden;
    position: relative;
    border-bottom: 3px solid #0087B2;
}
.haber-resim > img {
    width: 100%;
}
.haber-resim .kutu-baslik {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 1em;
    padding: 5px 10px;
    background-color: #0087B2;
    color: #fff;
}
.haber-baslik, .haber-ozet {
    padding-left: 10px;
    padding-right: 10px;
}
.haber-baslik{
    font-size: 14px;
    text-overflow: elipsis;
    font-weight: bold;
    margin: 5px 0;
    height: 40px;
    overflow: hidden;
}
.haber-ozet {
    height: 50px;
    overflow: hidden;
    font-size: 12px;
    text-overflow: elipsis;
    text-align: justify;
}
.haber-devam {
    padding-left: 10px;
    color: #0087B2;
    background-color: #fff;
    overflow: auto;
}
.haber-devam i {
    float: right;
    padding: 5px 10px;
    background-color: #0087B2;
    color: #fff;
}
.blokmenu-item {
    color: #fff;
    text-align: center;
}
.blokslogan {
    color: #fff;
    font-size: 13px;
}
#blokmenu .blokmenu-item.item1,
#blokmenu .blokmenu-item.item2,
#blokmenu .blokmenu-item.item5,
#blokmenu .blokmenu-item.item3 {
    padding-top: 15px;
    margin-bottom: 10px;
    height: 175px;
}
#blokmenu .blokmenu-item.item5 {
    padding-top: 0;
}
#blokmenu .blokmenu-item.item4 {
    margin-top: 5px;
    height: 112px;
}
@media (max-width:1199px) {
    #blokmenu .blokmenu-item.item1,
    #blokmenu .blokmenu-item.item2,
    #blokmenu .blokmenu-item.item5,
    #blokmenu .blokmenu-item.item3 {
        padding-top: 5px;
        height: 155px;
    }
    #blokmenu .blokmenu-item.item4 {
        margin-top: 0;
        height: 95px;
    }
}
.blokmenu-item.item1 {
    background-color: #0087B2;
}
.blokmenu-item.item2 {
    background-color: #8AC9DA;
}
.blokmenu-item.item3 {
    background-color: #92A4AF;
}
.blokmenu-item.item5 {
    background-color: #0087B2;
}
.blokmenu-item.item4 {
    background-color: #E3E3E3;  
    color: #58585A;
}
.blokmenu-item.item4 h5{
    font-size: 14px;
    color: #0087B2;
}
.yanblok .blokslogan {
    padding-top: 0px;
    font-size: 12px;
}

#blokmenu.yanblok .blokmenu-item.item1,
#blokmenu.yanblok .blokmenu-item.item5,
#blokmenu.yanblok .blokmenu-item.item2,
#blokmenu.yanblok .blokmenu-item.item3 {
    padding-top: 10px;
    height: 130px;
    margin-bottom: 10px;
}
#blokmenu.yanblok .blokmenu-item.item4 {
    margin-bottom: 0px;
    overflow: auto;
    padding-top: 15px;
    height: 90px;
}
#blokmenu.yanblok .blokmenu-item.item4 h5 {
    margin-top: 15px;
}
#blokmenu.yanblok .blokmenu-item.item4 img{
    float: left;
}
#blokmenu > .row > [class*="col-"] {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
#blokmenu > .row {
    margin-right: -5px !important;
    margin-left: -5px !important;
}
.haber-slider-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}
.haber-slider-nav a.next-slider{
    right: 0;
    filter: unset;
    background-image: none;
    margin-right: 20px;
}
.haber-slider-nav a.prev-slider{
    left: 0px;
    filter: unset;
    background-image: none;
    margin-left: 20px;
}
.haber-slider-nav a i {
    vertical-align: sub;
}
.haber-slider-nav a{
    display: block;
    width: 30px;
    height: 36px;
    //background: #fff;
    color: #0087B2;
    text-align: center;
    position: absolute;
    font-size: 20px;
    margin: 5px;
    text-shadow: none;
}
.anasektor-item {
    border: 1px solid #e3e3e3;
    background-color: #fff;
}
.yansektor-item{
    margin-top: 2px;
    background-color: #888888;
    color: #fff;
}
.yansektor-item .yansektor-img {
    padding: 2px;
}
.yansektor-item .yansektor-baslik {
    padding-left: 10px;
    width: 100%; 
}
.anasektor-baslik {
    height: 40px;
    width: 100%;
    display: table;
    vertical-align: middle;
    background-color:#0087B2;
}
.referans-baslik{
    height: 40px;
    width: 100%;
    vertical-align: middle;
    background-color:#0087B2;
    overflow: hidden;
}
.anasektor-baslik h5, .referans-baslik h5 {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    padding-left: 10px;
    line-height: 20px;
}
.anasektor-baslik h6 {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    overflow: hidden;
}                     
.anasektor-baslik img {
    display: table-cell;
    vertical-align: middle;
    background-color:#8B1418;
}

#ortamenu > .row > [class*="col-"] {
    padding-left: 2px !important;
    padding-right: 2px !important;
}
#ortamenu > .row {
    margin-right: -2px !important;
    margin-left: -2px !important;
}
.ortamenu-item {
    border: 1px solid #e3e3e3;
    text-align: center;
    padding-top: 15px;
    border-top: 2px solid #585F67;
}
@media screen and (max-width:767px) {
.ortamenu-item h5 {
    font-weight: normal;
    font-size 12px;
    overflow: hidden;
}
}
.owl-carousel .owl-item img {
    width: auto;
}

.owl-nav {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    z-index: 10;
}
.owl-nav a.owl-next{
    right: 0;
    filter: unset;
    background-image: none;
    margin-right: 20px;
}
.owl-nav a.owl-prev{
    left: 0px;
    filter: unset;
    background-image: none;
    margin-left: 20px;
}
.owl-nav a i {
    vertical-align: sub;
}
.owl-nav a{
    display: block;
    width: 30px;
    height: 36px;
    //background: #fff;
    color: #0087B2;
    text-align: center;
    position: absolute;
    font-size: 20px;
    margin: 5px;
    text-shadow: none;
}
.gutter-5 [class*="col-"] {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.gutter-5 {
    margin-right: -5px !important;
    margin-left: -5px !important;
}
.gutter-2 [class*="col-"] {
    padding-left: 2px !important;
    padding-right: 2px !important;
}
.gutter-2 {
    margin-right: -2px !important;
    margin-left: -2px !important;
}
#instafeed img {
    border: 1px solid #e3e3e3;
    margin-bottom: 10px;
}

#video-row img {
    border: 1px solid #e3e3e3;
    margin-bottom: 10px;
}
.anaaltlogolar {
    width: 100%;
    display: table;
    padding: 10px 0;
}
.anaaltlogoimg {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.anaaltlogolar img {
    max-width: 100%;
}
.btn-abone {
    width: 100%;
    background-color: #0087B2;
    color: #fff;
    border-radius: 0;
}
#abonelikForm div {   
    margin: 5px 0;
}
.align-center{
    text-align: center;
    margin: auto;
}
.align-right{
    text-align: right;
}
.mesyebmyk {
    font-size:14px;
    color:#cdced0;
    text-align:left;
    float:left;
    margin-bottom:15px;
}
.footermail{
    color:#3A3A3A;
    padding-top:6px;
    text-align: right;
}
#sidemenu {
    margin-top: 10px;
    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: #0087B2;
    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: #888;
    border-color: #888;
}
#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: #0087B2;
    border-color: #e3e3e3;
    border-radius: 0;
    // border-bottom: 4px solid #888;
}     
.yan-panel > .panel-body {
    padding: 0;
}

.orta-panel {
    margin-top: 10px;
    border-radius: 0;
    border: 1px solid #e3e3e3;
}
@media (max-width:767px) {
    .orta-panel {
    font-size: 12px;
    }
}
.orta-panel .panel-heading {
    color: #fff;
    background-color: #888;
    border-radius: 0;
    border-bottom: 4px solid #0087B2;
}     
.orta-panel .panel-body {
    padding: 0;
}
.orta-panel .list-group {
    padding-left: 0;
    margin-bottom: 0px;
}
.orta-panel .list-group-item {
    border-radius: 0 !important;
    border: 0;
    border-top: 1px solid #e3e3e3;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: #e3e3e3;
}
.table-striped tr > td:first-child {
    padding-left: 10px;
}
.ucret-baslik {
    text-align:center;
    background-color: #0087B2;
    color: #fff;
    padding: 15px 0;
    margin-bottom: 15px;
}
.ucretler #accordion > .panel ,.ucretler #accordion .panel-group .panel{
    border-radius: 0;
    box-shadow: none;
}
.ucretler #accordion > .panel-default > .panel-heading {
    color: #888;
    background-color: #e3e3e3;
    border-color: #0087B2;
    border-left: 4px solid #0087B2;
    border-radius: 0;
}
.ucretler #accordion > .panel-default > .panel-heading .panel-title {
    font-size: 20px;
}
.ucretler #accordion > .panel-default > .panel-collapse .panel-heading {
    color: #888;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 0;
    font-size: 16px;
    font-weight: bold;
}
.ucretler #accordion .panel-group .panel + .panel {
    margin-top: -1px;
}

.ucretler #accordion .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    margin-top: -1px;
}
.ucretler #accordion .list-group-item {
    padding-left: 30px;
    font-size: 13px;    
}
.ucret-panel, .ucret-list .list-group-item {
    border-radius:0;
}
.zorunlu {
    color: red;
}
.tiklayiniz {
    font-size: 12px;
    margin-top: 5px;
    opacity: 0.8;
}
.tiklayiniz i{
    color: blue;
    font-weight: bold;
    text-decoration: underline;
}
.padding-10 {
    padding: 10px;
}

.yan-linkler-item{
    position: relative;
    width: 100%;
    height: 117px;
    background-color: #fff;
    margin-bottom:20px;
    transition: all 500ms;
}
.yan-linkler-item-line{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 6px;
    height: 117px;
    background: #0087B2;
    transition: all 500ms;
}
.yan-linkler-item-line2{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0px;
    height: 6px;
    background: #0087B2;
    transition: all 500ms;
}
.yan-linkler-item:hover .yan-linkler-item-line{
    height: 70px;
}
.yan-linkler-item:hover .yan-linkler-item-line2{
    width: 50px;
}
.yan-linkler-item:hover{
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 35px -1px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 0px 35px -1px rgba(0,0,0,0.08);
    box-shadow: 0px 0px 35px -1px rgba(0,0,0,0.08);
}

.yan-linkler-icon{
    float: left;
    width: 30%;
    height: 117px;
    display: flex;
    align-items: center;
    padding-left: 5px;
}
.yan-linkler-text{
    float: left;
    width: 70%;
    height: 117px;
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #545e67;
    padding-left: 5px;
}
.yan-linkler-text span{
    font-weight: 800;
}
.yan-linkler-text .kucuk-yazi{
    font-weight: 400;
    font-size:14px;
}

.linkler2{
    width: 100%;
    height: 165px;
    margin-top:30px;
    background-color: #545e67;
}
.linkler2-icon{height:75px;padding-top:15px;transition: all 500ms;}
.linkler2-icon img{transition: all 500ms;}
.linkler2-text{
    font-size: 15px;
    color:#fff;
    padding-top: 15px;
    transition: all 500ms;
}
.linkler2-text span{
    font-weight: 800;
}
.linkler2-item{height: 165px; display: block; transition: all 500ms; overflow: hidden;}
.linkler2-item:hover {background-color: #0087B2;}
.linkler2-item:hover .linkler2-icon{margin-top:-35px;}
.linkler2-item:hover .linkler2-icon img{opacity: 0;}
.bg-white{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 830px;
    background-color: #fff;
}
@media (max-width: 992px) {
    .mobile-linkler{margin-top:50px;}
    .mobile-linkler .btn {
        width: 100%;
        height: 50px;
        border-radius: 0px;
        border: none;
        background-color: #0087B2;
        color: #fff;
        line-height: 50px;
        padding-top:3px;
        font-size:20px;
    }
    .mobile-linkler .collapse .well{
        border-radius: 0px;
    }
    .mobile-linkler ul{
        list-style: none;
        padding: 0px;
    }
    .mobile-linkler ul li img{
        height: 30px;
        float: left;
        display: inline;
    }
    .mobile-linkler ul li{
        list-style: none;
        float: left;
        display: inline;
        width: 100%;
        height: 30px;
        margin: 8px 0 8px;
        line-height: 30px;
    }
}

.yeni-title{
    position: relative;
    width: 100%;
    height: auto;
    padding: 15px 0 15px;
    text-align: center;
    color: #545e67;
}
.yeni-title:after{
    content: '';
    background: #0087B2;
    width: 65px;
    height: 6px;
    display: block;
    margin: 0 auto;
}
.yeni-title-white{
    position: relative;
    width: 100%;
    height: auto;
    padding: 15px 0 15px;
    text-align: center;
    color: #fff;
}
.yeni-title-white:after{
    content: '';
    background: #fff;
    width: 65px;
    height: 6px;
    display: block;
    margin: 0 auto;
}
.yeni-meslekler{
    margin-top:120px;
}
@media (max-width: 767px) {
   .yeni-meslekler{margin-top:50px;} 
}
.yeni-meslekler-item{margin-top:30px;transition: all 500ms;}
.meslekler-title{
    position: relative;
    width: 100%;
    height: auto;
    padding: 15px 0 20px;
    text-align: center;
    color: #545e67;
    background-color: #fff;
    transition: all 500ms;
}
.meslekler-title h4{ font-weight: 400;font-size: 22px;}
.meslekler-title:after{
    content: '';
    background: #0087B2;
    width: 65px;
    height: 6px;
    display: block;
    margin: 0 auto;
    transition: all 500ms;
}
.yeni-meslekler-item:hover .meslekler-title{
    background-color: #0087B2;
    color: #fff;
}
.yeni-meslekler-item:hover .meslekler-title:after{
    background-color: #fff;
    width: 100px;
}
.yeni-haberler-item{margin-top: 30px;}
.yeni-haberler-img{overflow: hidden;}
.yeni-haberler-img img{transition: all 500ms;}
/* .yeni-haberler{margin-top:120px;} */
.yeni-haber-text{
    width: 100%;
    height: 180px;
    overflow: hidden;
    padding:15px;
    background-color: #fff;
    color: #545e67;
    transition: all 500ms;
}
.yeni-haber-text h4{ font-size:22px;}
.yeni-haber-text p{ 
	font-size:18px;
	 display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	}
.yeni-haberler-item:hover .yeni-haber-text{
    background-color: #0087B2; 
    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;}
}

.yeni-referanslar{margin-top:120px;}

.yeni-videolar{
    margin-top:120px;
    padding: 50px 0 50px;
    background:#545e67;
    background-position: center center;
}
.yeni-logolar{
    margin-top:120px;
    height: 242px;
    background:url("../images/footer-logolar.jpg");
    background-position: center center;
}

.yeni-videolar .video-item{transition: all 500ms; width: 100%;}
.yeni-videolar .video-item:hover{transform:scale(1.1);}

.footer-logolar {
    margin: 50px 0 50px;
}
.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;
    margin-left: 5px;
    margin-right: 5px;
    float: right;
    transition: all 500ms;
    cursor: pointer;
}
.footer-social-icons a{color: #fff;}
.footer-social-icons:hover a{color: #4e555d;}
.footer-social-icons:hover {
    border: 1px solid #fff;
    color: #4e555d;
    background-color: #fff;
}

@media(max-width:768px) {
    .footer-social-icons {
        float: left;
        margin: 15px;
    }

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

.footerust img {
    height: 60px;
}
.footerust a {color: #cdced0;}
.footerust a:hover {color: #4e555d;}

.footerorta img {
    height: 55px;
}
.copy2{text-align: right !important;}

.bulten {
    padding: 50px 0 50px 0;
    background: #0087B2;
    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;
}



.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;}

.sinav-yapici-button .btn{
    float: right;
    background: #fff;
    border:0px;
    height: 35px;
    margin-top:10px;
    margin-right: 5px;
    line-height: 35px;
    padding: 0 10px 0 10px;
    border-radius: 0px;
    color: #494949;
    box-shadow: none !important;
}
.sinav-yapici-button .btn:hover{
    background: #0087B2;
    color: #fff;
}
.slick-next:before{
    content: '>'!important;
}
.slick-prev:before{
    content: '<'!important;
}
footer .list li {
    list-style: none;
}
footer .list li a {
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
    line-height: 30px;
    font-weight: 300;
}
.yan-linkler-item .img-responsive{
    height: 70px !important;
    width: auto;
}