

<!DOCTYPE html>
<html lang="en-gb" class="theme-default">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Google Analytics (GA4) -->
    <script data-cookiecategory="performance" async src="https://www.googletagmanager.com/gtag/js?id="></script>
    <script data-cookiecategory="performance">
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'G-VSY7S1GFF3');
    </script>
<!-- End Google Analytics (GA4)-->

        <title>Homepage - Bruntsfield Medical Practice</title>

    <script src="/scripts/master-upper.js"></script>

    <!--  we use Velocity.js to replace jQuery animate and its performance issues -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/velocity/1.2.2/velocity.min.js" integrity="sha384-7j+H85qDApQPyKm8wg64JdGgKmzM7trE+amLzYcJLfwR7rixgAeIi1kSX2VHeje4" crossorigin="anonymous"></script>
    <script src="https://www.google.com/recaptcha/api.js?render=6LfdrvYhAAAAAHIx1dEs5DozeEZwwkL4LEQurCTd" async defer></script>
    <script src="/Scripts/vue.min.js"></script>
    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js" integrity="sha384-RIQuldGV8mnjGdob13cay/K1AJa+LR7VKHqSXrrB5DPGryn4pMUXRLh92Ev8KlGF" crossorigin="anonymous"></script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDANdBZxMBb6XLst3iVGF4qUsM74bpnEZs&callback=Function.prototype"></script>

    <link href="/Content/sidebar.css" rel="stylesheet" />
    <link rel="icon" type="image/png" sizes="16x16" href="/Images/favicon.ico">
    <link rel="apple-touch-icon" href="/images/apple-touch-icon.png">

    <script>
        // show loading page if in iframe
        if (self !== top) {
        window.onbeforeunload = function () {
        editorWindow.showMainPageLoading();
        };
        }
    </script>


</head>
<body class="style-rounded homepage">
    <script>document.body.className = ((document.body.className) ? document.body.className + ' js-enabled' : 'js-enabled');</script>

    <link rel="stylesheet" href="/content/master.css" type="text/css" />


    <div id="fb-root"></div>
    <input id="CurrentTemplateId" name="CurrentTemplateId" type="hidden" value="5" />
    <div class="sidebar-container">
        <a id='PageHelp' class="sidebar-button-container" target='_blank' href='' role="button" aria-label="Page Help" rel="noopener noreferrer">
            <div class="sidebar-button sidebar-blue"><i class='fa fa-fw fa-question-circle-o'></i></div>
            <div class="sidebar-button sidebar-button-hover sidebar-blue"><i class='fa fa-fw fa-arrow-circle-o-right'></i></div>
            <div class="sidebar-button-text sidebar-blue"></div>
        </a>
        <a id='DataEditorLink' class="sidebar-button-container" target='_blank' href='' role="button" aria-label="Data Editor" rel="noopener noreferrer">
            <div class="sidebar-button sidebar-green"><i class='fa fa-pencil'></i></div>
            <div class="sidebar-button sidebar-button-hover sidebar-green"><i class='fa fa-fw fa-arrow-circle-o-right'></i></div>
            <div class="sidebar-button-text sidebar-green"></div>
        </a>
    </div>

    <div class="master-container">
        

<link href="/Content/Templates/GridColouredTemplate/GridColouredTemplate.css" rel="stylesheet" text="text/css" />
<link href="/Public/S70323/Styles/Grid - Coloured.css?m=638061148478890737" rel="stylesheet" type="text/css" />
<div id="cookie-banner" aria-labelledby="cookiebanner-header" role="region" aria-label="Cookie Banner">
    <div class="container">
        <h2 id="cookiebanner-header">Cookies on the Bruntsfield Medical Practice website</h2>
        <p>We've put some small files called cookies on your device to make our site work.</p>
        <p>We would also like to use google translate cookies and analytical cookies to understand how our site is used and improve user experience. Analytical cookies send information to Google Analytics.</p>
        <p>Let us know your preference. We will use a cookie to save your choice. Before you make your choice you can read more about our <a href="/FooterLinks/CookiePolicy">cookie policy</a>.</p>
        <button id="cookie-banner-accept">I'm OK with cookies</button>
        <button id="cookie-banner-reject">Do not use cookies</button>
    </div>
