<!doctype html>
<html lang="en">
<head>
    <!-- title -->
    <title>Mavi Detay | en</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
    <meta name="author" content="ThemeZaa">
    <!-- description -->
    <meta name="description" content="Mavi Detay Mimarlık Ofisi | We are on your services ">
    <!-- keywords -->
    <meta name="keywords" content="mimarlık, mavidetay, tasarım, mimari, mimarlık ofisi, iç mimarlık ofisi ">

    <!-- Yandex.Metrika counter -->
    <script type="text/javascript" >
        (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
            m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
        (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

        ym(88036416, "init", {
            clickmap:true,
            trackLinks:true,
            accurateTrackBounce:true,
            webvisor:true
        });
    </script>
    <!-- /Yandex.Metrika counter -->

    <!-- ingilizce sayfasının kaynakları bür üst klasörden alması için -->
    <base href="../">

    <!-- start wpa için gereken-->
    <link rel="manifest" href="manifest.json">
    <link rel="apple-touch-icon" href="images/logolar/logo-144.png">
    <!-- start Add to home screen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="ABC App">
    <meta name="msapplication-TileImage" content="images/logolar/logo-144.png">
    <meta name="msapplication-TileColor" content="#2F3BA2">
    <!-- end Add to home screen for Safari on iOS -->
    <script>

        if ('serviceWorker' in navigator) {
            window.addEventListener('load', function () {
                navigator.serviceWorker.register('service-worker.js').then(function (registration) {
                    console.log('Registered!');
                }, function (err) {
                    console.log('ServiceWorker registration failed: ', err);
                }).catch(function (err) {
                    console.log(err);
                });
            });
        } else {
            console.log('service worker is not supported');
        }
        <!-- end wpa için gereken-->

    </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-KR7P55P');</script>
    <!-- End Google Tag Manager -->



    <!-- start Teklif Formu css-->
    <link href="https://fonts.googleapis.com/css?family=Poppins:400,600&display=swap" rel="stylesheet"><link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css'>
    <link rel="stylesheet" href="css/teklifFormu.css">
    <style>
        .multisteps-form__title{
            font-size: large;
        }
        .formAktif, .formPasif{
            text-align: left;
        }
    </style>
    <!-- end Teklif Formu css-->



    <!-- favicon -->
    <link rel="shortcut icon" href="images/logolar/favicon-turuncu3.png">
    <link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
    <!-- animation -->
    <link rel="stylesheet" href="css/animate.css" />
    <!-- bootstrap -->
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <!-- et line icon -->
    <link rel="stylesheet" href="css/et-line-icons.css" />
    <!-- font-awesome icon -->
    <link rel="stylesheet" href="css/font-awesome.min.css" />
    <!-- themify icon -->
    <link rel="stylesheet" href="css/themify-icons.css">
    <!-- swiper carousel -->
    <link rel="stylesheet" href="css/swiper.min.css">
    <!-- justified gallery -->
    <link rel="stylesheet" href="css/justified-gallery.min.css">
    <!-- magnific popup -->
    <link rel="stylesheet" href="css/magnific-popup.css" />
    <!-- revolution slider -->
    <link rel="stylesheet" type="text/css" href="revolution/css/settings.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
    <link rel="stylesheet" type="text/css" href="revolution/css/navigation.css">
    <!-- bootsnav -->
    <link rel="stylesheet" href="css/bootsnav.css">
    <!-- style -->
    <link rel="stylesheet" href="css/style.css" />
    <!-- responsive css -->
    <link rel="stylesheet" href="css/responsive.css" />
    <!--[if IE]>
    <script src="js/html5shiv.js"></script>
    <![endif]-->

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-186753193-3">
    </script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'UA-186753193-3');
    </script>
</head>
<body>
<!-- start header -->
<header>
    <!-- start navigation -->
            <nav class="navbar navbar-default bootsnav navbar-top header-light background-transparent nav-box-width white-link navbar-expand-lg">
                        <div class="container-fluid nav-header-container">
                <!-- start logo -->
                <div class="col-auto pl-0">
                                            <a href="/en" title="Pofo" class="logo"><img src="images/logolar/logo-siyah-500x160.png" data-rjs="images/logolar/logo-siyah-500x160.png" class="logo-dark" alt="Pofo"><img src="images/logolar/logo-beyaz-500x160.png" data-rjs="images/logolar/logo-beyaz-500x160.png" alt="Pofo" class="logo-light default"></a>
                                    </div>


                <div class="col accordion-menu pr-0 pr-md-3">
                    <button type="button"  onclick="menuAcmaButonuTiklandi()" class="navbar-toggler collapsed" data-toggle="collapse" data-target="#navbar-collapse-toggle-1">
                        <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="navbar-collapse collapse justify-content-end" id="navbar-collapse-toggle-1">
                        <ul id="accordion" class="nav navbar-nav no-margin alt-font text-normal" data-in="fadeIn" data-out="fadeOut">
                            <!-- start menu item -->
                            <li class="dropdown megamenu-fw">
                                <a href="/en" title="">Homepage</a>
                            </li>

                            <li class="dropdown megamenu-fw">
                                <a href="en/hakkimizda" title="hakkimizda">About Us</a>
                            </li>

                            <li class="dropdown simple-dropdown">
                                <a href="javascript:void(0)" data-toggle="dropdown" title="hizmetlerproje hizmetleruygulama hizmetlerdanismanlik">Servıces</a><i class="fas fa-angle-down dropdown-toggle" data-toggle="dropdown" aria-hidden="true"></i>
                                <!-- start sub menu -->
                                <ul class="dropdown-menu" role="menu">
                                    <li><a  href="en/hizmetlerproje">Design</a></li>
                                    <li><a  href="en/hizmetleruygulama">Building</a></li>
                                    <li><a  href="en/hizmetlerdanismanlik">Consultancy</a></li>
                                </ul>
                                <!-- end sub menu -->
                            </li>
                            <li class="dropdown megamenu-fw">
                                <a href="en/projeler" title="projeler">Projects</a>
                            </li>

                            <li class="dropdown simple-dropdown">
                                <a href="en/blog" title="Blog">Blog</a>
                            </li>

                            <li class="dropdown megamenu-fw">
                                <a href="en/ekip" title="ekip">Team</a>
                            </li>

                            <li class="dropdown simple-dropdown">
                                <a href="en/insankaynaklari" title="insankaynaklari">HR</a>
                            </li>

                            <li class="dropdown simple-dropdown">
                                <a href="javascript:void(0)" data-toggle="dropdown" title="dil">Lang</a><i class="fas fa-angle-down dropdown-toggle" data-toggle="dropdown" aria-hidden="true"></i>
                                <ul class="dropdown-menu" role="menu">
                                    <li><a href="javascript:void(0)">EN</a></li>
                                    <li><a href="/en">TR</a></li>
                                </ul>
                            </li>

                            <li class="dropdown megamenu-fw">
                                <a href="en/iletisim">Contact</a>
                            </li>



                            <li class="dropdown megamenu-fw">
                                <a href="http://online.amberontixuqee.online">Logın</a>
                            </li>
                        </ul>

                    </div>
                </div>

            </div>
        </nav>
        <!-- end navigation -->
</header>
<!-- end header --><section class="wow fadeIn bg-light-gray padding-35px-tb page-title-small top-space">
    <div class="container">
        <div>
            <div class="">
                <div class="">
                    <h1>Oops!</h1>
                    <h2>404 - Page not found</h2>
                </div>
                <br><br><br><br><br><br><br><br><br><br><br>
                <a href="/">Go to Homepage</a>
            </div>
        </div>
    </div>
</section>

    <!-- whatsapp ve instagram butonu -->
<div id="whatsappPc" class="btn-dual" style="display: none">
    <a href="https://api.whatsapp.com/send?phone=905013712330&text=Merhaba%20bilgi%20almak%20istiyorum"
       target="_blank" class="btn btn-success btn-rounded btn-small no-margin-lr">
        <i style="color: white" class="fab fa-whatsapp fa-lg "></i> &nbsp;
        <span style="font-size: small">TEXT TO US</span>
    </a>
</div>
<div id="whatsappMobil" class="btn-dual" style="display: none">
    <a href="https://api.whatsapp.com/send?phone=905013712330&text=Merhaba%20bilgi%20almak%20istiyorum"
       target="_blank" class="btn btn-success btn-rounded btn-very-small no-margin-lr">
        <i style="color: white" class="fab fa-whatsapp fa-lg "></i> &nbsp;
        <span style="font-size: x-small">TEXT TO US</span>
    </a>
</div>
<div id="teklifAlButonuPc" class="btn-dual" style="display: none">
    <a href="/en/#teklifFormu" class="btn btn-secondary btn-rounded btn-small no-margin-lr">
        <span style="font-size: small">GET PRICE</span>
    </a>
</div>
<div id="teklifAlButonuMobil" class="btn-dual" style="display: none">
    <a href="/en/#teklifFormu" class="btn btn-secondary btn-rounded btn-very-small no-margin-lr">
        <span style="font-size: x-small">GET PRICE</span>
    </a>
</div>
<div id="instagram">
    <a class="instagram text-white-2" href="https://t.me/MaviDetayMimarlik" target="_blank">
        <i class="fab fa-telegram no-margin-right fa-2x" aria-hidden="true"></i>
    </a>
    <br>
    <a class="instagram text-white-2" href="https://www.linkedin.com/company/mavi-detay-mimarlik" target="_blank">
        <i class="fab fa-linkedin no-margin-right fa-2x" aria-hidden="true"></i>
    </a>
    <br>
    <a class="instagram text-white-2" href="https://instagram.com/mavidetay.mimarlik/" target="_blank">
        <i class="fab fa-instagram no-margin-right fa-2x" aria-hidden="true"></i>
    </a>

    <input id="instagramButonDurumu" type="hidden" value="acik">
</div>
<!-- whatsapp ve instagram butonu bitiş -->



<!-- start footer -->
<footer class="footer-standard-dark bg-extra-dark-gray">
    <div class="footer-widget-area padding-five-tb sm-padding-30px-tb">
        <div class="container">
            <div class="row">
                <!-- start ilk sütun -->
                <div class="col-lg-3 col-md-6 widget border-right border-color-medium-dark-gray md-no-border-right md-margin-30px-bottom sm-text-center">
                    <!-- start logo -->
                    <a href="/" target="_blank" class="margin-20px-bottom d-inline-block">
                        <img class="footer-logo" src="images/logolar/logo-beyaz-500x160.png" data-rjs="images/logolar/logo-beyaz-500x160.png" alt="Mavi Detay Logo">
                    </a>
                    <!-- end logo -->
                    <p class="text-small width-95 sm-width-100">"Architecture & Interior Design Studio"</p> <br>
                    <!-- start social media -->
                    <div class="social-icon-style-8 d-inline-block vertical-align-middle">
                        <ul class="small-icon no-margin-bottom">
                            <li><a class="whatsapp text-white-2" href="https://api.whatsapp.com/send?phone=905013712330&text=Hello%20I%20want%20to%20get%20enformation." target="_blank"><i class="fab fa-whatsapp"></i></a></li>
                            <li><a class="telegram text-white-2" href="https://t.me/MaviDetayMimarlik" target="_blank"><i class="fab fa-telegram"></i></a></li>
                            <li><a class="linkedin text-white-2" href="https://www.linkedin.com/company/mavi-detay-mimarlik" target="_blank"><i class="fab fa-linkedin"></i></a></li>
                            <li><a class="facebook text-white-2" href="https://www.facebook.com/mavi.detay.mimarlik/" target="_blank"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
                            <li><a class="instagram text-white-2" href="https://instagram.com/mavidetay.mimarlik/" target="_blank"><i class="fab fa-instagram no-margin-right" aria-hidden="true"></i></a></li>
                        </ul>
                    </div>
                    <!-- end social media -->
                </div>
                <!-- end ilk sütun -->
                <!-- start contact information -->
                <div class="col-lg-3 col-md-6 widget border-right border-color-medium-dark-gray padding-45px-left md-padding-15px-left md-clear-both md-no-border-right sm-margin-30px-bottom text-center text-md-left">
                    <div class="widget-title alt-font text-small text-medium-gray text-uppercase margin-10px-bottom font-weight-600">Contact Information</div>
                    <p class="text-small d-block margin-15px-bottom width-80 sm-width-100">Mavi Detay Architecture Office<br> Merdivenköy Mah. Business İstanbul No:B40 Kadıköy / İstanbul</p>
                    <div class="text-small">E-posta: <a href="mailto:info@amberontixuqee.online">info@amberontixuqee.online</a></div>
                    <div class="text-small">Telefon: <a href="tel:+902166064409">0 (216) 606 44 09</a> </div>
                    <a href="https://g.page/MaviDetay?share" target="_blank" class="text-small text-uppercase text-decoration-underline">Get Directions</a>
                </div>
                <!-- end contact information -->

                <!-- start additional links -->
                <div class="col-lg-3 col-md-6 widget border-right border-color-medium-dark-gray padding-45px-left md-padding-15px-left md-no-border-right md-margin-30px-bottom text-center text-md-left">
                    <div class="widget-title alt-font text-small text-medium-gray text-uppercase margin-10px-bottom font-weight-600">Services</div>
                    <ul class="list-unstyled">
                        <li><a class="text-small" href="https://online.amberontixuqee.online" target="_blank">Online Services</a></li>
                        <li><a class="text-small" href="/en/#teklifFormu">Get Price Offer</a></li>
                        <li><a class="text-small" href="/en/hizmetlerproje">Services</a></li>
                        <li><a class="text-small" href="/en/blog">Blog</a></li>
                        <li><a class="text-small" href="/en">Türkçe Version</a></li>
                    </ul>
                </div>
                <!-- end additional links -->

                <!-- start instagram -->
                <div class="col-lg-3 col-md-6 widget padding-45px-left md-padding-15px-left text-center text-md-left">
                    <div class="widget-title alt-font text-small text-medium-gray text-uppercase margin-10px-bottom font-weight-600">
                        About Us
                    </div>
                    <ul class="list-unstyled">
                        <li><a class="text-small" href="/en/insankaynaklari#ikFormu">Join Our Team</a></li>
                        <li><a class="text-small" href="/en/ekip">Team</a></li>
                        <li><a class="text-small" href="en/iletisim#iletisimFormu">Contact</a></li>
                        <li><a class="text-small" href="/en/">Privacy Policy</a></li>
                        <li><a class="text-small" href="/en/">Terms & Conditions</a></li>
                    </ul>
                </div>
                <!-- end instagram -->
            </div>
        </div>
    </div>
</footer>
<!-- end footer -->

<style>

    /* start whatsapp ve instagram butonu css */
    #whatsappPc, #whatsappMobil {
        position: fixed;
        bottom:3%; right:2%; z-index:999;}

    #instagram {
        position: fixed;
        top:15%; right:2%; z-index:999;}

    #teklifAlButonuPc, #teklifAlButonuMobil {
        position: fixed;
        bottom:3%; left:2%; z-index:999;
        color: white;
    }
    /* end ve instagram butonu css */
