.swiper-container {
	margin: 0 auto;
	position: relative;
	list-style: none;
	padding: 0;
	z-index: 1;
  }
  .swiper-container-no-flexbox .swiper-slide {
	float: left;
  }
  .swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
  }
  .swiper-container-android .swiper-slide,
  .swiper-wrapper {
	-webkit-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
  }
  .swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
  }
  .ana-slayt .swiper-slide{
	padding-top:56.1404%;/*66.6667%;45.61%;*/
	width:100%;
	overflow:hidden;
  }
  .ana-slayt .swiper-slide img{
	  display: block;
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%, -50%);
	  height: 100%;
	  width: 100%;
	  object-fit: cover;
  }
  /*@media(min-width:1024px){
	  .swiper-slide {
		  padding-top: 66.6667%;
	  }
  }*/
  
  .ana-slayt{
	  overflow:hidden;
  }
  
  @media(min-width:1200px){
	  .ana-slayt{
		  background-color:var(--yesil-yuzey);
		/*background-image: linear-gradient(to bottom, #e0e7cf 0%, #f3f7e9 50%, transparent 50%, transparent 100%);
		background-size: 100% 3px;*/
	  }
  }
  
  
  .swiper-slide-invisible-blank {
	visibility: hidden;
  }
  .swiper-button-prev.swiper-button-disabled,
  .swiper-button-next.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
  }
  .swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
  }
  
  .slayt-ok-sol,
  .slayt-ok-sag{
	  position:absolute;
	  top:50%;
	  margin-top:-24px;
	  width: 48px;
	  height: 48px;
	  line-height: 48px;
	  text-align:center;
	  opacity:0.7;
	  font-size:18px;
	  color:#fff;
	  z-index:101;
  }
  .slayt-ok-sol{
	  left:0;
  }
  .slayt-ok-sag{
	  right:0;
  }
  .slayt-ok-sol i,
  .slayt-ok-sag i{
	  vertical-align:middle;
  }
  .slayt-ok-sol:hover,
  .slayt-ok-sag:hover{
	  opacity:1;
	  background-color: rgba(0,0,0,.5);
  }
@media(min-width:1024px){
	.slayt-ok-sol,
	.slayt-ok-sag{
		display:none;
	}
}