</div>
<div id="cookie-banner-confirmation" role="region" aria-label="Cookie Banner Confirmation">
    <div class="container">
        <p>
            You can change your cookie settings at any time using our <a href="/FooterLinks/CookiePolicy">cookie policy</a>.
        </p>
    </div>
</div>


<div id="bootstrap-square" class="gridcoloured-template">
    <div class="header" role="banner">
            






<!--Header Large grid-->
<div class="header header-large lozad" data-background-image="/Public/S70323/Image/40e9a4c7-e9b5-401a-9d64-c3f51ac38832.jpg" style="background-image: url('data:image/gif;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAcFBQYFBAcGBQYIBwcIChELCgkJChUPEAwRGBUaGRgVGBcbHichGx0lHRcYIi4iJSgpKywrGiAvMy8qMicqKyr/2wBDAQcICAoJChQLCxQqHBgcKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKir/wAARCAAPADIDASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4&#x2B;Tl5ufo6erx8vP09fb3&#x2B;Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3&#x2B;Pn6/9oADAMBAAIRAxEAPwDzu11eSCZsMWIJzt5HHXmu30/4kaiJQ898JflxsYBgcDHSvKrW3vTbBo5lfyWbnkYOT8v4&#x2B;tJFZ3pmkZTtYkkLkcfrVU8ZFaNnHUw/VH0Hp/je1v5laeKC3tz98kncv&#x2B;Nasms6IJ/L&#x2B;3xgFdwcg7SPrXztEdQhKhnVeMnnofSriX18Fw0i47EE12Qxq6SOKdFdUfQsf2S4tluILmGSFhkOG4pjR24ZVaWMM33V3DLfSvBY9X1CO2MCXgETNuMYLbSfXFRy6lfyBc3pOz7vzN8v09K2WMlfcy5KSXme0yRXfmtttdPZdxwzMwJHqfl60V4gdS1Ekk3zE9&#x2B;WopfWpfzFctHsf//Z');">
    <div class="container">
        <div class="d-flex flex-wrap">
            <div class="flex-grow-1"></div>
            <div class="large-menu-panel d-flex flex-wrap">
                <div class="d-inline-flex">

                        <a class="googletranslate-btn" href="#" aria-label="Language" data-bs-toggle="modal" data-bs-target="#googleTranslateModal" role="button"> <i class=" fa fa-language"></i><span class="d-none d-lg-inline"> Language</span></a>


                    
<div id="searchBar" class="searchbar search-visible">
<form action="/Search/Results" class="form-inline" id="searchForm2" method="post" role="search">        <input type="hidden" id="reCaptchaSiteKey" value="6LfdrvYhAAAAAHIx1dEs5DozeEZwwkL4LEQurCTd" />
        <div class="input-group input-group-sm">
            <input id="fullSearchText" type="text" class="searchClass form-control" name="query" placeholder="Search" aria-label="Search">
            <input id="searchCaptcha" name="searchCaptcha" type="hidden" value="" />
            <button class="btn btn-success" type="submit" aria-label="Search"><i class="fa fa-search"></i></button>
        </div>
<input name="__RequestVerificationToken" type="hidden" value="CfDJ8FlBLgzP_XhCi2foCaw-rO7L9Szo4xyxIqUSqWGX1Ql_sespzBpB6jd4nexfZXKqLaUVcmcMGYFveoGotzwQ3G9F_bGXtsvSDWYHM8lmKsyn1-RfUY1aZwLIN21F9LNUzClDmdt4KPGSI0jHTl-OAqc" /></form></div>
                </div>
                <div class="d-inline-flex flex-fill justify-content-end">


<div class="dropdown main-menu">
    <button type="button" class="btn btn-link btn-sm dropdown-hamburger dropdown-toggle " data-bs-toggle="dropdown" aria-label="Dropdown Menu" data-bs-target="#dropdownmenu_78726992_5124_4076_aca9_0b8930c43003"
            aria-expanded="false" aria-pressed="false" data-bs-display="static" tabindex="-1">
        <span class="hamburger-icon">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </span>
        <span class="menu-label">Menu</span>
    </button>

    <div role="navigation" aria-label="Dropdown Menu" id="dropdownmenu_78726992_5124_4076_aca9_0b8930c43003" aria-hidden="true" class="dropdown-control">
        <ul class="header-hamburger dropdown-menu dropdown-menu-end">

                        <li class="dropdown-item">
                            <a href="/opening-hours" target="" rel="noopener noreferrer">


                                Opening Hours
                            </a>
                        </li>
                        <li class="dropdown-item">
                            <a href="/prescriptions" target="" rel="noopener noreferrer">


                                Prescriptions
                            </a>
                        </li>
                        <li class="dropdown-item">
                            <a href="/the-practice-team" target="" rel="noopener noreferrer">


                                The Practice Team
                            </a>
                        </li>
                        <li class="dropdown-item">
                            <a href="/practice-newsfeed" target="" rel="noopener noreferrer">


                                Practice Newsfeed
                            </a>
                        </li>
        </ul>
    </div>
