


<!DOCTYPE html>
<html lang="tr" class="no-inlinesvg sayfa-index" xmlns="https://www.w3.org/1999/xhtml" itemid="http://www.damlahemodiyaliz.com/"   xmlns:og="http://opengraphprotocol.org/schema/">
<head>
<base href="http://www.damlahemodiyaliz.com/">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Dış Fotoğraf - DAMLA DİYALİZ MERKEZİ</title>
<meta name="description" content="Kronik Böbrek Yetmezliği bulunan hastaların hemodiyaliz tedavisi sağlanmaktadır.">
<meta name="keywords" content="GAZİANTEP,DİYALİZ,HEMODİYALİZ,BÖBREK YETMEZLİĞİ,BÖBREK,ÖMER FARUK EMRE,UYGAR CİHAN DEVRİM,SELMAN ÜNVERDİ,EN İYİ DİYALİZ,DİYALİZ MERKEZİ,DİYALİZ ÖNERİ,KALİTE,AKYOL DİYALİZ,GAZİANTEP DİYALİZ,GÜNEYDOĞU DİYALİZ,FMC GAZİANTEP,FRESENIUS,Fresenius,dialysis,hemodialysis">
<meta name="news_keywords" content="GAZİANTEP,DİYALİZ,HEMODİYALİZ,BÖBREK YETMEZLİĞİ,BÖBREK,ÖMER FARUK EMRE,UYGAR CİHAN DEVRİM,SELMAN ÜNVERDİ,EN İYİ DİYALİZ,DİYALİZ MERKEZİ,DİYALİZ ÖNERİ,KALİTE,AKYOL DİYALİZ,GAZİANTEP DİYALİZ,GÜNEYDOĞU DİYALİZ,FMC GAZİANTEP,FRESENIUS,Fresenius,dialysis,hemodialysis">
<meta name="author" content="DAMLA DİYALİZ MERKEZİ" />
<meta itemprop="author" content="DAMLA DİYALİZ MERKEZİ" />
<meta name="medium" content="news" />
<meta name="robots" content="all" />
<meta property="og:type" content="website" />

<link rel="alternate" type="application/rss+xml" title="RSS servisi" href="http://www.damlahemodiyaliz.com/rss.xml" />
<!-- =[Favicon]= -->
<link rel="shortcut icon" href="http://www.damlahemodiyaliz.com/favicon.ico">
<!-- fonts !-->
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,600,700&subset=latin,latin-ext" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:700&amp;subset=latin,latin-ext" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=PT+Sans:400,700&amp;subset=latin,latin-ext" rel="stylesheet" type="text/css">
<!-- fonts !-->
	

<link itemprop="mainEntityOfPage" rel="canonical" href="http://www.damlahemodiyaliz.com/">

<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="//www.google-analytics.com">
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link rel="dns-prefetch" href="//mc.yandex.ru">
<link rel="dns-prefetch" href="//fonts.googleapis.com">

<!-- font awesome -->
<link rel="stylesheet" href="css/css/font-awesome.min.css" />
<link rel="stylesheet" href="css/css/font-awesome-ie7.min.css" />
<!-- font awesome -->

<link href="css/css.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap.min.css" rel="stylesheet" />


<script type="text/javascript" src="js/fonksiyonlar.js"></script>
<script src="js/modernizr.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	
 <style>
      #gallery {
  padding-top: 0;
}

  #gallery {
    padding: 60px 30px 0 30px; width:100%;
  }


.img-wrapper {
  position: relative;
  margin-top: 0px;
}
.img-wrapper img {
  width: 100%;
}
.col-lg-3 {
width: 25%;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
padding-left: 0px; }


.img-overlay {
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.img-overlay i {
  color: #fff;
  font-size: 3em;
}

#overlay {
  background: rgba(0, 0, 0, 0.85);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#overlay img {
  margin: 0;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 5%;
}
@media screen and (max-width:1093px) and (min-width:100px) { 
#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 5%;
}
}
#nextButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}
#nextButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #nextButton {
    font-size: 3em;
  }
}

#prevButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
}
#prevButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #prevButton {
    font-size: 3em;
  }
}

#exitButton {
  color: #fff;
  font-size: 2em;
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}
#exitButton:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  #exitButton {
    font-size: 3em;
  }
}
@media screen and (max-width:1100px) and (min-width:1023px) {
.col-lg-3 {width: 32%; margin:2px;}
}
@media screen and (max-width:767px) and (min-width:410px) {
.col-lg-3 {width: 45%; margin:5px;}
}
@media screen and (max-width:410px) and (min-width:321px) {
.col-lg-3 {width: 45%; margin:5px;}
}
@media screen and (max-width:321px) and (min-width:0px) {
/* iphone 5s */
.col-lg-3 {width: 45%; margin:5px;}
}

    </style>
 
	

</head>
<body>
<div>﻿<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<base href="http://www.damlahemodiyaliz.com/">

<link href="https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800" rel="stylesheet">
<link href="css/dropdown/dropdown.linear.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/dropdown/themes/default/default.linear.css" media="screen" rel="stylesheet" type="text/css" />
<script src="js/totop.min.js"></script>







<style>
.header_links:hover{ background-color:#E7C67A; border-radius:4px;}

.header_links2{width:auto; height: 28px; border:1px solid #E7C67A; border-radius:4px;   }
.header_links2 p{ padding:0px; text-transform:uppercase; margin:0px; overflow:hidden; margin-left:15px; margin-right:15px; line-height:27px;  font-family:'Open Sans',Arial; font-size:13px; font-weight:600; height:90px;}
	


.menutw{color:#333} .menutw :hover{color:#FFF}

	ul.dropdown li.hover,
	ul.dropdown li:hover { 
	 background-color: #E7C67A;  height:28px; border-radius:4px;
	}

	.arrowcum_openingmenu{width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #E7C67A transparent; margin-top:-10px; margin-left:14px;}
</style>
<style class="cp-pen-styles">

.accordianNav {    width: 100%;    border-radius: 4px;}

.accordianNav a,.accordianNav h3 {    display: block;    line-height: 2em;    color: #333;    letter-spacing: 0.07em;    position: relative;    z-index: 1;    cursor: pointer;   text-transform: uppercase; padding-left: 10px; font-size:16px; font-weight:100; font-family:'Open Sans',Arial; font-weight:400;}

.accordianNav a {    text-decoration: none;    padding-left: 0;}



.accordianNav h3:before {    content: "";    position: absolute;    z-index: 0;    left: 0;    top: 0;    width: 0;    height: 100%;    background-color: #E7C67A;    transition: all 0.3s ease-out;}

.accordianNav h3:hover:before,.accordianNav .dropArrow.active:before {    width: 0.5%;}



.accordianNav .dropArrow:after {    content: "";    width: 10px;    height: 10px;    border-bottom: 2px solid #000;    border-right: 2px solid #000;    float: right;    position: relative;    top: 7px;    right: 10px;    transform: rotate(45deg);    transform-origin: center;
}

.accordianNav .dropArrow.active {    color: #000;}

.accordianNav .dropArrow.active:after {    transform: rotate(-135deg);    border-color: #000;}


.accordianNav a:hover,
.accordianNav a:active,
.accordianNav h3:hover,
.accordianNav h3:active,
.accordianNav h3.dropArrow:hover:after,
.accordianNav h3.dropArrow:active:after {
    color: #000;
    border-color: #E7C67A;
    -webkit-transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88);
    transition: all 0.5s cubic-bezier(0.36, 1.64, 0.29, 0.88);
}

.accordianNav li {
    list-style-type: none; text-align:left
}

.accordianNav a {

}


/*Drop links*/

.accordianNav ul ul li a {
    padding-left:35px; padding-bottom:13px; font-size:100; 
}


/*hover effect on links*/

.accordianNav ul ul li a:hover {
    transform: translate(8px, 0px);
}


/*Hide and show the drops*/

.accordianNav ul ul {
    display: none;
}

.accordianNav li.active ul {
    display: block;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}








</style>

<!-- RESPONSIVE HEADER !-->

<div class="header_mobile_dis">
<div class="header_mobile">
  <div class="logo_mobile">
  <div class="logo_mobile_ic">
  <a href="index.html"><img src="images/logo/7190Damla logo.png" alt="DAMLA DİYALİZ MERKEZİ" /></a>

      <!-- Sepet İkon Mobil !-->

     
      <!-- Sepet İkon Mobil !-->


  <button class="menu-button"><div  id="nav-icon1"><span></span><span></span><span></span></div></button>
  </div>
  </div>
  
  <div class="mobilemenus">
	<div class="res_menu_ust">
		<div class="res_menu_ust_sol">

		<a  href="" target="_blank"><i class="fa fa-facebook" ></i></a><a href="#s" target="_blank"><i class="fa fa-twitter" ></i></a><a  href=" #s" target="_blank"><i class="fa fa-instagram" ></i></a>
		<a href="3s" target="_blank"><i class="fa fa-youtube-play" ></i></a>
		<a href="###s" target="_blank"><i class="fa fa-google-plus" ></i></a>
	
		</div><div class="res_menu_ust_sag">
				
		</div>
	</div>
	<div class="res_menu_alt">
	
 <!-- MENU İCERİK !-->

<div class="accordianNav">
	<ul>

		<li>
			<h3><a href="index.html">Anasayfa</a></h3>
		</li> 
				<li><h3  class="dropArrow" >
		

		Kurumsal</a></h3>
						<ul>
								<li><a href="hakkimizda.html">HAKKIMIZDA</a></li>
								<li><a href="insan-kaynaklari.html">İnsan Kaynakları</a></li>
								<li><a href="sss.html">S.S.S.</a></li>
							</ul>
					</li>
				<li><h3 >
		
<a href="blog.html"> 
		HEKİMLERİMİZ</a></h3>
					</li>
				<li><h3 >
		
<a href="hizmetlerimiz.html"> 
		Kalite Yönetimi</a></h3>
					</li>
				<li><h3 >
		
<a href="projeler.html"> 
		Projeler</a></h3>
					</li>
				<li><h3  class="dropArrow" >
		

		Galeri</a></h3>
						<ul>
								<li><a href="galeri.html">Foto Galeri</a></li>
								<li><a href="video-galeri.html">Video Galeri</a></li>
							</ul>
					</li>
				<li><h3 >
		
<a href="iletisim.html"> 
		Bize Ulaşın</a></h3>
					</li>
						
	</ul>
</div> 
 
  <!-- MENU İCERİK !-->	
	
	
	</div>
	<div class="res_menu_alt_info">
		<i class="fa fa-phone" ></i><br>+90 3423225456	</div>
  </div>
</div>
</div>
<script >var $menuButton = $('.menu-button');
var clicked = false;

$('.header_mobile').append($menuButton);

$menuButton.click(function () {
  if (!clicked) {
    $('.mobilemenus').slideDown('1s');
    clicked = true;
  } else
  {
    $('.mobilemenus').slideUp('1s');
    clicked = false;
    $menuButton.blur();
  }

});
$(document).ready(function(){
	$('#nav-icon1,#nav-icon2,#nav-icon3,#nav-icon4').click(function(){
		$(this).toggleClass('open');
	});
});
</script>

<!-- RESPONSIVE HEADER !-->


	
<div class="headertopbar_main">
<div class="headertopbar_ic">
	<div class="headertopbar_ic_sol">
		</div><div class="headertopbar_ic_sag">
				
				<p><i class="fa fa-phone" ></i><b>+90 3423225456</b></p>		
				<p><i class="fa fa-envelope-o" ></i>bilgi@damlahemodiyaliz.com</p>		
						
	</div>

</div>
</div>
<!-- Logo ve Menu !-->
<div class="headercenter_main">
	<div class="headercenter_ic">
		<div class="headercenter_ic_sol">
			<table ><tr><td valign="middle"><a href="index.html"><img src="images/logo/7190Damla logo.png" alt="DAMLA DİYALİZ MERKEZİ" /></a></td></tr></table>
		</div><div class="headercenter_ic_sag">
			<table height="105"><tr><td valign="middle">
			
		
		<ul id="nav" class="dropdown dropdown-linear"> 
		
			<li class="dir">
			<a href="index.html" class="menutw">
			<div class="header_links">
			<p><i class="fa fa-home" aria-hidden="true" style="font-size:15px; margin-right:8px;"></i> ANASAYFA</p>
			</div></a></li>
						<li class="dir">
			<a href="hakkimizda.html" class="menutw">
			<div class="header_links">
			<p>Kurumsal <i class="fa fa-angle-down" style="margin-left:5px;" ></i></p>
			</div>
			</a>
						<ul style="width:auto; height:auto;  background:#F9F9F9; margin-top:20px; border-top:3px solid #E7C67A; border-radius: 4px; padding-bottom:0px;">
       		<div class="arrowcum_openingmenu"></div>
								<div class="openmenu_inside"><p><i class="fa fa-angle-right" style="margin-right:10px; color:#333;"></i><a href="hakkimizda.html" style="color:#000">HAKKIMIZDA</a></p></div>
								<div class="openmenu_inside"><p><i class="fa fa-angle-right" style="margin-right:10px; color:#333;"></i><a href="insan-kaynaklari.html" style="color:#000">İnsan Kaynakları</a></p></div>
								<div class="openmenu_inside"><p><i class="fa fa-angle-right" style="margin-right:10px; color:#333;"></i><a href="sss.html" style="color:#000">S.S.S.</a></p></div>
				                                 
		
			</ul>
					
			</li>
						<li class="dir">
			<a href="blog.html" class="menutw">
			<div class="header_links">
			<p>HEKİMLERİMİZ </p>
			</div>
			</a>
					
			</li>
						<li class="dir">
			<a href="hizmetlerimiz.html" class="menutw">
			<div class="header_links">
			<p>Kalite Yönetimi </p>
			</div>
			</a>
					
			</li>
						<li class="dir">
			<a href="projeler.html" class="menutw">
			<div class="header_links">
			<p>Projeler </p>
			</div>
			</a>
					
			</li>
						<li class="dir">
			<a href="galeri.html" class="menutw">
			<div class="header_links">
			<p>Galeri <i class="fa fa-angle-down" style="margin-left:5px;" ></i></p>
			</div>
			</a>
						<ul style="width:auto; height:auto;  background:#F9F9F9; margin-top:20px; border-top:3px solid #E7C67A; border-radius: 4px; padding-bottom:0px;">
       		<div class="arrowcum_openingmenu"></div>
								<div class="openmenu_inside"><p><i class="fa fa-angle-right" style="margin-right:10px; color:#333;"></i><a href="galeri.html" style="color:#000">Foto Galeri</a></p></div>
								<div class="openmenu_inside"><p><i class="fa fa-angle-right" style="margin-right:10px; color:#333;"></i><a href="video-galeri.html" style="color:#000">Video Galeri</a></p></div>
				                                 
		
			</ul>
					
			</li>
						<li class="dir">
			<a href="iletisim.html" class="menutw">
			<div class="header_links">
			<p>Bize Ulaşın </p>
			</div>
			</a>
					
			</li>
						
<!-- Sepet İkon Web !-->
            <!-- Sepet İkon Web !-->
		
		</ul>
			
			
			
			</td></tr></table>
		</div>
		
	</div>
	
</div>
<!-- Logo ve Menu !-->

<div class="totop"><i class="fa fa-angle-up"></i></div>
<script>
        $('.totop').tottTop({
            scrollTop: 700
        });
    </script>
	
	<script >$(".accordianNav h3.dropArrow").click(function () {
    $("h3.dropArrow").removeClass("active");
    $(".accordianNav ul ul").slideUp();
    if (!$(this).next().is(":visible")) {
        $(this).next().slideDown();
        $(this).addClass("active");
    }
});
//# sourceURL=pen.js
</script>
</div>

<div class="pages_head_bg" style="background:url(images/pages_bg/7727200asdadsad.png) no-repeat center ; "><div class="pages_head_blur">
<p><font style="text-transform:uppercase">Kalite Yönetimi</font><br><font style="font-size:13px; font-weight:200;"><i class="fa fa-home" style="font-size:14px; margin-right:5px; color:#EDD04A;" ></i>Anasayfa <i class="fa fa-chevron-right" style="font-size:11px; margin-left:15px;"></i>Kalite Yönetimi </font></p>
</div></div>
<div class="slider_ayirac"></div>	




		
		
		
<div class="gallery_detailmain_page">
<div class="galeri_ustbaslik"><p>Kalite Yönetimi</p></div>

	<div class="space_text_tall" style="margin-top:-20px; margin-bottom:45px; background-position:center bottom; "> 
		<p style="text-align:center;"><i class="fa fa-search-plus" aria-hidden="true" style="margin-right:10px;"></i>Kalite dökümanlarımıza aşağıdan ulaşabilirsiniz</p>	
	</div>

<section id="gallery" style="height:auto; margin-bottom:200px;">
  <div class="container" style="width:100%;">
    <div id="image-gallery">
      <div class="row" style="text-align:center">
	  <div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 image" style="float:none; display:inline-block; vertical-align:middle;">
       
          <div class="img-wrapper">
            <a href="images/galeri/org01.jpg"><img src="images/galeri/org01.jpg" class="img-responsive"  alt="DİYALİZ MERKEZİ ORGANİZASYON ŞEMASI"></a>
            <div class="img-overlay">
              <i class="fa fa-plus-circle" aria-hidden="true"></i>
            </div>
          </div>
        </div><div class="col-lg-3 col-md-6 col-sm-6 col-xs-12 image" style="float:none; display:inline-block; vertical-align:middle;">
       
          <div class="img-wrapper">
            <a href="images/galeri/org02.jpg"><img src="images/galeri/org02.jpg" class="img-responsive" alt="DİYALİZ MERKEZİ KALİTE STANDARTLARI ORGANİZASYON ŞEMASI"></a>
            <div class="img-overlay">
              <i class="fa fa-plus-circle" aria-hidden="true"></i>
            </div>
          </div>
        </div>
      </div><!-- End row -->
    </div><!-- End image gallery -->
  </div><!-- End container --> 
</section>


</div>


<div><script >const Accordion = {
	settings: {
		// Expand the first item by default
		first_expanded: false,
		// Allow items to be toggled independently
		toggle: false
	},

	openAccordion: function(toggle, content) {
		if (content.children.length) {
			toggle.classList.add("is-open");
			let final_height = Math.floor(content.children[0].offsetHeight);
			content.style.height = final_height + "px";
		}
	},

	closeAccordion: function(toggle, content) {
		toggle.classList.remove("is-open");
		content.style.height = 0;
	},

	init: function(el) {
		const _this = this;

		// Override default settings with classes
		let is_first_expanded = _this.settings.first_expanded;
		if (el.classList.contains("is-first-expanded")) is_first_expanded = true;
		let is_toggle = _this.settings.toggle;
		if (el.classList.contains("is-toggle")) is_toggle = true;

		// Loop through the accordion's sections and set up the click behavior
		const sections = el.getElementsByClassName("accordion");
		const all_toggles = el.getElementsByClassName("accordion-head");
		const all_contents = el.getElementsByClassName("accordion-body");
		for (let i = 0; i < sections.length; i++) {if (window.CP.shouldStopExecution(2)){break;}
			const section = sections[i];
			const toggle = all_toggles[i];
			const content = all_contents[i];

			// Click behavior
			toggle.addEventListener("click", function(e) {
				if (!is_toggle) {
					// Hide all content areas first
					for (let a = 0; a < all_contents.length; a++) {if (window.CP.shouldStopExecution(1)){break;}
						_this.closeAccordion(all_toggles[a], all_contents[a]);
					}
window.CP.exitedLoop(1);


					// Expand the clicked item
					_this.openAccordion(toggle, content);
				} else {
					// Toggle the clicked item
					if (toggle.classList.contains("is-open")) {
						_this.closeAccordion(toggle, content);
					} else {
						_this.openAccordion(toggle, content);
					}
				}
			});

			// Expand the first item
			if (i === 0 && is_first_expanded) {
				_this.openAccordion(toggle, content);
			}
		}
window.CP.exitedLoop(2);

	}
};

(function() {
	// Initiate all instances on the page
	const accordions = document.getElementsByClassName("accordions");
	for (let i = 0; i < accordions.length; i++) {if (window.CP.shouldStopExecution(3)){break;}
		Accordion.init(accordions[i]);
	}
window.CP.exitedLoop(3);

})();
//# sourceURL=pen.js
</script><!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-139843456-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-139843456-1');
</script>

<style type="text/css"> 

@media screen and (max-width:1023px) and (min-width:765px) {

.altfoot_ust_ic{width:90%; height:auto; overflow:hidden; margin:0px auto; text-align:center;}
.altfoot_alt_ic{width:50% height:auto; overflow:hidden; margin:0px auto;}
.altfoot_alt_left{width:50%; height:auto; overflow:hidden; display:inline-block; vertical-align:top; margin-left:15px; margin-right:15px;}
.altfoot_alt_right{width:90%; height:auto; overflow:hidden; display:inline-block; text-align:left; vertical-align:top;}

}

@media screen and (max-width:1100px) and (min-width:1023px) {

.altfoot_ust_ic{width:90%; height:auto; overflow:hidden; margin:0px auto; text-align:center;}
.altfoot_alt_ic{width:90% height:auto; overflow:hidden; margin:0px auto;}

}

</style>
	

<div class="telnotrap_res animatable bounceInLeft"><div class="trapezium_res"><p>Bizi Arayın <img src="images/phon.png">+90 3423225456</p></div></div>

	

<div class="telnotrap animatable bounceInLeft"><div class="trapezium"><p>Bizi Arayın <img src="images/phon.png">+90 3423225456</p></div></div>

<div class="altfoot_main">
	<div class="altfoot_ust">
		<div class="altfoot_ust_ic">
			<div class="altfoot_ust_info">
				<div class="altfoot_ust_info_box">
				<div class="altfoot_ust_info_boxicon"><i class="fa fa-globe"></i></div>
				<div class="altfoot_ust_info_boxicerik">GÜVENEVLER MAHALLESİ 14 NOLU CADDE 7 NOLU SOKAK NO:1 ŞEHİTKAMİL / GAZİANTEP</div>
				</div>
				<div class="altfoot_ust_info_box">
				<div class="altfoot_ust_info_boxicon"><i class="fa fa-phone"></i></div>
				<div class="altfoot_ust_info_boxicerik" style="margin-top:3px;">+90 3423225456</div>
				</div>
				<div class="altfoot_ust_info_box">
				<div class="altfoot_ust_info_boxicon"><i class="fa fa-fax"></i></div>
				<div class="altfoot_ust_info_boxicerik" style="margin-top:3px;">+903423225457</div>
				</div>
				<div class="altfoot_ust_info_box">
				<div class="altfoot_ust_info_boxicon"><i class="fa fa-envelope"></i></div>
				<div class="altfoot_ust_info_boxicerik" style="margin-top:3px;">bilgi@damlahemodiyaliz.com</div>
				</div>
			
				<div class="altfoot_ust_info_boxlogo">
					<img src="images/logo/5999Damla_firma.png">
				</div>				
			</div><div class="altfoot_ust_links">
				<div class="altfoot_ust_links_baslik">
					<div class="altfoot_ust_links_baslik_icon"><i class="fa fa-angle-down" aria-hidden="true"></i></div><div class="altfoot_ust_links_baslik_icerik">KURUMSAL</div>					
				</div>
					
				<div class="altfoot_ust_links_box">
				<a href="hakkimizda.html"><p>HAKKIMIZDA</p></a>
				</div>								
					
				<div class="altfoot_ust_links_box">
				<a href="sss.html"><p>S.S.S.</p></a>
				</div>								
					
			</div><div class="altfoot_ust_links">
				<div class="altfoot_ust_links_baslik">
					<div class="altfoot_ust_links_baslik_icon"><i class="fa fa-angle-down" aria-hidden="true"></i></div><div class="altfoot_ust_links_baslik_icerik">BAĞLANTILAR</div>					
				</div>
					
				<div class="altfoot_ust_links_box">
				<a href="hizmetlerimiz.html"><p>Kalite Yönetimi</p></a>
				</div>								
					
				<div class="altfoot_ust_links_box">
				<a href="galeri.html"><p>Galeri</p></a>
				</div>								
					
				<div class="altfoot_ust_links_box">
				<a href="iletisim.html"><p>Bize Ulaşın</p></a>
				</div>								
					
			</div><div class="altfoot_ust_cat_soc">
					
				<div class="altfoot_ust_social">
				<a href="" target="_blank"><div class="footer_4_socialbox"><i class="fa fa-facebook"></i></div></a>
				<a href="#s" target="_blank"><div class="footer_4_socialbox"><i class="fa fa-twitter"></i></div></a>
				<a href=" #s" target="_blank"><div class="footer_4_socialbox"><i class="fa fa-instagram"></i></div></a>
				<a href="3s" target="_blank"><div class="footer_4_socialbox"><i class="fa fa-youtube-play"></i></div></a>
				<a href="###s" target="_blank"><div class="footer_4_socialbox"><i class="fa fa-google-plus"></i></div></a>
				<a href="rss.xml" target="_blank"><div class="footer_4_socialbox"><i class="fa fa-rss"></i></div></a>				
				</div>
			</div>
		</div>
	</div>
	<div class="altfoot_alt">
			<div class="altfoot_alt_ic">
				<div class="altfoot_alt_left">
					<p style="font-size:13px; font-weight:500"></p>
					<p style="font-size:12px; font-weight:200; color:#A1A1A1;"></p>
				</div><div class="altfoot_alt_right">
					<div class="altfoot_alt_etiket"><img src="images/etiket.png"></div>
					<div class="altfoot_alt_kataloge">
						<div class="altfoot_alt_kataloge_ust">
						<p>E-BÜLTEN ABONELİĞİ</p>
						</div>
						<div  id="sonuc"></div>
						<div class="altfoot_alt_kataloge_alt">
						<form onSubmit="return ebulten(this)" id="uyari"  name="form1" action="javascript:void(0);" method="POST"   >
						<input type="text" name="eposta" placeholder="E-Posta Adresinizi Girin">
						<input type="submit" name="submit" onClick="ebulten();" value="GÖNDER"  class="mes_gonder" style="width:auto; background-color:#101010; padding-right:15px; font-weight:500; color:#FFF; border-radius:0px 3px 3px 0px;;">
						</form>
						
						</div>
					</div>
				</div>
			</div>
	</div>	
</div>



<script >// Trigger CSS animations on scroll.
// Detailed explanation can be found at http://www.bram.us/2013/11/20/scroll-animations/

// Looking for a version that also reverses the animation when
// elements scroll below the fold again?
// --> Check https://codepen.io/bramus/pen/vKpjNP

jQuery(function ($) {

  // Function which adds the 'animated' class to any '.animatable' in view
  var doAnimations = function () {

    // Calc current offset and get all animatables
    var offset = $(window).scrollTop() + $(window).height(),
    $animatables = $('.animatable');

    // Unbind scroll handler if we have no animatables
    if ($animatables.length == 0) {
      $(window).off('scroll', doAnimations);
    }

    // Check all animatables and animate them if necessary
    $animatables.each(function (i) {
      var $animatable = $(this);
      if ($animatable.offset().top + $animatable.height() - 20 < offset) {
        $animatable.removeClass('animatable').addClass('animated');
      }
    });

  };

  // Hook doAnimations on scroll, and trigger a scroll
  $(window).on('scroll', doAnimations);
  $(window).trigger('scroll');

});
//# sourceURL=pen.js
</script>

</div>

<script src="//static.codepen.io/assets/common/stopExecutionOnTimeout-b2a7b3fe212eaa732349046d8416e00a9dec26eb7fd347590fbced3ab38af52e.js"></script>

<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>

  

    <script >
      // Gallery image hover
$( ".img-wrapper" ).hover(
  function() {
    $(this).find(".img-overlay").animate({opacity: 1}, 600);
  }, function() {
    $(this).find(".img-overlay").animate({opacity: 0}, 600);
  }
);

// Lightbox
var $overlay = $('<div id="overlay"></div>');
var $image = $("<img>");
var $prevButton = $('<div id="prevButton"><i class="fa fa-chevron-left"></i></div>');
var $nextButton = $('<div id="nextButton"><i class="fa fa-chevron-right"></i></div>');
var $exitButton = $('<div id="exitButton"><i class="fa fa-times"></i></div>');

// Add overlay
$overlay.append($image).prepend($prevButton).append($nextButton).append($exitButton);
$("#gallery").append($overlay);

// Hide overlay on default
$overlay.hide();

// When an image is clicked
$(".img-overlay").click(function(event) {
  // Prevents default behavior
  event.preventDefault();
  // Adds href attribute to variable
  var imageLocation = $(this).prev().attr("href");
  // Add the image src to $image
  $image.attr("src", imageLocation);
  // Fade in the overlay
  $overlay.fadeIn("slow");
});

// When the overlay is clicked
$overlay.click(function() {
  // Fade out the overlay
  $(this).fadeOut("slow");
});

// When next button is clicked
$nextButton.click(function(event) {
  // Hide the current image
  $("#overlay img").hide();
  // Overlay image location
  var $currentImgSrc = $("#overlay img").attr("src");
  // Image with matching location of the overlay image
  var $currentImg = $('#image-gallery img[src="' + $currentImgSrc + '"]');
  // Finds the next image
  var $nextImg = $($currentImg.closest(".image").next().find("img"));
  // All of the images in the gallery
  var $images = $("#image-gallery img");
  // If there is a next image
  if ($nextImg.length > 0) { 
    // Fade in the next image
    $("#overlay img").attr("src", $nextImg.attr("src")).fadeIn(800);
  } else {
    // Otherwise fade in the first image
    $("#overlay img").attr("src", $($images[0]).attr("src")).fadeIn(800);
  }
  // Prevents overlay from being hidden
  event.stopPropagation();
});

// When previous button is clicked
$prevButton.click(function(event) {
  // Hide the current image
  $("#overlay img").hide();
  // Overlay image location
  var $currentImgSrc = $("#overlay img").attr("src");
  // Image with matching location of the overlay image
  var $currentImg = $('#image-gallery img[src="' + $currentImgSrc + '"]');
  // Finds the next image
  var $nextImg = $($currentImg.closest(".image").prev().find("img"));
  // Fade in the next image
  $("#overlay img").attr("src", $nextImg.attr("src")).fadeIn(800);
  // Prevents overlay from being hidden
  event.stopPropagation();
});

// When the exit button is clicked
$exitButton.click(function() {
  // Fade out the overlay
  $("#overlay").fadeOut("slow");
});
      //# sourceURL=pen.js
    </script>
</body>
</html>