


<!DOCTYPE html>

<html lang="tr">
<head>
	<meta name="language" content="tr">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">

<meta http-equiv="Content-Language" content="tr">

<meta name="description" content="Denizli'de faliyet gösteren Turgut Oto Özel Servisi Firmasının ürün ve hizmetlerinin tanıtıldığı kurumsal websayfası">
<meta name="keywords" content="denizli renault servisi, denizli dacia servisi, denizli reno servisi, denizli oto servisi, denizli hasar onarım, denizli oto bakım, denizli yol yardım, denizli yedek parça, oto yedek parça">
<meta name="author" content="webfirsat.net" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<title>Turgut Otomotiv | Renault ve Dacia Özel Servisi | Denizli</title>

<!-- Favicon -->
    <!-- Favicons
    ================================================== -->
    <link rel="icon" href="/images/favicon.png" type="image/x-icon">    
   
    <!-- LOAD CSS FILES -->    
    <link href="/style.css" rel="stylesheet" type="text/css">  

    <!-- color scheme -->
 
    <link rel="stylesheet" href="/switcher/colors/orange.css" type="text/css" id="colors">  

<script>
function yeni_nesne(){
	var nesneyarat;
	/*@cc_on @*/
	/*@if (@_jscript_version >= 5) try { nesneyarat = new ActiveXObject("Msxml2.XMLHTTP"); }
	catch (e) {
		try { nesneyarat = new ActiveXObject("Microsoft.XMLHTTP"); }
		catch (E) { nesneyarat = false; }
	}@end @*/
	if (!nesneyarat && typeof XMLHttpRequest!='undefined') {
	 try {
	  nesneyarat= new XMLHttpRequest();
	 } catch (e) {
	  nesneyarat=false;
	 }
	}
	return nesneyarat;
}

function AoL(id,cikti,hedef) {
	var aktifform  = document.getElementById(id);
	var ekranayaz  = document.getElementById(cikti);
	var ciktiver   = new String("");
	var name, value;
		for(var I = 0; I < aktifform.elements.length; I++){
			name  = aktifform.elements[I].name;
			value = aktifform.elements[I].value;
			ciktiver += escape(name) +'='+ encodeURIComponent(value) +'&';
		}
	var nesneiste = new yeni_nesne();
		nesneiste.open("post", hedef, true);
		nesneiste.setRequestHeader("Content-type", "application/x-www-form-urlencoded; charset=iso-8859-9");
		nesneiste.send(ciktiver);
		nesneiste.onreadystatechange = function() {
			if (nesneiste.readyState == 4 && nesneiste.status == 200) {
				ekranayaz.innerHTML = nesneiste.responseText;
			}
			else { ekranayaz.innerHTML = ''; }
		}
	return false;
}
</script>


</head>

<body>
    <!-- Preload images start //-->
    <div class="images-preloader" id="images-preloader">
        <div class="spinner">
            <div class="bounce1"></div>
            <div class="bounce2"></div>
            <div class="bounce3"></div>
        </div>
    </div>
    <!-- Preload images end //-->

    <div id="wrapper">

        <!-- header begin -->
        <header class="site-header-1 site-header">
            <!-- Main bar start -->
            <div id="sticked-menu" class="main-bar">
                <div class="container">                
                    <div class="row">                    
                        <div class="col-md-12">

                            <!-- logo begin -->
                            <div id="logo" class="pull-left">                            
                                <a href="/tr/index.html">
                                    <img src="/images/logo.png" alt="" class="logo">
                                </a>
                            </div>
                            <!-- logo close -->

                            <!-- btn-mobile menu begin -->
                            <a id="show-mobile-menu" class="btn-mobile-menu hidden-lg hidden-md"><i class="fa fa-bars"></i></a>
                            <!-- btn-mobile menu close -->  

                            <!-- mobile menu begin -->
                            <nav id="mobile-menu" class="site-mobile-menu hidden-lg hidden-md">
                                <ul></ul>
                            </nav>  
                            <!-- mobile menu close -->                        

                            <!-- desktop menu begin -->
                            <nav id="desktop-menu" class="site-desktop-menu hidden-xs hidden-sm">
                                <ul class="clearfix">
                                   <li><a href="/tr/index.html">Ana Sayfa </a></li>

            
										 

									 <li><a href="/tr/category/kurumsal.html">Kurumsal&nbsp;