</div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="headerlogo">
                <span class="logo">
                    <img src="/_Common/GetImage?fileId=226238" class="img-fluid" alt="Bruntsfield Medical Practice Logo" />
                </span>
                <h1>Bruntsfield Medical Practice</h1>
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="row">
            

<div class="important-menu grid-menu" role="navigation" aria-label="Important Menu">
            <div class="col-12 col-sm-4 col-md-3 flex-fill">
                <a class="menu-item" href="/services" target="" rel="noopener noreferrer">


                    Accessing Services
                </a>
            </div>
            <div class="col-12 col-sm-4 col-md-3 flex-fill">
                <a class="menu-item" href="/health-advice" target="" rel="noopener noreferrer">


                    Health Advice
                </a>
            </div>
            <div class="col-12 col-sm-4 col-md-3 flex-fill">
                <a class="menu-item" href="/appointments" target="" rel="noopener noreferrer">


                    Appointments
                </a>
            </div>
            <div class="col-12 col-sm-4 col-md-3 flex-fill">
                <a class="menu-item" href="/prescriptions" target="" rel="noopener noreferrer">


                    Medication
                </a>
            </div>
            <div class="col-12 col-sm-4 col-md-3 flex-fill">
                <a class="menu-item" href="/admin-forms-1" target="" rel="noopener noreferrer">


                    Admin Forms
                </a>
            </div>
            <div class="col-12 col-sm-4 col-md-3 flex-fill">
                <a class="menu-item" href="/submit-health-information" target="" rel="noopener noreferrer">


                    Submit Health Information
                </a>
            </div>
            <div class="col-12 col-sm-4 col-md-3 flex-fill">
                <a class="menu-item" href="/new-patients" target="" rel="noopener noreferrer">


                    New Patients
                </a>
            </div>
            <div class="col-12 col-sm-4 col-md-3 flex-fill">
                <a class="menu-item" href="/about-us" target="" rel="noopener noreferrer">


                    About Us
                </a>
            </div>
</div>


        </div>
    </div>
</div>
    </div>

    <main class="page-content" id="maincontent" role="main">
        
        <div class="container">
            <div class="grp-fragments">
                

            </div>
            <div class="clearboth"></div>
        </div>


        

<div id="WidgetPage" msw-page>    
    <div class="container">
        
    </div>

    
<div id="ContentBlocksContainer">

    <div class="content-row-container">
            
<style type="text/css">
#ContentBlocksContainer #widget-row-300298 { background-color: rgb(0, 102, 179) !important;   
.row-title {  color: rgb(255, 255, 255) !important; }
.widget-container {
.widget-item-container {
p, li, label { color: rgb(255, 255, 255) !important; }
h1, h2, h3, i { color: rgb(255, 255, 255) !important; }
.icon { background-color: rgb(0, 102, 179) !important; }
}
.widget-item { background-color: rgb(0, 102, 179) !important; border-color: transparent !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;  
&.image-widget-default .widget-item-container .image-widget-html { background-color: rgb(0, 102, 179) !important; }
&.widget-menu .widget-menu-list { background-color: darken(rgb(0, 102, 179), 15%) !important; 
li.base { background-color: darken(rgb(0, 102, 179), 15%) !important; color: rgb(255, 255, 255) !important;}
&.widget-menu.widget-menu-icongroup #menuWidget .menuContainer .gallery-item a {
.text { color: rgb(255, 255, 255) !important; &:hover { color: darken(rgb(255, 255, 255), 10%) !important; } }
i { color: rgb(255, 255, 255) !important; &:hover { color: darken(rgb(255, 255, 255), 10%) !important; } } }
}
}
}</style>


