@import url('font/fonts.css');

@charset "utf-8";
/* CSS Document */

body { background:#fff; margin:0; padding:0; font-family: 'lato_trregular';}

* {margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
a { color:#f35e92; text-decoration:none; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; } a:hover { color:#1dc6eb; }
p, h1, h2, h3, h4, h5, h6, h7, h8, ul, li, img, iframe, form, table, td, tr { line-height:100%; margin:0; padding:0; border:none; }
b {font-weight:normal; font-family: 'lato_trbold';}
table, td, tr { border-collapse:collapse; }
#temizle {clear:both;}

			
#alan1280 {width:1280px; margin:0 auto;}


/* HAREKETLİ BAŞLIK STİLİ */

.cbp-af-header { width:100%; height:100px; padding:0; position:fixed; top:40px; left:0; z-index:10000; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; }
  .cbp-af-header #alan1280 {position:relative; height:100%; background-color:rgba(243,94,146, 0.75); -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -webkit-transition:.3s; transition:.3s; -moz-transition:.3s; -o-transition:.3s;}
 
    a#logo { display:block; width:286px; height:140px; background:url(img/logo.png) no-repeat center; background-size:100% auto; text-align:left; text-indent:-9999px; position:absolute; top:-20px; left:40px; }
    a#logo:hover { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); }
 
    ul#fbhyis {display:block; width:auto; height:40px; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;  position:absolute; top:-20px; right:40px; opacity:1;}
    ul#fbhyis li {display:inline;}
    ul#fbhyis li a {display:block; float:left; width:auto; height:40px; padding:0 40px; font-size:14px; color:#fff; line-height:40px; background-color:rgba(38,212,244, 0.75); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
    ul#fbhyis li a:hover {color:#26d4f4; background-color:rgba(255,255,255, 1);}
	  ul#fbhyis li a.fb {width:40px; background:url(img/ikon/fb.png) no-repeat center; background-size:100% 100%; text-align:left; text-indent:-9999px; margin:0 20px 0 0; padding:0;}
      ul#fbhyis li a.fb:hover { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); }
	 
    /* ANAMENÜ */
    #anamenu { display:block; float:right; padding:20px 0; margin:0 20px 0 0; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
    
	  #toggle, .toggle {display:none;}
       .linkler > li {list-style:none; float:left; width:auto;}
	     .clearfix:before, .clearfix:after {display:table; content:"";} .clearfix:after {clear:both;}
       .linkler, .linkler > li, .linkler > li > a {height:auto;}
         .linkler > li > a {display:block; font-size:16px; line-height:60px; color:#fff; padding:0 20px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
         .linkler > li > a:hover, .linkler > li > a:focus, .linkler > li > a.secili, .linkler > li:last-child > a:hover {background:#fff; color:#f35e92;}
      .toggle {z-index:2;}
    /* ANAMENÜ */
	
   /* Transitions and class for reduced height */
   .cbp-af-header.cbp-af-header-shrink { height:60px; top:10px; /* overflow:hidden; */ transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; }
	 .cbp-af-header.cbp-af-header-shrink #alan1280 { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
	 .cbp-af-header.cbp-af-header-shrink a#logo { width:82px; height:40px; top:10px; }
	 .cbp-af-header.cbp-af-header-shrink ul#fbhyis { top:-40px; opacity:0; }
	 .cbp-af-header.cbp-af-header-shrink #anamenu { padding:10px 0;}
         .cbp-af-header.cbp-af-header-shrink .linkler > li > a {line-height:40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
  
/* HAREKETLİ BAŞLIK STİLİ */


#apspot { display:block; width:100%; height:auto; padding:0; }
  .swiper-slide img  {display:block; width:100%; height:auto;}	 	
  .spotsus {display:block; width:100%; height:261px; background:url(img/sus.png) no-repeat center bottom; /* background-size:100% auto ; */ position:absolute; bottom:0; left:0; z-index:10;}
    

#sayfagorsel { display:block; width:100%; height:300px; padding:200px 0 0 0; position:relative; background:url(img/sayfagorsel.jpg) no-repeat center top; }
  #sayfagorsel h6 {display:block; float:left; width:auto; height:60px; padding:0 40px; font-weight:normal;  font-family: 'lato_trlight'; color:#fff; font-size:30px; background-color:rgba(255,255,255, 0.8); color:#f35e92; line-height:60px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;} 


#icerikalani { display:block; width:100%; padding:80px 0; background:#fff; }
  #icerikalani.hosbes { min-height:261px; background:url(img/sus.jpg) no-repeat center top #fff; } 
   
   #icerikalani.hosbes #alan1280 {position:relative;}
   
    #icerikalani h1 {font-weight:normal; font-size:32px; color:#f35e92; font-family: 'lato_trblack'; line-height:100%; margin:0 0 40px 0;}
    #icerikalani h2 {font-weight:normal; font-size:22px; color:#ba4a72; font-family: 'lato_trbold'; line-height:100%; margin:0 0 20px 0;}
    #icerikalani h3 {font-weight:normal; font-size:32px; color:#3e3e3e; font-family: 'lato_trblack'; line-height:100%; margin:0 0 40px 0;}

    #icerikalani p {color:#3e3e3e; font-size:16px; line-height:140%; margin:0 0 20px 0;}
    #icerikalani p:last-child {margin:0;}
     #icerikalani.hosbes p { text-align:justify; }

    a#dugme {display:block; float:right; width:164px; height:40px; text-align:center; line-height:40px; color:#fff; font-size:14px; background:#f35e92; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
    a#dugme:hover {background:#3e3e3e;}

    a#pubmed {display:block; width:164px; height:40px; text-align:left; text-indent:-9999px; background:url(img/pubmed.png) no-repeat center #f35e92; background-color:rgba(255,255,255, 0.75); border:1px solid #3777ac; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position:absolute; top:0; right:0;}
    a#pubmed:hover {background-color:rgba(255,255,255, 1);}

  #icerikalani.hade { min-height:400px; background:url(img/hdap.jpg) no-repeat center top #fff; border-top:10px solid #f35e92; } 
	 
  #haberduyuru {display:flex; flex-wrap:wrap; }
   #haberduyuru a { width:48%; margin:1%; height:auto; padding:40px; background:#e8e8e8;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
   #haberduyuru a:hover {transform: scale(1.06); -ms-transform: scale(1.06); -webkit-transform: scale(1.06); -o-transform: scale(1.06); -moz-transform: scale(1.06);}
   #haberduyuru a span {display:block; width:100%; height:90px; overflow:hidden; line-height:18px; font-size:16px; color:#3e3e3e;}
   #haberduyuru a span b {color:#f35e92;}
     #haberduyuru.anasayfa { margin:0 0 40px 0; }
	 #haberduyuru.anasayfa a { margin:0 2% 0 0; background:#fff; } #haberduyuru.anasayfa a.sag {  margin:0 0 0 2%; }
	
  #icerikalani.altsayfalar { min-height:none; padding:80px 0 160px 0; } 
	
    table.liste {width:100%; font-size:13px;}	
    table.liste tr td {padding:10px; border:1px solid #d6d6d6;}	

       ul.linklinkler {display:block; margin:0 0 80px 0;}
	   ul.linklinkler li { display:inline; }
	   ul.linklinkler li a {display:block; width:100%; color:#8b0774; padding:0 0 0 20px; font-size:18px; border-bottom:1px dashed #c2c2c2; line-height:36px; background:url(img/sqpurple.png) no-repeat center left; }	
	   ul.linklinkler li a:hover {color:#fff; background:#c2c2c2;}	
	
	/*
	.kucukresimler { display:flex; flex-wrap:wrap;}
	.kucukresimler a { width:18%; margin:1%; display:block; overflow:hidden; }
	.kucukresimler a img { width:100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transition:.3s; transition:.3s; -moz-transition:.3s; -o-transition:.3s; }
	.kucukresimler a:hover img { opacity:.7; }
	*/
	  
	/* LIGHTBOX
	.lightbox {	cursor: pointer; 	position: fixed; 	width: 100%;	height: 100%; 	top: 0; 	left: 0; 	-webkit-filter: none; 	z-index: 99999999999; 	background:#fff;}
	.lightbox img { display: block; position: absolute; }
	.lightbox-loading { 	background: url(../images/loading.gif) center center no-repeat; 	width: 32px; 	height: 32px; 	margin: -16px 0 0 -16px; 	position: absolute; 	top: 50%; 	left: 50%; }
	.lightbox-caption { 	display: none; 	position: absolute; 	left: 0; 	bottom: 0; 	width: 100%; 	text-align: center; 	z-index: 9998; }
	.lightbox-caption p { 	margin: 0 auto; 	max-width: 70%; 	display: inline-block; 	*display: inline; 	*zoom: 1;	padding: 10px; 	color: #fff; 	font-size: 12px; 	line-height: 18px; }
	.lightbox-button { position: absolute; z-index: 9999; background: no-repeat center center; width: 32px; height: 32px; opacity:0.9; -webkit-transition: all 0.3s; -moz-transition:    all 0.3s; -ms-transition:     all 0.3s; transition: 		all 0.3s; }
	.lightbox-button:hover, .lightbox-button:focus { opacity: 1; }
 	.lightbox-close { right: 30px; top: 20px; background-image: url('jsler/lightbox/close.png'); }
	.lightbox-nav { top: 45%; width:100%; margin-top: -16px; }
	.lightbox-nav-next { width: 20px;  height: 40px; right: 30px; background: url('jsler/lightbox/arrow.png') no-repeat -12px -2px; }
	.lightbox-nav-prev { left: 30px; width: 20px; height: 40px;  background: url('jsler/lightbox/arrow.png') no-repeat -8px -54px; }
    */

  iframe.harita {width:100%; height:500px; margin:0 0 40px 0;}
  
  #iletisim-bilgileri {float:left; width:50%; padding:0 40px 0 0;}
	
  #iletisim-formu {float:left; width:50%; padding:0 0 0 40px;}
  #iletisim-formu.uyelik {padding:0 40px 0 0;}
	
    #iletisim-formu span {display:block; width:100%; font-size:18px; line-height:130%;}
    #iletisim-formu input, #iletisim-formu textarea, input {display:block; width:100%; padding:10px; border:none; font-size:18px; color:#000; background:#d6d6d6; margin:0 0 5px 0; font-family: 'lato_trregular';
		                                                  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
														  transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
    #iletisim-formu input {height:40px;} #iletisim-formu textarea {height:100px;}
    #iletisim-formu input:hover, #iletisim-formu input:focus, #iletisim-formu textarea:hover, #iletisim-formu textarea:focus {background:#fab9cf; color:#ba4a72;}
    #iletisim-formu input.gonder, input.gonder {background:#3e3e3e; height:40px; font-size:24px; color:#fff; font-family: 'lato_trblack'; padding:0; margin:10px 0 0 0; cursor:pointer;}
    #iletisim-formu input.gonder:hover, input.gonder:hover {background:#ba4a72;}


#altalan {display:block; width:100%; background:#f35e92; padding:40px 0;}

  #altalan #alan1280 {position:relative; min-height:100px; background:url(img/logoalt.png) no-repeat top right; font-size:14px; color:#fff;}
  #altalan #alan1280 a {color:#fff;} #altalan #alan1280 a:hover {color:#3e3e3e;}

  #altalan #alan1280 span {display:block; width:100%; height:auto; position:relative; top:0; left:0; z-index:3; }

  #altalan #alan1280 ul {display:block; margin:40px 0 0 0;} 
  #altalan #alan1280 ul li {display:inline;} 
  #altalan #alan1280 ul li a {display:block; float:left; margin:0 24px 0 0; font-size:12px; color:#fff; line-height:100%;} 
  #altalan #alan1280 ul li a:hover {color:#3e3e3e;} 
  
  #altalan #alan1280 p {display:block; margin:40px 0 0 0; font-size:12px; color:#961c46;  line-height:100%;} 
  #altalan #alan1280 p a {color:#961c46;} #altalan #alan1280 p a:hover {color:#fff;}
  
  #altalan #alan1280 img { position:absolute; top:-180px; left:-67px; z-index:1; }
  
  
  
  
/* Responsive css kodları */ 


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

#alan1280 {width:100%; padding:0 20px;}

/* HAREKETLİ BAŞLIK STİLİ */

  .cbp-af-header #alan1280 {padding:0 10px;}
 
    a#logo { left:20px; }
    a#logo:hover { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
 
    ul#fbhyis {top:-20px; right:20px;}
    ul#fbhyis li a { padding:0 20px; }
	  ul#fbhyis li a.fb {margin:0 10px 0 0;}
      ul#fbhyis li a.fb:hover { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
	 
    /* ANAMENÜ */
    #anamenu { margin:0 10px 0 0;}
         .linkler > li > a {font-size:14px; padding:0 10px;}
    /* ANAMENÜ */
  
/* HAREKETLİ BAŞLIK STİLİ */

  
  .spotsus {height:152px; background:url(img/sus.png) no-repeat center bottom; background-size:100% auto ; }

#sayfagorsel { height:280px; background-size:cover; }

  #sayfagorsel h6 {height:40px; padding:0 20px; font-size:24px; line-height:40px;} 


#icerikalani { padding:40px 0; }
  #icerikalani.hosbes { min-height:152px; background:url(img/sus.jpg) no-repeat center top #fff;  background-size:100% auto ; } 


    #icerikalani h1 {font-size:26px; margin:0 0 20px 0;}
    #icerikalani h2 {font-size:20px; margin:0 0 14px 0;}
    #icerikalani h3 {font-size:24px; margin:0 0 20px 0;}

    #icerikalani p {font-size:15px;}

    a#pubmed { position:absolute; top:0; right:20px;}

  #icerikalani.hade { min-height:300px; background:url(img/hdap.jpg) no-repeat center top #fff; background-size:160% auto ; } 
	
  #icerikalani.altsayfalar { min-height:none; padding:40px 0 120px 0; } 


  #altalan #alan1280 {background:url(img/logoalt.png) no-repeat top right 20px;}

  #altalan #alan1280 ul { margin:20px 0 0 0;} 
  
  #altalan #alan1280 p { margin:20px 0 0 0;}
  
  #altalan #alan1280 img { width:140px; height:auto; top:-130px; left:-27px; }



}
	

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

  /* ANAMENÜ DÜĞMELİ */
  
	.linkler {display:none; opacity:0; width:100%; position:absolute; right:0; z-index:5001;}
	.linkler > li {display:block; width:100%; margin:0;}
	.linkler > li > a {display:block; width:100%; text-decoration:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
	.toggle {display:block; position:relative; cursor:pointer; -webkit-touch-callout:none; -webkit-user-select:none; user-select:none;}
	#toggle:checked + div .linkler {display:block; opacity:1;}
	
	.linkler {color:#fff;}
	.linkler, .linkler > li, .linkler > li > a {height:auto; color:#fff;}
	.linkler > li > a {background:#f35e92; padding:0; margin:0; line-height:40px; color:#fff; font-size:18px; text-align:center; border-bottom:1px solid #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
	.linkler > li > a:hover, .linkler > li > a:focus, .linkler > li > a.secili {color:#f35e92; }
		
	.toggle:after {content:attr(data-open); background:url(img/menu.png) no-repeat center; display:block; height:60px; width:60px; margin:0; padding:0; text-align:left; text-indent:-9999px;
		           -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
	.toggle:hover:after {background:url(img/menu2.png) no-repeat center;}
	#toggle:checked + div .toggle:after {content:attr(data-close);} 

  /* ANAMENÜ DÜĞMELİ */	
  
     .cbp-af-header.cbp-af-header-shrink .linkler > li > a {line-height:40px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
     .cbp-af-header.cbp-af-header-shrink .toggle:after { height:40px; width:40px; }
  
/* HAREKETLİ BAŞLIK STİLİ */

   #haberduyuru a { width:100%; margin:0 0 20px 0; padding:20px; }
   #haberduyuru a:hover {transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}
   #haberduyuru a span {height:auto; overflow:auto; line-height:130%; font-size:15px;}
     #haberduyuru.anasayfa { margin:0; }
	 #haberduyuru.anasayfa a { margin:0 0 20px 0; background:#e8e8e8; } #haberduyuru.anasayfa a.sag {  margin:0 0 20px 0; }


  #altalan #alan1280 ul li a {margin:0 14px 0 0;} 


  iframe.harita {height:360px;}
  
  #iletisim-bilgileri {float:none; width:100%; padding:0 0 40px 0;}
	
  #iletisim-formu {float:none; width:100%; padding:0;}
  #iletisim-formu.uyelik {padding:20px 0 0 0;}
    #iletisim-formu span {font-size:15px; line-height:120%;}

	
	}


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

.cbp-af-header { top:30px; }


#apspot { padding:160px 0 0 0; }
    

#sayfagorsel { height:230px; padding:170px 0 0 0; }


    #icerikalani h1 {width:60%;}


  #icerikalani.altsayfalar { padding:40px 0 80px 0; } 



  #altalan #alan1280 {padding:100px 20px 20px 20px; background:url(img/logoalt.png) no-repeat center top; background-size:80px auto; font-size:13px; text-align:center;}

  #altalan #alan1280 ul { margin:20px 0 0 0;} 
  #altalan #alan1280 ul li a {float:none; width:100%; margin:0 0 1px 0; text-align:center; border-bottom:1px dotted #fff;} 
  #altalan #alan1280 ul li a:hover {color:#3e3e3e; border-bottom:1px dotted #3e3e3e} 
  
  #altalan #alan1280 p {width:100%; margin:20px 0 0 0; text-align:center;} 
  
  #altalan #alan1280 img { width:120px; height:auto; top:-110px; left:-17px; }


	
	}


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

    ul#fbhyis li a {padding:0 10px; font-size:12px; letter-spacing:-0.5px;}
	  ul#fbhyis li a.fb {margin:0 5px 0 0;}

  iframe.harita {height:300px;}


	}

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

    a#logo { width:123px; height:60px; position:absolute; top:20px; left:20px; }

    ul#fbhyis li a {display:none;}
	  ul#fbhyis li a.fb {display:block; }


#apspot { padding:140px 0 0 0; }

  #sayfagorsel h6 {padding:0 10px; font-size:16px; letter-spacing:-0.5px;} 


    #icerikalani h1 {font-size:20px; width:100%;}
    #icerikalani h2 {font-size:18px;}
    #icerikalani h3 {font-size:20px;}

    #icerikalani p {font-size:14px; line-height:120%; margin:0 0 1px 0;}

    a#dugme {float:none; width:100%;}

    a#pubmed {display:block; width:100%; position:static; top:none; right:none; margin:0 0 20px 0;}


  iframe.harita {height:220px;}

  	}