<!DOCTYPE html>
<html lang="tr">
    <head>
        
<!-- 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-KZV526ZZ');</script>
<!-- End Google Tag Manager -->
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <meta name="csrf-token" content="A9iyjNQtyyh4pXYzxHqlfJbMHAUI7ua6cSp3ToFB">

        
        <link rel="shortcut icon" type="image/x-icon" href="https://zanvix.top/assets/images/favicon.png" />
        <link rel="canonical" href="https://zanvix.top/static/css/easy-sidebar.css" />
                                            <script async src='https://www.googletagmanager.com/gtag/js?id=UA-54922716-1'></script>

                        <script>
                            window.dataLayer = window.dataLayer || [];
                            function gtag(){dataLayer.push(arguments);}
                            gtag('js', new Date());

                            gtag('config', 'UA-54922716-1');
                        </script>
                
        
        
                    <script type="text/javascript">
    (function () {
        var options = {
            whatsapp: "905313745065", // WhatsApp numarası
            call_to_action: "Merhaba, nasıl yardımcı olabilirim?", // Görüntülenecek yazı
            position: "right", // Sağ taraf için 'right' sol taraf için 'left'
        };
        var proto = document.location.protocol, host = "getbutton.io", url = proto + "//static." + host;
        var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
        s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
        var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
    })();
</script>

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

  gtag('config', 'G-82YEDKZ0Z8');
</script>


<!-- Facebook Pixel Code -->
<script>
    !function(f,b,e,v,n,t,s)
    {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
        n.queue=[];t=b.createElement(e);t.async=!0;
        t.src=v;s=b.getElementsByTagName(e)[0];
        s.parentNode.insertBefore(t,s)}(window,document,'script',
            'https://connect.facebook.net/en_US/fbevents.js');
    fbq('init', '1692479861044877');
    fbq('track', 'PageView');
</script>
<noscript>
    <img height="1" width="1" src="https://www.facebook.com/tr?id=1692479861044877&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->