<i class="fa fa-angle-down fa-indicator"></i></a>


 <ul>
               
            
            	
                   
                   	<li><a href="/tr/page/firma-profili.html"><span>Firma Profili</span></a></li>

						
				
				
																			
				
										</ul>






</li>
 

									 <li><a href="/tr/category/hizmetlerimiz.html">Hizmetlerimiz&nbsp;
<i class="fa fa-angle-down fa-indicator"></i></a>


 <ul>
               
            
            	
                   
                   	<li><a href="/tr/page/mekanik-islemler.html"><span>Mekanik İşlemler</span></a></li>

						
				
				
            
            	
                   
                   	<li><a href="/tr/page/arac-yag-degisim.html"><span>Araç Yağ Değişim</span></a></li>

						
				
				
            
            	
                   
                   	<li><a href="/tr/page/fren-sistemleri.html"><span>Fren Sistemleri</span></a></li>

						
				
				
            
            	
                   
                   	<li><a href="/tr/page/oto-klima.html"><span>Oto Klima</span></a></li>

						
				
				
            
            	
                   
                   	<li><a href="/tr/page/rot-balans-ayari.html"><span>Rot-Balans Ayarı</span></a></li>

						
				
				
            
            	
                   
                   	<li><a href="/tr/page/oto-lastik-degisim.html"><span>Oto Lastik Değişim</span></a></li>

						
				
				
            
            	
                   
                   	<li><a href="/tr/page/sirketler-filo-bakim-onarim-hizmetleri.html"><span>Şirketler Filo Bakım Onarım Hizmetleri</span></a></li>

						
				
				
            
            	
                   
                   	<li><a href="/tr/page/oto-ekspertiz-hizmetleri.html"><span>Oto Ekspertiz Hizmetleri</span></a></li>

						
				
				
            
            	
                   
                   	<li><a href="/tr/page/otomobil-yedek-parca.html"><span>Otomobil Yedek Parça</span></a></li>

						
				
				
            
            	
                   
                   	<li><a href="/tr/page/7-yol-yardim.html"><span>7/24 Yol Yardım</span></a></li>

						
				
				
																			
				
										</ul>






</li>
 

									 <li><a href="/tr/page/kampanyalarimiz.html">Kampanyalarımız&nbsp;</a>





