HEX
Server: Apache
System: Linux p3plzcpnl499979.prod.phx3.secureserver.net 4.18.0-553.54.1.lve.el8.x86_64 #1 SMP Wed Jun 4 13:01:13 UTC 2025 x86_64
User: vsga7hg9xjp3 (9283715)
PHP: 7.4.33
Disabled: NONE
Upload Files
File: /home/vsga7hg9xjp3/public_html/MapFrame/BK-index.html
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="google-site-verification" content="aSIaoI2hbwE7OMMVJoBXgZMfn4Ib-LqGPf5Cic8cm4M">
    <!--<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYFtCrWx-PzsEVFLhTrtUsapiV_oJvHI8&amp;libraries=&amp;v=weekly&amp;z=25&amp;region=EG&amp;language=ar&amp;callback=initMap" defer></script>-->
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYFtCrWx-PzsEVFLhTrtUsapiV_oJvHI8&amp;libraries=&amp;v=weekly&amp;z=25&amp;region=EG&amp;callback=initMap" defer></script>

    <!--<script async
            src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYFtCrWx-PzsEVFLhTrtUsapiV_oJvHI8&amp;libraries=&amp;v=weekly&amp;z=25&amp;region=EG&amp;callback=initMap">
    </script>-->


    <link href="css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="css/styles827c.css?12345" rel="stylesheet" type="text/css">
    <link href="css/MainStyle.css" rel="stylesheet" type="text/css">
    <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 =
                '../www.googletagmanager.com/gtm5445.html?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-52JHS4L');
    </script>
    <title></title>

    <style>
        #dealerships .scroller {
            border-top: 0px solid #828282;
        }

        .dealer-popups {
            display: block;
            padding: 8px 0px;
        }

        .region-wrap .dealer-popups {
            padding: 4px 0px;
            border-bottom: 0px solid #828282;
        }

        nav.country-pick a:first-child {
            border-top: 0px solid #828282;
        }

        .LocationRatePage {
            padding: 0;
        }
        .layer-content .fontweightt{
                font-weight: 700;
    color: currentColor;
    font-size: 12px;
        }
        .layer-content .fontweightt:hover {
            color: #000;
}
        
        
        .spaceLnadLine{
            display: inline-block;
            width: 72px;
        }
        .spaceLnadLine2{
            display: inline-block;
            width: 62px;
        }
    </style>
</head>

<body>
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-52JHS4L" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>







<!--
    <div class="LocationRatePage">
        <div class="">
            <div class="LocationRatePageContent">
-->


                <div class="container">
                    <div id="showrooms">
                        <div class="side-title">
                            <h1>
                                <a href="#"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
            <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path></svg></a><span>Find a dealer</span>
                            </h1>
                        </div>
                        <div class="region-wrap">
                            <h6>
                                Select your region :
                            </h6>
                            <nav class="country-pick">
                                <div class="dealer-popups" id="0" data-region="az">
                                    <h4>
                                        <a href="#" data-id="0" class="show-map"><span class="txt">Audi Center Cairo</span><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                  <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path></svg></a>
                                    </h4>
                                </div>
                                <div class="dealer-popups" id="1" data-region="az">
                                    <h4>
                                        <a href="#" data-id="1" class="show-map"><span class="txt">Audi Cairo Maadi </span><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                  <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path></svg></a>
                                    </h4>
                                </div>
                                <div class="dealer-popups" id="2" data-region="az">
                                    <h4>
                                        <a href="#" data-id="2" class="show-map"><span class="txt">Audi City Cairo</span><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                      <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path></svg></a>
                                    </h4>
                                </div>
                                <div class="dealer-popups" id="3" data-region="gz">
                                    <h4>
                                        <a href="#" data-id="3" class="show-map"><span class="txt">Audi Giza Zayed</span><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                      <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path></svg></a>
                                    </h4>
                                </div>
                                
                                <div class="dealer-popups" id="4" data-region="az">
                                    <h4>
                                        <a href="#" data-id="4" class="show-map"><span class="txt">Audi Approved plus</span><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                  <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path></svg></a>
                                    </h4>
                                </div>
                                <div class="dealer-popups" id="5" data-region="alx">
                                    <h4>
                                        <a href="#" data-id="5" class="show-map"><span class="txt">Audi Lean Service</span><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                      <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path></svg></a>
                                    </h4>
                                </div>
                                <div class="dealer-popups" id="6" data-region="gz">
                                    <h4>
                                        <a href="#" data-id="6" class="show-map"><span class="txt">Audi Service Abo Rawash</span><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                      <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path></svg></a>
                                    </h4>
                                </div>
                                
                                <div class="dealer-popups" id="7" data-region="gz">
                                    <h4>
                                        <a href="#" data-id="7" class="show-map"><span class="txt">Audi Service Giza Zayed</span><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                      <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path></svg></a>
                                    </h4>
                                </div>
                                
                                <div class="dealer-popups" id="8" data-region="alx">
                                    <h4>
                                        <a href="#" data-id="8" class="show-map"><span class="txt">Audi Service Alexandria</span><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                      <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path></svg></a>
                                    </h4>
                                </div>
                                <div class="dealer-popups" id="9" data-region="alx">
                                    <h4>
                                        <a href="#" data-id="9" class="show-map"><span class="txt">Audi Service Hurghada</span><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                      <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path></svg></a>
                                    </h4>
                                </div>
                                
                                

                                <!--
            <a href="#" data-region="az">
                <span>Cairo</span>
                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                    <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path>
                </svg>
            </a>
              <a href="#" data-region="gz">
                <span>Giza</span>
                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                    <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path>
                </svg>
            </a>
            <a href="#" data-region="alx">
                <span>Alexandria</span>
                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                    <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path>
                </svg>
            </a>
-->


                            </nav>
<!--
                            <div class="mobi-country-pick" style="display: none">
                                <select>
                                  <option selected disabled>
                                    Select your region :
                                  </option>
                                  <option value="az">
                                    Cairo
                                  </option>
                                    <option value="alx">
                                        alx
                                    </option>
                                    <option value="gz">
                                        gz
                                    </option>

                                </select>
                                <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                                    <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path>
                                </svg>
                            </div>