</style>

<!-- start Teklif Formu js-->
<script  src="js/teklifFormu.js"></script>
<!-- end Teklif Formu js-->



<!-- javascript libraries -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/modernizr.js"></script>
<script type="text/javascript" src="js/bootstrap.bundle.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/skrollr.min.js"></script>
<script type="text/javascript" src="js/smooth-scroll.js"></script>
<script type="text/javascript" src="js/jquery.appear.js"></script>
<!-- menu navigation -->
<script type="text/javascript" src="js/bootsnav.js"></script>
<script type="text/javascript" src="js/jquery.nav.js"></script>
<!-- animation -->
<script type="text/javascript" src="js/wow.min.js"></script>
<!-- page scroll -->
<script type="text/javascript" src="js/page-scroll.js"></script>
<!-- swiper carousel -->
<script type="text/javascript" src="js/swiper.min.js"></script>
<!-- counter -->
<script type="text/javascript" src="js/jquery.count-to.js"></script>
<!-- parallax -->
<script type="text/javascript" src="js/jquery.stellar.js"></script>
<!-- magnific popup -->
<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
<!-- portfolio with shorting tab -->
<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
<!-- images loaded -->
<script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
<!-- pull menu -->
<script type="text/javascript" src="js/classie.js"></script>
<script type="text/javascript" src="js/hamburger-menu.js"></script>
<!-- counter -->
<script type="text/javascript" src="js/counter.js"></script>
<!-- fit video -->
<script type="text/javascript" src="js/jquery.fitvids.js"></script>