</li>
 

			<li><a href="/tr/iletisim/contact-us.html">İletişim </a></li>

                                </ul>
                            </nav>
                            <!-- desktop menu close -->
                            
                            <!-- Header Group Button Right begin -->
                            <div class="header-buttons pull-right hidden-xs hidden-sm">
                                
                                <div class="header-contact">
                                    <ul class="clearfix">
                                        <li class="phone"><i class="fa fa-phone"></i> <span>0 258 251 74 24</span></li>
                                        <li class="border-line">|</li>
                                        <li>
										<img border="0" src="/images/ozelservis_bg.jpg" width="148" height="29"></li>
                                     
                                        
                                    </ul>
                                </div>

                               

                                <!-- Top Cart -->

                                <!-- Button Menu OffCanvas right -->
                                 

                            </div>
                            <!-- Header Group Button Right close -->

                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- header close -->
        <div class="gray-line"></div>



        <!-- slider -->
        <div id="slider">
            <!-- revolution slider begin -->
            <div class="fullwidthbanner-container">
                <div id="revolution-slider">
                    <ul>
                    


                        <li data-transition="fade" data-slotamount="7" data-masterspeed="3500" data-delay="8000">
                            <!--  BACKGROUND IMAGE -->
                            <img src="/resimKucult_2.asp?dosya=/icerikResimler/1_d74cce285cae9d0698625f331c3b0fa920198277756.jpg&L=1920&H=900" alt="">

                            <div class="tp-caption lft custom-font-2"
                                data-x="center"
                                data-y="184"
                                data-speed="800"
                                data-start="800"
                                data-easing="easeInOutCubic">
                                Turgut Özel Renault ve Dacia Servisi
                            </div>

                            <div class="tp-caption sfb custom-font-1"
                                data-x="center"
                                data-y="250"
                                data-speed="800"
                                data-start="1400"
                                data-easing="easeInOutCubic">
                                
                            </div>

                  
                        </li>
                        
                          	

                        <li data-transition="fade" data-slotamount="7" data-masterspeed="3500" data-delay="8000">
                            <!--  BACKGROUND IMAGE -->
                            <img src="/resimKucult_2.asp?dosya=/icerikResimler/1_ddcecc18aa4fa1fb0975d5dce141bc4720198277756.jpg&L=1920&H=900" alt="">

                            <div class="tp-caption lft custom-font-2"
                                data-x="center"
                                data-y="184"
                                data-speed="800"
                                data-start="800"
                                data-easing="easeInOutCubic">
                                Turgut Özel Renault ve Dacia Servisi
                            </div>

                            <div class="tp-caption sfb custom-font-1"
                                data-x="center"
                                data-y="250"
                                data-speed="800"
                                data-start="1400"
                                data-easing="easeInOutCubic">
                                
                            </div>

                  
                        </li>
                        
                          	

                        <li data-transition="fade" data-slotamount="7" data-masterspeed="3500" data-delay="8000">
                            <!--  BACKGROUND IMAGE -->
                            <img src="/resimKucult_2.asp?dosya=/icerikResimler/1_0d2ad935aa62e9db45ff10e973cebc1f20198277756.jpg&L=1920&H=900" alt="">

                            <div class="tp-caption lft custom-font-2"
                                data-x="center"
                                data-y="184"
                                data-speed="800"
                                data-start="800"
                                data-easing="easeInOutCubic">
                                Turgut Özel Renault ve Dacia Servisi
                            </div>

                            <div class="tp-caption sfb custom-font-1"
                                data-x="center"
                                data-y="250"
                                data-speed="800"
                                data-start="1400"
                                data-easing="easeInOutCubic">
                                
                            </div>

                  
                        </li>
                        
                          	

                        <li data-transition="fade" data-slotamount="7" data-masterspeed="3500" data-delay="8000">
                            <!--  BACKGROUND IMAGE -->
                            <img src="/resimKucult_2.asp?dosya=/icerikResimler/1_90ecffc3e5cbd5819e920996c730d1c820198277756.jpg&L=1920&H=900" alt="">

                            <div class="tp-caption lft custom-font-2"
                                data-x="center"
                                data-y="184"
                                data-speed="800"
                                data-start="800"
                                data-easing="easeInOutCubic">
                                Turgut Özel Renault ve Dacia Servisi
                            </div>

                            <div class="tp-caption sfb custom-font-1"
                                data-x="center"
                                data-y="250"
                                data-speed="800"
                                data-start="1400"
                                data-easing="easeInOutCubic">
                                
                            </div>

                  
                        </li>
                        
                          	

                        <li data-transition="fade" data-slotamount="7" data-masterspeed="3500" data-delay="8000">
                            <!--  BACKGROUND IMAGE -->
                            <img src="/resimKucult_2.asp?dosya=/icerikResimler/1_e05c2fc4f9d6cde1ab4caac0ebbfd33b20198277756.jpg&L=1920&H=900" alt="">

                            <div class="tp-caption lft custom-font-2"
                                data-x="center"
                                data-y="184"
                                data-speed="800"
                                data-start="800"
                                data-easing="easeInOutCubic">
                                Turgut Özel Renault ve Dacia Servisi
                            </div>

                            <div class="tp-caption sfb custom-font-1"
                                data-x="center"
                                data-y="250"
                                data-speed="800"
                                data-start="1400"
                                data-easing="easeInOutCubic">
                                
                            </div>

                  
                        </li>
                        
                          	
                    </ul>
                </div>
            </div>
            <!-- revolution slider close -->
        </div>
        <!-- slider close -->

        <div class="clearfix"></div>

        <!-- content begin -->
        <div id="content" class="no-padding">
        <html>
<head>
	<title></title>
</head>
<body>
<section id="section-about">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3"><img alt="about image" class="img-responsive" src="/icerikResimler/images/46_7bf7565e41ac55a81b36d0f16131cea3201411116512.jpg" style="width: 250px; height: 188px;" /></div>

<div class="col-md-5 col-sm-5">
<div class="about-box">
<h2 class="box-title">Renault&nbsp;ve Dacia&#39;da Bir Numarayız</h2>

<div class="tiny-border">&nbsp;</div>

<p>RENO TURGUT, renault marka ara&ccedil;larınız i&ccedil;in en iyi servisi sağlamayı&nbsp;hedeflemiştir.</p>

<ul class="list-style-1">
	<li>Mekanik İşlemler</li>
	<li>Ara&ccedil; yağ değişimi</li>
	<li>Fren Sistemleri</li>
	<li>Rotbalans ve Oto Lastik</li>
	<li>Oto Ekspertiz Hizmetleri</li>
	<li>Oto Klima</li>
	<li>Şirketler Filo Bakım Onarım Hizmetleri</li>
	<li>Otomobil Yedek Par&ccedil;a</li>