<div class="widget-row minrow lozad"  id="widget-row-300298" data-id="300298">
    <div class="container widget-row-container" data-pageid="106024">
            <h2 class="row-title">Practice Newsfeed - click on a post to see more</h2>

            <div class="widget-container">

                        
<div class="widget-item  styled-container blog-widget"
     title=""
     name="Blog Widget"
     id="blogWidget_2386"
     data-url="/BlogWidget/Edit?BlogWidgetId=2386"
     data-id="476523">
    <div class="widget-item-container">

            <div class="feed">
                    <a href="/practice-newsfeed#BlogPost26223">
                        
<div class="blog-post">
    <div class="title">**11/05/2026**</div>
    <div class="body">
        Due to staff sickness we are experiencing lower than usual appointment numbers today. If you do not need to be se...
    </div>
</div>
                    </a>
                    <a href="/practice-newsfeed#BlogPost26086">
                        
<div class="blog-post">
    <div class="title">Link Worker </div>
    <div class="body">
        
Link Workers - Connecting people to community support.
&nbsp;


Our community link worker is here to help! Fr...
    </div>
</div>
                    </a>
                    <a href="/practice-newsfeed#BlogPost25950">
                        
<div class="blog-post">
    <div class="title">Bowel Cancer Awareness Month </div>
    <div class="body">
        
In Scotland, everyone aged 50 to 74 is invited to take a bowel screening test every two years. The test is design...
    </div>
</div>
                    </a>
                    <a href="/practice-newsfeed#BlogPost25843">
                        
<div class="blog-post">
    <div class="title">Patient Services FAQs</div>
    <div class="body">
        
We have lots of patients contacting the Practice to sign up for Patient Services and there are a few common themes ...
    </div>
</div>
                    </a>
                    <a href="/practice-newsfeed#BlogPost25722">
                        
<div class="blog-post">
    <div class="title">Stress Awareness Month</div>
    <div class="body">
        
This month we raise awareness about Stress #StressAwarenessMonth


Stress can present itself in many ways on...
    </div>
</div>
                    </a>
            </div>
    </div>
</div>
                <div class="clearboth"></div>
            </div>
    </div>
</div>

<script>
    // if we are logged in as an editor we need to check if site is not in edit mode,
    // then don't show the message.
    $(function () {
        $(".widget-row-empty").toggleClass('d-none', !IsInEditMode());
    });
</script>
            
<style type="text/css">
#ContentBlocksContainer #widget-row-243763 { background-color: rgb(244, 244, 244) !important; padding: 0px 0px; margin: 0px 0px; 
.row-title {   }
.widget-container {
.widget-item-container {
p, li, label {  }
h1, h2, h3, i {  }
.icon { background-color: rgb(244, 244, 244) !important; }
}
.widget-item { background-color: rgb(244, 244, 244) !important; border-color: transparent !important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;  
&.image-widget-default .widget-item-container .image-widget-html { background-color: rgb(244, 244, 244) !important; }
&.widget-menu .widget-menu-list { background-color: darken(rgb(244, 244, 244), 15%) !important; 
li.base { background-color: darken(rgb(244, 244, 244), 15%) !important; }
&.widget-menu.widget-menu-icongroup #menuWidget .menuContainer .gallery-item a {
.text {  &:hover {  } }
i {  &:hover {  } } }
}
}
}</style>


<div class="widget-row minrow lozad"  id="widget-row-243763" data-id="243763">
    <div class="container widget-row-container" data-pageid="106024">
            <h2 class="row-title">Contact Details</h2>

            <div class="widget-container">

                        

<div class="widget-item information-widget styled-container "
     title=""
     name="Information Widget" id="informationwidget_169174"
     data-url="/InformationWidget/EditWidget?InformationWidgetId=169174"
     data-id="391239">
    <div class="widget-item-container">
                
<div class="content ">
    <p><h3>Address:</h3>
<p>Bruntsfield Medical Practice<br />11 Forbes Road<br />Edinburgh<br />EH10 4EY</p></p>
</div>
    </div>
</div>
                        

<div class="widget-item information-widget styled-container "
     title=""
     name="Information Widget" id="informationwidget_169175"
     data-url="/InformationWidget/EditWidget?InformationWidgetId=169175"
     data-id="391240">
    <div class="widget-item-container">
                
<div class="content ">
    <p><h3>Contact Numbers:</h3>