-->
                        </div>
                        <div id="dealerships">
                            <div class="dealer-wrap">
                                <h6 class="dealername" style="margin-bottom: 25px">
                                    Select your region :
                                </h6>
                                <div class="scroller">

                                    <div class="dealer-popups" id="0" data-region="az">
                                        <h4>
                                            <a href="#" data-id="0" class="show-map"><span class="txt">Audi Center Cairo</span><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                  <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path></svg></a>
                                        </h4>
                                    </div>
                                    <div class="dealer-popups" id="1" data-region="az">
                                        <h4>
                                            <a href="#" data-id="1" class="show-map"><span class="txt">Audi Cairo Maadi </span><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                  <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path></svg></a>
                                        </h4>
                                    </div>
                                    <div class="dealer-popups" id="2" data-region="az">
                                        <h4>
                                            <a href="#" data-id="2" class="show-map"><span class="txt">Audi City Cairo</span><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                      <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path></svg></a>
                                        </h4>
                                    </div>
                                    <div class="dealer-popups" id="3" data-region="gz">
                                        <h4>
                                            <a href="#" data-id="3" class="show-map"><span class="txt">Audi Giza Zayed</span><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                      <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path></svg></a>
                                        </h4>
                                    </div>
                                    
                                    
                                    
                                    <div class="dealer-popups" id="4" data-region="az">
                                        <h4>
                                            <a href="#" data-id="4" class="show-map"><span class="txt">Audi Approved plus</span><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                  <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path></svg></a>
                                        </h4>
                                    </div>
                                    <div class="dealer-popups" id="5" data-region="alx">
                                        <h4>
                                            <a href="#" data-id="5" class="show-map"><span class="txt">Audi Lean Service</span><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                      <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path></svg></a>
                                        </h4>
                                    </div>

                                    <div class="dealer-popups" id="6" data-region="gz">
                                        <h4>
                                            <a href="#" data-id="6" class="show-map"><span class="txt">Audi Service Abo Rawash</span><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                      <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path></svg></a>
                                        </h4>
                                    </div>
                                    
                                    <div class="dealer-popups" id="7" data-region="gz">
                                        <h4>
                                            <a href="#" data-id="7" class="show-map"><span class="txt">Audi Service Giza Zayed</span><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                      <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path></svg></a>
                                        </h4>
                                    </div>



                                    <div class="dealer-popups" id="8" data-region="alx">
                                        <h4>
                                            <a href="#" data-id="8" class="show-map"><span class="txt">Audi Service Alexandria</span><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                      <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path></svg></a>
                                        </h4>
                                    </div>
                                    
                                    <div class="dealer-popups" id="9" data-region="alx">
                                        <h4>
                                            <a href="#" data-id="9" class="show-map"><span class="txt">Audi Service Hurghada</span><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                      <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path></svg></a>
                                        </h4>
                                    </div>
                                    




                                    <div class="mobi-dealer-popups">
                                        <select>
                  <option selected disabled>
                    Select a showroom
                  </option>
                </select> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24">
                <path d="M10 16.9L15.5 11.5 10 6.1" stroke="currentColor" stroke-width="1" fill="none" fill-rule="evenodd"></path></svg>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div id="map"></div>
                    <div class="dealer-layer">
                        <div class="center-layer">
                            <div class="layer">
                                <div class="layer-bar">
                                    <h1 class="data-title"></h1>
                                    <div class="close">
                                        <p>
                                            &times;
                                        </p>
                                    </div>
                                </div>
                                <div id="layer-map"></div>
                                <div class="layer-content">
                                    <h2 class="" style="margin: 0">
                                        Dealer information:
                                    </h2>
                                    <p class="data-specks"></p>
                                    <hr class="gap">
                                    <div class="layer-row col2">
                                        <div class="layer-col" style="padding-right: 15px;">
                                            <p>
                                                <b>Address:</b>
                                            </p>
                                            <p class="data-address" style="margin-bottom: 10px" ></p>
                                            <p>
                                                <b>Working hours: </b><span class="data-workhour"></span>
                                            </p>
                                        </div>










                                        <div class="layer-col">
                                            <p>
                                                <b>Contact:</b>
                                            </p><br>
                                            <div class="contact-item">

                                                <p style="display: block"  class="data-tel fontweightt"></p>
                                                
                                            </div>
                                            <div class="contact-item" style="display: block">
                                                <p class="data-LandLine fontweightt" style="display: block" ></p>
                                                <p class="data-TelLine fontweightt" style="display: block" ></p>
                                                <p class="data-SaleLine fontweightt" style="display: block" ></p>
                                            </div>
                                            <div class="contact-item">
                                                <!--
                    <svg viewbox="0 0 40 40" id="email">
                    <path d="M21 5.8c-9.3 0-14.8 6.9-14.8 14.4 0 9 5.4 13.9 13.8 13.9 2.1 0 3.8-.3 5.2-.7.5-.1.7-.7.6-1.1l-.2-.7c-.1-.5-.6-.8-1.1-.7-1 .3-2.1.5-3.4.6C14.6 32 9.4 27 9.3 20.3c0-6.2 4-11.9 11.7-11.9 7 0 10 4.6 10 9.8 0 4.8-2 7-4 7-1.6 0-2-1.2-1.6-3.3l1.4-7.9c.1-.5-.3-1-.8-1h-1.6l-.8 1.2h-.1c-.8-.7-2-1.6-3.8-1.6-4.4 0-7 4.7-7 9 0 3.4 2.1 5.8 5.2 5.8 1.9 0 3.3-.8 4.4-1.8h.1c.7 1.2 1.9 2.1 4.1 2.1 3.5 0 7.1-3.4 7.1-9.8.3-6.5-4.4-12.1-12.6-12.1zm.8 17.6c-.7.5-1.8.9-2.7.9-1.7 0-2.5-1.2-2.5-2.9 0-3.1 1.5-5.7 3.9-5.7.9 0 1.8.3 2.5.8l-1.2 6.9z"></path></svg>