</ul>

<div class="divider-single">&nbsp;</div>
<a class="btn btn-primary btn-small" href="/tr/category/urunlerimiz.html">T&uuml;m Hizmetlerimizi İncele</a></div>
</div>

<div class="col-md-4 col-sm-4">
<div class="feature-box">
<h2 class="box-title">Neden Biz?</h2>

<div class="tiny-border">&nbsp;</div>

<div class="feature"><i class="fa fa-bar-chart"></i>

<h3>Karlılık</h3>

<p>Piyasaya g&ouml;re &ccedil;ok daha ucuz yedek par&ccedil;a tedariği sağladığımız i&ccedil;in karlılığınız y&uuml;ksektir.</p>
</div>

<div class="feature"><i class="fa fa-diamond"></i>

<h3>Kolay Tedarik</h3>

<p>Stoktan &ccedil;alıştığımızdan yedek par&ccedil;alara her zaman kısa s&uuml;rede ulaşabilirsiniz.</p>
</div>

<div class="feature no-margin-bottom"><i class="fa fa-bullhorn"></i>

<h3>Destek</h3>

<p>Her aşamada m&uuml;şterilerimizi bilgilendiririz. B&ouml;ylece desteğimizi her an hissedersiniz.</p>
</div>
</div>
</div>
</div>
</div>
</section>
</body>
</html>



            <!-- section begin -->
            
            <!-- section close -->

          

            <!-- section begin -->
            <section id="section-news">
                <div class="container">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="latest-blog-posts">
                                <h2 class="box-title">SON HABERLER</h2>
                                <div class="compact-buttons">
                                    <div class="latest-prev compact-prev"><i class="fa fa-angle-left"></i></div>
                                    <div class="latest-next compact-next"><i class="fa fa-angle-right"></i></div>
                                </div>
                                <div class="tiny-border"></div>
                                <div class="latest-news-items">
                                
                                
                                
                                    <div class="item">
                                        <div class="latest-blog-post-img">
                                            <img src="/icerikResimler/8_78831cf13f725ae82c0e15b27ce2b4cb201723235313.jpg" alt="Yeni web sitemiz hizmete girdi.">
                                            <div class="latest-blog-post-date">
                                            
                                            27 <span>Ağu </span>2019
                                            </div>
                                        </div>
                                        <div class="latest-blog-post-details">
                                            <p class="title"><a href="#">Yeni web sitemiz hizmete girdi.</a></p>
                                            <p>

	


Web sitemiz siz değerli m&uuml;şterilerimize daha iyi hizmet verebilmek amacıyla yenilenmiştir. Bundan sonra www.renoturgut.com.tr alan adımızla hizmet vermeye devam edeceğiz.


