<!DOCTYPE html>
<html lang="en">
<head>

    <title></title>
    <meta name="description" content="">
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!--Viewport
        =====================================-->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <!--CSS
        ======================================-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
    <link rel="stylesheet" href="/css/main.css">
    <link rel="stylesheet" href="/css/foundation.css" />
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
    <link rel="stylesheet" href="/css/ui/hover.css">

    <link rel="stylesheet" href="/css/ui/dropdown.css">
    <link rel="stylesheet" href="/css/ui/transition.css">
    <link rel="stylesheet" href="/css/ui/icon.css">
    <link rel="stylesheet" href="/css/ui/label.css">
    <link rel="stylesheet" href="/css/ui/rating.css">
    <link rel="stylesheet" href="/css/ui/checkbox.css">
    <link rel="stylesheet" href="/css/ui/jquery-ui.css">
    <link rel="stylesheet" href="/css/tabs.css">
    <link rel="stylesheet" href="/css/menu.css">
    <link rel="stylesheet" type="text/css" href="/css/iziToast.css">
    <link href="https://fonts.googleapis.com/css?family=Lato:400,700|Open+Sans:400,600" rel="stylesheet">
    <!-- Favicons
        ================================================== -->
    <link rel="shortcut icon" href="/images/favicon.ico">
    <!--jQuery
        ======================================-->
    <!--     <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> -->
    <script src="/js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="/js/jquery.bootpag.min.js"></script>
    <script src="/js/util.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>
    <!-- <script src="/js/jquery.validate.min.js"></script> -->
    <link rel="stylesheet" href="/css/select2.css" />

    <link rel="stylesheet" href="/assets/font/font-awesome.css">


    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAmfGGUVeYHvoXDmrAqPgyIXUuSrLtC_zw&libraries=places&loading=async&dummy=.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.20.5/sweetalert2.min.js" integrity="sha256-xBMnwWLWrKV/IqaS17P7koyiClQExxTTSKzyXWlYRkY=" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.20.5/sweetalert2.min.css" />
    <script href="https://cdnjs.cloudflare.com/ajax/libs/pace/1.0.2/pace.min.js"></script>
    <!--IE 10 CSS HACK
        ======================================-->
    <!--[if !IE]><!-->
    <script>
        if (/*@cc_on!@*/false) {
            document.documentElement.className+=' ie10';
        }
    </script><!--<![endif]-->

    <script type="text/javascript">
        var latitudes="";
        var longitude = "";
        function getLocation() {
            $.get("https://api.ipdata.co", function (response) {
                latitudes =  response.latitude;
                longitude = response.longitude
            }, "jsonp");
        }
    </script>
	
	<!-- Structured Data -->

	<script type="application/ld+json">
	{
	"@context" : "http://schema.org",
	"@type" : "LocalBusiness",
	"name" : "SA Medical Specialists",
	"telephone" : "+27 (0)21 424 6181",
	"address" : {
    "@type" : "PostalAddress",
    "streetAddress" : "Office 204, 17 Jamieson Street, Gardens",
    "addressLocality" : "Cape Town",
    "addressRegion" : "Western Cape",
    "addressCountry" : "South Africa"
	}
	}
</script>
	
    <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
            j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-WCBNXJV');</script>
    <!-- End Google Tag Manager -->
<link rel="stylesheet" type="text/css" href="/css/bootstrap.css">
<style>
    html, body, #map {
    height: 100%;
    margin: 0px;
    padding: 0px;
    width: 100% !important
    }
</style>
<script type="text/javascript">
    $('document').ready(function(){

        var lat = parseFloat("");
        var lng = parseFloat("");
        var latlng = new google.maps.LatLng(lat, lng),
                image = 'https://www.google.com/intl/en_us/mapfiles/ms/micons/red-dot.png';
            var mapOptions = {
                    center: new google.maps.LatLng(lat, lng),
                    zoom: 17,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                },
                map = new google.maps.Map(document.getElementById('map'), mapOptions),
                marker = new google.maps.Marker(
                {
                    position: latlng,
                    map: map,
                    icon: image,
                    draggable:true,
                });
            var input = document.getElementById('address');


            var userData = "<p>  <p>"
                           +'<p><p>'
                           +'<p></p>'
                           +'<p></p>';
            var infowindow = new google.maps.InfoWindow({content : userData});
            infowindow.open(map,marker);

         $('#map-tabs').on('click', function() {
            google.maps.event.trigger(map, 'resize');
            map.setCenter(latlng);
            });
    });

    function moveMarker(placeName, latlng)
            {
                marker.setIcon(image);
                marker.setPosition(latlng);
                infowindow.setContent(placeName);
                infowindow.open(map, marker);
            }
</script>
<link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,700,300italic,400italic,500italic,700italic'>
<link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic'>
<link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Source+Code+Pro:300,400,500,600,700,900'>
<link rel='stylesheet prefetch' href='https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css'>
<link rel="stylesheet" type="text/css" href="/assets/css/zabuto_calendar.min.css">
<script src="/js/more.js"></script>
</head>
<body>
    <script src='https://www.google.com/recaptcha/api.js'></script>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WCBNXJV"
        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    