-->
                                                <svg class="svg-icon" viewBox="0 0 20 20" id="email">
							<path d="M17.388,4.751H2.613c-0.213,0-0.389,0.175-0.389,0.389v9.72c0,0.216,0.175,0.389,0.389,0.389h14.775c0.214,0,0.389-0.173,0.389-0.389v-9.72C17.776,4.926,17.602,4.751,17.388,4.751 M16.448,5.53L10,11.984L3.552,5.53H16.448zM3.002,6.081l3.921,3.925l-3.921,3.925V6.081z M3.56,14.471l3.914-3.916l2.253,2.253c0.153,0.153,0.395,0.153,0.548,0l2.253-2.253l3.913,3.916H3.56z M16.999,13.931l-3.921-3.925l3.921-3.925V13.931z"></path>
						</svg>
                                                <p  class="data-mail fontweightt"></p>
                                            </div>

                                            <div class="RatBocDtata data-showrate" style=" margin-top: 10px;">

                                                <h2 style="margin: 0; margin-top: 3px;">Overall rating: </h2>
                                                <div class="" style="display: flex; align-items: center;">
                                                    <div class="stars" style="display: flex; align-items: center; margin: 0 5px">
                                                        <div class="star"><svg height="20" width="20" viewBox="0 0 20 20"><linearGradient id="c1_1" x1="0%" x2="100%" y1="0" y2="0"><stop offset="100%" stop-color="var(--bps-star--filled, #c03)"></stop><stop offset="100%" stop-color="var(--bps-star, #e1e8ed)"></stop></linearGradient><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" fill="url(#c1_1)"></path></svg></div>
                                                        <div class="star"><svg height="20" width="20" viewBox="0 0 20 20"><linearGradient id="c1_2" x1="0%" x2="100%" y1="0" y2="0"><stop offset="100%" stop-color="var(--bps-star--filled, #c03)"></stop><stop offset="100%" stop-color="var(--bps-star, #e1e8ed)"></stop></linearGradient><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" fill="url(#c1_2)"></path></svg></div>
                                                        <div class="star"><svg height="20" width="20" viewBox="0 0 20 20"><linearGradient id="c1_3" x1="0%" x2="100%" y1="0" y2="0"><stop offset="100%" stop-color="var(--bps-star--filled, #c03)"></stop><stop offset="100%" stop-color="var(--bps-star, #e1e8ed)"></stop></linearGradient><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" fill="url(#c1_3)"></path></svg></div>
                                                        <div class="star"><svg height="20" width="20" viewBox="0 0 20 20"><linearGradient id="c1_4" x1="0%" x2="100%" y1="0" y2="0"><stop offset="100%" stop-color="var(--bps-star--filled, #c03)"></stop><stop offset="100%" stop-color="var(--bps-star, #e1e8ed)"></stop></linearGradient><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" fill="url(#c1_4)"></path></svg></div>
                                                        <div class="star"><svg height="20" width="20" viewBox="0 0 20 20"><linearGradient id="c1_5" x1="0%" x2="100%" y1="0" y2="0"><stop offset="50%" stop-color="var(--bps-star--filled, #c03)"></stop><stop offset="40%" stop-color="var(--bps-star, #e1e8ed)"></stop></linearGradient><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" fill="url(#c1_5)"></path></svg></div>
                                                    </div>
                                                    <p style="font-size: 15px;">(<span class="data-rate"></span>)</p>
                                                </div>

                                            </div>


                                            <!--
                  <div class="contact-item">
                    <svg viewbox="0 0 40 40" id="website">
                    <path d="M37 5H2.8c-.5 0-1 .5-1 1v22.6c0 .5.5 1 1 1h11.9v2.6c0 .5-.5 1-1 1h-2.1v2h16.8v-2h-2.1c-.5 0-1-.5-1-1v-2.6h11.9c.5 0 1-.5 1-1V5.9C38 5.4 37.5 5 37 5zm-2.2 18.9H5.1V8.2h29.6c.1 0 .1 15.7.1 15.7z"></path></svg> <a href="maps://" class="data-directions" target="_blank">Directions</a>
                  </div>
-->
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="cta-col">
                                        <div class="" style="display: flex; justify-content: space-between; width: 100%; padding: 10px 0;">
                                            <div class="">
                                                <a href="https://www.audi-abudhabi.com/me/web/azen/tools/form/test-drive.html" target="_parent" class="data-testdrive">Book a test drive</a>
                                                <a href="https://www.audi-eg.com/eg/web/en/tools/form1/service-booking.html" target="_parent" class="data-service">Book a service</a>
                                                <a href="#" target="_parent" class="data-directions">Directions</a>
                                            </div>
                                            <div class="">
                                                
                                                
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <!--
                   <div class="mapSection">
                       <div class="maps">
                           <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1500155.6828449604!2d30.771484818796758!3d29.153860900674122!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14583b89cea4646f%3A0x2df176928cb6160f!2sAudi%20Service%20Center!5e0!3m2!1sen!2seg!4v1675871256121!5m2!1sen!2seg" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                       </div>
                   </div>
-->


<!--
            </div>

        </div>

    </div>
-->






    <div id="fb-root"></div>

    <!-- Your Chat Plugin code -->
    <div id="fb-customer-chat" class="fb-customerchat">
    </div>


    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/appear.js"></script>


    <script>
        var chatbox = document.getElementById('fb-customer-chat');
        chatbox.setAttribute("page_id", "126215600750134");
        chatbox.setAttribute("attribution", "biz_inbox");
    </script>

    <!-- Your SDK code -->
    <!--
    <script>
      window.fbAsyncInit = function() {
        FB.init({
          xfbml            : true,
          version          : 'v15.0'
        });
      };

      (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js';
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>
      
-->

    <script type="text/javascript">
        function initMap() {
            var data = [




                {
                    "name": "Audi Center Cairo",
                    "dealername": "Cairo",
                    "specks": "New Cars Sales, Spare Parts and Service",
                    "street": "Ring Road, Showrooms District, Land no.4, Fifth Settlement, New Cairo",
                    "rate": "4.27",
                    //"LandLine": ["Landline: ","+2 27587560","<br><span class='spaceLnadLine'></span>","+2 27587561"],
                    "LandLine": [],
                    "TelLine": "",
                    "SaleLine": "",
                    "showrate": true,
                    "service": true,
                    "testdrive": true,
                    "workhour": ["<br>","Mo - Fr 8.30 am - 5.30 pm"],
                    "city": "Cairo",
                    "region": "Cairo",
                    "code": "az",
                    "phone": ["Hotline: 19525"],
                    "email": "Audi@eaec.com.eg",


                    "preowned": false,
                    "hours": "Saturday to Thursday - 8:30 am - 8:30 pm | Friday: closed. ",
                    "latitude": "29.9928412",
                    "longitude": "31.3851759",
                    "url": "https://maps.app.goo.gl/QickZV2SaEuZTXtk9?g_st=ic"
                },
                {
                    "name": "Audi Cairo Maadi",
                    "dealername": "Cairo",
                    "specks": "New Cars Sales",
                    "street": "52 Corniche El Nil, Maadi, Cairo",
                    "rate": "",
                    "LandLine": "Landline: +2 0225283351",
                    "TelLine": "",
                    "SaleLine": "",
                    "showrate": false,
                    "service": false,
                    "testdrive": true,
                    "workhour":["<br>","Sa - Th 10.00 am - 10.00 pm","<br>"],
                    "city": "Cairo",
                    "region": "Cairo",
                    "code": "az",
                    "phone": "",
                    "email": "Audi@eaec.com.eg",


                    "preowned": false,
                    "hours": "Sunday to Thursday - 8:30 am - 5:30 pm | Saturday - Friday: closed. ",
                    "latitude": "29.9921073",
                    "longitude": "31.2286816",
                    "url": "https://goo.gl/maps/CurnMUoXU6vuSNxKA"
                },
                {
                    "name": "Audi City Cairo",
                    "dealername": "New Cairo",
                    "specks": "New Cars Sales",
                    "street": "Boulevard, Parcel 37, B4-B5, Mivida Compound, New Cairo",
                    "rate": "",
                    "LandLine": ["Mobile : "," +2 01200511111","<br><span class='spaceLnadLine2'></span>","+2 01111119131","<br><span class='spaceLnadLine2'></span>","+2 01111800005","<br><span class='spaceLnadLine2'></span>","+2 01070700069"],
                    "TelLine": "",
                    "SaleLine": "",
                    "showrate": false,
                    "service": false,
                    "testdrive": true,
                    "workhour": ["<br>","Sa - Th 11.00 am - 11.00 pm","<br>","Fr 2.30 pm - 10.00 pm"] ,
                    "city": "Cairo",
                    "region": "Cairo",
                    "code": "az",
                    "phone": "",
                    "email": "info@audicitycairo.com",
                    "preowned": false,
                    "hours": "Saturday to Thursday - 8:30 am - 8:30 pm | Friday: closed. ",
                    "latitude": "30.0059158452637",
                    "longitude": "31.533127093252908",
                    "url": "https://maps.app.goo.gl/oeDarDaWAPdVAGqf8?g_st=iw"
                },
                {
                    "name": "Audi Giza Zayed",
                    "dealername": "Giza",
                    "specks": "New Cars Sales",
                    "street": "Westmark Mall, 26th of July Axis, Sheikh Zayed City, Giza",
                    "rate": "",
                    "LandLine": "",
                    "TelLine": "",
                    "SaleLine": "",
                    "showrate": false,
                    "service": false,
                    "testdrive": true,
                    "workhour": ["<br>","Sa - Th 10.00 am - 10.00 pm","<br>","Fr 01.00 pm - 10.00 pm"],
                    "city": "Giza",
                    "region": "Giza",
                    "code": "gz",
                    "phone": ["Hotline: 15000"],
                    "email": "Audi@eaec.com.eg",


                    "preowned": false,
                    "hours": "Saturday to Thursday - 8:30 am - 8:30 pm | Friday: closed. ",
                    "latitude": "30.0084109",
                    "longitude": "30.9925369",
                    "url": "https://maps.google.com?q=Audi%20Giza%20Zayed%20-%20Arabiat,%20First%206th%20of%20October&ftid=0x145851d9029d9019:0x14dcd80ae0302fcb&hl=en-EG&gl=eg&entry=gps&lucs=47062720&g_st=ic"
                },
                {
                    "name": "Audi Approved plus",
                    "dealername": "Cairo",
                    "specks": "Used Cars Sales",
                    "street": "P.O. Box 11, Industrial Area, Block 13001 no. 3, 4, 17, 18, Obour City",
                    "rate": "",
                    "LandLine": "",
                    "TelLine": "",
                    "SaleLine": "",
                    "showrate": false,
                    "service": false,
                    "testdrive": false,
                    "workhour": ["<br>","Mo - Fr 8.30 am - 5.30 pm"],
                    "city": "Cairo",
                    "region": "Cairo",
                    "code": "az",
                    "phone": ["Hotline: 19525"],
                    "email": "Audi@eaec.com.eg",


                    "preowned": false,
                    "hours": "Saturday to Thursday - 8:30 am - 8:30 pm | Friday: closed. ",
                    "latitude": "30.1770625",
                    "longitude": "31.4699375",
                    "url": "https://maps.google.com?q=AUDI%20Approved%20plus-%20Obour%20City,%20Al%20Obour&ftid=0x14581bdc331881f3:0x5270058c74613485&hl=en-EG&gl=eg&entry=gps&lucs=47062720&g_st=ic"
                },
                {
                    "name": "Audi Lean Service",
                    "dealername": "Alexandria",
                    "specks": "Spare Parts and Service",
                    "street": "P.O. Box 11, Industrial Area, Block 13001 no. 3, 4, 17, 18, Obour City",
                    "rate": "",
                    "LandLine": "",
                    "TelLine": "",
                    "SaleLine": "",
                    "showrate": false,
                    "service": true,
                    "testdrive": false,
                    "workhour": ["<br>","Mo - Fr 8.30 am - 5.30 pm"],
                    "city": "Cairo",
                    "region": "Cairo",
                    "code": "az",
                    "phone": ["Hotline: 19525"],
                    "email": "Audi@eaec.com.eg",


                    "preowned": false,
                    "hours": "Saturday to Thursday - 8:30 am - 8:30 pm | Friday: closed. ",
                    "latitude": "30.1770625",
                    "longitude": "31.4699375",
                    "url": "https://maps.google.com?q=AUDI%20Approved%20plus-%20Obour%20City,%20Al%20Obour&ftid=0x14581bdc331881f3:0x5270058c74613485&hl=en-EG&gl=eg&entry=gps&lucs=47062720&g_st=ic"
                },
                {
                    "name": "Audi Service Abo Rawash",
                    "dealername": "Giza",
                    "specks": "Spare Parts and Service",
                    "street": "Abo Rawash Industrial Zone (behind Smart Village), Km 28 Cairo-Alexandria Desert Road, Giza",
                    "rate": "4.41",
                    "LandLine": [""],
                    "TelLine": "",
                    "SaleLine": "",
                    "showrate": true,
                    "service": true,
                    "testdrive": false,
                    "workhour": ["<br>","Mo - Fr 8.30 am - 5.30 pm"],
                    "city": "Giza",
                    "region": "Giza",
                    "code": "gz",
                    "phone": ["Hotline: 19525"],
                    "email": "Audi@eaec.com.eg",


                    "preowned": false,
                    "hours": "Saturday to Thursday - 8:30 am - 8:30 pm | Friday: closed. ",
                    "latitude": "30.0807273",
                    "longitude": "31.033904",
                    "url": "https://maps.app.goo.gl/zZFe3UpCmwkEMfzbA?g_st=ic"
                },
                {
                    "name": "Audi Service Giza Zayed",
                    "dealername": "Giza",
                    "specks": "Spare Parts and Service",
                    "street": "Chillout El Khamayel Petrol Station, 26th of July Axis, Sheikh Zayed City, Giza",
                    "rate": "",
                    "LandLine": "",
                    "TelLine": "",
                    "SaleLine": "",
                    "showrate": false,
                    "service": true,
                    "testdrive": false,
                    "workhour": ["<br>","Mo - Fr 8.30 am - 5.00 pm"],
                    "city": "Giza",
                    "region": "Giza",
                    "code": "gz",
                    "phone": ["Hotline: 19525"],
                    "email": "Audi@eaec.com.eg",


                    "preowned": false,
                    "hours": "Saturday to Thursday - 8:30 am - 8:30 pm | Friday: closed. ",
                    "latitude": "30.0353174",
                    "longitude": "31.0332881",
                    "url": "https://www.google.com/maps/place/Audi+Service+Giza+Zayed/@30.0353174,31.0332881,17z/data=!3m1!4b1!4m6!3m5!1s0x14585b0a8ecbcc19:0xc8b5f23abcb81083!8m2!3d30.0353174!4d31.0332881!16s%2Fg%2F11k5214x39?entry=ttu&g_ep=EgoyMDI0MTEwNi4wIKXMDSoASAFQAw%3D%3D"
                },
                {
                    "name": "Audi Service Alexandria",
                    "dealername": "Alexandria",
                    "specks": "Spare Parts and Service",
                    "street": "Al Wasla Road, Km 21, Alexandria",
                    "rate": "4.21",
                    "LandLine": "",
                    "TelLine": "",
                    "SaleLine": "",
                    "showrate": true,
                    "service": true,
                    "testdrive": false,
                    "workhour": ["<br>","Mo - Fr 8.30 am - 5.30 pm"] ,
                    "city": "Alexandria",
                    "region": "Alexandria",
                    "code": "alx",
                    "phone": ["Hotline: 19525"],
                    "email": "Audi@eaec.com.eg",


                    "preowned": false,
                    "hours": "Saturday to Thursday - 8:30 am - 8:30 pm | Friday: closed. ",
                    "latitude": "31.0742402",
                    "longitude": "29.7587999",
                    "url": "https://maps.app.goo.gl/UyjhWCHfYivkUzYB6?g_st=ic"
                },
                {
                    "name": "Audi Service Hurghada",
                    "dealername": "Alexandria",
                    "specks": "Spare Parts and Service",
                    "street": "Juhayna Square, Awsaty Road, Hurghada",
                    "rate": "",
                    "LandLine": "",
                    "TelLine": "",
                    "SaleLine": "",
                    "showrate": false,
                    "service": true,
                    "testdrive": false,
                    "workhour": ["<br>","Mo - Fr 8.30 am - 5.30 pm"] ,
                    "city": "Alexandria",
                    "region": "Alexandria",
                    "code": "alx",
                    "phone": ["Hotline: 19525"],
                    "email": "Audi@eaec.com.eg",
                    "preowned": false,
                    "hours": "Saturday to Thursday - 8:30 am - 8:30 pm | Friday: closed. ",
                    "latitude": "27.2300833",
                    "longitude": "33.7826111",
                    "url": "https://goo.gl/maps/FiyuJLtzVqs1cazr8"
                }

            ];

            var showrooms = data,
                markers = new Array(),
                map,
                dealerData = [],
                i = 0;

            for (var i = 0; i < showrooms.length; i++) {
                var dealerConfig = {
                    name: showrooms[i].name,
                    street: showrooms[i].street,
                    rate: showrooms[i].rate,
                    LandLine: showrooms[i].LandLine,
                    TelLine: showrooms[i].TelLine,
                    SaleLine: showrooms[i].SaleLine,
                    specks: showrooms[i].specks,
                    workhour: showrooms[i].workhour,
                    city: showrooms[i].city,
                    region: showrooms[i].region,
                    code: showrooms[i].code,
                    phone: showrooms[i].phone,
                    email: showrooms[i].email,
                    testdrive: showrooms[i].testdrive,
                    showrate: showrooms[i].showrate,
                    service: showrooms[i].service,
                    preowned: showrooms[i].preowned,
                    hours: showrooms[i].hours,
                    latitude: showrooms[i].latitude,
                    longitude: showrooms[i].longitude
                }
                dealerData.push(dealerConfig);
            }
            var icons = [
                    'img/service.png'
                ],
                iconsLength = icons.length,
                image = {
                    url: 'img/service.png?v=1',
                    scaledSize: new google.maps.Size(30, 31),
                    origin: new google.maps.Point(0, 0),
                    anchor: new google.maps.Point(0, 0)
                };
            var zoom, center;
            center = new google.maps.LatLng(30, 31);

                      if ($(window).width() > 1366) {
                zoom = 7.5;
            } else if ($(window).width() > 1200) {
                zoom = 7.5;
                center = new google.maps.LatLng(29.059488, 31.258);
            } else if ($(window).width() > 1080) {
                zoom = 7.5;
                center = new google.maps.LatLng(29, 31);
            } else if ($(window).width() > 768) {
                zoom = 7;
                center = new google.maps.LatLng(29.5, 30.7);
            } else if ($(window).width() > 540) {
                zoom = 4;
                center = new google.maps.LatLng(29, 31.7);
            } else {
                zoom = 5;
                center = new google.maps.LatLng(29, 31.7);
            }
           
            map = new google.maps.Map(document.getElementById('map'), {
                zoom: zoom,
                center: center,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                mapTypeControl: false,
                streetViewControl: false,                
                panControl: false,
                zoomControl: true,
                zoomControlOptions: {
                    position: google.maps.ControlPosition.RIGHT_TOP
                },
                disableDefaultUI: true,
                styles: [{
                        "featureType": "administrative",
                        "elementType": "labels.text.fill",
                        "stylers": [{
                            "color": "#444444"
                        }]
                    },
                    {
                        "featureType": "landscape",
                        "elementType": "all",
                        "stylers": [{
                            "color": "#f2f2f2"
                        }]
                    },
                    {
                        "featureType": "poi",
                        "elementType": "all",
                        "stylers": [{
                            "visibility": "on"
                        }]
                    },
                    {
                        "featureType": "road",
                        "elementType": "all",
                        "stylers": [{
                                "saturation": -100
                            },
                            {
                                "lightness": 45
                            }
                        ]
                    },
                    {
                        "featureType": "road.highway",
                        "elementType": "all",
                        "stylers": [{
                            "visibility": "simplified"
                        }]
                    },
                    {
                        "featureType": "road.highway",
                        "elementType": "geometry.fill",
                        "stylers": [{
                            "color": "#ffffff"
                        }]
                    },
                    {
                        "featureType": "road.arterial",
                        "elementType": "labels.icon",
                        "stylers": [{
                            "visibility": "off"
                        }]
                    },
                    {
                        "featureType": "transit",
                        "elementType": "all",
                        "stylers": [{
                            "visibility": "off"
                        }]
                    },
                    {
                        "featureType": "water",
                        "elementType": "all",
                        "stylers": [{
                                "color": "#c7e3f9"
                            },
                            {
                                "visibility": "on"
                            }
                        ]
                    }
                ]
            });
            layermap = new google.maps.Map(document.getElementById('layer-map'), {
                zoom: 15,
                center: center,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                mapTypeControl: true,
                streetViewControl: true,
                panControl: false,
                zoomControl: false,
                disableDefaultUI: true,
                gestureHandling: 'none',
                draggableCursor: 'default',
            });

            function initialize() {
                for (var i = 0; i < dealerData.length; i++) {
                    var marker = new google.maps.Marker({
                        position: new google.maps.LatLng(dealerData[i].latitude, dealerData[i].longitude),
                        map: map,
                        icon: image,
                        title: 'View Audi Showroom',
                        testdrive: dealerData[i].testdrive,
                        showrate: dealerData[i].showrate,
                        service: dealerData[i].service,
                        preowned: dealerData[i].preowned,
                        code: dealerData[i].code,
                    });
                    markers.push(marker);
                    var layermarker = new google.maps.Marker({
                        position: new google.maps.LatLng(dealerData[i].latitude, dealerData[i].longitude),
                        map: layermap,
                        icon: image,
                        title: 'View Audi Showroom',
                        testdrive: dealerData[i].testdrive,
                        showrate: dealerData[i].showrate,
                        service: dealerData[i].service,
                        preowned: dealerData[i].preowned,
                        code: dealerData[i].code,
                    });
                    google.maps.event.addListener(marker, 'click', (function(marker, i) {
                        return function() {
                            if (map.zoom == 15) {
                                openLayer(i)
                            } else {
                                setTimeout(() => {
                                    openLayer(i)
                                }, 1000)
                            }
                            map.setZoom(15);
                            map.setCenter({
                                lat: marker.getPosition().lat(),
                                lng: marker.getPosition().lng()
                            });
                            layermap.setCenter({
                                lat: marker.getPosition().lat(),
                                lng: marker.getPosition().lng()
                            });
                        }
                    })(marker, i));

                    //  google.maps.event.addListener(map, 'zoom_changed', (function(marker, i) {
                    //       return function() {
                    // if(map.zoom < 9){
                    //  for(var i = 0;i < markers.length;i++){
                    //      markers[i].setVisible(true)
                    //  }
                    // }
                    //       }
                    //  })(marker, i));
                }
            }

            // google.maps.event.addDomListener(window, 'load', initialize);
            initialize()

            function triggerClick(i) {
                google.maps.event.trigger(markers[i], 'click');
            }

            function autoCenter() {
                var bounds = new google.maps.LatLngBounds();
                for (var i = 0; i < markers.length; i++) {
                    bounds.extend(markers[i].position);
                }
                map.fitBounds(bounds);
            }

            function DeleteMarkers() {
                //Loop through all the markers and remove
                for (var i = 0; i < markers.length; i++) {
                    markers[i].setMap(null);
                }
            }

            function regionVis(regioncode) {
                $('body').addClass('region-specific').attr('data-region', regioncode);
                for (var i = 0; i < markers.length; i++) {
                    if (markers[i].code != regioncode) {
                        markers[i].setVisible(false)
                    } else {
                        markers[i].setVisible(true)
                    }
                }
            }

            function openLayer(id) {
                var layerData = {
                    name: showrooms[id].name,
                    street: showrooms[id].street,
                    rate: showrooms[id].rate,
                    LandLine: showrooms[id].LandLine,
                    TelLine: showrooms[id].TelLine,
                    SaleLine: showrooms[id].SaleLine,
                    specks: showrooms[id].specks,
                    workhour: showrooms[id].workhour,
                    city: showrooms[id].city,
                    region: showrooms[id].region,
                    code: showrooms[id].code,
                    phone: showrooms[id].phone,
                    email: showrooms[id].email,
                    testdrive: showrooms[id].testdrive,
                    showrate: showrooms[id].showrate,
                    service: showrooms[id].service,
                    preowned: showrooms[id].preowned,
                    hours: showrooms[id].hours,
                    latitude: showrooms[id].latitude,
                    longitude: showrooms[id].longitude,
                    url: showrooms[id].url
                }
                $('.data-title').html(layerData.name);
                if ($(window).width() <= 768) {
                    $('.layer-content h2').html(layerData.name);
                }
                $('.data-address').html(layerData.street);
                $('.data-rate').html(layerData.rate);
                $('.data-LandLine').html(layerData.LandLine);
                $('.data-TelLine').html(layerData.TelLine);
                $('.data-SaleLine').html(layerData.SaleLine);
                $('.data-specks').html(layerData.specks);
                $('.data-workhour').html(layerData.workhour);
                if (name === 'Audi Centre Lebanon') {
                    $('.data-tel').html(layerData.phone + ' ext: 1210');
                } else {
                    $('.data-tel').html(layerData.phone);
                }
                $('.data-tel').attr('href', 'tel:' + layerData.phone);
                $('.data-mail').html(layerData.email);
                $('.data-mail').attr('href', 'mailto:' + layerData.email);
//                $('.data-directions').attr('href', 'https://www.google.com/maps/dir/?api=1&destination=' + layerData.latitude + ',' + layerData.longitude);
                
                $('.data-directions').attr('href',  layerData.url );
                $('.data-testdrive').attr('href', 'https://www.audi-eg.com/eg/web/en/tools/form1/test-drive.html');
                if (layerData.testdrive) {
                    $('.data-testdrive').show();
                } else {
                    $('.data-testdrive').hide();
                }

                $('.data-showrate').attr('href', layerData.url + '#layer=/me/web/meen/tools/form/test-drive.html');
                if (layerData.showrate) {
                    $('.data-showrate').show();
                } else {
                    $('.data-showrate').hide();
                }

                $('.data-service').attr('href', 'https://www.audi-eg.com/eg/web/en/tools/form1/service-booking.html');
                $('.data-route').attr('href', 'https://www.google.com/maps/dir/?api=1&destination=' + layerData.latitude + ',' + layerData.longitude);
                if (layerData.service) {
                    $('.data-service').show();
                } else {
                    $('.data-service').hide();
                }

                $('.dealer-layer').fadeIn(200, function() {
                    $('.dealer-layer').addClass('open');
                    window.parent.postMessage({
                        event: 'fa-map-size',
                        size: $('.container').height(),
                    }, '*');
                    window.parent.postMessage('{"height":"' + $('.container').height() + '", "url": "https://map.audimiddleeast.com/"}', "*");
                });
            }

            function closeLayer() {
                $('.dealer-layer').removeClass('open');
                setTimeout(() => {
                    $('.dealer-layer').fadeOut(200)
                }, 400)

            }

            function dubai() {
                // hide other regions
                regionVis('du')
                // set zoom
                if (window.innerWidth <= 520) {
                    zoom = 11;
                    lat = 25.1;
                    long = 55.8;
                } else if (window.innerWidth <= 768) {
                    zoom = 11;
                    lat = 25.1;
                    long = 55.6;
                } else if (window.innerWidth <= 1366) {
                    zoom = 11;
                    lat = 24.7;
                    long = 54.5;
                } else {
                    zoom = 11;
                    lat = 25;
                    long = 55;
                }
                map.setZoom(zoom);
                map.setCenter({
                    lat: lat,
                    lng: long,
                });
            }

            function abudhabi() {
                // hide other regions
                regionVis('az')
                // set zoom
                if (window.innerWidth <= 520) {
                    zoom = 7.6;
                    lat = 30;
                    long = 31;
                } else if (window.innerWidth <= 768) {
                    zoom = 8;
                    lat = 30;
                    long = 31;
                } else {
                    zoom = 11;
                    lat = 30.1;
                    long = 31.4;
                }
                map.setZoom(zoom);
                map.setCenter({
                    lat: lat,
                    lng: long,
                });
            }

            function aGiza() {
                // hide other regions
                regionVis('gz')
                // set zoom
                if (window.innerWidth <= 520) {
                    zoom = 7.6;
                    lat = 30;
                    long = 31;
                } else if (window.innerWidth <= 768) {
                    zoom = 8;
                    lat = 30;
                    long = 31;
                } else {
                    zoom = 11;
                    lat = 30;
                    long = 31;
                }
                map.setZoom(zoom);
                map.setCenter({
                    lat: lat,
                    lng: long,
                });
            }

            function aAlix() {
                // hide other regions
                regionVis('alx')
                // set zoom
                if (window.innerWidth <= 520) {
                    zoom = 7.6;
                    lat = 29;
                    long = 31;
                } else if (window.innerWidth <= 768) {
                    zoom = 8;
                    lat = 30;
                    long = 31;
                } else {
                    zoom = 11;
                    lat = 31.1;
                    long = 29.7;
                }
                map.setZoom(zoom);
                map.setCenter({
                    lat: lat,
                    lng: long,
                });
            }

            function bahrain() {
                // hide other regions
                regionVis('bh')
                // set zoom
                if (window.innerWidth <= 520) {
                    zoom = 12;
                    lat = 26.155;
                    long = 50.615;
                } else if (window.innerWidth <= 768) {
                    zoom = 12;
                    lat = 26.155;
                    long = 50.615;
                } else {
                    zoom = 12;
                    lat = 26.15;
                    long = 50.55;
                }
                map.setZoom(zoom);
                map.setCenter({
                    lat: lat,
                    lng: long,
                });
            }

            function qatar() {
                // hide other regions
                regionVis('qa')
                // set zoom
                if (window.innerWidth <= 520) {
                    zoom = 10;
                    lat = 25.2;
                    long = 51.47;
                } else if (window.innerWidth <= 768) {
                    zoom = 10;
                    lat = 25.2;
                    long = 51.45;
                } else {
                    zoom = 11;
                    lat = 25.15;
                    long = 51.35;
                }
                map.setZoom(zoom);
                map.setCenter({
                    lat: lat,
                    lng: long,
                });
            }

            function kuwait() {
                // hide other regions
                regionVis('kw')
                // set zoom
                if (window.innerWidth <= 520) {
                    zoom = 11;
                    lat = 29.32;
                    long = 47.94;
                } else if (window.innerWidth <= 768) {
                    zoom = 11;
                    lat = 29.32;
                    long = 47.94;
                } else {
                    zoom = 11;
                    lat = 29.3;
                    long = 47.9;
                }
                map.setZoom(zoom);
                map.setCenter({
                    lat: lat,
                    lng: long,
                });
            }

            function lebanon() {
                // hide other regions
                regionVis('lb')
                // set zoom
                if (window.innerWidth <= 520) {
                    zoom = 10;
                    lat = 33.9;
                    long = 35.57;
                } else if (window.innerWidth <= 768) {
                    zoom = 10;
                    lat = 33.9;
                    long = 35.57;
                } else {
                    zoom = 9;
                    lat = 33.7;
                    long = 35.2;
                }
                map.setZoom(zoom);
                map.setCenter({
                    lat: lat,
                    lng: long,
                });
            }

            function saudiarabia() {
                // hide other regions
                regionVis('sa')
                // set zoom
                if (window.innerWidth <= 520) {
                    zoom = 5.4;
                    lat = 22.7;
                    long = 43.5;
                } else if (window.innerWidth <= 768) {
                    zoom = 6;
                    lat = 22.7;
                    long = 43.5;
                } else {
                    zoom = 6;
                    lat = 24;
                    long = 41;
                }
                map.setZoom(zoom);
                map.setCenter({
                    lat: lat,
                    lng: long,
                });
            }

            function oman() {
                // hide other regions
                regionVis('om')
                // set zoom
                if (window.innerWidth <= 520) {
                    zoom = 9;
                    lat = 23.6;
                    long = 58.4;
                } else if (window.innerWidth <= 768) {
                    zoom = 9;
                    lat = 23.6;
                    long = 58.4;
                } else {
                    zoom = 9;
                    lat = 23.6;
                    long = 58;
                }
                map.setZoom(zoom);
                map.setCenter({
                    lat: lat,
                    lng: long,
                });
            }

            function jordan() {
                // hide other regions
                regionVis('jo')
                // set zoom
                if (window.innerWidth <= 520) {
                    zoom = 9;
                    lat = 31.85;
                    long = 35.9;
                } else if (window.innerWidth <= 768) {
                    zoom = 9;
                    lat = 31.85;
                    long = 35.9;
                } else {
                    zoom = 9;
                    lat = 31.8;
                    long = 35.6;
                }
                map.setZoom(zoom);
                map.setCenter({
                    lat: lat,
                    lng: long,
                });
            }


            $(document).ready(function() {
                // timeout to avoid conflict vtp bar
                setTimeout(() => {
                    window.parent.postMessage({
                        event: 'fa-map-size',
                        size: $('.container').height(),
                    }, '*');
                    window.parent.postMessage('{"height":"' + $('.container').height() + '", "url": "https://map.audimiddleeast.com/"}', "*");
                }, 4000)

                $(window).resize(function() {
                    window.parent.postMessage({
                        event: 'fa-map-size',
                        size: $('.container').height(),
                    }, '*');
                    window.parent.postMessage('{"height":"' + $('.container').height() + '", "url": "https://map.audimiddleeast.com/"}', "*");
                });


                $('.side-title a').click(function(e) {
                    e.preventDefault();
                    e.stopPropagation();
                    $('#dealerships').fadeOut(function() {
                        $('.region-wrap').show();
                        $('.side-title a').hide();
                        $('.dealer-popups').removeClass('showit');
                        $('body').removeClass('region-specific').attr('data-region', '');
                        // for(var i = 0;i < markers.length;i++){
                        //  markers[i].setVisible(true)
                        // }
                        map.setZoom(7);
                        map.setCenter({
                            lat: 29,
                            lng: 31,
                        });
                        closeLayer()
                    });
                });


                var items = $('.dealer-popups');
                if (!document.querySelector('body').classList.contains('region-specific')) {

                    $('nav.country-pick a').each(function() {
                        var a = $(this);
                        a.click(function(e) {
                            e.preventDefault()
                            e.stopPropagation()
                            $('.region-wrap').fadeOut(function() {
                                $('#dealerships').show();
                                $('.side-title a').show();

                                // load dealers for region

                                if (a.attr('data-region') == 'du') {
                                    dubai()
                                    $('.dealer-popups').removeClass('showit');
                                    items.each(function() {
                                        var id = $(this).attr('data-region');
                                        if (id == 'du') {
                                            $(this).addClass('showit');
                                        }
                                    });
                                    $('.dealername').html('Al Nabooda Automobiles');
                                }
                                if (a.attr('data-region') == 'az') {
                                    abudhabi()
                                    $('.dealer-popups').removeClass('showit');
                                    items.each(function() {
                                        var id = $(this).attr('data-region');
                                        if (id == 'az') {
                                            $(this).addClass('showit');
                                        }
                                    });
                                    $('.dealername').html('Cairo');
                                }
                                if (a.attr('data-region') == 'qa') {
                                    qatar()
                                    $('.dealer-popups').removeClass('showit');
                                    items.each(function() {
                                        var id = $(this).attr('data-region');
                                        if (id == 'qa') {
                                            $(this).addClass('showit');
                                        }
                                    });
                                    $('.dealername').html('Q - Auto');
                                }
                                if (a.attr('data-region') == 'bh') {
                                    bahrain()
                                    $('.dealer-popups').removeClass('showit');
                                    items.each(function() {
                                        var id = $(this).attr('data-region');
                                        if (id == 'bh') {
                                            $(this).addClass('showit');
                                        }
                                    });
                                    $('.dealername').html('Tanta');
                                }
                                if (a.attr('data-region') == 'gz') {
                                    aGiza()
                                    $('.dealer-popups').removeClass('showit');
                                    items.each(function() {
                                        var id = $(this).attr('data-region');
                                        if (id == 'gz') {
                                            $(this).addClass('showit');
                                        }
                                    });
                                    $('.dealername').html('Giza');
                                }
                                if (a.attr('data-region') == 'alx') {
                                    aAlix()
                                    $('.dealer-popups').removeClass('showit');
                                    items.each(function() {
                                        var id = $(this).attr('data-region');
                                        if (id == 'alx') {
                                            $(this).addClass('showit');
                                        }
                                    });
                                    $('.dealername').html('Alexandria');
                                }
                                if (a.attr('data-region') == 'jo') {
                                    jordan()
                                    $('.dealer-popups').removeClass('showit');
                                    items.each(function() {
                                        var id = $(this).attr('data-region');
                                        if (id == 'jo') {
                                            $(this).addClass('showit');
                                        }
                                    });
                                    $('.dealername').html('Nuqul Automotive');
                                }
                                if (a.attr('data-region') == 'kw') {
                                    kuwait()
                                    $('.dealer-popups').removeClass('showit');
                                    items.each(function() {
                                        var id = $(this).attr('data-region');
                                        if (id == 'kw') {
                                            $(this).addClass('showit');
                                        }
                                    });
                                    $('.dealername').html('Fouad Alghanim & Sons Automotive Company');
                                }
                                if (a.attr('data-region') == 'lb') {
                                    lebanon()
                                    $('.dealer-popups').removeClass('showit');
                                    items.each(function() {
                                        var id = $(this).attr('data-region');
                                        if (id == 'lb') {
                                            $(this).addClass('showit');
                                        }
                                    });
                                    $('.dealername').html('ETS F. A. Kettaneh S.A.');
                                }
                                if (a.attr('data-region') == 'sa') {
                                    saudiarabia()
                                    $('.dealer-popups').removeClass('showit');
                                    items.each(function() {
                                        var id = $(this).attr('data-region');
                                        if (id == 'sa') {
                                            $(this).addClass('showit');
                                        }
                                    });
                                    $('.dealername').html('SAMACO Automotive');
                                }
                                if (a.attr('data-region') == 'om') {
                                    oman()
                                    $('.dealer-popups').removeClass('showit');
                                    items.each(function() {
                                        var id = $(this).attr('data-region');
                                        if (id == 'om') {
                                            $(this).addClass('showit');
                                        }
                                    });
                                    if ($('body').attr('id') === 'arabic') {
                                        $('.dealername').html('المتميزة للسيارات ش.م.م');
                                    } else {
                                        $('.dealername').html('Premium Motors L.L.C.');
                                    }
                                }
                            });
                        });
                    });

                    // mobi select

                    $('.mobi-country-pick select').on('change', function() {
                        closeLayer()
                        if ($(this).val() == 'du') {
                            dubai()
                            $('.dealer-popups').removeClass('showit');
                            items.each(function() {
                                var id = $(this).attr('data-region');
                                if (id == 'du') {
                                    $(this).addClass('showit');
                                }
                            });
                            $('.dealername').html('Al Nabooda Automobiles');
                        }
                        if ($(this).val() == 'az') {
                            abudhabi()
                            $('.dealer-popups').removeClass('showit');
                            items.each(function() {
                                var id = $(this).attr('data-region');
                                if (id == 'az') {
                                    $(this).addClass('showit');
                                }
                            });
                            $('.dealername').html('Cairo');
                        }
                        if ($(this).val() == 'qa') {
                            qatar()
                            $('.dealer-popups').removeClass('showit');
                            items.each(function() {
                                var id = $(this).attr('data-region');
                                if (id == 'qa') {
                                    $(this).addClass('showit');
                                }
                            });
                            $('.dealername').html('Q - Auto');
                        }
                        if ($(this).val() == 'bh') {
                            bahrain()
                            $('.dealer-popups').removeClass('showit');
                            items.each(function() {
                                var id = $(this).attr('data-region');
                                if (id == 'bh') {
                                    $(this).addClass('showit');
                                }
                            });
                            $('.dealername').html('Tanta');
                        }
                        if ($(this).val() == 'gz') {
                            aGiza()
                            $('.dealer-popups').removeClass('showit');
                            items.each(function() {
                                var id = $(this).attr('data-region');
                                if (id == 'gz') {
                                    $(this).addClass('showit');
                                }
                            });
                            $('.dealername').html('Giza');
                        }
                        if ($(this).val() == 'alx') {
                            aAlix()
                            $('.dealer-popups').removeClass('showit');
                            items.each(function() {
                                var id = $(this).attr('data-region');
                                if (id == 'alx') {
                                    $(this).addClass('showit');
                                }
                            });
                            $('.dealername').html('Alexandria');
                        }
                        if ($(this).val() == 'jo') {
                            jordan()
                            $('.dealer-popups').removeClass('showit');
                            items.each(function() {
                                var id = $(this).attr('data-region');
                                if (id == 'jo') {
                                    $(this).addClass('showit');
                                }
                            });
                            $('.dealername').html('Nuqul Automotive');
                        }
                        if ($(this).val() == 'kw') {
                            kuwait()
                            $('.dealer-popups').removeClass('showit');
                            items.each(function() {
                                var id = $(this).attr('data-region');
                                if (id == 'kw') {
                                    $(this).addClass('showit');
                                }
                            });
                            $('.dealername').html('Fouad Alghanim & Sons Automotive Company');
                        }
                        if ($(this).val() == 'lb') {
                            lebanon()
                            $('.dealer-popups').removeClass('showit');
                            items.each(function() {
                                var id = $(this).attr('data-region');
                                if (id == 'lb') {
                                    $(this).addClass('showit');
                                }
                            });
                            $('.dealername').html('ETS F. A. Kettaneh S.A.');
                        }
                        if ($(this).val() == 'sa') {
                            saudiarabia()
                            $('.dealer-popups').removeClass('showit');
                            items.each(function() {
                                var id = $(this).attr('data-region');
                                if (id == 'sa') {
                                    $(this).addClass('showit');
                                }
                            });
                            $('.dealername').html('SAMACO Automotive');
                        }
                        if ($(this).val() == 'om') {
                            oman()
                            $('.dealer-popups').removeClass('showit');
                            items.each(function() {
                                var id = $(this).attr('data-region');
                                if (id == 'om') {
                                    $(this).addClass('showit');
                                }
                            });
                            if ($('body').attr('id') === 'arabic') {
                                $('.dealername').html('المتميزة للسيارات ش.م.م');
                            } else {
                                $('.dealername').html('Premium Motors L.L.C.');
                            }
                        }
                    });



                }

                // view on map btn

                $('.dealer-popups a.show-map').each(function() {
                    $(this).click(function(e) {
                        e.preventDefault()
                        e.stopPropagation()
                        triggerClick($(this).attr('data-id'));
                    });
                });

                $('.mobi-dealer-popups select').on('change', function() {
                    triggerClick($(this).find('option:selected').attr('data-id'))
                });

                // close map layer

                $('.dealer-layer .close').click(function() {
                    closeLayer()
                });



                // region specific URL
                if (window.location.href.indexOf('r=du') > 1 || document.referrer.indexOf('dubai') > -1 || document.referrer.indexOf('duar') > -1) {
                    $('#dealerships').show();
                    $('.region-wrap').hide();
                    $('.dealer-popups').removeClass('showit');
                    items.each(function() {
                        var id = $(this).attr('data-region');
                        if (id == 'du') {
                            $(this).addClass('showit');
                        }
                    });
                    dubai();
                    $('.dealername').html('Al Nabooda Automobiles');
                }
                if (window.location.href.indexOf('r=az') > 1 || document.referrer.indexOf('abudhabi') > -1 || document.referrer.indexOf('azar') > -1) {
                    $('#dealerships').show();
                    $('.region-wrap').hide();
                    $('.dealer-popups').removeClass('showit');
                    items.each(function() {
                        var id = $(this).attr('data-region');
                        if (id == 'az') {
                            $(this).addClass('showit');
                        }
                    });
                    abudhabi();
                    $('.dealername').html('Cairo');
                }
                if (window.location.href.indexOf('r=qa') > 1 || document.referrer.indexOf('qaen') > -1 || document.referrer.indexOf('qaar') > -1) {
                    $('#dealerships').show();
                    $('.region-wrap').hide();
                    $('.dealer-popups').removeClass('showit');
                    items.each(function() {
                        var id = $(this).attr('data-region');
                        if (id == 'qa') {
                            $(this).addClass('showit');
                        }
                    });
                    qatar();
                    $('.dealername').html('Q - Auto');
                }
                if (window.location.href.indexOf('r=bh') > 1 || document.referrer.indexOf('bhen') > -1 || document.referrer.indexOf('bhar') > -1) {
                    $('#dealerships').show();
                    $('.region-wrap').hide();
                    $('.dealer-popups').removeClass('showit');
                    items.each(function() {
                        var id = $(this).attr('data-region');
                        if (id == 'bh') {
                            $(this).addClass('showit');
                        }
                    });
                    bahrain();
                    $('.dealername').html('Tanta');
                }
                if (window.location.href.indexOf('r=gz') > 1 || document.referrer.indexOf('gzen') > -1 || document.referrer.indexOf('gzar') > -1) {
                    $('#dealerships').show();
                    $('.region-wrap').hide();
                    $('.dealer-popups').removeClass('showit');
                    items.each(function() {
                        var id = $(this).attr('data-region');
                        if (id == 'gz') {
                            $(this).addClass('showit');
                        }
                    });
                    aGiza();
                    $('.dealername').html('Giza');
                }
                if (window.location.href.indexOf('r=alx') > 1 || document.referrer.indexOf('alxen') > -1 || document.referrer.indexOf('alxar') > -1) {
                    $('#dealerships').show();
                    $('.region-wrap').hide();
                    $('.dealer-popups').removeClass('showit');
                    items.each(function() {
                        var id = $(this).attr('data-region');
                        if (id == 'alx') {
                            $(this).addClass('showit');
                        }
                    });
                    aAlix();
                    $('.dealername').html('Alexandria');
                }
                if (window.location.href.indexOf('r=jo') > 1 || document.referrer.indexOf('joen') > -1 || document.referrer.indexOf('joar') > -1) {
                    $('#dealerships').show();
                    $('.region-wrap').hide();
                    $('.dealer-popups').removeClass('showit');
                    items.each(function() {
                        var id = $(this).attr('data-region');
                        if (id == 'jo') {
                            $(this).addClass('showit');
                        }
                    });
                    jordan();
                    $('.dealername').html('Nuqul Automotive');
                }
                if (window.location.href.indexOf('r=kw') > 1 || document.referrer.indexOf('kwen') > -1 || document.referrer.indexOf('kwar') > -1) {
                    $('#dealerships').show();
                    $('.region-wrap').hide();
                    $('.dealer-popups').removeClass('showit');
                    items.each(function() {
                        var id = $(this).attr('data-region');
                        if (id == 'kw') {
                            $(this).addClass('showit');
                        }
                    });
                    kuwait();
                    $('.dealername').html('Fouad Alghanim & Sons Automotive Company');
                }
                if (window.location.href.indexOf('r=lb') > 1 || document.referrer.indexOf('lben') > -1 || document.referrer.indexOf('lbar') > -1) {
                    $('#dealerships').show();
                    $('.region-wrap').hide();
                    $('.dealer-popups').removeClass('showit');
                    items.each(function() {
                        var id = $(this).attr('data-region');
                        if (id == 'lb') {
                            $(this).addClass('showit');
                        }
                    });
                    lebanon();
                    $('.dealername').html('ETS F. A. Kettaneh S.A.');
                }
                if (window.location.href.indexOf('r=sa') > 1 || document.referrer.indexOf('saen') > -1 || document.referrer.indexOf('saar') > -1) {
                    $('#dealerships').show();
                    $('.region-wrap').hide();
                    $('.dealer-popups').removeClass('showit');
                    items.each(function() {
                        var id = $(this).attr('data-region');
                        if (id == 'sa') {
                            $(this).addClass('showit');
                        }
                    });
                    saudiarabia();
                    $('.dealername').html('SAMACO Automotive');
                }
                if (window.location.href.indexOf('r=om') > 1 || document.referrer.indexOf('omen') > -1 || document.referrer.indexOf('omar') > -1) {
                    $('#dealerships').show();
                    $('.region-wrap').hide();
                    $('.dealer-popups').removeClass('showit');
                    items.each(function() {
                        var id = $(this).attr('data-region');
                        if (id == 'om') {
                            $(this).addClass('showit');
                        }
                    });
                    oman();
                    if ($('body').attr('id') === 'arabic') {
                        $('.dealername').html('المتميزة للسيارات ش.م.م');
                    } else {
                        $('.dealername').html('Premium Motors L.L.C.');
                    }
                }
            });
        }
    </script>





    <!-- Messenger Chat Plugin Code -->
    <!--
    <div id="fb-root"></div>
    <div id="fb-customer-chat" class="fb-customerchat">
    </div>

    <script>
      var chatbox = document.getElementById('fb-customer-chat');
      chatbox.setAttribute("page_id", "126215600750134");
      chatbox.setAttribute("attribution", "biz_inbox");
    </script>
    <script>
      window.fbAsyncInit = function() {
        FB.init({
          xfbml            : true,
          version          : 'v15.0'
        });
      };

      (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js';
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>
-->

    <!--
  <div id="fb-root"></div>
    <div id="fb-customer-chat" class="fb-customerchat">
    </div>

    <script>
      var chatbox = document.getElementById('fb-customer-chat');
      chatbox.setAttribute("page_id", "126215600750134");
      chatbox.setAttribute("attribution", "biz_inbox");
    </script>
    <script>
      window.fbAsyncInit = function() {
        FB.init({
          xfbml            : true,
          version          : 'v15.0'
        });
      };

      (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js';
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    </script>
-->
</body>

</html>