<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb">
<!--[if IE 7 ]>    <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en-gb" class="no-js">
<!--<![endif]-->
<head>
    <!-- Head -->
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1254" />
    <script src="//code.jquery.com/jquery-latest.js" type="text/javascript"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="author" content="Berk Hidrolik Sistemleri" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" href="deppo/image/wfavicon.ico" type="image/x-icon" />
    
    <meta name="google-site-verification" content="" />
    <meta name="yandex-verification" content="" />
    
    <title>Berk Hidrolik Sistemleri</title>
    <meta name="description" content="Berk Hidrolik Sistemleri" />
    <meta name="keywords" content="" />
    <link rel="canonical" href="https://www.berkhidrolik.com.tr/" />

    <meta property="og:title" content="Berk Hidrolik Sistemleri" />
    <meta property="og:type" content="web" />
    <meta property="og:site_name" content="Berk Hidrolik Sistemleri" />
    <meta property="og:url" content="https://www.berkhidrolik.com.tr//?/" />
    <meta property="og:image" content="https://www.berkhidrolik.com.tr//deppo/image/wlogo.png" />
    <meta property="og:description" content="Berk Hidrolik Sistemleri" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="https://www.berkhidrolik.com.tr/" />
    <meta name="twitter:creator" content="@twitter" />
    <meta name="twitter:title" content="Berk Hidrolik Sistemleri" />
    <meta name="twitter:description" content="Berk Hidrolik Sistemleri" />
    <meta name="twitter:image" content="https://www.berkhidrolik.com.tr//deppo/image/wlogo.png" />
    <meta name="twitter:domain" content="https://www.berkhidrolik.com.tr//?/" />
	<!-- Google tag (gtag.js) -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=G-93M8MCW9R0"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-93M8MCW9R0'); </script>
    <style type="text/css">
    /****************** Switches ********************/
    #autosave input[type=checkbox] {
        display: none;
    }

    #autosave input[type="checkbox"]:checked + label:before {
        display: none;
    }

    .mini-switch + label {
        width: 40px;
        height: 20px;
        background: url('//cdn.v3medya.com/wpanel/wpanel.png') no-repeat 0 -24px;
        background-position: -1px -311px;
        display: inline-block;
        padding: 0 0 0 0px;
        cursor: pointer;
    }

    .mini-switch:checked + label {
        width: 40px;
        height: 20px;
        background: url('//cdn.v3medya.com/wpanel/wpanel.png') no-repeat 0 0px;
        background-position: -1px -287px;
        display: inline-block;
        padding: 0 0 0 0px;
        cursor: pointer;
    }

    #guncellendi {
        padding: 5px 10px;
        background-color: #FFFF00;
        color: #000;
        width: 100px;
        position: fixed;
        margin-left: 46%;
        z-index: 9999999999999999;
        display: none;
        text-align: center;
    }

    .v3statusac {
        position: fixed;
        left: 10px;
        z-index: 9999999999;
        cursor: pointer;
        font-size: 30px !important;
    }

    .v3status {
        background-color: #000;
        color: #fff;
        opacity: 0.8;
        position: fixed;
        display: block;
        left: -1px;
        top: -2px;
        margin: 0px;
        width: 101%;
        padding: 5px;
        border: solid 1px #ccc;
        z-index: 999999999;
        display: none;
    }

        .v3status ul {
            list-style: none;
            font-size: 13px;
        }

            .v3status ul li {
                float: left;
                padding: 5px;
                margin-left: 10px;
            }

                .v3status ul li a {
                    color: #fff;
                }
</style>
<div id="guncellendi">Güncellendi</div>
<div id="preload" style="display: none; width: 100%; height: 100%; padding: 20% 45%; position: fixed; margin: 0px; left: 0px; top: 0px; z-index: 999999999999;">
</div>
<div id="preload" style="display:none; width:100%; height:100%; padding:20% 45%; position:fixed; margin:0px; left:0px; top:0px; z-index:999999999999;"><img border="0" src="https://www.berkhidrolik.com.tr//deppo/tools/img/loading.gif" style="max-height: 150px;"></div>

<link rel='stylesheet' href='https://res.cloudinary.com/watolye/raw/upload/v1556794008/css/watolye.css' type='text/css' /><link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'> <!--[if lt IE 9]><script src='https://www.berkhidrolik.com.tr//deppo/tools/js/html5.js'></script><![endif]--> <script src='https://www.berkhidrolik.com.tr//deppo/tools/js/gen_validatorv4.js'></script> <script src='//cdn.ckeditor.com/4.8.0/basic/ckeditor.js'></script> 