</p>
                                            <div class="latest-blog-post-data">
                                               
                                                <span class="btn-read"><a href="/tr/haberDetay/yeni-web-sitemiz-hizmete-girdi.html"><i class="fa fa-plus-square"></i> Devamını Oku</a></span>
                                            </div>
                                        </div>                                            
                                    </div>
                                    
                                    </div>
                            </div>                            
                        </div>
                        <div class="col-md-6">
                            <div class="testimonials-slider-wrapper">
                                <h2 class="box-title">Kim ne dedi?</h2>
                                <div class="compact-buttons">
                                    <div class="testi-prev compact-prev"><i class="fa fa-angle-left"></i></div>
                                    <div class="testi-next compact-next"><i class="fa fa-angle-right"></i></div>
                                </div>
                                <div class="tiny-border"></div>
                                <div class="testimonials-slider">
                                
                                
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>        
            </section>
            <!-- section close -->

            <!-- section begin -->
            <section id="section-cta">
                <div class="sep-background-mask"></div>
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="cal-to-action text-center">
                                <span>Mutlu müşterilerimizin <b>1500+</b> projesini gerçekleştirdik. Siz de katılmak ister misiniz?</span>
                                <a href="/tr/iletisim/contact-us.html" class="btn btn-border-light">İletişim</a>
                            </div>                            
                        </div>
                    </div>
                </div>        
            </section>              <!-- section close -->
            
        </div>
        <!-- content close -->


       
        <!-- footer begin -->
        <footer class="footer-1 bg-color-1">

            <!-- main footer begin -->
            <div class="main-footer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-sm-6">
                            <div class="compact-widget">                                                
                                <div class="widget-inner">
                                    <img class="logo-footer" src="/images/logo-footer.png" alt="Turgut Özel Renault ve Dacia Servisi">
                                    <p> Ne dedikyazısı buraya yazılacak bu yazı her sayfanın altında kısaca görünecektir.&nbsp; </p>
                                    <div class="social-icons clearfix">
                                        <a href="#" class="facebook tipped" data-title="facebook"  data-tipper-options='{"direction":"top","follow":"true"}'><i class="fa fa-facebook"></i></a>
                                        <a href="#" class="twitter tipped" data-title="twitter"  data-tipper-options='{"direction":"top","follow":"true"}'><i class="fa fa-twitter"></i></a>
                                        <a href="#" class="google tipped" data-title="google +"  data-tipper-options='{"direction":"top","follow":"true"}'><i class="fa fa-google-plus"></i></a>
                                        <a href="#" class="youtube tipped" data-title="youtube"  data-tipper-options='{"direction":"top","follow":"true"}'><i class="fa fa-youtube-play"></i></a>
                                        <a href="#" class="linkedin tipped" data-title="linkedin"  data-tipper-options='{"direction":"top","follow":"true"}'><i class="fa fa-linkedin"></i></a>
                                    </div>
                                </div>    
                            </div>
                        </div>

                        <div class="col-md-3 col-sm-6">
                            <div class="compact-widget">
                                <h3 class="widget-title">Ana Menü</h3> 
                                <div class="widget-inner">
                                    <ul>
                                         <li><a href="/index.html">Ana Sayfa</a></li>
              

									 <li><a href="/tr/category/kurumsal.html">Kurumsal&nbsp;
<i class="fa fa-angle-down fa-indicator"></i></a></li>
 

									 <li><a href="/tr/category/hizmetlerimiz.html">Hizmetlerimiz&nbsp;
<i class="fa fa-angle-down fa-indicator"></i></a></li>
 

									 <li><a href="/tr/page/kampanyalarimiz.html">Kampanyalarımız&nbsp;</a></li>
 
              <li><a href="/tr/iletisim/contact-us.html">İletişim</a></li>
                                    </ul>
                                </div>                                                   
                            </div>
                        </div>

                        <div class="col-md-3 col-sm-6">
                            <div class="compact-widget">
                                <h3 class="widget-title">İletişim</h3>
                                <div class="widget-inner">
                                    <p>Adres: Sümer Mahallesi 45 Sokak No:4/1 Merkezefendi/Denizli</p>
                                    <p>Telefon: 0 258 251 74 24</p>
                                    <p>Faks: 0 258 251 74 24</p>
                                    <p>E-Mail: info@renoturgut.com</p>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-3 col-sm-6">
                            <div class="compact-widget">
                                <h3 class="widget-title">Haber Bülteni</h3>
                                <div class="widget-inner">
                                    <div class="newsletter newsletter-widget">
                                        <p>Haberlerimiz ve etkinliklerimizden haberdar olun</p>
                                        <form action="" method="post">
                                            <p><input class="newsletter-email" type="email" name="email" placeholder="Mail Adresiniz"><i class="fa fa-envelope-o"></i></p>
                                            <p><input class="newsletter-submit" type="submit" value="Abone Ol"></p>
                                        </form>
                                    </div>                                
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>            
            <!-- main footer close -->

            <!-- sub footer begin -->
            <div class="sub-footer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            Copyright &copy; 2019 Turgut Özel Renault ve Dacia Servisi. All rights reserved.
                        </div>
                    </div>
                </div>
            </div>
            <!-- sub footer close -->

        </footer>
        <!-- footer close -->        

    </div>
    
    <a id="to-the-top" ><i class="fa fa-angle-up"></i></a>

    <!-- LOAD JS FILES -->

    
    <script src="/js/jquery.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/imagesloaded.pkgd.min.js"></script>
    <script src="/js/easing.js"></script>
    <script src="/js/owl.carousel.js"></script>
    <script src="/js/jquery.fitvids.js"></script>    
    <script src="/js/wow.min.js"></script>
    <script src="/js/jquery.magnific-popup.min.js"></script>

    <!-- Project Grid -->
    <script type="text/javascript" src="/js/imagesloaded.pkgd.min.js"></script> 
    <script type="text/javascript" src="/js/masonry.js"></script> 
    <script type="text/javascript" src="/js/jquery.isotope.min.js"></script>

    <!-- Waypoints-->
    <script src="/js/jquery.waypoints.min.js"></script>
    <script src="/js/sticky.min.js"></script>
    <script src="/js/tipper.js"></script>
    <script src="/js/compact.js"></script>
    <script src="/js/custom-index1.js"></script>

    <!-- SLIDER REVOLUTION SCRIPTS  -->
    <script type="text/javascript" src="/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
    <script type="text/javascript" src="/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
    <script src="/js/revslider-custom.js"></script> 