.slayt-numara{
	background-color: var(--ana-renk);
	z-index:100;
	text-align:center;
}

  .slayt-numara ul{
	  list-style:none;
	  padding:0;
	  margin:0;
	  font-size:0;
	  position:relative;
	  z-index:5;
  }



  .slayt-numara ul li.numara{
	  display:inline-block;
	  margin:0;
  }
  .slayt-numara ul li.numara span{
	  display:block;
	  width:24px;
	  height:24px;
	  margin:2px;
	  border-radius:12px;
	  background-color:var(--ana-renk-acik);
	  font-size:18px;
	  color:#000;
	  -webkit-transition: 500ms;
		-moz-transition: 500ms;
		-ms-transition: 500ms;
		-o-transition: 500ms;
		transition: 500ms;
  }
  .slayt-numara ul li.numara.numara-aktif span{
	  background-color: #fff;
	  color:var(--ana-renk);
	  transform:scale(1.2);
  }

  @media(min-width:580px){
	.slayt-numara{
		position:absolute;
		top:auto;
		right:0;
		left:0;
		bottom:5px;
		background-color:transparent;
	}
	.slayt-numara ul li.numara span{
	  margin:5px;
	}
	.slayt-numara ul li.numara.numara-aktif span{
		background-color: var(--ana-renk);
		color:#fff;
	}
  }
  @media(min-width:992px){
	.slayt-numara{
		bottom:20px;
	}
	.slayt-numara:before{
		content:"";
		position:absolute;
		top:calc(50% - 1px);
		left:0;
		right:0;
		height:2px;
		background-color: var(--ana-renk);
		z-index:0;
	}
	.slayt-numara ul li.numara{
		margin:0 5px;
		line-height: 32px;
	}
	.slayt-numara ul li.numara span{
		width:32px;
		height:32px;
		border-radius:16px;
		font-size:18px;
	}
	.slayt-numara ul li.numara.numara-aktif span{
		transform:scale(1.4);
	}
  }



  .slayt-numara ul li.numara:not(.numara-aktif):hover span{
	  background-color:#fff;
  }





  
  
  .slayt-baslik-zemin{
	  position: absolute;
	  top:auto;
	  left:0;
	  right:0;
	  bottom:0;
	  padding:10px;
	  z-index:2;
	  background-color: rgba(18, 61, 50, .88);
  }
  .slayt-baslik{
	  color:#fff;
	  font-size:14px;
	  font-weight:700;
  }
  .slayt-alt-baslik{
	  color:#000;
	  font-size:12px;
  }
  @media(min-width:580px){
	.slayt-baslik-zemin{
		padding-bottom:40px;
	}
  }
  @media(min-width:768px){
	  .slayt-baslik-zemin{
			padding:20px 30px;
			z-index:2;
			top:100%;
			right:0;
			left:auto;
			bottom:auto;
			max-width:75%;
			height:auto;
			background-color:rgba(18,61,50,.88);

			-webkit-transition: 500ms;
			-moz-transition: 500ms;
			-ms-transition: 500ms;
			-o-transition: 500ms;
			transition: 500ms;
	  }
	  .swiper-slide-active .slayt-baslik-zemin{
		transform:translateY(-50%);
		top:50%;
	  }
	  .slayt-baslik{
		  color:#fff;
		  font-size:2.2rem;
		  /*padding:15px 0;*/
	  }
	  .slayt-alt-baslik{
		  color:#fff;
		  font-size:1.7rem;
	  }
  }
  @media(min-width:1200px){
	  .slayt-baslik{
		  color:#fff;
		  font-size:3.2rem;
		  /*padding:20px 0;*/
	  }
	  .slayt-alt-baslik{
		  color:#000;
		  font-size:2.0rem;
	  }
  }
  
  @media(min-width:1400px){
	  .asagiya {
		  position: fixed;
		  z-index: 2000;
		  bottom: 10px;
		  left: 50%;
		  margin-left: -20px;
		  width: 40px;
		  height: 40px;
		  line-height:50px;
		  text-align:center;
		  border-radius:20px;
		  background-color: var(--ana-renk);
		  color:#fff;
	  }
	  .ok-animasyon {
		  -moz-animation: bounce 2s infinite;
		  -webkit-animation: bounce 2s infinite;
		  animation: bounce 2s infinite;
	  }
	  @keyframes bounce {
	  0%, 20%, 50%, 80%, 100% {
	  transform:translateY(0)
	  }
	  40% {
	  transform:translateY(-20px)
	  }
	  60% {
	  transform:translateY(-15px)
	  }
	  }
  }
  .ana-banner{
	  background-color: #eee;
	  text-align:center;
	  margin-bottom:60px;
  }
  .ana-banner img{
	  max-width:100%;
	  max-height:400px;
  }


  .slaytalti{
    /*padding-top:50%;*/
    position:relative;
}
.slaytalti a{
    display:block;
    padding:20px;
    text-align:center;
    line-height:100px;
    background-color: var(--ana-renk-koyu);
    color:#fff;
    margin-bottom:20px;
}
.slaytalti a:hover{
    text-shadow:1px 1px 3px rgba(0,0,0,.2);
}
.slaytalti a .ic{
    display:inline-block;
    vertical-align:middle;
    line-height:normal;
}

.slaytalti .saltfoto{
    display:inline-block;
    width:80px;
    height:80px;
    border-radius:40px;
    overflow:hidden;
}

.slaytalti a strong{
    /*display:block;*/
    /*margin-top:30px;*/
    font-size:24px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 4;
}





.haber-alan{
    font-size: 0;
    position: relative;
    border: #ddd dotted 1px;
    margin-bottom:20px;
}
.haber-alan a{
	display:block;
}
.haber-alan:hover{
	background-color:#f8f8f8;
}
.haber-alan:hover a{
	color:#000;
}