<p>Tel: 0131 228 6081</p>
<p>Fax: 0131 229 4330</p></p>
</div>
    </div>
</div>
                        

<div class="widget-item information-widget styled-container "
     title=""
     name="Information Widget" id="informationwidget_169176"
     data-url="/InformationWidget/EditWidget?InformationWidgetId=169176"
     data-id="391241">
    <div class="widget-item-container">
                
<div class="content ">
    <p><h3>Standard Opening Hours:</h3>
<p>Mon to Fri, 8am until 6pm (excluding holidays)</p>
<p>See <a title="here" href="/opening-hours" target="" data-link-id="240616" data-use-default-display="false" data-use-default-title="false">here</a> for more specifics.</p></p>
</div>
    </div>
</div>
                <div class="clearboth"></div>
            </div>
    </div>
</div>

<script>
    // if we are logged in as an editor we need to check if site is not in edit mode,
    // then don't show the message.
    $(function () {
        $(".widget-row-empty").toggleClass('d-none', !IsInEditMode());
    });
</script>
    </div>
</div>
</div>





        
    <div id="pagetimeStamp" class="container">
            <span>Page last reviewed: 31 March 2026</span>
        <br />
            <span>Page created: 24 October 2023</span>
    </div>

    </main>
    
<div class="further-information-container" role="complementary" aria-labelledby="further-information-heading">
    <div class="container">
        <h2 id="further-information-heading">Further Information</h2>
        <div class="further-information-grid-container">
            

    <div class="further-information" role="navigation" aria-label="Further Information Menu">
        <ul class="nav menu menu-text horizontal">
                        <li>
                            <a href="/useful-numbers" target="" rel="noopener noreferrer" tabindex="-1">


                                Useful Numbers
                            </a>
                        </li>
                        <li>
                            <a href="/practice-policies" target="" rel="noopener noreferrer" tabindex="-1">


                                Practice Policies
                            </a>
                        </li>
                        <li>
                            <a href="/comments--complaints" target="" rel="noopener noreferrer" tabindex="-1">


                                Comments &amp; Complaints
                            </a>
                        </li>
        </ul>
    </div>


            
<ul class="nhsuk-footer__list social-media">
</ul>


            <ul class="nhsuk-footer__list">
    <li class="parent-link ">
        <div class="parent-link-container">
                <a href="https://www.nhsinform.scot/" target="_blank" rel="noopener noreferrer" aria-label="Footer Logo">
                    <img src="/Public/S70323/Image/b0f7c4e2-ea9e-4a35-8409-3a560715f1e8.PNG" class="parent-link-logo" alt="Footer Logo" />
                </a>
        </div>
    </li>
</ul>

        </div>
    </div>
</div>

</div>


<script>
    $(function () {
        $(window).on("resize", () => resizeForFixedHeader());

        document.onBannerDismiss = resizeForFixedHeader;

        resizeForFixedHeader();
    });
</script>


            <script type="text/plain" data-cookiecategory="functionality" src="/Scripts/Google/google-translate.js"></script>
            <script type="text/plain" data-cookiecategory="functionality" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
        <div id="footer" role="contentinfo">
    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                <ul>
                            <li><a href="/Account/Login?returnUrl=%2F">Sign in</a></li>
                </ul>
                <div class="clearfix"></div>
            </div>
            <div class="col-sm-6">
                <ul>
                    <li>&copy; 2026 Built by <a href="https://www.mysurgerywebsite.co.uk/live" target="_blank" rel="noreferrer noopener">My Surgery Website</a></li>
                    <li><a href="/FooterLinks/Accessibility">Accessibility</a></li>
<li><a href="/FooterLinks/CookiePolicy">Cookie policy</a></li>
<li><a href="/FooterLinks/YourData">Your data</a></li>
<li><a href="/Sitemap">Site map</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
    </div>


    <script src="/scripts/master-lower-public.js"></script>

    <script>
        const observer = lozad();
        observer.observe();
    </script>



    <!-- Google Analytics (UA) -->
<input type="hidden" id="CustUACode" value="">
<script type="text/plain" data-cookiecategory="performance" src="/Scripts/Google/google-analytics.js"></script>
<!-- End Google Analytics (UA)-->

    <!-- Google Tag Manager -->