<!-- skill bars -->
<script type="text/javascript" src="js/skill.bars.jquery.js"></script>
<!-- justified gallery -->
<script type="text/javascript" src="js/justified-gallery.min.js"></script>
<!--pie chart-->
<script type="text/javascript" src="js/jquery.easypiechart.min.js"></script>
<!-- retina -->
<script type="text/javascript" src="js/retina.min.js"></script>
<!-- revolution -->
<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
<!-- revolution slider extensions (load below extensions JS files only on local file systems to make the slider work! The following part can be removed on server for on demand loading) -->
<!--<script type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script>-->
<!-- setting -->
<script type="text/javascript" src="js/main.js"></script>
<script>
    $('.carousel').carousel({
        interval: 3000
    });

    var genislik=screen.width;
    if(genislik > 600){
        $("#anaSayfaFotolarPc").show();
        $("#adresBloguPc").show();
        $("#teklifAlButonuPc").show();
        $("#whatsappPc").show();

    } else {
        $("#anaSayfaFotolarMobil").show();
        $("#teklifAlButonuMobil").show();
        $("#whatsappMobil").show();
    }

    function menuAcmaButonuTiklandi() {
        var durum = document.getElementById("instagramButonDurumu").value;
        if(durum === 'acik'){
            $("#instagram").hide();
            document.getElementById("instagramButonDurumu").value = 'kapali';
        } else {
            $("#instagram").show();
            document.getElementById("instagramButonDurumu").value = 'acik';
        }
    }

    $(document).ready(function() {
        // sayfa yüklendikten sonra olacak işlemler

    });

    // teklif formu için yazılan jsler
    function butonTiklama(ID) {

        // BİRİNCİ SAYFA - ALAN (YAPI TİPİ)
        if(ID === "KonutPasif"){
            $("#KonutAktif").show();
            $("#KonutPasif").hide();

            // geri kalan herkesin aktifini gizle pasifini aktifleştir
            $("#OfisAktif").hide();
            $("#DukkanAktif").hide();
            $("#DiğerAktif").hide();
            $("#AlanDiğer").hide();
            $("#OfisPasif").show();
            $("#DukkanPasif").show();
            $("#AlanDiğerPasif").show();
            $(".DiğerAktifBoşluk").show();
            document.getElementById("Alan").value = 'Konut';
            //nex butonu aktifleştir
            $("#nextAlanPasif").hide();
            $("#nextAlanAktif").show();
            $(".secimYapın").hide();

        } else if(ID === "OfisPasif"){
            $("#OfisAktif").show();
            $("#OfisPasif").hide();

            // geri kalan herkesin aktifini gizle pasifini aktifleştir
            $("#KonutAktif").hide();
            $("#DukkanAktif").hide();
            $("#DiğerAktif").hide();
            $("#AlanDiğer").hide();
            $("#KonutPasif").show();
            $("#DukkanPasif").show();
            $("#AlanDiğerPasif").show();
            $(".DiğerAktifBoşluk").show();
            document.getElementById("Alan").value = 'Ofis';
            //nex butonu aktifleştir
            $("#nextAlanPasif").hide();
            $("#nextAlanAktif").show();
            $(".secimYapın").hide();

        } else if(ID === "DukkanPasif"){
            $("#DukkanAktif").show();
            $("#DukkanPasif").hide();

            // geri kalan herkesin aktifini gizle pasifini aktifleştir
            $("#KonutAktif").hide();
            $("#OfisAktif").hide();
            $("#DiğerAktif").hide();
            $("#AlanDiğer").hide();
            $("#KonutPasif").show();
            $("#OfisPasif").show();
            $("#AlanDiğerPasif").show();
            $(".DiğerAktifBoşluk").show();
            document.getElementById("Alan").value = 'Mağaza/Dükkan';
            //nex butonu aktifleştir
            $("#nextAlanPasif").hide();
            $("#nextAlanAktif").show();
            $(".secimYapın").hide();

        } else if(ID === "AlanDiğerPasif"){
            $("#AlanDiğerPasif").hide();
            $("#AlanDiğer").show();
            $(".DiğerAktifBoşluk").hide();

            // geri kalan herkesin aktifini gizle pasifini aktifleştir
            $("#KonutAktif").hide();
            $("#OfisAktif").hide();
            $("#DukkanAktif").hide();
            $("#KonutPasif").show();
            $("#OfisPasif").show();
            $("#DukkanPasif").show();
            document.getElementById("AlanDiğer").value = '';
            document.getElementById("Alan").value = '';
            //nex butonu PASİFLEŞTİR
            $("#nextAlanPasif").show();
            $("#nextAlanAktif").hide();


        } else if(ID === "nextAlanPasif"){
            var degerCtrl = document.getElementById("Alan").value;
            if(degerCtrl === ''){
                $(".secimYapın").show();
            }


            //  İKİNCİ SAYFA
        } else if(ID === "KonseptPasif"){
            $("#KonseptAktif").show();
            $("#KonseptPasif").hide();

            // geri kHizmetler herkesin aktifini gizle pasifini aktifleştir
            $("#ProjeAktif").hide();
            $("#UygulamaAktif").hide();
            $("#DiğerAktif").hide();
            $("#HizmetlerDiğer").hide();
            $("#ProjePasif").show();
            $("#UygulamaPasif").show();
            $("#HizmetlerDiğerPasif").show();
            $(".DiğerAktifBoşluk").show();
            document.getElementById("Hizmetler").value = 'Konsept';
            //nex butonu aktifleştir
            $("#nextHizmetlerPasif").hide();
            $("#nextHizmetlerAktif").show();
            $(".secimYapın").hide();

        } else if(ID === "ProjePasif"){
            $("#ProjeAktif").show();
            $("#ProjePasif").hide();

            // geri kHizmetler herkesin aktifini gizle pasifini aktifleştir
            $("#KonseptAktif").hide();
            $("#UygulamaAktif").hide();
            $("#DiğerAktif").hide();
            $("#HizmetlerDiğer").hide();
            $("#KonseptPasif").show();
            $("#UygulamaPasif").show();
            $("#HizmetlerDiğerPasif").show();
            $(".DiğerAktifBoşluk").show();
            document.getElementById("Hizmetler").value = 'Proje';
            //nex butonu aktifleştir
            $("#nextHizmetlerPasif").hide();
            $("#nextHizmetlerAktif").show();
            $(".secimYapın").hide();

        } else if(ID === "UygulamaPasif"){
            $("#UygulamaAktif").show();
            $("#UygulamaPasif").hide();

            // geri kHizmetler herkesin aktifini gizle pasifini aktifleştir
            $("#KonseptAktif").hide();
            $("#ProjeAktif").hide();
            $("#DiğerAktif").hide();
            $("#HizmetlerDiğer").hide();
            $("#KonseptPasif").show();
            $("#ProjePasif").show();
            $("#HizmetlerDiğerPasif").show();
            $(".DiğerAktifBoşluk").show();
            document.getElementById("Hizmetler").value = 'Uygulama';
            //nex butonu aktifleştir
            $("#nextHizmetlerPasif").hide();
            $("#nextHizmetlerAktif").show();
            $(".secimYapın").hide();

        } else if(ID === "HizmetlerDiğerPasif"){
            $("#HizmetlerDiğerPasif").hide();
            $("#HizmetlerDiğer").show();
            $(".DiğerAktifBoşluk").hide();

            // geri kHizmetler herkesin aktifini gizle pasifini aktifleştir
            $("#KonseptAktif").hide();
            $("#ProjeAktif").hide();
            $("#UygulamaAktif").hide();
            $("#KonseptPasif").show();
            $("#ProjePasif").show();
            $("#UygulamaPasif").show();
            document.getElementById("HizmetlerDiğer").value = '';
            document.getElementById("Hizmetler").value = '';
            //nex butonu PASİFLEŞTİR
            $("#nextHizmetlerPasif").show();
            $("#nextHizmetlerAktif").hide();


        } else if(ID === "nextHizmetlerPasif"){
            var degerCtrl = document.getElementById("Hizmetler").value;
            if(degerCtrl === ''){
                $(".secimYapın").show();
            }



            //  DÖRDÜNCÜ SAYFA
        } else if(ID === "KabaPasif"){
            $("#KabaAktif").show();
            $("#KabaPasif").hide();

            // geri kDurum herkesin aktifini gizle pasifini aktifleştir
            $("#BoşAktif").hide();
            $("#OturuluyorAktif").hide();
            $("#DiğerAktif").hide();
            $("#DurumDiğer").hide();
            $("#BoşPasif").show();
            $("#OturuluyorPasif").show();
            $("#DurumDiğerPasif").show();
            $(".DiğerAktifBoşluk").show();
            document.getElementById("Durum").value = 'Kaba';
            //nex butonu aktifleştir
            $("#nextDurumPasif").hide();
            $("#nextDurumAktif").show();
            $(".secimYapın").hide();

        } else if(ID === "BoşPasif"){
            $("#BoşAktif").show();
            $("#BoşPasif").hide();

            // geri kDurum herkesin aktifini gizle pasifini aktifleştir
            $("#KabaAktif").hide();
            $("#OturuluyorAktif").hide();
            $("#DiğerAktif").hide();
            $("#DurumDiğer").hide();
            $("#KabaPasif").show();
            $("#OturuluyorPasif").show();
            $("#DurumDiğerPasif").show();
            $(".DiğerAktifBoşluk").show();
            document.getElementById("Durum").value = 'Boş';
            //nex butonu aktifleştir
            $("#nextDurumPasif").hide();
            $("#nextDurumAktif").show();
            $(".secimYapın").hide();

        } else if(ID === "OturuluyorPasif"){
            $("#OturuluyorAktif").show();
            $("#OturuluyorPasif").hide();

            // geri kDurum herkesin aktifini gizle pasifini aktifleştir
            $("#KabaAktif").hide();
            $("#BoşAktif").hide();
            $("#DiğerAktif").hide();
            $("#DurumDiğer").hide();
            $("#KabaPasif").show();
            $("#BoşPasif").show();
            $("#DurumDiğerPasif").show();
            $(".DiğerAktifBoşluk").show();
            document.getElementById("Durum").value = 'Oturuluyor';
            //nex butonu aktifleştir
            $("#nextDurumPasif").hide();
            $("#nextDurumAktif").show();
            $(".secimYapın").hide();

        } else if(ID === "DurumDiğerPasif"){
            $("#DurumDiğerPasif").hide();
            $("#DurumDiğer").show();
            $(".DiğerAktifBoşluk").hide();

            // geri kDurum herkesin aktifini gizle pasifini aktifleştir
            $("#KabaAktif").hide();
            $("#BoşAktif").hide();
            $("#OturuluyorAktif").hide();
            $("#KabaPasif").show();
            $("#BoşPasif").show();
            $("#OturuluyorPasif").show();
            document.getElementById("DurumDiğer").value = '';
            document.getElementById("Durum").value = '';
            //nex butonu PASİFLEŞTİR
            $("#nextDurumPasif").show();
            $("#nextDurumAktif").hide();


        } else if(ID === "nextDurumPasif"){
            var degerCtrl = document.getElementById("Durum").value;
            if(degerCtrl === ''){
                $(".secimYapın").show();
            }

            //// SON SAYFA GÖDNER PASİF TIKLANINCA
        } else if(ID === "gonderDurumPasif"){
            $("#telefonGirin").show();
        }
    }

    function AlanDiğerDeğişim(value) {
        document.getElementById("Alan").value = value;

        //nex butonu aktifleştir
        if(value !== ''){
            $("#nextAlanPasif").hide();
            $("#nextAlanAktif").show();
            $(".secimYapın").hide();
        }
    }

    function HizmetlerDiğerDeğişim(value) {
        document.getElementById("Hizmetler").value = value;

        //nex butonu aktifleştir
        if(value !== ''){
            $("#nextHizmetlerPasif").hide();
            $("#nextHizmetlerAktif").show();
            $(".secimYapın").hide();
        }
    }

    function ilSecimi(value) {

        //nex butonu aktifleştir
        if(value === 'Diğer'){
            $("#ilceSecim").hide();
            $("#ilDiğer").show();
        } else if(value === 'İstanbul'){
            $("#ilceSecim").show();
            $("#ilDiğer").hide();
        }
    }

    function DurumDiğerDeğişim(value) {
        document.getElementById("Durum").value = value;

        //nex butonu aktifleştir
        if(value !== ''){
            $("#nextDurumPasif").hide();
            $("#nextDurumAktif").show();
            $(".secimYapın").hide();
        }
    }

    function telVeyaMailDeğişim(value) {
        //gönder butonu aktifleştir
        if(value !== ''){
            $("#GonderDurumPasif").hide();
            $("#GonderDurumAktif").show();
            $("#telefonGirin").hide();
        }
    }


</script>

</body>
</html>