<script type="text/javascript">
$(document).ready(function() {
  $('.projects-boxes').magnificPopup({
    delegate: 'a',
    type: 'image',
    tLoading: 'Loading image #%curr%...',
    mainClass: 'mfp-img-mobile',
    gallery: {
      enabled: true,
      navigateByImgClick: true,
      preload: [0,1] // Will preload 0 - before current, and 1 after the current image
    },
    image: {
      tError: '<a href="%url%">The image #%curr%</a> could not be loaded.',
      titleSrc: function(item) {
        return item.el.attr('title') + '<small>by Solodev</small>';
      }
    }
  });
});

$(document).ready(function() {
    $('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({
        disableOn: 700,
        type: 'iframe',
        mainClass: 'mfp-fade',
        removalDelay: 160,
        preloader: false,

        fixedContentPos: false
    });
});

        /* Portfolio Sorting */
        jQuery(document).ready(function($){
            (function ($) { 
            
                var container = $('#projects-grid');
            
                function getNumbColumns() { 
                    var winWidth = $(window).width(), 
                        columnNumb = 1;                
                    if (winWidth > 1500) {
                        columnNumb = 4;
                    } else if (winWidth > 1200) {
                        columnNumb = 3;
                    } else if (winWidth > 900) {
                        columnNumb = 2;
                    } else if (winWidth > 600) {
                        columnNumb = 2;
                    } else if (winWidth > 300) {
                        columnNumb = 1;
                    }
                    
                    return columnNumb;
                }
                
                function setColumnWidth() { 
                    var winWidth = $(window).width(), 
                        columnNumb = getNumbColumns(), 
                        postWidth = Math.floor(winWidth / columnNumb);
                }
                
                $('#portfolio-filter #filter a').click(function () { 
                    var selector = $(this).attr('data-filter');
                    
                    $(this).parent().parent().find('a').removeClass('current');
                    $(this).addClass('current');
                    
                    container.isotope( { 
                        filter : selector 
                    });
                    
                    setTimeout(function () { 
                        reArrangeProjects();
                    }, 300);
                                        
                    return false;
                });
                
                function reArrangeProjects() { 
                    setColumnWidth();
                    container.isotope('reLayout');
                }
                
                container.imagesLoaded(function () { 
                    setColumnWidth();
                    
                    
                    container.isotope( { 
                        itemSelector : '.project-item', 
                        layoutMode : 'masonry', 
                        resizable : false
                    } );
                } );
                
                $(window).on('debouncedresize', function () { 
                    reArrangeProjects();                
                } );            
            } )(jQuery);
        } );

        /* DebouncedResize Function */
        (function ($) { 
            var $event = $.event, 
                $special, 
                resizeTimeout;
            
            
            $special = $event.special.debouncedresize = { 
                setup : function () { 
                    $(this).on('resize', $special.handler);
                }, 
                teardown : function () { 
                    $(this).off('resize', $special.handler);
                }, 
                handler : function (event, execAsap) { 
                    var context = this, 
                        args = arguments, 
                        dispatch = function () { 
                            event.type = 'debouncedresize';
                            
                            $event.dispatch.apply(context, args);
                        };
                    
                    
                    if (resizeTimeout) {
                        clearTimeout(resizeTimeout);
                    }
                    
                    
                    execAsap ? dispatch() : resizeTimeout = setTimeout(dispatch, $special.threshold);
                }, 
                threshold : 150 
            };
        } )(jQuery);

        /* project-details */
        $('.project-item').hover(function() {
            $(this).find('.project-details').stop(true, true).fadeIn().find('.folio-title').stop(true, true).animate({'top':30}).end().find('.folio-cate').stop(true, true).animate({'bottom': 30});
        }, function() {
            $(this).find('.project-details').stop(true, true).fadeOut().find('.folio-title').stop(true, true).animate({'top':-30}).end().find('.folio-cate').stop(true, true).animate({'bottom': -30});
        });
    </script>
   
</body>
</html>