<input type="hidden" id="GoogleTagManagerKey" value="GTM-KQ5QNDF">
<script type="text/plain" data-cookiecategory="performance" src="/Scripts/Google/google-tag-manager.js"></script>
<!-- End Google Tag Manager -->

    <script src="/Scripts/browser-update.js"></script>

    <!-- hide edit/sign out buttons if in 'edit' mode -->
    <script type="text/javascript">

        // used in a few places (also duplicated), so now moved into a more global area.
        function resizeForFixedHeader() {
        var height = $(".header-small").outerHeight();
        $("html").css("padding-top", height);
        }

        function toggleSnow(){
        var isSnow = $('#SnowtimeLink').data("snow");
        if (isSnow == undefined || isSnow == 1){
        DoSnowtime(false, '');
        $('#SnowtimeLink').data('snow', 0);
        }
        else{
        DoSnowtime(true, 'fa-snowflake-o');
        $('#SnowtimeLink').data('snow', 1);
        }
        }

        function IsInEditMode() {
        var origin = window.location.origin;
        var parentOrigin = window.parent.location.origin;
        // only check if both parent and current location are of same origin
        if (origin.localeCompare(parentOrigin) === 0) {
        return window.parent.location.pathname.indexOf("/edit") === 0;
        }

        return false;
        }

        $(function () {
        $(".editor").css('visibility', IsInEditMode() ? 'hidden' : 'visible');
        });

        $(document).on("click", function (ev) {
        clickev = jQuery.Event('click', { 'offsetX': ev.offsetX, 'offsetY': ev.offsetY });
        if (self != top)
        parent.$("body").trigger(clickev);
        })

        if (window.addEventListener && window.requestAnimationFrame && document.getElementsByClassName) window.addEventListener('load', function() {

        // start
        var pItem = document.getElementsByClassName('progressive replace'), pCount, timer;

        // scroll and resize events
        window.addEventListener('scroll', scroller, false);
        window.addEventListener('resize', scroller, false);

        // DOM mutation observer
        if (MutationObserver) {

        var observer = new MutationObserver(function() {
        if (pItem.length !== pCount) inView();
        });
        observer.observe(document.body, { subtree: true, childList: true, attributes: true, characterData: true });

        }

        // initial check
        inView();


        // throttled scroll/resize
        function scroller() {

        timer = timer || setTimeout(function() {
        timer = null;
        inView();
        }, 300);

        }


        // image in view?
        function inView() {

        if (pItem.length) requestAnimationFrame(function() {

        var wT = window.pageYOffset, wB = wT + window.innerHeight, cRect, pT, pB, p = 0;
        while (p < pItem.length) {

        cRect = pItem[p].getBoundingClientRect();
        pT = wT + cRect.top;
        pB = pT + cRect.height;

        if (wT < pB && wB > pT) {
        loadFullImage(pItem[p]);
        pItem[p].classList.remove('replace');
        }
        else p++;

        }

        pCount = pItem.length;

        });

        }


        // replace with full image
        function loadFullImage(item) {

        var href = item && (item.getAttribute('data-href') || item.href);
        if (!href) return;

        // load image
        var img = new Image();
        if (item.dataset) {
        img.srcset = item.dataset.srcset || '';
        img.sizes = item.dataset.sizes || '';
        }
        img.src = href;
        img.className = 'reveal';
        if (img.complete) addImg();
        else img.onload = addImg;

        // replace image
        function addImg() {

        requestAnimationFrame(function() {

        // disable click
        if (href === item.href) {
        item.style.cursor = 'default';
        item.addEventListener('click', function(e) { e.preventDefault(); }, false);
        }

        // preview image
        var pImg = item.querySelector && item.querySelector('img.preview');

        // add full image
        item.insertBefore(img, pImg && pImg.nextSibling).addEventListener('animationend', function() {

        // remove preview image
        if (pImg) {
        img.alt = pImg.alt || '';
        item.removeChild(pImg);
        }

        img.classList.remove('reveal');

        });

        });

        }

        }

        }, false);
    </script>

    <div class="modal fade" id="googleTranslateModal" tabindex="-1" role="dialog" aria-labelledby="modalTranslateTitle">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title" id="modalTranslateTitle">Translate this website with google</h3>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div id="google_translate_element"></div>
                </div>
            </div>
        </div>
    </div>



        <script async type="text/javascript" data-account="C3fgA2IAAh" src="https://cdn.userway.org/widget.js" data-uw-styling-context="true"></script>
</body>
</html>