<!-- Style-->
<link href="https://zanvix.top/assets/css/font-awesome/css/font-awesome.css" media="screen" rel="stylesheet" type="text/css">
<link href="https://zanvix.top/assets/css/bootstrap.min.css" media="screen" rel="stylesheet" type="text/css">
<link href="https://zanvix.top/assets/css/flaticon/css/flaticon.css" media="screen" rel="stylesheet" type="text/css">
<link href="https://zanvix.top/assets/css/owl.carousel.css" media="screen" rel="stylesheet" type="text/css">
<link href="https://zanvix.top/assets/css/owl.theme.css" media="screen" rel="stylesheet" type="text/css">
<link href="https://zanvix.top/assets/css/easy-sidebar.css" media="screen" rel="stylesheet" type="text/css">
<link href="https://zanvix.top/assets/js/pp/css/prettyPhoto.css" media="screen" rel="stylesheet" type="text/css">
<link href="https://zanvix.top/assets/js/vendors/isotope/isotope.css" media="screen" rel="stylesheet" type="text/css">
<link href="https://zanvix.top/assets/css/spinkit/spinkit.css" media="screen" rel="stylesheet" type="text/css">
<link href="https://zanvix.top/assets/css/style.css" media="screen" rel="stylesheet" type="text/css">
<!--<link href="https://zanvix.top/assets/css/popup.css" media="screen" rel="stylesheet" type="text/css">-->
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!-- [if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap" rel="stylesheet">

<link href="https://zanvix.top/css/front.css" rel="stylesheet">

    <script src="https://www.google.com/recaptcha/api.js?render=6Le5Qb4ZAAAAAHqs2ysrJeoYM1oXBMnhq4SJCpIj"></script>
    <script>
        grecaptcha.ready(function () {
            grecaptcha.execute("6Le5Qb4ZAAAAAHqs2ysrJeoYM1oXBMnhq4SJCpIj", { action: 'contact' }).then(function (token) {
                var recaptchaResponse = document.getElementById('recaptchaResponse');
                recaptchaResponse.value = token;
            });
        });
    </script>
                <link rel="alternate" hreflang="tr" href="https://zanvix.top/static/css/easy-sidebar.css" />
    </head>
    <body id="" class="" >
        <!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KZV526ZZ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
                <div class="mobile-menu">
    <div class="menu-kapat"></div>
    <ul class="nav navbar-nav navbar-right">
                <li class="dropdown menu-max">
            <a href="https://zanvix.top/anasayfa">ANA SAYFA</a>
        </li>
                <li class="dropdown menu-max">
            <a href="https://zanvix.top/kurumsal">KURUMSAL</a>
        </li>
                <li class="dropdown menu-max">
            <a href="https://zanvix.top/projeler">PROJELER</a>
        </li>
                <li class="dropdown menu-max">
            <a href="https://zanvix.top/cati-ve-cephe-kaplama-malzemeleri">ÇATI VE CEPHE KAPLAMA MALZEMELERİ</a>
        </li>
                <li class="dropdown menu-max">
            <a href="https://zanvix.top/urunler/makine-ve-ekipman-satisi">MAKİNE VE EKİPMAN SATIŞI</a>
        </li>
            </ul>
</div>
<div class="open-menu"></div>
<header class="header-5">
    <div class="container-fulid">
        <div class="top-bar">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="col-md-6 tb-left">
                            <ul class="list-inline">
                                                                <li><i class="fa fa-phone"></i> +90 212 320 20 35 </li>
                                                                <li><i class="fa fa-whatsapp"></i>0531 374 50 65 </li>
                                                                <li><i class="fa fa-envelope"></i> <a href="mailto:info@zanvix.top">info@zanvix.top</a></li>
                                                            </ul>
                        </div>
                        <div class="col-md-6 tb-right">
                            <div class="pull-right aramakutusu">
                                <form action="https://zanvix.top/search">
                                    <input type="text" name="search" placeholder="Sitede Ara...">
                                    <input type="submit" value="Ara" style="text-transform: uppercase;">
                                </form>
                            </div>
                            <ul class="list-inline pull-right" style="border-right: 1px solid #cccccc;padding-right: 15px;margin-left: 15px;margin-right: 15px;">
                                <li>
                                    <a href="https://en.zanvix.top/">
                                        <img src="https://zanvix.top/assets/images/flags/en.png">
                                    </a>
                                </li>
                            </ul>
                            <ul class="list-inline sosyalmedya">
                                                                <li class="facebook"><a href="https://www.facebook.com/karacecati/" target="_blank" title="Facebook"><i class="fa fa-facebook size-25"></i></a></li>
                                                                                                                                <li class="instagram"><a href="https://www.instagram.com/karace_cati_cephe/" target="_blank" title="Instagram"><i class="fa fa-instagram size-25"></i></a></li>
                                                                                                <li class="youtube"><a href="https://www.youtube.com/channel/UCoHe4wOMfR0AlY_UhMLZHEA" target="_blank" title="Youtube"><i class="fa fa-youtube size-25"></i></a></li>
                                                                                                <li class="linkedin"><a href="https://tr.linkedin.com/company/karace-i-ve-d-ticaret-ltd-ti-" target="_blank" title="instagram"><i class="fa fa-linkedin size-25"></i></a></li>
                                                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <nav class="navbar navbar-default">
            <div class="container">
                <div class="navbar-header">
                    <a class="navbar-brand" href="/"><img src="https://zanvix.top/assets/images/logo.png" alt="Logo"></a>
                </div>
                <div id="navbar" class="navbar-collapse ">
                    <ul class="nav navbar-nav navbar-right">
                                                <li class="dropdown menu-max">
                            <a href="https://zanvix.top/anasayfa">ANA SAYFA</a>
                                                    </li>
                                                <li class="dropdown menu-max">
                            <a href="https://zanvix.top/kurumsal">KURUMSAL</a>
                                                        <ul class="dropdown-menu dropdown-menu-left" style="display: none;">
                                                                <li class="dropdown-child">
                                    <a href="https://zanvix.top/karace-hakkinda">KARACE HAKKINDA</a>
                                </li>
                                                                <li class="dropdown-child">
                                    <a href="https://zanvix.top/proje-cozum-merkezi">PROJE ÇÖZÜM MERKEZİ</a>
                                </li>
                                                                <li class="dropdown-child">
                                    <a href="https://zanvix.top/blog">KARACE BLOG</a>
                                </li>
                                                                <li class="dropdown-child">
                                    <a href="https://zanvix.top/iletisim">İLETİŞİM</a>
                                </li>
                                                            </ul>
                                                    </li>
                                                <li class="dropdown menu-max">
                            <a href="https://zanvix.top/projeler">PROJELER</a>
                                                    </li>
                                                <li class="dropdown menu-max">
                            <a href="https://zanvix.top/cati-ve-cephe-kaplama-malzemeleri">ÇATI VE CEPHE KAPLAMA MALZEMELERİ</a>
                                                        <ul class="dropdown-menu dropdown-menu-left" style="display: none;">
                                                                <li class="dropdown-child">
                                    <a href="https://zanvix.top/vmzinc-titanyum-cinko">VMZINC® TİTANYUM ÇİNKO</a>
                                </li>
                                                                <li class="dropdown-child">
                                    <a href="https://zanvix.top/vestis-aluminyum">VESTIS® ALÜMİNYUM</a>
                                </li>
                                                                <li class="dropdown-child">
                                    <a href="https://zanvix.top/roofinox-paslanmaz-celik">ROOFINOX® PASLANMAZ ÇELİK</a>
                                </li>
                                                                <li class="dropdown-child">
                                    <a href="https://zanvix.top/mavis-multi-boyali-sac">MAVİS® MULTI BOYALI SAC</a>
                                </li>
                                                                <li class="dropdown-child">
                                    <a href="https://zanvix.top/aurubis-bakir">AURUBIS® BAKIR</a>
                                </li>
                                                                <li class="dropdown-child">
                                    <a href="https://zanvix.top/yagmur-inis-sistemleri">YAĞMUR İNİŞ SİSTEMLERİ</a>
                                </li>
                                                                <li class="dropdown-child">
                                    <a href="https://zanvix.top/cati-aksesuarlari">ÇATI AKSESUARLARI</a>
                                </li>
                                                                <li class="dropdown-child">
                                    <a href="https://zanvix.top/dokumanlar">DÖKÜMANLAR</a>
                                </li>
                                                            </ul>
                                                    </li>
                                                <li class="dropdown menu-max">
                            <a href="https://zanvix.top/urunler/makine-ve-ekipman-satisi">MAKİNE VE EKİPMAN SATIŞI</a>
                                                    </li>
                                            </ul>    
                </div>
            </div>
        </nav>
    </div>
</header>                <div id="parent-content" class="clearfix">
    <div class="page-head overlay-wrap" style="background-image: url(https://zanvix.top/assets/images/standard-banner.jpg);">
        <div class="overlay"></div>
        <div class="container text-uppercase">
            <h1>404</h1>
            <ul class="bcrumbs">
                <li><a href="https://zanvix.top"><i class="fa fa-home"></i></a></li>
                <li class="active"><a>404</a></li>
            </ul>
        </div>
    </div>

    <div class="home-profile">
        <div class="container">
            <div class="row text-center">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <h4><span>404</span></h4>
                    <p>Aradığınız sayfayı bulamadık.</p>
                    <a href="https://zanvix.top" class="bttn bttn-md lmore center-block" style="float:none;margin-right:auto;">Anasayfaya Dön</a>
            </div>
        </div>
    </div>
</div>
                <footer class="overlay-wrap">
    <div class="overlay"> </div>
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-md-push-3 text-center">
                <div class="footer-logo ">
                    <a href="/" title="Karece | Kenet Çatı Sistemleri"><img alt="Karece | Kenet Çatı Sistemleri" src="https://zanvix.top/assets/images/logo-white.png"></a>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4 col-sm-6">
                <div class="footer-widget">
                    <h5>İletişim Bilgileri</h5>
                    <ul class="footer-contact">
                                                <li><i class="fa fa-map-marker"></i>Konaklar Mahallesi Selvili Sokak No:1/2 İç Kapı No:19 (4. Levent) - Beşiktaş / İstanbul 34330</li>
                                                                        <li><i class="fa fa-envelope-o"></i>info@zanvix.top</li>
                                                                        <li><i class="fa fa-phone"></i>+90 212 320 20 35</li>
                                            </ul>
                </div>
            </div>
            <div class="col-md-4 col-sm-6" style="text-align:center;">
                <div class="footer-widget">
                    <h5>Karace Kurumsal</h5>
                    <ul class="footer-contact">
                                                <li><a href="https://zanvix.top/karace-hakkinda" title="KARACE HAKKINDA">KARACE HAKKINDA</a></li>
                                                                        <li><a href="https://zanvix.top/blog" title="KARACE BLOG">KARACE BLOG</a></li>
                                                                        <li><a href="https://zanvix.top/iletisim" title="İLETİŞİM">İLETİŞİM</a></li>
                                            </ul>
                </div>
            </div>
            <div class="col-md-4 col-sm-6">
                <div class="footer-widget">
                    <h5>E-Bülten Kayıt</h5>
                    <div class="footer-newsletter" id="subscribe">
                        <p>E-postanızı sistemimize kayıt ederek, gelişmelerden haberdar olabilirsiniz.</p>
                        <form action="https://zanvix.top/contact/subscribe?#subscribe" method="post">
                            <input type="hidden" name="_token" value="A9iyjNQtyyh4pXYzxHqlfJbMHAUI7ua6cSp3ToFB">                            <input type="hidden" name="recaptcha_response" id="recaptchaResponse"> 
                            <input placeholder="E-Posta Adresiniz" required type="email" name="email">
                            <button type="submit" name="sender"><i class="fa fa-paper-plane">
                                </i></button>
                        </form>
                                                                                            </div>
                </div>
            </div>
        </div>
        <div class="footer-copyright">
            <div class="row">
                <div class="col-md-10">
                  
                    <ul class="footer-menu list-inline text-uppercase">
                                            	<li>
                    		<a href="https://zanvix.top/anasayfa" title="ANA SAYFA">ANA SAYFA</a>
                    	</li>
                                            	<li>
                    		<a href="https://zanvix.top/kurumsal" title="KURUMSAL">KURUMSAL</a>
                    	</li>
                                            	<li>
                    		<a href="https://zanvix.top/projeler" title="PROJELER">PROJELER</a>
                    	</li>
                                            	<li>
                    		<a href="https://zanvix.top/cati-ve-cephe-kaplama-malzemeleri" title="ÇATI VE CEPHE KAPLAMA MALZEMELERİ">ÇATI VE CEPHE KAPLAMA MALZEMELERİ</a>
                    	</li>
                                            	<li>
                    		<a href="https://zanvix.top/urunler/makine-ve-ekipman-satisi" title="MAKİNE VE EKİPMAN SATIŞI">MAKİNE VE EKİPMAN SATIŞI</a>
                    	</li>
                                            </ul>
                </div>
                <div class="col-md-2">
                    <p class="pull-right text-uppercase"> <a href="https://www.magnadijital.com.tr/" target="_blank" title="Magna Dijital">Magna Dijital</a> © 2016</p>
                </div>
            </div>
        </div>
    </div>
</footer>

<a class="back-to-top" href="javascript::void(0)"> <i aria-hidden="true" class="fa fa-chevron-up"></i></a>

<div class="overlay hided"></div>                    <script src="https://zanvix.top/assets/js/jquery.js"></script>
<script>
  $(".open-menu").click(function () {
    tpj('.mobile-menu').toggle('slide', {
      direction: 'left'
    }, 300);
  });
  $(".menu-kapat").click(function () {
    tpj('.mobile-menu').toggle('slide', {
      direction: 'left'
    }, 300);
  });
</script>
<script src="https://zanvix.top/assets/js/bootstrap.min.js"></script>
<script src="https://zanvix.top/assets/js/owl.carousel.min.js"></script>
<script src="https://zanvix.top/assets/js/waypoints.min.js"></script>
<script src="https://zanvix.top/assets/js/vendors/jquery.counterup.min.js"></script>
<script src="https://zanvix.top/assets/js/vendors/isotope/isotope.pkgd.js"></script>
<script src="https://zanvix.top/assets/js/vendors/isotope/main.js"></script>
<script src="https://zanvix.top/assets/js/jquery.cookie.js"></script>
<script src="https://zanvix.top/assets/js/pp/js/jquery.prettyPhoto.js"></script>
<script src="https://zanvix.top/assets/js/jquery-ui.min.js"></script>
<!--<script src="https://zanvix.top/assets/js/jquery.cookie-pop.js"></script>-->
<script src="https://zanvix.top/assets/js/custom.js"></script>
<script src="https://zanvix.top/assets/revolution/js/jquery.themepunch.tools.min.js" type="text/javascript"></script>
<script src="https://zanvix.top/assets/revolution/js/jquery.themepunch.revolution.min.js" type="text/javascript"></script>
<link href="https://zanvix.top/assets/revolution/css/navigation.css" media="screen" rel="stylesheet" type="text/css" />
<link href="https://zanvix.top/assets/revolution/css/settings.css" media="screen" rel="stylesheet" type="text/css" />

<script type="text/javascript">
  var tpj = jQuery;
  var revapi204;
  tpj(document).ready(function () {
    if (tpj("#rev_slider_204_1").revolution == undefined) {
      revslider_showDoubleJqueryError("#rev_slider_204_1");
    } else {
      revapi204 = tpj("#rev_slider_204_1").show().revolution({
        sliderType: "standard",
        jsFileLocation: "assets/revolution/js/",
        sliderLayout: "fullwidth",
        dottedOverlay: "none",
        delay: 9000,
        navigation: {
          keyboardNavigation: "off",
          keyboard_direction: "horizontal",
          mouseScrollNavigation: "off",
          onHoverStop: "off",
          touch: {
            touchenabled: "on",
            swipe_threshold: 75,
            swipe_min_touches: 1,
            swipe_direction: "horizontal",
            drag_block_vertical: false
          },
          arrows: {
            style: "gyges",
            enable: true,
            hide_onmobile: true,
            hide_under: 600,
            hide_onleave: true,
            hide_delay: 200,
            hide_delay_mobile: 1200,
            tmp: '',
            left: {
              h_align: "left",
              v_align: "center",
              h_offset: 0,
              v_offset: 0
            },
            right: {
              h_align: "right",
              v_align: "center",
              h_offset: 0,
              v_offset: 0
            }
          },
          bullets: {
            enable: false,
            hide_onmobile: true,
            hide_under: 600,
            style: "metis",
            hide_onleave: true,
            hide_delay: 200,
            hide_delay_mobile: 1200,
            direction: "horizontal",
            h_align: "center",
            v_align: "bottom",
            h_offset: 0,
            v_offset: 30,
            space: 5,
            tmp: '<span class="tp-bullet-img-wrap">  <span class="tp-bullet-image"></span></span><span class="tp-bullet-title">title</span>'
          }
        },
        viewPort: {
          enable: true,
          outof: "pause",
          visible_area: "80%"
        },
        responsiveLevels: [1240, 1024, 778, 480],
        visibilityLevels: [1240, 1024, 778, 480],
        gridwidth: [1240, 1024, 778, 480],
        gridheight: [900, 450, 400, 350],
        lazyType: "none",
        parallax: {
          type: "mouse",
          origo: "slidercenter",
          speed: 2000,
          levels: [2, 3, 4, 5, 6, 7, 12, 16, 10, 50, 46, 47, 48, 49, 50, 55],
          type: "mouse",
        },
        shadow: 0,
        spinner: "off",
        stopLoop: "off",
        stopAfterLoops: -1,
        stopAtSlide: -1,
        shuffle: "off",
        autoHeight: "off",
        hideThumbsOnMobile: "on",
        hideSliderAtLimit: 0,
        hideCaptionAtLimit: 0,
        hideAllCaptionAtLilmit: 0,
        debugMode: false,
        fallbacks: {
          simplifyAll: "off",
          nextSlideOnWindowFocus: "off",
          disableFocusListener: false,
        }
      });
    }
  }); /*ready*/

  $(".tabpanel .nav-tabs li:first").addClass("active");
  $(".tab-content div:first").addClass("active");

  $(document).ready(function () {
    $("a[rel^='prettyPhoto']").prettyPhoto({
      slideshow: 5000,
      autoplay_slideshow: true,
      social_tools: false
    });
  });
</script>

<script src="https://zanvix.top/assets/js/main.js"></script>

<!-- Trigger/Open The Modal -->
<input type="hidden" id="myBtn">

<!-- The Modal -->
<div id="myModal" class="modal d-none">

  <!-- Modal content -->
  <div class="modal-content">
    <div class="modal-body">
      <iframe id="popupVideo" width="900" height="506" src="" title="YouTube video player" frameborder="0"
        allow="autoplay; encrypted-media" allowfullscreen></iframe>
      <span class="close">&times;</span>
    </div>
  </div>

</div>

<script>
  // Get the modal
  var modal = document.getElementById("myModal");

  // Get the button that opens the modal
  var btn = document.getElementById("myBtn");

  // Get the <span> element that closes the modal
  var span = document.getElementsByClassName("close")[0];

  // Function to open the modal
  function openModal() {
    modal.style.display = "flex";
    var video = document.getElementById("popupVideo");
    video.src = "https://www.youtube-nocookie.com/embed/glpDdvFJyOc?si=32h6mLSabg0oYuWx&autoplay=1&controls=0&start=1&rel=0";
  }

  // Function to close the modal
  function closeModal() {
    modal.style.display = "none";
    var video = document.getElementById("popupVideo");
    video.src = "";
  }

  // When the user clicks the button, open the modal
  btn.onclick = openModal;

  // When the user clicks on <span> (x), close the modal
  span.onclick = closeModal;

  // When the user clicks anywhere outside of the modal, close it
  window.onclick = function (event) {
    if (event.target == modal) {
      closeModal();
    }
  };

  // Listen for video end via postMessage
  window.addEventListener("message", function (event) {
    if (event.data === "ended") {
      closeModal();
    }
  });

  // Inject postMessage script into iframe
  function injectPostMessageListener() {
    var iframe = document.getElementById("popupVideo");
    iframe.contentWindow.postMessage({ event: "listening" }, "*");
  }

  // Show modal only for the specific URL
  document.addEventListener(
    "DOMContentLoaded",
    function () {
      if (
        window.location.href ===
        "https://zanvix.top/urunler/makine-ve-ekipman-satisi"
      ) {
        setTimeout(function () {
          openModal();
          setTimeout(injectPostMessageListener, 1000); // Ensure iframe loads
        }, 5000);
      }
    },
    false
  );
</script>

<style>
  /* The Modal (background) */
  .modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 11111111111;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    justify-content: center;
    /* Center horizontally */
    align-items: center;
    /* Center vertically */
  }

  /* Modal Content */
  .modal-content {
    position: relative;
    background-color: #fefefe;
    padding: 0;
    border: 1px solid #888;
    width: 90%;
    max-width: 900px;
    max-height: 90%;
    aspect-ratio: 16 / 9;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
  }

  /* Add Animation */
  @-webkit-keyframes animatetop {
    from {
      top: -300px;
      opacity: 0;
    }

    to {
      top: 0;
      opacity: 1;
    }
  }

  @keyframes  animatetop {
    from {
      top: -300px;
      opacity: 0;
    }

    to {
      top: 0;
      opacity: 1;
    }
  }

  /* The Close Button */
  .close {
    color: #000;
    font-size: 28px;
    position: absolute;
    font-weight: bold;
    right: 15px;
  }

  .close:hover,
  .close:focus {
    color: #43c1bb;
    text-decoration: none;
    cursor: pointer;
  }

  .modal-body {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    padding: 0;
  }

  @media  only screen and (max-width: 478px) {
    .modal-content {
      margin: auto;
      font-size: 14px;
      width: 100%;
      max-width: 100%;
      aspect-ratio: 16 / 9;
      padding-top: 0;
    }

    .close {
      font-size: 19px;
    }
  }
</style>
                    </body>
</html>