.haber-alan .foto {
	display: inline-block;
	vertical-align: middle;
	width: 40%;
}
.haber-alan .baslik {
	display: inline-block;
	vertical-align: middle;
	width: 60%;
	height: 100%;
	padding: 5px 0 5px 10px;
}

.haber-alan .baslik strong {
	letter-spacing: 0.0325em;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	font-size:16px;
}
/*.haber-alan .baslik span,
.haber-alan .baslik strong {
	padding-left: 5px;
}*/

.haber-alan .baslik span {
	display:none;
	letter-spacing: 0.0325em;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	font-size:14px;
	margin-top:10px;
	color:#666;
}


@media(min-width:560px){
    .haber-alan{
        padding:10px;
    }
    .haber-alan .foto {
        width: 50%;
    }
    .haber-alan .baslik {
        width: 50%;
    }
	.haber-alan .baslik span {
		display: -webkit-box;
	}
}

@media(min-width:768px){
	.haber-alan .baslik strong {
		font-size:18px;
	}
	.haber-alan .baslik span {
		display: -webkit-box;
	}
}
@media(min-width:992px){
    .haber-alan{
        margin-bottom:0;
    }
}

.haber-alan .foto-alan1 {
	position: relative;
	padding-top:56.1404%;
	overflow: hidden;
	background-color:#ddd;
}
.haber-alan .foto-alan1 img {
	position: absolute;
	top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    object-fit: cover;
	width:100%;
    height:100%;
}


.mlex{
	display:flex;
	justify-content: center;
	/*justify-content: space-evenly;*/
}
.mlex-sutun{
	flex:0 0 25%;
}

.alan5{
    position:relative;
}
.alan5 a{
    display:block;
    text-align:center;
    line-height:150px;
}
.alan5 a .ic{
    line-height:normal;
}

.alan5 .alan5foto{
    position:relative;
    padding-top:56.1404%;
    overflow:hidden;
    box-shadow: 0 0 15px rgba(0,0,0,.15);
}
.alan5 .alan5foto img{
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    object-fit: cover;
	width:100%;
    height:100%;
}

.alan5 a strong{
    display:block;
    margin-top:15px;
    font-size:15px;
}
@media(min-width:580px){
	.alan5 a strong{
		margin-top:30px;
		font-size:24px;
	}	
}

.alan5.yuvarlak a{
    display:block;
    padding:20px;
    text-align:center;
    /*line-height:150px;*/
}
.alan5.yuvarlak .alan5foto{
    padding-top:100%;
    border-radius:50%;
}






.bolum-baslik{
    font-size:24px;
    line-height:30px;
    text-align:center;
    margin-bottom:30px;
    overflow:hidden;
}
@media(min-width:580px){
    .bolum-baslik{
        font-size:32px;
        line-height:38px;
        margin-bottom:40px;
    }
}
.bolum-baslik a,
.bolum-baslik span{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    padding:0 30px;
    color:var(--ana-renk);
}

.bolum-baslik a:before,
.bolum-baslik a:after,
.bolum-baslik span:before,
.bolum-baslik span:after{
    content:"";
    position:absolute;
    top:50%;
    height:2px;
    width:1600px;
    background-color: #999;
}
.bolum-baslik a:before,
.bolum-baslik span:before{
    left:auto;
    right:100%;
}
.bolum-baslik a:after,
.bolum-baslik span:after{
    left:100%;
}
/* Mint cards and forest-green captions keep text readable. */
.slaytalti a { color: var(--ana-renk-koyu); }
.slaytalti a:hover, .slaytalti a:focus-visible {
    color: var(--ana-renk-koyu);
    box-shadow: inset 0 0 0 2px var(--ana-renk);
}
.slayt-alt-baslik { color: #fff; }
.bolum-baslik a:before, .bolum-baslik a:after,
.bolum-baslik span:before, .bolum-baslik span:after {
    background-color: var(--yesil-kenar);
}