<script type="text/javascript">
    document.getElementsByTagName("body")[0].setAttribute("id", "watolye");

    function AjaxKaydet(){
        for(var dilan in CKEDITOR.instances)
            CKEDITOR.instances[dilan].updateElement();
        jQuery.ajax({type: "POST", url: "?panel/ilan/kilan/<?php echo $sayfa3?>",
            data: jQuery('#autosave').serialize(), success: function () {
                setTimeout(function () { jQuery('#guncellendi').fadeIn('slow'); }, 500);  setTimeout(function () { jQuery('#guncellendi').delay(3000).fadeOut('slow'); }, 500);
            }
        });
    }

    $(document).on('click','[data-form]',function(e){
        $('#preload').fadeIn('slow');
        e.preventDefault();
        var _this=$(this);
        $.post(_this.data('url'),$(_this.data('form')).find('input,textarea,select').serialize(),function(){
            show('mmesaj');
            $(_this.data('form'))[0].reset();
            $('#preload').fadeOut('slow');
        });
    });
    //data-url="func..php?func.=fmail" data-form="#iform"

    //!-- Göster/Gizle -->
    function hide(id){var divObject=document.getElementById(id); divObject.style.display="none";}
    function show(id){var divObject=document.getElementById(id); divObject.style.display="block";}
    //!-- Göster/Gizle -->

    function sgoster(id){
        setTimeout(function() {var divObject=document.getElementById(id); divObject.style.display="block";}, 0);
        setTimeout(function() {var divObject=document.getElementById(id); divObject.style.display="none";}, 3000);
    }

    jQuery(function(){
        jQuery('form.fcontrol button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol input.icontrol',function(e){
        if(jQuery('form.fcontrol input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol').find('.alert1').remove();
            jQuery('form.fcontrol button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol button').prop('disabled',true);
            if(jQuery('form.fcontrol').find('.alert1').length==0){
                jQuery('form.fcontrol').prepend('<div class="v3-row alert alert-danger alert1" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    jQuery(function(){
        jQuery('form.fcontrol2 button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol2 input.icontrol',function(e){
        if(jQuery('form.fcontrol2 input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol2').find('.alert2').remove();
            jQuery('form.fcontrol2 button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol2 button').prop('disabled',true);
            if(jQuery('form.fcontrol2').find('.alert2').length==0){
                jQuery('form.fcontrol2').prepend('<div class="v3-row alert alert-danger alert2" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    jQuery(function(){
        jQuery('form.fcontrol3 button').prop('disabled',true);
    });

    jQuery(document).on('input','form.fcontrol3 input.icontrol',function(e){
        if(jQuery('form.fcontrol3 input.icontrol').filter(function() { return this.value == ""; }).length==0){
            jQuery('form.fcontrol3').find('.alert3').remove();
            jQuery('form.fcontrol3 button').prop('disabled',false);
        }else{
            jQuery('form.fcontrol3 button').prop('disabled',true);
            if(jQuery('form.fcontrol3').find('.alert3').length==0){
                jQuery('form.fcontrol3').prepend('<div class="v3-row alert alert-danger alert3" style="padding:5px;">Formda boş alanlar var.</div><br>');
            }
        }
    });

    //<form class="fcontrol">
    //<input type="text" class="icontrol">
    //</form>

    //!-- Fade Out -->
    jQuery(window).load(function(){setTimeout(function(){
        jQuery('.v3_mbox').fadeOut() }, 3000);});
    //<div class="v3_mbox"></div>
    //!-- Fade Out -->

    //!-- Sadece Sayı -->
    function IsNumeric(nesne){var ValidChars = "0123456789.";
        var IsNumber=true;
        var Char;
        for (i = 0; i < nesne.value.length && IsNumber == true; i++){Char = nesne.value.charAt(i); 
            if (ValidChars.indexOf(Char) == -1) {// alert('Lütfen Sadece Sayısal Değer Giriniz')
                nesne.value = nesne.value.substring(0,i);
                break;}}
        return IsNumber;}
    //<input name="" type="text" onKeyUp="IsNumeric(this);">
    //!-- Sadece Sayı -->

    //!-- Font Boyut -->
    function degistir(kaynak, deger) {
        var hedef = document.getElementById(kaynak);
        var hedeffont = parseInt(hedef.style.fontSize, 10)
        hedef.style.fontSize = (hedeffont + parseInt(deger, 10)) + 'px';
    }
    //Kullanımı onClick="degistir('ContentID','2');"
    //!-- Font Boyut -->

    
    //!-- Lazyload -->

    //!-- LightBOX-1 -->


    //var frmvalidator = new Validator("FormID");
    //frmvalidator.addValidation("Zorunlu","req","Lütfen Adınızı Giriniz");
    //frmvalidator.addValidation("max50","maxlen=50");
    //frmvalidator.addValidation("Email","email");
    //frmvalidator.addValidation("Numara","numeric");
</script>
































<script src="//cdn.v3medya.com/js/watolye.js"></script>
<link rel='stylesheet' href='deppo/tools/css/watolye.css' type='text/css' /><link rel='stylesheet' href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'>


<!--[if lt IE 9]>
    <script src="https://www.berkhidrolik.com.tr//deppo/tools/js/html5.js"></script>
<![endif]-->
<script type="text/javascript">
    
        //!-- Göster/Gizle -->
	function hide(id){var divObject=document.getElementById(id); divObject.style.display="none";}
        function show(id){var divObject=document.getElementById(id); divObject.style.display="block";}
    //!-- Göster/Gizle -->

    //!-- Fade Out -->
    jQuery(window).load(function () { setTimeout(function () {
        jQuery('.v3_mbox').fadeOut() }, 3000); });
    //!-- Fade Out -->

    //!-- Sadece Sayı -->
    function IsNumeric(nesne){var ValidChars = "0123456789.";
        var IsNumber=true;
        var Char;
        for (i = 0; i < nesne.value.length && IsNumber == true; i++){Char = nesne.value.charAt(i); 
            if (ValidChars.indexOf(Char) == -1) {// alert('Lütfen Sadece Sayısal Değer Giriniz')
                nesne.value = nesne.value.substring(0,i);
                break;}}
        return IsNumber;}
    //<input name="" type="text" onKeyUp="IsNumeric(this);">
    //!-- Sadece Sayı -->
</script>






<script src="https://www.berkhidrolik.com.tr//deppo/tools/js/il-ilce.js"></script>
<script src="https://www.berkhidrolik.com.tr//deppo/tools/js/gen_validatorv4.js"></script>
<script src="//cdn.ckeditor.com/4.4.7/basic/ckeditor.js"></script>

	<!--Bootstrap CSS-->
    <link href="css\bootstrap.min.css" rel="stylesheet">
    <!--Font Awesome CSS-->
    <link href="css\font-awesome.min.css" rel="stylesheet">
    <!-- Owl Carosel CSS-->
    <link href="css\owl.carousel.css" rel="stylesheet">
    <!--Animate CSS-->
    <link href="css\animate.css" rel="stylesheet">
    <!--Proximanova Fonts CSS-->
    <link href="css\proximanova.css" rel="stylesheet">
    <!-- Linking Custom.css -->
    <link href="style.css" rel="stylesheet">
    <!-- Responsive CSS-->
    <link href="css\responsive.css" rel="stylesheet">

    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
	<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-458469742">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-458469742');
</script>
	<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-93M8MCW9R0"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-93M8MCW9R0'); </script>
	<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-93M8MCW9R0"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-93M8MCW9R0');
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-N3GR97R');</script>
<!-- End Google Tag Manager -->
    <!-- Head -->
</head>
<!--[if lt IE 9]>
<div style="background-color:#FFF1A8; opacity:0.2; position:fixed; left:0px; top:0px; width:99.8%; padding:10px; border:solid 1px #ccc; z-index:99999999999; text-align:center;" id="uyari">
Web Sitesi tarafından artık desteklenmeyen bir Internet Explorer sürümünü kullanıyorsunuz. Bazı özellikler doğru çalışmayabilir. <a href="https://www.google.com/intl/tr/chrome/browser/promo/gmail/?brand=CHHM" target="_blank" style="color:#1155CC; font-weight:bold;">Google Chrome</a> gibi <a href="https://www.google.com/intl/tr/chrome/browser/promo/gmail/?brand=CHHM" target="_blank" style="color:#1155CC; font-weight:bold;">modern bir tarayıcıya</a> geçin. <a href="javascript:hide('uyari');" style="color:#1155CC; font-weight:bold;">Yoksay</a>
</div>
<![endif]-->
<style>
.v3icerik {
	position : fixed;
top : expression(eval(document.body.scrollTop));
	margin-left : 2px;
	height : 105%;
	width : 100%;
	z-index : 99999999;
	border : 0px solid #000;
}
iframe {
	height : 100%;
	width : 100%;
	border : none;
}
/* message box */
.message-box {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}
.message-box.open {
	display: block;
}
.message-box .mb-container {
	position: absolute;
	left: 0px;
	top: 35%;
	background: rgba(0, 0, 0, 0.9);
	padding: 20px;
	width: 100%;
}
.message-box .mb-container .mb-middle {
	width: 50%;
	left: 25%;
	position: relative;
	color: #FFF;
}
.message-box .mb-container .mb-middle .mb-title {
	width: 100%;
	float: left;
	padding: 10px 0px 0px;
	font-size: 31px;
	font-weight: 400;
	line-height: 36px;
}
.message-box .mb-container .mb-middle .mb-title .fa, .message-box .mb-container .mb-middle .mb-title .glyphicon {
	font-size: 38px;
	float: left;
	margin-right: 10px;
}
.message-box .mb-container .mb-middle .mb-content {
	width: 100%;
	float: left;
	padding: 10px 0px 0px;
}
.message-box .mb-container .mb-middle .mb-content p {
	margin-bottom: 0px;
}
.message-box .mb-container .mb-middle .mb-footer {
	width: 100%;
	float: left;
	padding: 10px 0px;
}
.message-box.message-box-warning .mb-container {
	background: rgba(254, 162, 35, 0.9);
}
.message-box.message-box-danger .mb-container {
	background: rgba(182, 70, 69, 0.9);
}
.message-box.message-box-info .mb-container {
	background: rgba(63, 186, 228, 0.9);
}
.message-box.message-box-success .mb-container {
	background: rgba(149, 183, 93, 0.9);
}
	/* end message box */
</style>

<div style="display:none; background-image:url('deppo/tools/img/trns.png'); margin-top:-20px;" class="v3icerik" id="icerik" align="center" onclick="icerik.location.href='about:blank'; hide('icerik');">
  <div style="margin-top:5%; width:80%; height:70%; position:relative; border:solid 5px #ccc; background-color:#fff;" class="yuvarla rounded">
    <div style="margin-top:10px; position:absolute; right:-20px; top:-35px; width:32px; height:32px; z-index:9999999999999999999;"><a href="about:blank" target="icerik" class="fa fa-remove" onclick="hide('icerik')" style="cursor:pointer;font-size:30px;" id="ajxsepet"></a></div>
    <iframe name="icerik"></iframe>
  </div>
</div>

<div id="islem" style="background-color:#fff; position:fixed; left:-1px; top:-2px; margin:0px; height:35px; width:100%; border:solid 1px #ccc; z-index:999999999; display:none;">
  <iframe name="islem" style="width:98%; float:left;" scrolling="no"></iframe>
  <i class="fa fa-remove" style="cursor:pointer; float:right; font-size:20px; margin-top:6px; margin-right:10px;" onclick="hide('islem')"></i>
</div>

<div class="message-box animated fadeIn" data-sound="alert" id="mmesaj">
  <div class="mb-container">
    <div class="mb-middle">
      <div class="mb-title"><span class="fa fa-check"></span>  İşlem Başarılı ! </div>
      <div class="mb-content">
        <p> Bizi tercih Ettiğiniz için Teşekkürler </p>
      </div>
      <div class="mb-footer">
        <div class="pull-right">
          <a style="cursor:pointer;" onclick="hide('mmesaj')" class="v3-btn v3-btn-default v3-btn-lg mb-control-close"> Kapat </a>
        </div>
      </div>
    </div>
  </div>
</div>
<body>
    <!-- Preloader start -->
    <div class="factorian-site-preloader-wrap">
        <div class="spinner-2"></div>
    </div>
    <!--  Header Top Area Start-->
    <div class="header-top">
        <div class="container header-border">
            <div class="row">
                <div class="col-lg-6">
                    <div class="header-left text-left">
                        <ul>
							<li>
							  <a href="https://www.google.com/maps/dir/?api=1&destination=40.996273,29.188083" 
								 style="display: inline-block;
										background-color: #ffffff;
										color: #007bff;
										border: 2px solid #007bff;
										padding: 10px 20px;
										font-size: 14px;
										border-radius: 4px;
										text-decoration: none;
										font-family: Arial, sans-serif;"
								 target="_blank" rel="noopener noreferrer">
								 <i class="fa fa-map-marker" style="margin-right: 8px; color:#007bff!important;"></i> Adres Tarifi Al
							  </a>
							</li>
							<li>
							  <a href="mailto:info@berkhidrolik.com.tr" 
								 style="display: inline-block;
										background-color: #ffffff;
										color: #007bff;
										border: 2px solid #007bff;
										padding: 10px 15px;
										font-size: 14px;
										border-radius: 4px;
										text-decoration: none;
										font-family: Arial, sans-serif;"
								 target="_blank" rel="noopener noreferrer">
								 <i class="fa fa-envelope" style="color:#007bff!important;"></i>
							  </a>
							</li>
							<li>
							  <a href="https://www.facebook.com/BERK-Hidrolik-482990512036423/" 
								 style="display: inline-block;
										background-color: #ffffff;
										color: #007bff;
										border: 2px solid #007bff;
										padding: 10px 15px;
										font-size: 14px;
										border-radius: 4px;
										text-decoration: none;
										font-family: Arial, sans-serif;"
								 target="_blank" rel="noopener noreferrer">
								 <i class="fa fa-facebook" style="color:#007bff!important;"></i>
							  </a>
							</li>
							<li>
							  <a href="https://www.youtube.com/channel/UCk1Bvw4iPsuL7g3k3H_n31A?view_as=subscriber"
								 style="display: inline-block;
										background-color: #ffffff;
										color: #007bff;
										border: 2px solid #007bff;
										padding: 10px 15px;
										font-size: 14px;
										border-radius: 4px;
										text-decoration: none;
										font-family: Arial, sans-serif;"
								 target="_blank" rel="noopener noreferrer">
								 <i class="fa fa-youtube" style="color:#007bff!important;"></i>
							  </a>
							</li>
                        </ul>
                    </div>
                </div>
				<div class="col-lg-6">
					<div class="header-right text-right">
                        <ul>
							<li class="mobile-only">
								<a href="https://www.google.com/maps/dir/?api=1&destination=40.996273,29.188083" 
									style="display: inline-block;
											background-color: #ffffff;
											color: #007bff;
											border: 2px solid #007bff;
											padding: 10px 8px;
											font-size: 14px;
											border-radius: 4px;
											text-decoration: none;
											font-family: Arial, sans-serif;"
									target="_blank" rel="noopener noreferrer">
									<i class="fa fa-map-marker" style="margin-right: 8px; color:#007bff!important;"></i> Adres Tarifi Al
								</a>
							</li>

							<li>
								<a href="https://wa.me/+905517240266" 
								   style="display: inline-block;
										  background-color: #ffffff;
										  color: #25D366;
										  border: 2px solid #25D366;
										  padding: 10px 8px;
										  font-size: 14px;
										  border-radius: 4px;
										  text-decoration: none;
										  font-family: Arial, sans-serif;"
								   target="_blank">
								   <i class="fa fa-whatsapp" style="margin-right: 8px; color:#25D366!important;"></i> WhatsApp Hattı
								</a>
							</li>
							
                            <li>
								<a href="?lang=lang2"
								style="display: inline-block;
										  background-color: #ffffff;
										  color: #007bff;
										  border: 2px solid #007bff;
										  padding: 10px 8px;
										  font-size: 14px;
										  border-radius: 4px;
										  text-decoration: none;
										  font-family: Arial, sans-serif;">
									<i class="fa fa-globe" style="color:#007bff;"></i>&nbsp;English
								</a>
							</li>
							
                        </ul>
                    </div>
                    <!-- /.End Of Header Left -->
                </div>
            </div>
        </div>
    </div>
    <!--  Header Top Area End-->
	<style>
    @media (max-width: 767px) {
        .header-left ul li {
            display: none;
        }
    }
	/* Varsayılan olarak sadece mobilde görünen öğeler */
.header-right ul li.mobile-only {
    display: none;
}

/* Sadece mobil ekranlarda göster */
@media (max-width: 768px) {
    .header-right ul li.mobile-only {
        display: inline-block;
    }
}

</style>
    <!--  Header Area Start-->
    <div class="header-area" id="home">
        <div class="container">
            <div class="row header-bottom">
                <div class="col-sm-2 col-xs-12">
                    <!--  Header Logo Start  -->
                    <div class="logo-area">
                        <a href="."><img style="margin-top: -10px;" src="deppo/image/wlogo.png" alt="Berk Hidrolik Sistemleri"></a>
                    </div>
                </div>
				
                <!--  Header Logo Start End  -->
                <div class="col-sm-10 col-xs-12">
                    <!--  Header Menu Start  -->
                    <div class="hero-area-mainmenu wow fadeInDown">
                        <div class="hero-area-menu">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                                <ul id="nav" class="nav navbar-nav">

                                    <li><a href=".">ANASAYFA</a></li>

                                    <li><a href="?s1003/Kurumsal">KURUMSAL</a></li>

                                    <li><a href="?l1004/Urunlerimiz">ÜRÜNLERİMİZ</a></li>

                                    <li><a href="?s1107/Hidrolik-Pompa">HİDROLİK POMPA</a></li>

                                    <li><a href="?c/Hesaplamalar">HESAPLAMALAR</a></li>

                                    <li><a href="?i1006/Iletisim">İLETİŞİM</a></li>

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!--  Header Menu End  -->
				
                
            </div>
        </div>
    </div>
    <!--  Header Area End--><style>
.owl-controls {display:none;}
</style>   
   <!-- slider baslangic -->
    <div class="slider-area">
        <div class="slider-wrapper">

            <!-- slider icerik -->
            <div class="slide-item" style="background-image:url('deppo/slide/13583057246.jpg');">
               <a href="">
				 <div class="slide-content">
                    <h2 class="wow fadeInLeft"></h2>
                    <span class="subtitle wow zoomInDown"></span>
                    <!--<a href="" class="wow tada">Ürüne Git</a>-->
                </div>
			   </a>
            </div>
            <!-- slider icerik son -->

            <!-- slider icerik -->
            <div class="slide-item" style="background-image:url('deppo/slide/13584257246.jpg');">
               <a href="">
				 <div class="slide-content">
                    <h2 class="wow fadeInLeft"></h2>
                    <span class="subtitle wow zoomInDown"></span>
                    <!--<a href="" class="wow tada">Ürüne Git</a>-->
                </div>
			   </a>
            </div>
            <!-- slider icerik son -->

            <!-- slider icerik -->
            <div class="slide-item" style="background-image:url('deppo/slide/13585257246.jpg');">
               <a href="">
				 <div class="slide-content">
                    <h2 class="wow fadeInLeft"></h2>
                    <span class="subtitle wow zoomInDown"></span>
                    <!--<a href="" class="wow tada">Ürüne Git</a>-->
                </div>
			   </a>
            </div>
            <!-- slider icerik son -->

        </div>
    </div>
    <!-- slider son -->

<style>
	.project-area .single-project {
    float: left;
	}
	.single-project .overly {
    background: rgb(255 255 255 / 0%) none repeat scroll 0 0!important;
	border: 1px solid #000;
    border-radius: 20px!important;
    color: #ffffff!important;
    display: flex!important;
    flex-direction: column!important;
    font-style: normal!important;
    height: 100%!important;
    justify-content: center!important;
    left: 0!important;
    opacity: 100!important;
    padding: 46px!important;
    position: absolute!important;
    text-align: center!important;
    top: 0%!important;
    transform:none!important;
    transition: none!important;
    vertical-align: middle!important;
    width: 100%!important;
    }
	.kategoriAdi   {
		color:#000;
		font-size: 15px!important;
		font-weight:600;
		text-align: center;
	}
	.single-project .overly:hover {
	border: 1px solid #000;
    border-radius: 20px!important;
	}
	}
	</style>

<div class="project-page" style="margin-top:80px;">
    <div class="container">
        <div class="project-area">
            
           
                <div class="single-project">
                    <img src="deppo/kategori/165953265252.jpg" alt="">
                    <a href="?x5/rexroth">
                        <div class="overly"></div>
                    </a>
                    <div class="kategoriAdi">
                        <span>Rexroth</span>
                        <p></p>
                    </div>
                </div>
                
           
                <div class="single-project">
                    <img src="deppo/kategori/124853285254.jpg" alt="">
                    <a href="?x4/permco">
                        <div class="overly"></div>
                    </a>
                    <div class="kategoriAdi">
                        <span>PERMCO</span>
                        <p></p>
                    </div>
                </div>
                
           
                <div class="single-project">
                    <img src="deppo/kategori/125141285254.jpg" alt="">
                    <a href="?x20/sauer-danfoss">
                        <div class="overly"></div>
                    </a>
                    <div class="kategoriAdi">
                        <span>Sauer Danfoss</span>
                        <p></p>
                    </div>
                </div>
                
           
                <div class="single-project">
                    <img src="deppo/kategori/17445265252.jpg" alt="">
                    <a href="?x3/eaton">
                        <div class="overly"></div>
                    </a>
                    <div class="kategoriAdi">
                        <span>EATON</span>
                        <p></p>
                    </div>
                </div>
                
           
                <div class="single-project">
                    <img src="deppo/kategori/171430265252.jpg" alt="">
                    <a href="?x6/kawasaki">
                        <div class="overly"></div>
                    </a>
                    <div class="kategoriAdi">
                        <span>Kawasaki</span>
                        <p></p>
                    </div>
                </div>
                
           
                <div class="single-project">
                    <img src="deppo/kategori/17157265252.jpg" alt="">
                    <a href="?x7/hitachi">
                        <div class="overly"></div>
                    </a>
                    <div class="kategoriAdi">
                        <span>Hitachi</span>
                        <p></p>
                    </div>
                </div>
                
           
                <div class="single-project">
                    <img src="deppo/kategori/171557265252.jpg" alt="">
                    <a href="?x8/hydrosila">
                        <div class="overly"></div>
                    </a>
                    <div class="kategoriAdi">
                        <span>HYDROSILA</span>
                        <p></p>
                    </div>
                </div>
                
           
                <div class="single-project">
                    <img src="deppo/kategori/171642265252.jpg" alt="">
                    <a href="?x9/cat">
                        <div class="overly"></div>
                    </a>
                    <div class="kategoriAdi">
                        <span>CAT</span>
                        <p></p>
                    </div>
                </div>
                
           
                <div class="single-project">
                    <img src="deppo/kategori/171827265252.jpg" alt="">
                    <a href="?x10/kyb">
                        <div class="overly"></div>
                    </a>
                    <div class="kategoriAdi">
                        <span>KYB</span>
                        <p></p>
                    </div>
                </div>
                
           
                <div class="single-project">
                    <img src="deppo/kategori/17202265252.jpg" alt="">
                    <a href="?x11/nachi">
                        <div class="overly"></div>
                    </a>
                    <div class="kategoriAdi">
                        <span>NACHI</span>
                        <p></p>
                    </div>
                </div>
                
           
                <div class="single-project">
                    <img src="deppo/kategori/15239275253.jpg" alt="">
                    <a href="?x12/uchida">
                        <div class="overly"></div>
                    </a>
                    <div class="kategoriAdi">
                        <span>UCHIDA</span>
                        <p></p>
                    </div>
                </div>
                
           
                <div class="single-project">
                    <img src="deppo/kategori/15319275253.jpg" alt="">
                    <a href="?x13/liebherr">
                        <div class="overly"></div>
                    </a>
                    <div class="kategoriAdi">
                        <span>LIEBHERR</span>
                        <p></p>
                    </div>
                </div>
                
           
                <div class="single-project">
                    <img src="deppo/kategori/15345275253.jpg" alt="">
                    <a href="?x14/linde">
                        <div class="overly"></div>
                    </a>
                    <div class="kategoriAdi">
                        <span>Linde</span>
                        <p></p>
                    </div>
                </div>
                
           
                <div class="single-project">
                    <img src="deppo/kategori/15428275253.jpg" alt="">
                    <a href="?x15/nabtesco">
                        <div class="overly"></div>
                    </a>
                    <div class="kategoriAdi">
                        <span>Nabtesco</span>
                        <p></p>
                    </div>
                </div>
                
           
                <div class="single-project">
                    <img src="deppo/kategori/15611275253.jpg" alt="">
                    <a href="?x16/oilgear">
                        <div class="overly"></div>
                    </a>
                    <div class="kategoriAdi">
                        <span>Oilgear</span>
                        <p></p>
                    </div>
                </div>
                
           
                <div class="single-project">
                    <img src="deppo/kategori/15619275253.jpg" alt="">
                    <a href="?x17/parker">
                        <div class="overly"></div>
                    </a>
                    <div class="kategoriAdi">
                        <span>Parker</span>
                        <p></p>
                    </div>
                </div>
                
           
                <div class="single-project">
                    <img src="deppo/kategori/15629275253.jpg" alt="">
                    <a href="?x18/vickers">
                        <div class="overly"></div>
                    </a>
                    <div class="kategoriAdi">
                        <span>Vickers</span>
                        <p></p>
                    </div>
                </div>
                
           
                <div class="single-project">
                    <img src="deppo/kategori/15637275253.jpg" alt="">
                    <a href="?x19/yuken">
                        <div class="overly"></div>
                    </a>
                    <div class="kategoriAdi">
                        <span>YUKEN</span>
                        <p></p>
                    </div>
                </div>
                
           
                <div class="single-project">
                    <img src="deppo/kategori/17218285254.png" alt="">
                    <a href="?x21/hawe">
                        <div class="overly"></div>
                    </a>
                    <div class="kategoriAdi">
                        <span>HAWE</span>
                        <p></p>
                    </div>
                </div>
                
            </div>
        </div>
    </div>




    <!--========= anasayfa hakkinda ===========-->
    <section class="about-area" id="about">
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-md-offset-2 col-sm-5 col-xs-12">
                    <div class="about-images">
                    </div>
                </div>
                <div class="col-xs-12 col-sm-7">
                    <div class="tab-content">
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane fade in active">
                                <p>
								<b style="font-size: 20px;">HAKKIMIZDA</b>
								<br><br>
								BERK HİDROLİK SİSTEMLER MAKİNA VE YEDEK PARÇA SAN. TİC. LTD. ŞTİ. iş hayatına 1997 yılında İstanbul Anadolu yakasında DUDULLU Organize sanayi bölgesinde başlamıştır. Faaliyet konusunu, iş ve inşaat makinalarında kullanılan hidrolik pompa ve motorların tedariği, tamiri ve yedek parça satışı olarak seçmiştir. Kalite ve performans olarak en iyi sonuçları verebilecek yedek parçaları üreticisinden ithal ederek müşterilerinin ihtiyaçlarını karşılamaktadır. Geniş ürün yelpazesi ve güçlü stoğuyla ihtiyaçlara hızlı bir şekilde cevap vermektedir.  Distribütörlükleri ise 2001 yılından itibaren Permco, SKS ve Hydrosila firmalarıdır. Ürünleri döküm gövdeli ve alüminyum gövdeli dişli pompa ve motorlar, pistonlu tip hidrolik pompa ve motorlardır.  BERK HİDROLİK LTD. ŞTİ. sürekli gelişen hizmet alanı ve profesyonel yaklaşımı ile siz değerli müşterilerimize hizmet vermeye devam edecektir.
								<!--<p>BERK HİDROLİK SİSTEMLER MAKİNA VE YEDEK PAR&Ccedil;A SAN. TİC. LTD. ŞTİ. iş hayatına 1997 yılında İstanbul Anadolu yakasında DUDULLU Organize sanayi b&ouml;lgesinde başlamıştır.<br />
Faaliyet konusunu, iş ve inşaat makinalarında kullanılan hidrolik pompa ve motorların tedariği, tamiri ve yedek par&ccedil;a satışı olarak se&ccedil;miştir. Kalite ve performans olarak en iyi sonu&ccedil;ları verebilecek yedek par&ccedil;aları &uuml;reticisinden ithal ederek m&uuml;şterilerinin ihtiya&ccedil;larını karşılamaktadır. Geniş &uuml;r&uuml;n yelpazesi ve g&uuml;&ccedil;l&uuml; stoğuyla ihtiya&ccedil;lara hızlı bir şekilde cevap vermektedir.</p>

<p>Distrib&uuml;t&ouml;rl&uuml;kleri ise 2001 yılından itibaren Permco, SKS ve Hydrosila firmalarıdır. &Uuml;r&uuml;nleri d&ouml;k&uuml;m g&ouml;vdeli ve al&uuml;minyum g&ouml;vdeli dişli pompa ve motorlar, pistonlu tip hidrolik pompa ve motorlardır.</p>

<p>BERK HİDROLİK LTD. ŞTİ. s&uuml;rekli gelişen hizmet alanı ve profesyonel yaklaşımı ile siz değerli m&uuml;şterilerimize hizmet vermeye devam edecektir.</p>
--></p>
                            </div>
                        </div>
                        <br>
                    </div>
                    <br>
                    <ul class="nav nav-tabs wow fadeInUp" role="tablist">
                    </ul>
                    <br>
                </div>
            </div>
        </div>
    </section>
    <!--========= anasayfa hakkinda ===========-->
	
	
    <!--========= markalar ==========-->
	<!-- <div class="partnar-area spfifty">
        <div class="container text-center">
            <div class="row">
                <div class="col-md-3">
                    <div class="setion-title wow fadeInUp">
                        <h3 style="margin-top: 35px;">Markalarımız</h3> </div>
                </div>
                <div class="col-md-8 col-md-offset-1 wow fadeInUp">
                    <div class="partner-slide">

                    </div>
                </div>
            </div>
        </div>
    </div -->
	<!--=========Top Section Start===========-->
<br><br>
<style>
.footer-logo {
	margin-top: 100px;
}
</style>
    <div class="topfooter-area section-padding">
        <div class="container">
            <div class="row">
                <div class="col-xs-6 col-sm-3  wow fadeInUp">
                    <a href="."><img src="deppo/image/wlogo2.png" alt="berk footer" class="footer-logo"></a>
					<p style="font-size: 12px; color:#000;!important; margin-top:10px;">
						BERK HİDROLİK SİSTEMLER MAKİNA VE YEDEK PARÇA SAN. TİC. LTD. ŞTİ. iş hayatına 1997 yılında İstanbul Anadolu yakasında DUDULLU Organize sanayi bölgesinde başlamıştır.
					</p>
                </div>
                <div class="col-md-offset-1 col-xs-6 col-sm-2">
                    <h4>MENÜ</h4>
                    <ul class="footer-menu wow fadeInUp">

                                    <li><a href=""><i class="fa fa-angle-right" aria-hidden="true"></i> ANASAYFA</a></li>

                                    <li><a href=""><i class="fa fa-angle-right" aria-hidden="true"></i> KURUMSAL</a></li>

                                    <li><a href=""><i class="fa fa-angle-right" aria-hidden="true"></i> ÜRÜNLERİMİZ</a></li>

                                    <li><a href=""><i class="fa fa-angle-right" aria-hidden="true"></i> HİDROLİK POMPA</a></li>

                                    <li><a href=""><i class="fa fa-angle-right" aria-hidden="true"></i> HESAPLAMALAR</a></li>

                                    <li><a href=""><i class="fa fa-angle-right" aria-hidden="true"></i> İLETİŞİM</a></li>

                    </ul>
                </div>
                <div class="col-md-offset-1 col-xs-6 col-sm-2">
                    <h4>ÜRÜNLERİMİZ</h4>
					<ul class="footer-menu wow fadeInUp">

    <li><a href=""><i class="fa fa-angle-right" aria-hidden="true"></i>A20VO</a></li>

    <li><a href=""><i class="fa fa-angle-right" aria-hidden="true"></i>A15VSO</a></li>

    <li><a href=""><i class="fa fa-angle-right" aria-hidden="true"></i>A4V</a></li>

    <li><a href=""><i class="fa fa-angle-right" aria-hidden="true"></i>A10VNO</a></li>


					</ul>
                </div>
                <div class="col-md-offset-1 col-xs-6 col-sm-2">
                    <h4>İLETİŞİM</h4>
                    <ul class="footer-menu wow fadeInUp">
					<li>
                        <a href="tel:+90 216 365 93 12"><i class="fa fa-phone" aria-hidden="true"></i> +90 216 365 93 12</a>
						<br><br>
						<a href="tel:+90 551 724 02 66"><i class="fa fa-phone" aria-hidden="true"></i>  +90 551 724 02 66</a>
						<br><br>
						<a href="https://www.google.com/maps/dir//Esenkent+Mahallesi,+Berk+Hidrolik,+Mimar+Sinan+Caddesi,+Dudullu+Osb%2F%C3%9Cmraniye%2F%C4%B0stanbul/@40.9962992,29.1529833,13z/data=!4m8!4m7!1m0!1m5!1m1!1s0x14cacf2878d26d5f:0x58e3b38b397965a!2m2!1d29.1880028!2d40.9962397?hl=tr"><i class="fa fa-map-marker" aria-hidden="true"></i> Esenkent Mah. Şahcihan Cad. No:37-1 34776 Ümraniye/İSTANBUL</a>
					</li>
					</ul>
                </div>
            </div>
        </div>
    </div>
    <!--========= Top Section End===========-->
    <!--========= footer Section Start===========-->
    <div class="footer-area">
        <div class="container">
                <div class="col-xl-12 col-lg-12">
                    <span>Berk Hidrolik Sistemleri&nbsp;<i class="fa fa-copyright" aria-hidden="true"></i>
                        Tüm Hakları Saklıdır.</span>
                    <span> <i class="fa fa-code" aria-hidden="true"></i>&nbsp;<a href="http://garantimedya.com.tr" target="_blank">Garanti Medya</a></span>
                </div>
        </div>
    </div>
    <!--========= footer Section End===========-->

    <!-- jquery.min.js -->
    <script src="js\jQuery.min.js"></script>
    <!-- bootstrap.min.js -->
    <script src="js\bootstrap.min.js"></script>
    <!--PrettyPhoto JS-->
    <script src="js\jquery.prettyPhoto.js"></script>
    <!--Carousel Js-->
    <script src="js\owl.carousel.min.js"></script>
    <!-- Easing JS-->
    <script src="js\jquery.easing.js"></script>
    <!--Waypoint JS-->
    <script src="js\waypoint.js"></script>
    <script src="js\wow.min.js"></script>
    <script>
        new WOW().init();
    </script>
    <!-- jquery custom.js for document ready function and window load function -->
    <script src="js\main.js"></script>

</body>

</html>