@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
.ttn_maradv_001 {  }
.content {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #676767; text-align: justify}
.links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #ED6036;
	font-weight: bold;
}
.content2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; color: #CCCCCC; text-align: justify}
.menulink   {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #34507C
;
	text-decoration: none;
	font-weight: bold;

}



:link	 {

	Font-Family : Arial, Helvetica, sans-serif;
	Color : #ccd195;
    font-size: 18px;
	Font-Weight : bold;
    Text-Decoration : none;

}

:active	 {

	Font-Family : Arial, Helvetica, sans-serif;

	Font-Size : 18px;

	Color : #ccd195;

	Text-Decoration : none;

	Font-Weight : bold

}
:visited     {   
   Font-Family : Arial, Helvetica, sans-serif;
    Color : #ccd195;
    font-size: 18px;
    Text-Decoration : none;
    Font-Weight : bold

}

A:hover	 {

			Color : #a8ae60;
            Text-Decoration : none;
            text-shadow: 0px 1px 10px #a8ae90;
			Font-Weight : bold; 
            font-family: Arial, Helvetica, sans-serif; 
            font-size: 18px;
}

.menus{
    padding-left: 60px;
    padding-top: 10px;
}            
            
.ver11gri 
{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; text-decoration: none}

.content-black-13 {
	FONT-SIZE: 13px; COLOR: #000000; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.content-gray-13-b {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #666666; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.content-gray-16-b {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #666666;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

.content-gray-13-b_1 {
    FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #666666; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.content-dblue-10 {
	FONT-SIZE: 10px; COLOR: #003366; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.content-dblue-13-b {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #003366; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.content-dblue-16-b {
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #003366;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

.content-lblue-10-b {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #006699; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.content-lblue-13-b {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #006699; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.content-lblue-16-b {
	FONT-WEIGHT: bold;
	FONT-SIZE: 16px;
	COLOR: #CF6;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

.content-orange-10-b {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #AF3B44; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
; font-style: oblique
; text-decoration: none
}
.content-orange-13-b {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #AF3B44; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.content-orange-16-b {
	FONT-SIZE: 16px;
	COLOR: #AF3B44;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.content-orange-16-bKopyala {
	FONT-SIZE: 16px;
	COLOR: #000;
	FONT-FAMILY:  Arial, Helvetica, sans-serif
}
.content-nocolor-10-b {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}
.bold11ver 
{  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold}

.Tarih  {
font-style:normal; font-weight:bold; color:#FFFFFF; font-size:10px
}
.iletisimcss {
	font-size: 18px;
	color: #003380;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
}
.iletisim2css {
	font-size: 18px;
	color: #003380;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}
.sabriartam18 {
	font-size: 18px;
}












.slider{
  position: relative;  
  width: 1450px;
  max-height: 900px;
  overflow: hidden;
  border-radius: 10px;
}

.slider .slide{
  position: absolute;
  width: 1450px; 
  clip-path: circle(0% at 0 50%);
} 

.slider .slide .img_slide{  
  width: 48%;    
  float: left;
  margin-top:40px;
} 

.slider .slide.active{
  clip-path: circle(150% at 0 50%);
  transition: 2s;
}

.slider .slide .img_slide img{
  position: absolute;
  width: 700px; 
  height:525px;
  border: 1px solid #ccc !important;   
  padding:2px 2px;
}

.slider .slide .img_slide .info{
  position: absolute;
  color: #222;
  background: rgba(255, 255, 255, 0.3);
  width: 620px;
  margin-top: -35px;
  margin-left:   0px;
  max-height:20px;
  padding: 5px;
  border-radius: 5px;    
  box-shadow: 0 1px 3px rgb(1 1 1 / 30%);
}

.slider .slide .img_slide .info h2{
  font-size: 14px;
  font-weight: 400;
}

.slider .slide .img_slide .info p{
    font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
  margin-top:-10px;
}

.navigation{
  height: 630px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.slider .navigation{
  opacity: 1;
}

.prev-btn, .next-btn{
  z-index: 999;
  font-size: 2em;
  color: #222;
  background: rgba(255, 255, 255, 0.8);
  padding: 5px;
  cursor: pointer;
}

.prev-btn{
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; 
}

.next-btn{
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.navigation-visibility{
  z-index: 999;
  display: flex;
  justify-content: center;
}

.navigation-visibility .slide-icon{
  z-index: 999;
  background: rgba(255, 255, 255, 0.5);
  width: 20px;
  height: 10px;
  transform: translateY(-50px);
  margin: 0 6px;
  border-radius: 2px;
  box-shadow: 0 5px 25px rgb(1 1 1 / 20%);
}

.navigation-visibility .slide-icon.active{
  background: #4285F4;
}

@media (max-width: 900px){
  .slider{
    width: 100%;
  }

  .slider .slide .info{
    position: relative;
    width: 80%;
    height:20px;
    margin-left: auto;
    margin-right: auto;
      margin: 0;
  padding: 0;
  box-sizing: border-box;
  }
}

@media (max-width: 500px){
  .slider .slide .info h2{
    font-size: 1.8em;
    line-height: 40px;
      margin: 0;
  padding: 0;
  box-sizing: border-box;
  }

  .slider .slide .info p{
    font-size: 0.9em;
      margin: 0;
  padding: 0;
  box-sizing: border-box;
  }
}