<!-- #########################################--><!-- #########################################--><!-- ###                                   ###--><!-- ###           MAIN INDEX              ###--><!-- ###      (Ctrl+F *x* to reach)        ###--><!-- ###                                   ###--><!-- #########################################--><!-- #########################################--><!-- ###                                   ###--><!-- ###   *0* GLOBAL VARIABLES + SCRIPT   ###--><!-- ###                                   ###--><!-- ###                                   ###--><!-- ###   *sc* SCHOOL PAGE MIXINS         ###--><!-- ###   *r* RIDER PAGE MIXINS           ###--><!-- ###   *sp* SPOT PAGE MIXINS           ###--><!-- ###   *d* DESTINATION PAGE MIXINS     ###--><!-- ###   *a* AREA PAGE MIXINS            ###--><!-- ###   *w* WORLD PAGE MIXINS           ###--><!-- ###   *l* LUXURY PAGE MIXINS          ###--><!-- ###   *b* BRAND PAGE MIXINS           ###--><!-- ###   *e* EQUIPMENT PAGE MIXINS       ###--><!-- ###   *eA* EQUIPMENT AvaIlable        ###--><!-- ###       (Render Mixins)             ###--><!-- ###          Left, Right,             ###--><!-- ###          then Main Column         ###--><!-- ###                                   ###--><!-- ###                                   ###--><!-- ###   *m* MAPS MIXINS                 ###--><!-- ###       (MapBox and GoogleMaps)     ###--><!-- ###                                   ###--><!-- ###                                   ###--><!-- ###   *o* MISC OTHER MIXINS           ###--><!-- ###       (various render mixins)     ###--><!-- ###          price stats, rating      ###--><!-- ###          video, services, logos   ###--><!-- ###          review, photo gallery,   ###--><!-- ###          wind stat chart, etc.    ###--><!-- ###                                   ###--><!-- ###                                   ###--><!-- ###   *i* INSTANTSEARCH MIXINS        ###--><!-- ###       (School Finder)             ###--><!-- ###                                   ###--><!-- #########################################--><!-- #########################################-->
<!-- #########################################--><!-- ###                                   ###--><!-- ###   *0* GLOBAL VARIABLES + SCRIPT   ###--><!-- ###                                   ###--><!-- #########################################--><!--GLOBAL VARIABLES --><!--GLOBAL SCRIPT FOR DYNAMIC EFFECTS--><!--mixin scriptDeclareGlobalFilterFunctions()script.
    
    function FilterOutAllItems(type) {
     var idLabel = type + 'Item'
     switch(type){
        case 'school':
          totalFor = totalSchools
          break
        case 'spot':
          totalFor = totalSpots
          break
      }
      for(var i = 0; i < totalFor; i++){
        FilterOutItem(i, type)
      }
    }

    function FilterOutItem(i, type) {
        var idLabel = type + 'Item'
        $("#"+idLabel+'wide'+i).attr("excluded", "true")
        vanishMapMarker(i, type)
    }

    function FilterInAllItems(type) {
      var idLabel = type + 'Item'
      switch(type){
        case 'school':
          totalFor = totalSchools
          break
        case 'spot':
          totalFor = totalSpots
          break
      }
      for(var i = 0; i < totalFor; i++){
        FilterInItem(i, type)
      }
    }

    function FilterInItem(index, type) {
          indexGlobal = parseFloat(index)
          var idLabel = type + 'Item'
          if(type=='spot')
            indexGlobal = parseFloat(index) + parseFloat(totalSchools)
          $("#"+idLabel+'wide'+index).attr("excluded", "false")
          defaultMapMarker(indexGlobal, type)
          var NorthBound = map.getBounds().getNorthEast().lat()
          var SouthBound = map.getBounds().getSouthWest().lat()
          var EastBound = map.getBounds().getNorthEast().lng()
          var WestBound = map.getBounds().getSouthWest().lng()
          checkAndHideListItem(idLabel,index,type,NorthBound,SouthBound,EastBound,WestBound)
          /*if ($("#"+idLabel+'wide'+index).attr("inmapbound") == "false"){
            $("#"+idLabel+'wide'+index).attr("displayed", "true")
          }*/
    }
--><!-- ##################################--><!-- ###                            ###--><!-- ###   *sp* SPOT PAGE MIXINS    ###--><!-- ###                            ###--><!-- ##################################-->
<!-- ##################################--><!-- ###                            ###--><!-- ###   *sc* SCHOOL PAGE MIXINS  ###--><!-- ###                            ###--><!-- ##################################--><!-- #####################################--><!-- ###                               ###--><!-- ###   *r* KITEBUDDY PAGE MIXINS  ###--><!-- ###                               ###--><!-- #####################################--><!-- #######################################--><!-- ###                                 ###--><!-- ###   *d* DESTINATION PAGE MIXINS   ###--><!-- ###                                 ###--><!-- #######################################--><!-- ################################--><!-- ###                          ###--><!-- ###   *a* AREA PAGE MIXINS   ###--><!-- ###                          ###--><!-- ################################--><!-- ##################################--><!-- ###                            ###--><!-- ###   *w* WORLD PAGE MIXINS    ###--><!-- ###                            ###--><!-- ##################################--><!-- ##################################--><!-- ###                            ###--><!-- ###   *l* LUXURY PAGE MIXINS   ###--><!-- ###                            ###--><!-- ##################################-->
<!-- ##################################--><!-- ###                            ###--><!-- ###   *b* BRAND PAGE MIXINS    ###--><!-- ###                            ###--><!-- ##################################-->
<!-- ######################################--><!-- ###                                ###--><!-- ###   *e* EQUIPMENT PAGE MIXINS    ###--><!-- ###                                ###--><!-- ######################################--><!-- #################################################--><!-- ###                                           ###--><!-- ###   *eA* EQUIPMENT AVAILABLE PAGE MIXINS    ###--><!-- ###                                           ###--><!-- #################################################--><!-- ####################################--><!-- ###                              ###--><!-- ###   *m* MAPS MIXINS (MapBox)   ###--><!-- ###                              ###--><!-- ####################################--><!-- ########################################--><!-- ###                                  ###--><!-- ###    *m* MAPS MIXINS (GoogleMaps)  ###--><!-- ###                                  ###--><!-- ########################################--><!-- ####################################--><!-- ###                              ###--><!-- ###   *o* MISC GENERAL MIXINS    ###--><!-- ###                              ###--><!-- ####################################-->
<!--mixin scriptMarkPageAsCanonical()script.
  var el = ''
  if(document.URL.includes('unplug.style/searchnew'))
    el = '<link rel="canonical" href="https://www.unplug-kitesurf.com/searchnew" />'
  if(el!='')
    document.querySelector('head').appendChild(el)
  --><!-- ####################################--><!-- ###                              ###--><!-- ###   *i* INSTANTSEARCH MIXINS   ###--><!-- ###                              ###--><!-- ####################################-->
<!-- Useless for now but can be useful--><!-- ##### HELPERS #####--><!DOCTYPE html><html lang="en"><head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#"><meta name="google-site-verification" content="PHFxxjsS8lfkTSi-8IPH8Ux3JGw5t65pctHIJAD1A6w"><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=Edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="author" content="Unplug Kitesurf"><meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1"><meta name="googlebot" content="index, follow"><!-- Enhanced title and description--><title>Unplug | Find the Best Kitesurf Schools & Spots Worldwide</title><meta name="description" content="Discover 900+ kitesurf schools and 6,300+ kitesurf spots worldwide. Compare prices, find lessons, and book your perfect kitesurf escape in Europe, USA, Caribbean, Brazil, Africa, Asia, and Australia."><meta name="keywords" content="kitesurf, kitesurfing, kiteboarding, kitesurf schools, kitesurf spots, kitesurf lessons, kitesurf destinations, kitesurf equipment, kitesurf brands"><!-- Enhanced Open Graph tags--><meta property="og:title" content="Unplug | Find the Best Kitesurf Schools &amp; Spots Worldwide"><meta property="og:description" content="Discover 900+ kitesurf schools and 6,300+ kitesurf spots worldwide. Compare prices, find lessons, and book your perfect kitesurf escape."><meta property="og:type" content="website"><meta property="og:url" content="https://www.unplug-kitesurf.com"><meta property="og:site_name" content="Unplug Kitesurf"><meta property="og:locale" content="en_US"><!-- Enhanced Open Graph images--><meta property="og:image" content="https://www.unplug-kitesurf.com/img/landing-page-unplug-cruising-on-flat-water0.jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:alt" content="Kitesurfer cruising on flat water - Unplug Kitesurf"><meta property="og:image" content="https://www.unplug-kitesurf.com/img/logo-unplug-blue.png"><meta property="og:image" content="https://www.unplug-kitesurf.com/img/social_post.png"><!-- Twitter Card tags--><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Unplug | Find the Best Kitesurf Schools &amp; Spots Worldwide"><meta name="twitter:description" content="Discover 900+ kitesurf schools and 6,300+ kitesurf spots worldwide. Compare prices and find your perfect kitesurf escape."><meta name="twitter:image" content="https://www.unplug-kitesurf.com/img/landing-page-unplug-cruising-on-flat-water0.jpg"><meta name="twitter:site" content="@unplug_kitesurf"><!-- Canonical URL--><link rel="canonical" href="https://www.unplug-kitesurf.com"><!-- Favicon and app icons--><link rel="icon" type="image/png" href="/img/favicon-unplug.png"><link rel="apple-touch-icon" href="/img/logo-unplug-blue.png"><link rel="manifest" href="/manifest.json"><!-- Preconnect to external domains for performance--><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://cdn.jsdelivr.net"><!-- Bootstrap core CSS--><link href="/stylesheets/bootstrap.css" rel="stylesheet"><!-- Custom styles for this template--><link href="/stylesheets/style.css" rel="stylesheet"><link href="/stylesheets/responsive.css" rel="stylesheet"><!--COOKIES--><!--link(href='/stylesheets/jquery-eu-cookie-law-popup.css', rel='stylesheet', type='text/css')--><!--Specify Canonical Ref for GoogleSearchConsole--><!--+scriptMarkPageAsCanonical()--><!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries--><!--if lt IE 9--><script src="/js/html5shiv.js"></script><script src="/js/respond.min.js"></script><!--Website analytics--><!--+scriptGoogleTagManager()--><!-- Google tag (gtag.js) - Google Analytics 4--><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-4T64E3VGLN"></script><script>window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-4T64E3VGLN');
</script><!-- Global site tag (gtag.js) - Google Analytics (OLD)--><script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-143252605-1"></script><script>window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-143252605-1');
</script><!--+scriptFullStory()--><!-- Mapbox--><!--+scriptDeclareGlobalMapFunctions--><!--script(src='https://api.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.js')--><!--link(href='https://api.mapbox.com/mapbox-gl-js/v1.0.0/mapbox-gl.css', rel='stylesheet')--><meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"><link href="/stylesheets/font-awesome.css" rel="stylesheet" type="text/css"><link href="https://cdn.jsdelivr.net/npm/instantsearch.css@7.3.1/themes/algolia-min.css" rel="stylesheet" type="text/css"><!-- Country Flags Library--><!--link(href='/stylesheets/image_sprite/ip2location-image-sprite.css', rel='stylesheet', type='text/css')--><!-- GoogleMaps--><!--API key 'main'--><!--script(src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkuOUTdhHWX0KVe5ziKm3oiA8e0hxDTE8&callback=myMap")--><!--Windy--><!--script(src='https://unpkg.com/leaflet@1.4.0/dist/leaflet.js')--><!--script(src='https://api4.windy.com/assets/libBoot.js')--><!--script(src='https://embed.typeform.com/embed.js', type='text/javascript')--><!--Google Adsense--><!--script(data-ad-client='ca-pub-5993756500071816', async='', src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js')--><link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css"><script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script><script>var loadtypeform = function(){ var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", b="https://embed.typeform.com/"; if(!gi.call(d,id)) { js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } }()

</script><script>// left: 37, up: 38, right: 39, down: 40,
// spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36
var keys = {37: 1, 38: 1, 39: 1, 40: 1};

function preventDefault(e) {
  e = e || window.event;
  if (e.preventDefault)
      e.preventDefault();
  e.returnValue = false;  
}

function preventDefaultForScrollKeys(e) {
    if (keys[e.keyCode]) {
        preventDefault(e);
        return false;
    }
}

function disableScroll() {
  if (window.addEventListener) // older FF
      window.addEventListener('DOMMouseScroll', preventDefault, false);
  document.addEventListener('wheel', preventDefault, {passive: false}); // Disable scrolling in Chrome
  window.onwheel = preventDefault; // modern standard
  window.onmousewheel = document.onmousewheel = preventDefault; // older browsers, IE
  window.ontouchmove  = preventDefault; // mobile
  document.onkeydown  = preventDefaultForScrollKeys;
}

function enableScroll() {
    if (window.removeEventListener)
        window.removeEventListener('DOMMouseScroll', preventDefault, false);
    document.removeEventListener('wheel', preventDefault, {passive: false}); // Enable scrolling in Chrome
    window.onmousewheel = document.onmousewheel = null; 
    window.onwheel = null; 
    window.ontouchmove = null;  
    document.onkeydown = null;  
}

</script><script>function numberWithCommas(x) {
  return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
function numberWithSpace(x) {
  return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ");
}

</script><!--+scriptGoogleTranslate--><!-- Structured Data for Organization--><script type="application/ld+json">{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Unplug Kitesurf",
  "url": "https://www.unplug-kitesurf.com",
  "logo": "https://www.unplug-kitesurf.com/img/logo-unplug-blue.png",
  "description": "Find the best kitesurf schools and spots worldwide. Compare prices and book your perfect kitesurf escape.",
  "sameAs": [
    "https://www.facebook.com/TeamUnplug/",
    "https://www.instagram.com/unplug_kitesurf/"
  ],
  "contactPoint": {
    "@type": "ContactPoint",
    "contactType": "customer service",
    "url": "https://unplug673641.typeform.com/to/jA1qp4"
  }
}
</script><!-- Structured Data for Website--><script type="application/ld+json">{
  "@context": "https://schema.org",
  "@type": "WebSite",
  "name": "Unplug Kitesurf",
  "url": "https://www.unplug-kitesurf.com",
  "description": "Find the best kitesurf schools and spots worldwide",
  "potentialAction": {
    "@type": "SearchAction",
    "target": "https://www.unplug-kitesurf.com/searchnew?q={search_term_string}",
    "query-input": "required name=search_term_string"
  }
}
</script></head><body><script>function adaptGlobalDisplay(){
    
    ////////////////////////////////////////////////////////////
    //   FORMER TITLE RECTANLGES (Top on Mobile, Left on PC)  //
    ////////////////////////////////////////////////////////////
    /*
    //HIDEorSHOW SideColumn element #1 on NARROW
    if (document.getElementById("PartToHideWhenNarrowWindow1"))
      if (window.innerWidth < 992 && document.getElementById("PartToHideWhenNarrowWindow1").getBoundingClientRect().bottom > document.getElementById("MainColumnTop").getBoundingClientRect().top)
          document.getElementById("PartToHideWhenNarrowWindow1").style.visibility = 'hidden'
      else 
          document.getElementById("PartToHideWhenNarrowWindow1").style.visibility = 'visible'
          
    //HIDEorSHOW SideColumn element #2 on NARROW
    if (document.getElementById("PartToHideWhenNarrowWindow2"))
      if (window.innerWidth < 992 && document.getElementById("PartToHideWhenNarrowWindow2").getBoundingClientRect().bottom > document.getElementById("MainColumnTop").getBoundingClientRect().top)
              document.getElementById("PartToHideWhenNarrowWindow2").style.visibility = 'hidden'
      else 
              document.getElementById("PartToHideWhenNarrowWindow2").style.visibility = 'visible'
              
    //HIDEorSHOW SideColumn element #3 on NARROW          
    if (document.getElementById("PartToHideWhenNarrowWindow3"))
      if (window.innerWidth < 992 && document.getElementById("PartToHideWhenNarrowWindow3").getBoundingClientRect().bottom > document.getElementById("MainColumnTop").getBoundingClientRect().top)
              document.getElementById("PartToHideWhenNarrowWindow3").style.visibility = 'hidden'
      else 
              document.getElementById("PartToHideWhenNarrowWindow3").style.visibility = 'visible'
     */

    //  SCRIPT FOR MAPS and MEDIA DISPLAY
    if (window.innerWidth < 768){
      if ($("#navbar-search").attr("href") == "/searchnew") $("#navbar-search").attr("href", "/")
    }
    else{
      if ($("#navbar-search").attr("href") == "/") $("#navbar-search").attr("href", "/searchnew")
    }

    if(document.getElementById("renderSpotMiniGoogleMap")){
      if (window.innerWidth >= 992){
        if($('#renderSpotMiniGoogleMapWide').is(':empty'))
          $("#renderSpotMiniGoogleMap").appendTo($("#renderSpotMiniGoogleMapWide"))
      }
      else{
        if($('#renderSpotMiniGoogleMapNarrow').is(':empty'))
          $("#renderSpotMiniGoogleMap").appendTo($("#renderSpotMiniGoogleMapNarrow"))
      }
    }
    if (window.innerWidth > 768){
      // SCRIPT TO HAVE ALWAYS round map width/height
      //      (algolia geosearch map)
      if(document.getElementById("map-container")){
        mapWidth = $('#map-container').width()
        mapHeight = $('#map-container').height()
        if($('#map-container').height() != Math.round(mapHeight)){
          document.getElementById('map-search').setAttribute('style', 'height:'+Math.round(mapHeight)+'px !important');
        }
        if($('#map-container').width() != Math.round(mapWidth)){
          document.getElementById('map-search').setAttribute('style', 'width:'+Math.round(mapWidth)+'px !important');
        }
      }
    }
    else{                
      // SCRIPT FOR NAVBAR UPDATE BUTTON APPERANCE
      //      (renderSchoolUpdateButton)
      /*
      if (document.getElementById("UpdateFirstAppearance"))
        if (document.getElementById("UpdateShortcut").getBoundingClientRect().bottom > document.getElementById("UpdateFirstAppearance").getBoundingClientRect().top - 60){
          $("#UpdateShortcut").show()
        }
        else{
          $("#UpdateShortcut").hide()
        }
      +/
    }

    if (window.innerWidth >= 992){
      // SCRIPT FOR MULTICONTACT BUTTON CONTROL
      if (document.getElementById("MultipleContactButton1") && selectedItems > 0)
        document.getElementById("MultipleContactButton1").style.visibility = 'hidden'
      if (document.getElementById("SingleContactButton1") && selectedItems > 0)
        document.getElementById("SingleContactButton1").style.visibility = 'hidden'
      /*if (document.getElementById("MultipleContactButton1") && selectedItems > 0)
        if (document.getElementById("MultipleContactButton1").getBoundingClientRect().bottom > document.getElementById("EndOfPage").getBoundingClientRect().top - 20){
          document.getElementById("MultipleContactButton1").style.visibility = 'hidden'
          document.getElementById("MultipleContactButton2").style.visibility = 'visible'
        }
        else{
          document.getElementById("MultipleContactButton1").style.visibility = 'visible'
          document.getElementById("MultipleContactButton2").style.visibility = 'hidden'
        }
      if (document.getElementById("SingleContactButton1") && selectedItems > 0)
        if (document.getElementById("SingleContactButton1").getBoundingClientRect().bottom > document.getElementById("EndOfPage").getBoundingClientRect().top - 20){
          document.getElementById("SingleContactButton1").style.visibility = 'hidden'
          document.getElementById("SingleContactButton2").style.visibility = 'visible'
        }
        else{
          document.getElementById("SingleContactButton1").style.visibility = 'visible'
          document.getElementById("SingleContactButton2").style.visibility = 'hidden'
        }*/

      // SCRIPT FOR LEFTSIDE PRICE THUBMAIL CONTROL
      //      (renderSchoolSideRight_OLD)
      if (document.getElementById("SchoolPriceRight"))
        if (document.getElementById("SchoolPriceMain").getBoundingClientRect().bottom > document.getElementById("BeginningOfPage").getBoundingClientRect().top - 20){
          document.getElementById("SchoolPriceRight").style.visibility = 'hidden'
        }
        else{
          document.getElementById("SchoolPriceRight").style.visibility = 'visible'
        }
    }    

    // SCRIPT FOR SCROLL INDICATOR
    var winScroll = (document.body.scrollTop || document.documentElement.scrollTop);
    var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
    //var height = document.getElementById("content").clientHeight - document.getElementById("footer").clientHeight - document.getElementById("navbar").clientHeight;
    var scrolled = (winScroll / height) * 100;
    document.getElementById("ScrollBar").style.width = scrolled + "%";  
    //  SCRIPT FOR MAPS and MEDIA DISPLAY
    if (window.innerWidth < 768){                      
        //$("#LogoOnTheSide").hide();
        /*if (FirstLoad)
          if(document.getElementById("thumbnail1")){
            $('.ais-GeoSearch-tree').hide()
            document.getElementById('map').style.width = "0%"; 
            document.getElementById('thumbnail1').style.width = "0%"; 
            document.getElementById('thumbnail2').style.width = "0%"; 
          }
        */
        if (document.getElementById("MainPhotoGallery"))
          $("#MainPhotoGallery").hide(); 
        if (document.getElementById("googleMapFullScreen") && false){
          if (document.getElementById("ScrollIndicator").getBoundingClientRect().bottom 
                > document.getElementById("googleMap").getBoundingClientRect().top
              && document.getElementById("footer").getBoundingClientRect().top - 5
                > document.getElementById("googleMapFullScreen").getBoundingClientRect().bottom )
            $("#googleMapFullScreen").fadeIn(); 
          else
            $("#googleMapFullScreen").hide(); 
          }
    }
    else {
        if (document.getElementById("googleMapFullScreen"))
          $("#googleMapFullScreen").hide(); 
        /*if(document.getElementById("thumbnail1")){
          $('.ais-GeoSearch-tree').show()
          document.getElementById('map').style.width = "100%"; 
          document.getElementById('thumbnail1').style.width = "100%"; 
          document.getElementById('thumbnail2').style.width = "100%"; 
        }*/
    }
    if (window.innerWidth <= 320){
      if (window.innerWidth == 320){
        $("#wind-forecast").css('margin-left','-25px')
        $("#wind-map").css('margin-left','-25px')
        $("#wind-stats").css('margin-left','-25px')
      }
      else{
        $("#wind-forecast").css('margin-left','-25px')
        $("#wind-map").css('margin-left','-25px')
        $("#wind-stats").css('margin-left','-25px')
      }
    }
    else{
      $("#wind-forecast").css('margin-left','')
      $("#wind-map").css('margin-left','')
      $("#wind-stats").css('margin-left','')
    }
    /*
    if (is_safari) 
      document.getElementsByClassName("mapboxgl-ctrl-fullscreen").style.display = 'none'; 
    */
    FirstLoad = false
}
window.onload = function(){adaptGlobalDisplay();$('[id^="unselect"]').hide();}
window.onresize = adaptGlobalDisplay
window.onscroll = adaptGlobalDisplay

function activate_button(event){
  element_id = event.target.id
  if(!element_id.includes('_inactive'))
    element_id = event.target.parentNode.id  
  if(!element_id.includes('_inactive'))
    element_id = event.target.parentNode.parentNode.id 
  if(element_id.includes('_inactive')){
    if($('#'+element_id).is(":visible")){
      $("#"+element_id).hide()
      $("#"+element_id.replace("_inactive","_active")).show()
    }
  }
}
function deactivate_button(event){
  element_id = event.target.id
  if(!element_id.includes('_active'))
    element_id = event.target.parentNode.id   
  if(!element_id.includes('_active'))
    element_id = event.target.parentNode.parentNode.id   
  if(element_id.includes('_active')){
    if($('#'+element_id).is(":visible")){
      $("#"+element_id).hide()
      $("#"+element_id.replace("_active","_inactive")).show()
    }
  }
}

function showWaitingBlock(){
  $("#waiting-block").fadeIn()
  window.scrollTo(0, 0); 
}
function hideWaitingBlock(){
  $("#waiting-block").hide()
}

window.onbeforeunload = showWaitingBlock

</script><!--SMOOTH SCROLL--><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script>$(document).ready(function(){
  // Add smooth scrolling to all links
  $("a").on('click', function(event) {
    // Make sure this.hash has a value before overriding default behavior
    if (this.hash !== "") {
      // Prevent default anchor click behavior
      event.preventDefault();
      // Store hash
      var hash = this.hash;
      // Using jQuery's animate() method to add smooth page scroll
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
      $('html, body').animate({
      scrollTop: $(hash).offset().top
      }, 800, function(){
        // Add hash (#) to URL when done scrolling (default click behavior)
        window.location.hash = hash;
      });
    }
  });
});
</script><!--REVIEW SHOW MORE/LESS--><script>function showLongReview(index, idLabel) {
    $("#ReviewItemShort-"+idLabel+'-'+index).hide()
    $("#ReviewItemLong-"+idLabel+'-'+index).fadeIn()
}</script><script>function showShortReview(index, idLabel) {
    $("#ReviewItemLong-"+idLabel+'-'+index).hide()
    $("#ReviewItemShort-"+idLabel+'-'+index).fadeIn() 
}
</script><!--DESCRIPTION SHOW MORE/LESS--><script>function showLong(id) {
    $("#"+id+"Short").hide()
    $("#"+id+"Long").fadeIn()
}</script><script>function showShort(id) {
    $("#"+id+"Long").hide()
    $("#"+id+"Short").fadeIn() 
}
</script><!--SHOW/HIDE SECTION with TITLE--><script>function showSectionWithTitle(id){
  $('#'+id+'TitleHidden').hide()
  $('#'+id+'Title').show()
  $('#'+id).slideDown()
}
function hideSectionWithTitle(id){
  $('#'+id+'Title').hide()
  $('#'+id+'TitleHidden').show()
  $('#'+id).slideUp()
}</script><script>function showSectionWithTitleAlternative(id){
  $('#'+id+'TitleHidden').hide()
  $('#'+id).show()
  $('#'+id+'Title').show()
}
function hideSectionWithTitleAlternative(id){
  $('#'+id).fadeOut()
  $('#'+id+'Title').fadeOut()
  $('#'+id+'TitleHidden').fadeIn()
}
</script><script>var FirstLoad = true
var LocationAvailable = true
var GoogleMapsOrMapBox = 'GOOGLEMAPS' //'MAPBOX'
//mapboxgl.accessToken = 'pk.eyJ1IjoidW5wbHVndGVhbSIsImEiOiJjanYyeXpqc24wM3dkNGNuemp6MnRyMjYxIn0.aR19-lrnO9uvCI1LmeY8Qg';
var markers = [];
var markersAirport = [];
var markersSpotOnly = [];
var markersSchoolOnly = [];
var markersWebcam = [];
var infowindows = [];
var indexMarkerStayingVisible = -1;
/**/
var AreasListNAME = [];
var AreasListSLUG = [];
var AreasListLAT = [];
var AreasListLON = [];
var AreasListPHOTO = [];
var MonthsList = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
var AreaMonthsList = []
/*
var DestinationsListNAME = [];
var DestinationsListLAT = [];
var DestinationsListLON = [];
var DestinationsListSLUG = [];
var DestinationsListNBSCHOOLS = [];
var DestinationsListLESSONPRICE = [];
var DestinationsListRENTALPRICE = [];
var DestinationsListFLIGHTDURATION = [];
var DestinationsListBESTMONTHS = [];
var DestinationsListAIRPORT = [];
var DestinationsListJANWIND = [];
var DestinationsListFEBWIND = [];
var DestinationsListMARWIND = [];
var DestinationsListAPRWIND = [];
var DestinationsListMAYWIND = [];
var DestinationsListJUNWIND = [];
var DestinationsListJULWIND = [];
var DestinationsListAUGWIND = [];
var DestinationsListSEPWIND = [];
var DestinationsListOCTWIND = [];
var DestinationsListNOVWIND = [];
var DestinationsListDECWIND = [];
/**/
var SchoolsListNAME = [];
var SchoolsListEMAIL = [];
/*
var SchoolsListLAT = [];
var SchoolsListLON = [];
var SchoolsListSLUG = [];
var SchoolsListPHONE = [];
var SchoolsListADDRESS = [];
var SchoolsListLOGO = [];
var SchoolsListPREMIUMHIERARCHY = [];
var SchoolsListLESSONPRICE = [];
var SchoolsListRENTALPRICE = [];
var SchoolsListDISTANCEAIRPORT = [];
*/
var multipleContactNames = [];
var multipleContactEmails = [];
var multipleContactItems = [];
var selectedItems = 0;
var selectedItem = 0;
var totalItems = 0;
var displayedItems = 0;
var totalSchools = 0;
var displayedSchools = 0;
var displayedRentals = 0;
var totalSpots = 0;
var displayedSpots = 0;
var displayedSpotsBeginner = 0;
var displayedSpotsIntermediate = 0;
var displayedSpotsExpert = 0;
var start = moment();
var end = moment();//.add(7, 'days');
var minDate = moment();
var BookingDidUserInteract = false;
var BookingDates = '';
var BookingWhat = '';
var BookingDescriptionPrompt = '';
function anonymizedBookingDescriptionPrompt(descriptionPrompt){return 'For info, the potential customer interest is'+descriptionPrompt.replace('I am interested','').replace('I want','')}
var BookingInfo = '';
var BookingUNPLUGmargin = 0.05; // our % margin
var BookingHowMuchDescriptionPrompt = '';
var BookingHowMuch = 0;
var BookingHowMuchVoucher = 0;
var BookingPackageHowMuch = 0;
var BookingHowMuchOther = 0;
var BookingHowMuchNow = 0;
var BookingHowMuchLater = 0;
var BookingHowMuchSaved = 0;
var BookingHowMuchPayNow = 0;
var BookingPackageHowMuchPayNow = 0;
var BookingHowMuchCCY = 0;
var BookingPackageHowMuchVoucher = 0;
var BookingPackageHowMuchOther = 0;
var BookingPackageHowMuchNow = 0;
var BookingPackageHowMuchLater = 0;
var BookingPackageHowMuchSaved = 0;
var BookingPackageHowMuchCCY = 0;
var BookingPackageHowMuchOther = 0;
var BookingPersons = 1;
var BookingAdults = 1;
var BookingChildren = 0;
var BookingLesson = 0;
var BookingRental = 0;
var BookingLessonPrice = 0;
var BookingRentalPrice = 0;
var BookingVoucher = 0;
var BookingPackageLesson = 0;
var BookingPackageRental = 0;
var BookingPackageBeginner = 0;
var BookingPackageRefresher = 0;
var BookingPackageVoucher = 0;
var BookingPriceEUR = 0;
var BookingPriceCCY = 0;
var BookingCCY = '€';
var BookingFXCCYEUR = 1;
var BookingForWhoAdult = '1 adult';
var BookingForWhoChild = '';
const BookingScreenSize = ['SmallScreen', 'BigScreen'];
var zoomMapListItem=1;
var zoomMapBase=1;
var centerMapBase= {lat: 20, lng: 25} //change renderLuxurySideRight and renderBrandSideRight
//var centerMapBase=[20, 20];
var is_safari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
function getUrlVars() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
        vars[key] = decodeURI(value);
    });
    return vars;
};
var urlParams = getUrlVars();
//Marker Icons (for GoogleMaps only)
var icons = {
    inactive: {
      icon: '/img/map-icon-blue.png'
    },
    inactive_satellite: {
      icon: '/img/map-icon-yellow-pale.png'
    },
    active: {
      icon: '/img/map-icon-yellow.png'
    },
    school_active: {
      icon: '/img/map-icon-school-yellow.png'
    },
    school_inactive: {
      icon: '/img/map-icon-school-blue.png'
    },
    spot_active: {
      icon: '/img/map-icon-ride-yellow.png'
    },
    spot_inactive: {
      icon: '/img/map-icon-ride-blue.png'
    },
    airport_inactive: {
      icon: '/img/map-icon-airport.png'
    },
    airport_active: {
      icon: '/img/map-icon-airport-yellow.png'
    },
    webcam_inactive: {
      icon: '/img/map-icon-camera.png'
    },
    webcam_active: {
      icon: '/img/map-icon-camera-yellow.png'
    },
    hidden: {
      icon: '/img/map-icon-hidden.png'
    },
    destination: {
      icon: '/img/map-icon-destination.png'
    }
};
$(document).ready(function(){
  $('#google_translate_element').bind('DOMNodeInserted', function(event) {
    $('.goog-te-menu-value span:first').html('Change Language');
    $('.goog-te-menu-frame.skiptranslate').load(function(){
      setTimeout(function(){
        $('.goog-te-menu-frame.skiptranslate').contents().find('.goog-te-menu2-item-selected .text').html('Change Language');    
      }, 100);
    });
  });
});

</script><div id="navbar" class="unselectable notranslate"><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="navbar-container"><!-- Brand and toggle get grouped for better mobile display--><!--a.navbar-brand(href='/').no-displayimg.unplug-logo(id='navbar-logo', src='/img/landing-page-unplug-cruising-on-flat-water0.jpg')--><a href="/" class="navbar-brand force-no-padding-right"><img id="navbar-logo" src="/img/logo-unplug-top.png" class="unplug-logo"></a><!--a.navbar-brand(href='#').force-no-padding-left#translate-container.btn.btn-unplug-blue-auto-width
  #google_translate_element--><!--#SocialMediaShareContainer.no-display+rendrerShareSocialMediaActionButton()          --><div id="UpdateShortcutContainer" class="hide-on-wide-screen"></div><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" class="navbar-toggle"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button></div><!-- Collect the nav links, forms, and other content for toggling--><div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse"><ul class="nav navbar-nav nav-right"> <li><a id="navbar-search" href="/searchnew"> <i class="fa fa-search availability reactiveX2"></i>Find School & Spot </a></li><li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle"><i class="fa fa-globe-americas availability reactiveX2"></i>Explore the World    <b class="caret"></b>                  <ul class="dropdown-menu"> <li><a href="/areas/france">  France</a></li><li><a href="/areas/spain-portugal">  Spain-Portugal</a></li><li><a href="/areas/italy">Italy</a></li><li><a href="/areas/greece">Greece</a></li><li><a href="/areas/north-europe">Northern Europe</a></li><li><a href="/areas/eastern-europe">Eastern Europe</a></li><li class="divider">      </li><li><a href="/areas/west-north-africa-canarias">West North Africa-Canarias</a></li><li><a href="/areas/east-south-africa">East South Africa</a></li><li class="divider">      </li><li><a href="/areas/brazil">Brazil</a></li><li><a href="/areas/latin-america">Latin America</a></li><li><a href="/areas/caribbean">Caribbean</a></li><li><a href="/areas/north-america">North America</a></li><li class="divider"></li><li><a href="/areas/middle-east">Middle East</a></li><li><a href="/areas/asia">Asia</a></li><li><a href="/areas/oceania">Oceania</a></li></ul></a></li><!--lia(id='navbar-kitetrips', href='/kitetrips') 
  i.fas.fa-handshake.availability.reactiveX2
  | Cashback Trips--><li><a id="navbar-kitetrips" href="/pricing"> <i class="fas fa-handshake availability reactiveX2"></i>Pricing Plans</a></li><li><a href="https://unplug673641.typeform.com/to/aTvCi6" data-mode="drawer_right" target="_blank" class="typeform-share"> <i class="fa fa-user-plus availability reactiveX2"></i>Add your Kitesurf School or Spot    </a></li><!--li.dropdowna.dropdown-toggle(href='#', data-toggle='dropdown')
  i.fa.fa-info.availability.reactiveX2 
  | About
  b.caret
  |                   
  ul.dropdown-menu 
    li
      a(href='/about')   About Us
    li
      a(href='/cashback')   Cashback Program
    li
      a(href='/pricing') Pricing
    li
      a.typeform-share(id='contact_typeform_3' , href='https://unplug673641.typeform.com/to/jA1qp4?Page=', data-mode='drawer_right', target='_blank') Help
      script.
        $(window).on('load', function() {
          document.getElementById("contact_typeform_3").href = document.getElementById("contact_typeform_3").href.replace('jA1qp4?Page=', 'jA1qp4?Page='+window.location.href);
        })--><!--lia.typeform-share(href='https://unplug673641.typeform.com/to/aTvCi6', data-mode='drawer_right', target='_blank') 
  i.far.fa-handshake.availability.reactiveX2
  | Share/rent your equipment
//+scriptTypeform()--><!--lia.typeform-share(id='contact_typeform_1', href='https://unplug673641.typeform.com/to/jA1qp4?Page=', data-mode='drawer_right', target='_blank')
    i.fa.fa-comments.availability.reactiveX2                
    | Contact us    
script.
  $(window).on('load', function() {
    document.getElementById("contact_typeform_1").href = document.getElementById("contact_typeform_1").href.replace('jA1qp4?Page=', 'jA1qp4?Page='+window.location.href);
  })
--></ul></div><!-- /.navbar-collapse--><!-- /.container-fluid--><div id="ScrollIndicator"><div class="header"><div class="progress-container"><div id="ScrollBar" class="progress-bar"></div></div></div></div></div></nav></div><div id="content" class="content-container"><div id="waiting-block" onclick="hideWaitingBlock()"><div class="content"><div class="text-center"><i class="fa fa-spinner fa-pulse fa-5x fa-fw"></i></div></div></div><script>document.getElementById('navbar-logo').addEventListener('mouseenter', function (event){
    document.getElementById('navbar-logo').src='/img/logo-unplug-yellow.png';
})
document.getElementById('navbar-logo').addEventListener('mouseleave', function (event){
    document.getElementById('navbar-logo').src='/img/logo-unplug.png';
})
$("#waiting-block").hide()</script><!--+rendrerShareSocialMedia('LinkToBeShared')--><script>document.title = 'SUP Beach, South Africa | Kitespot in Cape Town, South Africa | Unplug'</script><script>document.querySelector('meta[name="description"]').setAttribute("content", 
	'All about kitesurf in SUP Beach, South Africa, kitesurf spot in Cape Town! '+
	'See spot info, webcams, weather forecasts, reviews and comments. Check when to kite.'
);
document.querySelector('meta[property="og:description"]').setAttribute("content", 
	'All about kitesurf in SUP Beach, South Africa, kitesurf spot in Cape Town! '+
	'See spot info, webcams, weather forecasts, reviews and comments. Check when to kite.'
);
</script><script>var el = document.createElement('script');
var structrating = ""
var structreviewnumber = "6373"
var structCCY = "EUR"
var structLessonPrice = "0"
var structRentalPrice = "0"
var structName = "SUP Beach, South Africa"
var structSlug = ""
var structLabel = "SUP Beach, South Africa | Unplug"

var structlogo = "/img/i_sp_lo/6Vhwu7q4oDZITWD6g5tW6Y_KiteforumLogo2653_3UMfdZNUnmxgJTpglyfspv_import_0"
if (structlogo == "")
  structlogo = "https://www.unplug-kitesurf.com/img/logo-unplug-blue.png"

structrating.replace(","," ")
if (structrating == "")
  structrating = "5"
if (structreviewnumber == "")
  structreviewnumber = "1"

el.type = 'application/ld+json';
el.text = JSON.stringify(
            {
              "@context": "https://schema.org/",
              "@type": "Product",
              "name": structLabel,
              "logo": structlogo,
              "image": structlogo,
              "description": "Discover kitesurf spot and full details, wind, weather, when to go.",
              "sku": "unplug-",
              "mpn": "925872",
              "brand": {
                "@type": "Organization",
                "name": "Unplug",
                "url": "https://www.unplug-kitesurf.com/",
                "logo": "https://www.unplug-kitesurf.com/img/logo-unplug-blue.png"
              },
              "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": structrating,
                "worstRating": "0",
                "bestRating": "5",
                "reviewCount": structreviewnumber
              },
              "review": {
                "@type": "Review",
                "reviewRating": {
                    "@type": "Rating",
                    "ratingValue": structrating,
                    "worstRating": "0",
                    "bestRating": "5"
                },
                "author": {
                  "@type": "Person",
                  "name": "School Customers"
                }
              },
              "offers": {
                "@type": "Offer",
                "url": "https://www.unplug-kitesurf.com/spots/"+structSlug,
                "priceCurrency": structCCY,
                "price": structLessonPrice,
                "priceValidUntil": "2022-01-01",
                "availability": "https://schema.org/InStock",
                "seller": {
                  "@type": "Organization",
                  "name": "Unplug | "+structName,
                  "url": "https://www.unplug-kitesurf.com/spots/"+structSlug,
                  "logo": "https://www.unplug-kitesurf.com/img/logo-unplug-blue.png"
                }
              }
            }
          );
document.querySelector('head').appendChild(el);


</script><!--+enableShareSocialMediaButton()--><!--***************************************--><!--**                                   **--><!--**    MAP MARKERS GLOBAL SCRIPTS     **--><!--**       (MAPBOX/GOOGLEMAPS)         **--><!--**         (WORKS FOR BOTH)          **--><!--**                                   **--><!--***************************************--><!--DATE FORMAT--><script>function formatDate(date) {
  if (date !== undefined && date !== "") {
    var myDate = new Date(date);
    var month = [
      "Jan",
      "Feb",
      "Mar",
      "Apr",
      "May",
      "Jun",
      "Jul",
      "Aug",
      "Sep",
      "Oct",
      "Nov",
      "Dec",
    ][myDate.getMonth()];
    var str = myDate.getDate() + " " + month + " " + myDate.getFullYear();
    return str;
  }
  return "";
}
</script><!--LOCATE IN NSEW BOX--><script>function isPointInBox(Lat,Lon,NorthBound,SouthBound,EastBound,WestBound){
    
    //if NO longitude jump (box DOES NOT cross 180° lon)
    if ( EastBound * WestBound > 0){
      if(EastBound < WestBound
      || Lat < NorthBound
      && Lat > SouthBound
      && Lon < EastBound
      && Lon > WestBound){
        return true;
      }
      else{
        return false;
      }
    }

    //if longitude jump (box DOES cross 180° lon)
    else{
      if(Lat < NorthBound
        && Lat > SouthBound
        &&
        (
          (Lon < EastBound + 360
          && Lon > WestBound)
          ||
          (Lon < EastBound
          && Lon > WestBound - 360)
        )
      ){
        return true;
      }
      else{
        return false;
      }
    }

}
</script><!--MAP MARKER BOUNCE--><script>function bounceMapMarker(indexGlobal, type) {
  switch(GoogleMapsOrMapBox){
    case 'MAPBOX':
      break
    case 'GOOGLEMAPS':
      if (!(window.innerWidth < 769)){
        activateGoogleMapMarkerIcon(indexGlobal, type)  
        //if (markers[indexGlobal].getAnimation() != google.maps.Animation.BOUNCE) {
        //  markers[indexGlobal].setAnimation(google.maps.Animation.BOUNCE);
        //}
      }
      break     
  }
}
function unbounceMapMarker(indexGlobal, type) {
  switch(GoogleMapsOrMapBox){
    case 'MAPBOX':
      break
    case 'GOOGLEMAPS':
      deactivateGoogleMapMarkerIcon(indexGlobal, type)     
      //if (markers[indexGlobal].getAnimation() == google.maps.Animation.BOUNCE) {
      //  markers[indexGlobal].setAnimation(null);
      //}
      break     
  }
}
</script><!--MAP MARKER ICON SWITCH--><script>function showMapMarker(indexGlobal, type) {
  switch(GoogleMapsOrMapBox){
    case 'MAPBOX':
      $('[id="mapbox-marker-school'+index+'"]').css('background-image','url("/img/map-icon-yellow.png")');
      $('[id="mapbox-marker-school'+index+'"]').css("z-index", "11");
      break
    case 'GOOGLEMAPS':
      //if(index != indexMarkerStayingVisible)
      bounceMapMarker(indexGlobal, type)
      markers[indexGlobal].setZIndex(google.maps.Marker.MAX_ZINDEX + 1);          
      //activateGoogleMapMarkerIcon(index)
      break
  }
}</script><script>function defaultMapMarker(indexGlobal, type) {
  switch(GoogleMapsOrMapBox){
    case 'MAPBOX':
      if(indexGlobal != indexMarkerStayingVisible)
        $('[id="mapbox-marker-school'+indexGlobal+'"]').css('background-image','url("/img/map-icon-blue.png")');
      $('[id="mapbox-marker-school'+indexGlobal+'"]').css("z-index", "10");   
      break
    case 'GOOGLEMAPS':
      unbounceMapMarker(indexGlobal, type)
      if(indexGlobal != indexMarkerStayingVisible && !$("#wide_item_selected"+indexGlobal).is(":visible") && !$("#narrow_item_selected"+indexGlobal).is(":visible")){
        deactivateGoogleMapMarkerIcon(indexGlobal, type) 
      }
      else{
        activateGoogleMapMarkerIcon(indexGlobal, type)                  
        //markers[index].setZIndex(google.maps.Marker.MAX_ZINDEX - 1);
      }
      break     
  }
}</script><script>function vanishMapMarker(index, type) {
  var idLabel = type + 'Item'
  if ($("#"+idLabel+'wide'+index).attr("inmapbound") == "true"){
    $("#"+idLabel+'wide'+index).attr("inmapbound", "false")
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        if(index != indexMarkerStayingVisible)
          $('[id="mapbox-marker-school'+index+'"]').css('background-image','url("/img/map-icon-hidden.png")');
          $('[id="mapbox-marker-school'+index+'"]').css("z-index", "10");    
        break
      case 'GOOGLEMAPS':
        unbounceMapMarker(index, type)
        if(type=='spot'){
          markersSpotOnly[index].setIcon({url:icons['hidden'].icon, scaledSize: new google.maps.Size(20, 20)});
        }
        if(type=='school'){
          markersSchoolOnly[index].setIcon({url:icons['hidden'].icon, scaledSize: new google.maps.Size(20, 20)});
        }
        if(type != 'school' && type != 'spot'){
          markers[index].setIcon({url:icons['hidden'].icon, scaledSize: new google.maps.Size(20, 20)});
        }
        break  
    }
    if($("#"+idLabel+'wide'+index).attr("displayed") == "true"){
      $("#"+idLabel+'wide'+index).attr("displayed", "false")
      displayedItems--
      if(type=='spot'){
        displayedSpots--
        if($("#"+idLabel+'wide'+index).attr("hasbeginner") == "true")
          displayedSpotsBeginner--
        else
          if($("#"+idLabel+'wide'+index).attr("hasintermediate") == "true")
            displayedSpotsIntermediate--
          else
            if($("#"+idLabel+'wide'+index).attr("hasexpert") == "true")
              displayedSpotsExpert--
      }
      if(type=='school'){
        displayedSchools--
        if($("#"+idLabel+'wide'+index).attr("hasrental") == "true")
          displayedRentals--
      }
      $("#"+idLabel+'wide'+index).slideUp()
      $("#"+idLabel+'narrow'+index).slideUp()
      $("#googleMapCenter").fadeIn()


      //REFRESH RESULTS
      switch(type){
        case 'school':
        case 'spot':
          $('#NumberOfDisplayedItems_wide').text(displayedItems + ' results')
          $('#Show_Filter_Menu_narrowTitle .btn').html('<i class="fas fa-filter availabilityX2"></i>Show ' + displayedItems + ' results')
          if(displayedItems > 0)
            if(displayedSpots == 0 && displayedItems == displayedSchools)
              $('#MapTitle_narrow h3').html(displayedSchools + ' schools in the zone')
            else
              if(displayedSchools == 0 && displayedItems == displayedSpots)
                $('#MapTitle_narrow h3').html(displayedSpots + ' spots in the zone')
              else 
                $('#MapTitle_narrow h3').html(displayedItems + ' places in the zone')
          else
            $('#MapTitle_narrow h3').html(displayedItems + ' places in the zone')
          break
        case 'destination':
          $('#NumberOfDisplayedItems_wide').text(displayedItems + ' destinations')
          $('#Show_Filter_Menu_narrowTitle .btn').html('<i class="fas fa-filter availabilityX2"></i>Show ' + displayedItems + ' destinations')
          $('#MapTitle_narrow h3').html(displayedItems + ' destinations')
          break
      }
    }
  }
}
</script><script>function showAllMapMarker() {
  switch(GoogleMapsOrMapBox){
    case 'MAPBOX':
      $('[id^="mapbox-marker-school"]').css('background-image','url("/img/map-icon-yellow.png")');
      $('[id^="mapbox-marker-school"]').css("z-index", "11");
      break
    case 'GOOGLEMAPS':
      adaptGoogleMapMarkeIcons()
      break
  }
}</script><script>function defaultAllMapMarker() {
  switch(GoogleMapsOrMapBox){
    case 'MAPBOX':
      $('[id^="mapbox-marker-school"]').css('background-image','url("/img/map-icon-blue.png")');                
      $('[id^="mapbox-marker-school"]').css("z-index", "10");
      break
    case 'GOOGLEMAPS':
      adaptGoogleMapMarkeIcons()
      /*if (indexMarkerStayingVisible!=-1){ 
          activateGoogleMapMarkerIcon(indexMarkerStayingVisible)
      }*/
      break
  }
}</script><script>function hideAllMapPopup() {
  switch(GoogleMapsOrMapBox){
    case 'MAPBOX':
      $('.mapboxgl-popup').hide();
      break
    case 'GOOGLEMAPS':
      var total = infowindows.length
      for (var i = 0; i < total; i++){
          if(i != indexMarkerStayingVisible)
            infowindows[i].close()
      }
      break
  }
}</script><script>function showAirportMapMarker(index) {
  switch(GoogleMapsOrMapBox){
    case 'MAPBOX':
      $('[id="mapbox-marker-airport'+index+'"]').css('background-image','url("/img/map-icon-airport-yellow.png")');
      $('[id="mapbox-marker-airport'+index+'"]').css("z-index", "11");
      break
    case 'GOOGLEMAPS':
      markersAirport[index].setZIndex(google.maps.Marker.MAX_ZINDEX + 1);          
      //markersAirport[index].setIcon({url:icons['airport_active'].icon,scaledSize: new google.maps.Size(20, 20)});
      break
  }
}</script><script>function defaultAirportMapMarker(index, forceHide) {
  switch(GoogleMapsOrMapBox){
    case 'MAPBOX':
      if(forceHide || index != indexMarkerStayingVisible){
        $('[id="mapbox-marker-airport'+index+'"]').css('background-image','url("/img/map-icon-airport.png")');
      if(forceHide)
        $('[id="mapbox-marker-airport'+index+'"]').css("z-index", "10");
      }
      break
    case 'GOOGLEMAPS':
      if (markersAirport[index].getAnimation() == google.maps.Animation.BOUNCE) {
        markersAirport[index].setAnimation(null);
      }
      //markersAirport[index].setIcon({url:icons['airport_inactive'].icon,scaledSize: new google.maps.Size(20, 20)});
      markersAirport[index].setZIndex(google.maps.Marker.MAX_ZINDEX - 1);
      break
  }
}</script><script>function showAllAirportMapMarker() {
  switch(GoogleMapsOrMapBox){
    case 'MAPBOX':
      $('[id^="mapbox-marker-airport"]').css('background-image','url("/img/map-icon-airport-yellow.png")');
      $('[id^="mapbox-marker-airport"]').css("z-index", "11");
      break
    case 'GOOGLEMAPS':
      break
  }
}</script><script>function defaultAllAirportMapMarker() {
  switch(GoogleMapsOrMapBox){
    case 'MAPBOX':
      $('[id^="mapbox-marker-airport"]').css('background-image','url("/img/map-icon-airport.png")');
      $('[id^="mapbox-marker-airport"]').css("z-index", "10");
      break
    case 'GOOGLEMAPS':
      break
  }
}
</script><!--****************************************--><!--**                                    **--><!--**   MAPBOX SPECIFIC GLOBAL SCRIPTS   **--><!--**        (comment/uncomment)         **--><!--**                                    **--><!--****************************************--><!--no need--><!--********************************************--><!--**                                        **--><!--**   GOOGLEMAPS SPECIFIC GLOBAL SCRIPTS   **--><!--**           (comment/uncomment)          **--><!--**                                        **--><!--********************************************--><script>function turnGoogleMapAllActive() {
  switch(map.getMapTypeId()){
    case 'satellite':
    case 'hybrid':
      {
        var total = markers.length
        if(markersSchoolOnly.length==0 && markersSpotOnly.length==0){
          for (var i = 0; i < total; i++){
                markers[i].setIcon({url:icons['active'].icon, scaledSize: new google.maps.Size(20, 20)});
          }
        }
        total = markersSchoolOnly.length
        for (var i = 0; i < total; i++){
              markersSchoolOnly[i].setIcon({url:icons['school_active'].icon, scaledSize: new google.maps.Size(20, 20)});
        }
        total = markersSpotOnly.length
        for (var i = 0; i < total; i++){
              markersSpotOnly[i].setIcon({url:icons['spot_active'].icon, scaledSize: new google.maps.Size(20, 20)});
        }
        break
      }
    case 'terrain':
    case 'roadmap':
      {
        var total = markers.length
        if(markersSchoolOnly.length==0 && markersSpotOnly.length==0){
          for (var i = 0; i < markers.length; i++){
                markers[i].setIcon({url:icons['active'].icon, scaledSize: new google.maps.Size(20, 20)});
          }
        }
        total = markersSchoolOnly.length
        for (var i = 0; i < total; i++){
              markersSchoolOnly[i].setIcon({url:icons['school_active'].icon, scaledSize: new google.maps.Size(20, 20)});
        }
        total = markersSpotOnly.length
        for (var i = 0; i < total; i++){
              markersSpotOnly[i].setIcon({url:icons['spot_active'].icon, scaledSize: new google.maps.Size(20, 20)});
        }
        break
      }
  }
  //for (var j = 0; j < markersAirport.length; j++)
  //  markersAirport[j].setIcon({url:icons['airport_active'].icon, scaledSize: new google.maps.Size(20, 20)});     
}
function turnGoogleMapAllInactive() {
  switch(map.getMapTypeId()){
    case 'satellite':
    case 'hybrid':
      {
        var total = markers.length
        if(markersSchoolOnly.length==0 && markersSpotOnly.length==0){
          for (var i = 0; i < total; i++){
              if(i != indexMarkerStayingVisible && !$("#wide_item_selected"+i).is(":visible") && !$("#narrow_item_selected"+i).is(":visible"))            
                markers[i].setIcon({url:icons['inactive_satellite'].icon, scaledSize: new google.maps.Size(20, 20)});
          }
        }
        total = markersSchoolOnly.length
        for (var i = 0; i < total; i++){
          if ($("#"+'schoolItem'+'wide'+i).attr("displayed") == "true"
            && $("#"+'schoolItem'+'wide'+i).attr("excluded") == "false"
            && $("#"+'schoolItem'+'wide'+i).attr("inmapbound") == "true")
                if(i != indexMarkerStayingVisible && !$("#wide_item_selected"+i).is(":visible") && !$("#narrow_item_selected"+i).is(":visible"))            
                  markersSchoolOnly[i].setIcon({url:icons['school_active'].icon, scaledSize: new google.maps.Size(20, 20)});
        }
        total = markersSpotOnly.length
        for (var i = 0; i < total; i++){
          if ($("#"+'spotItem'+'wide'+i).attr("displayed") == "true"
            && $("#"+'spotItem'+'wide'+i).attr("excluded") == "false"
            && $("#"+'spotItem'+'wide'+i).attr("inmapbound") == "true")
            if(i + markersSchoolOnly.length != indexMarkerStayingVisible && !$("#wide_item_selected"+i + markersSchoolOnly.length ).is(":visible") && !$("#narrow_item_selected"+i + markersSchoolOnly.length ).is(":visible"))            
              markersSpotOnly[i].setIcon({url:icons['spot_active'].icon, scaledSize: new google.maps.Size(20, 20)});
        }
        break
      }
    case 'terrain':
    case 'roadmap':
      {
        var total = markers.length
        if(markersSchoolOnly.length==0 && markersSpotOnly.length==0){
          for (var i = 0; i < markers.length; i++){
              if(i != indexMarkerStayingVisible && !$("#wide_item_selected"+i).is(":visible") && !$("#narrow_item_selected"+i).is(":visible")) 
                markers[i].setIcon({url:icons['inactive'].icon, scaledSize: new google.maps.Size(20, 20)});
          }
        }
        total = markersSchoolOnly.length
        for (var i = 0; i < total; i++){
          if ($("#"+'schoolItem'+'wide'+i).attr("displayed") == "true"
            && $("#"+'schoolItem'+'wide'+i).attr("excluded") == "false"
            && $("#"+'schoolItem'+'wide'+i).attr("inmapbound") == "true")
            if(i != indexMarkerStayingVisible && !$("#wide_item_selected"+i).is(":visible") && !$("#narrow_item_selected"+i).is(":visible")) 
              markersSchoolOnly[i].setIcon({url:icons['school_inactive'].icon, scaledSize: new google.maps.Size(20, 20)});
        }
        total = markersSpotOnly.length
        for (var i = 0; i < total; i++){
          if ($("#"+'spotItem'+'wide'+i).attr("displayed") == "true"
            && $("#"+'spotItem'+'wide'+i).attr("excluded") == "false"
            && $("#"+'spotItem'+'wide'+i).attr("inmapbound") == "true")
            if(i+markersSchoolOnly.length != indexMarkerStayingVisible && !$("#wide_item_selected"+i + markersSchoolOnly.length + markersSchoolOnly.length).is(":visible") && !$("#narrow_item_selected"+i + markersSchoolOnly.length).is(":visible")) 
              markersSpotOnly[i].setIcon({url:icons['spot_inactive'].icon, scaledSize: new google.maps.Size(20, 20)});
        }
        break
      }
  }
  //for (var j = 0; j < markersAirport.length; j++)
  //  markersAirport[j].setIcon({url:icons['airport_inactive'].icon, scaledSize: new google.maps.Size(20, 20)});     
}
function hideAllGoogleMap() {
  var total = markers.length
  for (var i = 0; i < total; i++){
    markers[i].setIcon({url:icons['hidden'].icon});
  }
}
function adaptGoogleMapMarkeIcons() {
        turnGoogleMapAllInactive()
}
function activateGoogleMapMarkerIcon(indexGlobal, type) {
  switch(map.getMapTypeId()){
    case 'satellite':
    case 'hybrid':
      {
        if(type != 'school' && type != 'spot')
          if($("#"+type+'Item'+'wide'+indexGlobal).attr("excluded") == "false")
            markers[indexGlobal].setIcon({url:icons['active'].icon, scaledSize: new google.maps.Size(20, 20)});
        if(type == 'school')
          if($("#"+type+'Item'+'wide'+indexGlobal).attr("excluded") == "false")
            markers[indexGlobal].setIcon({url:icons['school_active'].icon, scaledSize: new google.maps.Size(20, 20)});
        if(type == 'spot')
          var index = indexGlobal - totalSchools
          if($("#"+type+'Item'+'wide'+index).attr("excluded") == "false")
            markers[indexGlobal].setIcon({url:icons['spot_active'].icon, scaledSize: new google.maps.Size(20, 20)});
        break
      }
    case 'terrain':
    case 'roadmap':
      {
        if(type != 'school' && type != 'spot')
          if($("#"+type+'Item'+'wide'+indexGlobal).attr("excluded") == "false")
            markers[indexGlobal].setIcon({url:icons['active'].icon, scaledSize: new google.maps.Size(20, 20)});
        
        if(type == 'school')
          if($("#"+type+'Item'+'wide'+indexGlobal).attr("excluded") == "false")
            markers[indexGlobal].setIcon({url:icons['school_active'].icon, scaledSize: new google.maps.Size(20, 20)});
        
        if(type == 'spot')
          var index = indexGlobal - totalSchools
          if($("#"+type+'Item'+'wide'+index).attr("excluded") == "false")
            markers[indexGlobal].setIcon({url:icons['spot_active'].icon, scaledSize: new google.maps.Size(20, 20)});
        break
      }
  }        
  markers[indexGlobal].setZIndex(google.maps.Marker.MAX_ZINDEX + 1);   
}
function deactivateGoogleMapMarkerIcon(indexGlobal, type) {
  switch(map.getMapTypeId()){
    case 'satellite':
    case 'hybrid':
      {
        if(type != 'school' && type != 'spot')
          if($("#"+type+'Item'+'wide'+indexGlobal).attr("excluded") == "false")
            markers[indexGlobal].setIcon({url:icons['inactive_satellite'].icon, scaledSize: new google.maps.Size(20, 20)});
        if(type == 'school')
          if($("#"+type+'Item'+'wide'+indexGlobal).attr("excluded") == "false")
            markers[indexGlobal].setIcon({url:icons['school_active'].icon, scaledSize: new google.maps.Size(20, 20)});
        if(type == 'spot')
          var index = indexGlobal - totalSchools
          if($("#"+type+'Item'+'wide'+index).attr("excluded") == "false")
            markers[indexGlobal].setIcon({url:icons['spot_active'].icon, scaledSize: new google.maps.Size(20, 20)});
        break
      }
    case 'terrain':
    case 'roadmap':
      {
        if(type != 'school' && type != 'spot')
          if($("#"+type+'Item'+'wide'+indexGlobal).attr("excluded") == "false")
            markers[indexGlobal].setIcon({url:icons['inactive'].icon, scaledSize: new google.maps.Size(20, 20)});
        if(type == 'school')
          if($("#"+type+'Item'+'wide'+indexGlobal).attr("excluded") == "false")
            markers[indexGlobal].setIcon({url:icons['school_inactive'].icon, scaledSize: new google.maps.Size(20, 20)});
        if(type == 'spot')
          var index = indexGlobal - totalSchools
          if($("#"+type+'Item'+'wide'+index).attr("excluded") == "false")
            markers[indexGlobal].setIcon({url:icons['spot_inactive'].icon, scaledSize: new google.maps.Size(20, 20)});
        break
      }
  }
  markers[indexGlobal].setZIndex(google.maps.Marker.MAX_ZINDEX - 1);          
}
          </script><script>function checkAndHideListItem(idLabel,index, type,NorthBound,SouthBound,EastBound,WestBound) {
    if(isPointInBox($("#"+idLabel+'wide'+index).attr("lat"),
                    $("#"+idLabel+'wide'+index).attr("lon"),
                    NorthBound,SouthBound,EastBound,WestBound)){
                      indexGlobal = parseFloat(index)
                      if(type=='spot')
                        indexGlobal = parseFloat(index) + parseFloat(totalSchools)
                      
                      if ($("#"+idLabel+'wide'+index).attr("excluded") == "false"){
                        
                        defaultMapMarker(indexGlobal, type)

                        if ($("#"+idLabel+'wide'+index).attr("displayed") == "false"){
                          $("#"+idLabel+'wide'+index).fadeIn()
                          $("#"+idLabel+'narrow'+index).fadeIn()
                          //$("#"+idLabel+'wide'+index).slideDown("fast")
                          //$("#"+idLabel+'narrow'+index).slideDown("fast")
                          $("#"+idLabel+'wide'+index).attr("displayed", "true")
                          displayedItems++
                          if(idLabel=='spotItem'){
                            displayedSpots++
                            if($("#"+idLabel+'wide'+index).attr("hasbeginner") == "true")
                              displayedSpotsBeginner++
                            else
                              if($("#"+idLabel+'wide'+index).attr("hasintermediate") == "true")
                                displayedSpotsIntermediate++
                              else
                                if($("#"+idLabel+'wide'+index).attr("hasexpert") == "true")
                                  displayedSpotsExpert++
                          }
                          if(idLabel=='schoolItem'){
                            displayedSchools++
                            if($("#"+idLabel+'wide'+index).attr("hasrental") == "true")
                              displayedRentals++
                          }
                          if(displayedItems==totalItems){
                            //$('[id^="ShowAllItemsToggle_"]').hide()
                          }
                        }
                      }
                      
                      $("#"+idLabel+'wide'+index).attr("inmapbound", "true")
                    }
    else{
        if (!$("#wide_item_selected"+indexGlobal).is(":visible") && !$("#narrow_item_selected"+indexGlobal).is(":visible")){
          vanishMapMarker(index, type)
        }
    }

    if(displayedItems == totalItems)
      $("#googleMapCenter").hide()  

    //REFRESH RESULTS
    $('#NumberOfDisplayedItems_wide').text(displayedItems + ' results')
    $('#Show_Filter_Menu_narrowTitle .btn').html('<i class="fas fa-filter availabilityX2"></i>Show ' + displayedItems + ' results')
    if(displayedItems > 0)
      if(displayedSpots == 0 && displayedItems == displayedSchools)
        $('#MapTitle_narrow h3').html(displayedSchools + ' schools in the zone')
      else
        if(displayedSchools == 0 && displayedItems == displayedSpots)
          $('#MapTitle_narrow h3').html(displayedSpots + ' spots in the zone')
        else 
          $('#MapTitle_narrow h3').html(displayedItems + ' places in the zone')
    else
      $('#MapTitle_narrow h3').html(displayedItems + ' places in the zone')
    
}
</script><script>$("#navbar-search").attr("lat", -34.101633)
$("#navbar-search").attr("lon", 18.488664)
$("#navbar-search").attr("radius",30)</script><script>//var adaptSearchButtonLink = function(lat, lng, radius){                  
    var latOnChange = parseFloat($("#navbar-search").attr("lat"))
    var lngOnChange = parseFloat($("#navbar-search").attr("lon"))
    var radius = parseFloat($("#navbar-search").attr("radius"))
    var ratio_w_h = 1
    var box_radius = radius
    if (document.documentElement.clientWidth > 768){
      ratio_w_h = 0.4 * document.documentElement.clientWidth / document.documentElement.clientHeight
      //ratio_w_h = ( document.getElementById('middle').offsetWidth - 70 )/ ( document.documentElement.clientHeight - 270 )
    }
    else{
      ratio_w_h = document.documentElement.clientWidth / document.documentElement.clientHeight
      box_radius = box_radius * 1.5 //twice the search box size for mobile screen
    }
    //1km in degree approx = 0.0089
    //100km in degree approx = 0.89
    var earth = 6378.137,  //radius of the earth in kilometer
        pi = Math.PI,
        cos = Math.cos,
        km = (1 / ((2 * pi / 360) * earth))  //1 km in degree
    var additional_height_margin = box_radius * ( 1 / ratio_w_h - 1 )
    var latBoxDown = latOnChange - ( box_radius + additional_height_margin ) * km
    var latBoxUp = latOnChange + ( box_radius + additional_height_margin ) * km;
    var lngBoxDown = lngOnChange - box_radius * km / cos(latOnChange * (pi / 180))
    var lngBoxUp = lngOnChange + box_radius * km / cos(latOnChange * (pi / 180))
    document.querySelector('#navbar-search').setAttribute("href", 
      '/searchnew'+
      '?my_kitesurf_escape[geoSearch][boundingBox]='+latBoxUp+'%2C'+lngBoxUp+'%2C'+latBoxDown+'%2C'+lngBoxDown);
//};

</script><div class="page-content"><div id="container-search" class="container"><!--+renderSearchBarRow--><h6></h6><div class="row fa-lg sticky-breadcrumb"><div class="col-md-2"></div><div class="col-md-7"><!--.thumbnail--><ol class="breadcrumb force-no-margin-bottom-on-small-screen"><li class="reactive">   <a href="/areas/world"> <i class="fa fa-globe-americas availability"> </i>World</a></li><li><a href="/areas/east-south-africa">East South Africa</a></li><li><a href="/destinations/cape-town">Cape Town</a></li><li><a href="#">SUP Beach, South Africa</a></li></ol></div></div><div class="row"><div id="SideColumnLeft" class="col-md-2"><div class="col-sm-12">     <div class="row hide-on-narrow-ipadscreen"><div class="col-sm-12"><!--#adGallery.carousel.slide(data-ride='carousel', data-interval='3000').text-center--><div id="adGallery" class="d-flex align-items-center justify-content-center text-center"><div id="adGallery1" class="reactive no-display"><a href="/schools/wind-voyager-mediterranean"><img src="/img/i_sc_lo/4EjahTTqbX17TJVAvgOcJW_Wind-Voyager.jpg" alt="Wind Voyager - Mediterranean" class="img-fluid"/><h3 style="font-size: vw;">Wind Voyager - Mediterranean</h3><h1><i class="fas fa-times"></i></h1><img src="/img/logo-unplug-blue.png" alt="UNPLUG" class="img-fluid"/><h4 style="font-size: vw;">in Ibiza    </h4></a></div><div id="adGallery2" class="reactive no-display"><a href="/schools/olsen-adventures"><img src="/img/i_sc_lo/4dXxAm60lAkbvuL9zOGybk_olsden.JPG" alt="Olsen Adventures" class="img-fluid"/><h3 style="font-size: vw;">Olsen Adventures</h3><h1><i class="fas fa-times"></i></h1><img src="/img/logo-unplug-blue.png" alt="UNPLUG" class="img-fluid"/><h4 style="font-size: vw;">in Keys</h4></a></div><div id="adGallery3" class="reactive no-display"><a href="/schools/thekitemag-clinics"><img src="/img/i_sc_lo/5XLIvfJj1ww2wwPfONPWuk_kite-clinics.png" alt="TheKiteMag Clinics" class="img-fluid"/><h3 style="font-size: vw;">TheKiteMag Clinics</h3><h1><i class="fas fa-times"></i></h1><img src="/img/logo-unplug-blue.png" alt="UNPLUG" class="img-fluid"/><h4 style="font-size: vw;">in Fortaleza / Cumbuco</h4></a></div></div></div></div></div><!--.side-column--><!--a(href='/areas/'.concat(spot.fields.area.fields.slug)).row.text-center
  .col-md-12.col-sm-12.background-active.side-column-title
    .text-color-secondary
      h3 East South Africa
--><!--.single-item//-if (spot.fields.topSchools.items.length>0)
  .thumbnail.hide-on-narrow-screen
    .thumbnail-header-title.padding-10px-right
      .row
        .col-sm-12
          h3.text-center
            //i.fas.fa-user-graduate.availability
            | Top Schools
          .row.notranslate 
            +renderClosestSchoolsBIS(spot)
--><!--.single-item.hide-on-narrow-ipadscreen#AdMenu
  .thumbnail.force-no-padding
    .highlight-background
      .thumbnail-header-title.text-center
        if spot.fields.topSchools.length != 0
          h5.force-no-border-bottom
            | Featured Schools
          +renderAdSchoolsBis(spot.fields.topSchools.items)

          --></div><div id="MainColumnTop" class="col-md-7 single-item"><div class="hide-on-wide-screen"><a href="/schools/high-five-kitesurf-school-cape-town"><div id="SpotMenuBottomBackground"></div><div id="SpotMenuBottomContainer" class="hand-when-hover unselectable">     <div id="SchoolAdMenuBottomBackground" class="hide-on-wide-screen"><div id="SchoolAdMenuBottomContainer"><div class="col-sm-12 color-inactive"><!--two prices--><div class="force-padding-top-8px"> <span class="force-font-size-15px">See  </span><span class="force-font-size-13px">in Cape Town </span><br/><span class="force-font-size-15px">High Five Kitesurf School Cape Town </span></div><i class="fa fa-star color-blue"></i><i class="fa fa-star color-blue"></i><i class="fa fa-star color-blue"></i><i class="fa fa-star color-blue"></i><i class="fa fa-star color-blue"></i><b> 4.8 </b></div></div><div id="AdSchoolMenuBottomRight"><img src="/img/i_sc_lo/4BwuCoAdqrUGcpNXNMVVTk_HIGH-FIVE-just-type-700x508px.png" alt="Responsive image" class="pxlimited-SmallerLogo img-fluid img-thumbnail reactive"/></div></div><!--a.typeform-share(href='https://unplug673641.typeform.com/to/KK0GuBwh'+TempQueryBottom+'&destination='+spot.fields.destination.fields.destinationName+'&country='+spot.fields.nearestAirports[0].fields.country+'&area='+spot.fields.area.fields.areaName, data-mode='drawer_right').text-center
  .btn.btn-unplug-yellow-auto-width.reactive.force-font-size-20px
    i.fa.fa-edit.availability 
    | Add Spot Info
--></div></a></div><div class="col-sm-12"><div class="row"><div class="thumbnail"><div class="row"><div class="thumbnail-header-title"><div class="col-sm-12"><h3 class="force-no-border-bottom force-margin-bottom-minus5px force-no-padding-bottom">   
SUP Beach, South Africa  </h3><div id="UpdateFirstAppearance"></div><div class="button-to-far-right"><a href="https://unplug673641.typeform.com/to/ysOOna?spot_name=SUP Beach, South Africa&amp;level=Beginner, Intermediate, Expert&amp;spot_type=Ocean&amp;beach_type=Sand&amp;water_type=Small waves, Medium waves&amp;beach_size=Big&amp;wind_bestmonths=January, February, March, November, December&amp;wind_type=Trade&amp;rules=None&amp;wind_weather=Wind can get strong (40ktn). undefined&amp;beach_surrondings=undefined Muizenberg and Kalk Bay are the places with fantastic vibes to party. Places like Poolana and Meltin Pot are stunning. Many resturants with awesome food. Friday evening market in Muizenberg with live Reggae music.&amp;water_risks=None&amp;beach_risks=None&amp;wind_maindirection=SE&amp;wind_bestdirection=SE&amp;destination=Cape Town&amp;country=South Africa&amp;area=East South Africa" data-mode="drawer_right" class="typeform-share"><div class="btn btn-unplug-blue-button-icon-edit-small"><i class="fa fa-edit"></i>Edit</div></a></div><h5 class="just-line"></h5></div><div class="col-sm-6">              <div class="row"><div class="col-sm-12 text-center"><!--.hide-on-wide-screen.row.col-sm-12.text-center
  if spot.fields.logos
    h6
    img(src=spot.fields.logos[0].fields.file.url class="img-fluid" alt="Responsive image" class="img-thumbnail").reactive
.row  
  if spot.fields.rating
    h6
      +renderRatingStars(spot.fields.rating)
    h6.notranslate
      if spot.fields.reviewnumber
        |  /5 ()
      else
        |  /5
--><div class="notranslate"> <!--if !spot.fields.reviews--><div class="hide-on-narrow-screen"><div class="text-justify"><!--h6| Welcome to the 
b UNPLUG Spot page 
| of SUP Beach, South Africa!--><!--h6 -->
<h6 class="text-left"><i class="fas fa-umbrella-beach availability"></i><b>SUP Beach, South Africa is a  </b><b>Small waves and Medium waves </b><b>spot. </b><b>It is a kitesurfing spot for riders of </b><b>Any Level</b><b>. </b></h6><h6> <i class="fas fa-wind availability"></i>Recommended 
wind for kitesurfing is 
wind coming 
from 
SE
.</h6><h6> </h6><h6> <i class="fas fa-water availability"></i>Kitesurfing conditions 
do not depend on Tide 
on this spot.</h6><h6> </h6><h6><i class="fas fa-utensils availability"></i>There is 
Food 
available on the spot.</h6><h6><i class="fas fa-cocktail availability"></i>Have fun after the ride: enjoy 
Nightlife 
close to SUP Beach, South Africa !</h6></div></div><div class="hide-on-wide-screen"><div class="text-left"><!--h6| Welcome to the 
b UNPLUG Spot page 
| of SUP Beach, South Africa!--><!--h6 -->
<h6 class="text-left"><i class="fas fa-umbrella-beach availability"></i><b>SUP Beach, South Africa is a  </b><b>Small waves and Medium waves </b><b>spot. </b><b>It is a kitesurfing spot for riders of </b><b>Any Level</b><b>. </b></h6><h6> <i class="fas fa-wind availability"></i>Recommended 
wind for kitesurfing is 
wind coming 
from 
SE
.</h6><h6> </h6><h6> <i class="fas fa-water availability"></i>Kitesurfing conditions 
do not depend on Tide 
on this spot.</h6><h6> </h6><h6><i class="fas fa-utensils availability"></i>There is 
Food 
available on the spot.</h6><h6><i class="fas fa-cocktail availability"></i>Have fun after the ride: enjoy 
Nightlife 
close to SUP Beach, South Africa !</h6><h5></h5></div></div></div><div class="notranslate"><div class="hide-on-narrow-screen"><h5></h5><h5>How to get there </h5><div class="text-left"><h6> 
Safe parking (parking guard) at the Nautilus Center. Short walk to the beach (pathway).   </h6><h5></h5></div><div class="row"><div class="col-sm-6 text-center"><h5>Nearest Airports</h5></div><div class="col-sm-6 text-center"><h5>Distance</h5></div></div><div onmouseenter="showAirportMapMarker(0)" onmouseleave="defaultAirportMapMarker(0)"> <div class="row"> <div class="col-sm-6 text-center"><a title="Check Flights" href="https://www.skyscanner.net/transport/flights/par/CPT/" target="_blank"><h6><i class="fa fa-plane availability">              </i>Cape Town (CPT)  </h6></a></div><div class="col-sm-6 text-center"><h6><!--i.fa.fa-plane-arrival.availability  -->25km from spot</h6></div></div></div><div onmouseenter="showAirportMapMarker(1)" onmouseleave="defaultAirportMapMarker(1)"> <div class="row"> <div class="col-sm-6 text-center"><a title="Check Flights" href="https://www.skyscanner.net/transport/flights/par/CPT/" target="_blank"><h6><i class="fa fa-plane availability">              </i>Johannesburg O.R. Tambo (JNB)  </h6></a></div><div class="col-sm-6 text-center"><h6><!--i.fa.fa-plane-arrival.availability  -->1675km from spot</h6></div></div></div><div onmouseenter="showAirportMapMarker(2)" onmouseleave="defaultAirportMapMarker(2)"> <div class="row"> <div class="col-sm-6 text-center"><a title="Check Flights" href="https://www.skyscanner.net/transport/flights/par/CPT/" target="_blank"><h6><i class="fa fa-plane availability">              </i>Durban King Shaka International (DUR)  </h6></a></div><div class="col-sm-6 text-center"><h6><!--i.fa.fa-plane-arrival.availability  -->1680km from spot</h6></div></div></div></div></div><div class="hide-on-wide-screen"><div class="row col-sm-12"><!--h5.force-no-border-bottom.force-no-padding--><div id="HowToGetThereTitleHidden" onclick="showSectionWithTitle('HowToGetThere')" class="hand-when-hover"><h5 class="text-left notranslate"> <i class="fas fa-chevron-right availability"></i><i class="fas fa-chart-bar availability"></i>How to get there </h5></div><div id="HowToGetThereTitle" onclick="hideSectionWithTitle('HowToGetThere')" class="no-display hand-when-hover"><h5 class="text-left notranslate"> <i class="fas fa-chevron-down availability"></i><i class="fas fa-chart-bar availability"></i>How to get there </h5></div><div id="HowToGetThere" class="no-display"><div class="notranslate"> <div class="text-left"><h6> 
Safe parking (parking guard) at the Nautilus Center. Short walk to the beach (pathway).   </h6><h5></h5></div></div><div class="row"><div class="col-sm-6 text-center"><h5>Nearest Airports</h5></div><div class="col-sm-6 text-center"><h5>Distance</h5></div></div><div onmouseenter="showAirportMapMarker(0)" onmouseleave="defaultAirportMapMarker(0)"> <div class="row"> <div class="col-sm-6 text-center"><a title="Check Flights" href="https://www.skyscanner.net/transport/flights/par/CPT/" target="_blank"><h6><i class="fa fa-plane availability">              </i>Cape Town (CPT)  </h6></a></div><div class="col-sm-6 text-center"><h6><!--i.fa.fa-plane-arrival.availability  -->25km from spot</h6></div></div></div><div onmouseenter="showAirportMapMarker(1)" onmouseleave="defaultAirportMapMarker(1)"> <div class="row"> <div class="col-sm-6 text-center"><a title="Check Flights" href="https://www.skyscanner.net/transport/flights/par/CPT/" target="_blank"><h6><i class="fa fa-plane availability">              </i>Johannesburg O.R. Tambo (JNB)  </h6></a></div><div class="col-sm-6 text-center"><h6><!--i.fa.fa-plane-arrival.availability  -->1675km from spot</h6></div></div></div><div onmouseenter="showAirportMapMarker(2)" onmouseleave="defaultAirportMapMarker(2)"> <div class="row"> <div class="col-sm-6 text-center"><a title="Check Flights" href="https://www.skyscanner.net/transport/flights/par/CPT/" target="_blank"><h6><i class="fa fa-plane availability">              </i>Durban King Shaka International (DUR)  </h6></a></div><div class="col-sm-6 text-center"><h6><!--i.fa.fa-plane-arrival.availability  -->1680km from spot</h6></div></div></div></div></div></div><div class="row"><div class="col-sm-12"></div></div></div></div></div><div class="col-sm-6 hide-on-narrow-screen"><div class="half-height-min"> <iframe id="wind-map" src="https://embed.windy.com/embed2.html?lat=-34.101633&amp;lon=18.488664&amp;zoom=11&amp;level=surface&amp;overlay=wind&amp;menu=&amp;message=true&amp;marker=true&amp;calendar=&amp;pressure=&amp;type=map&amp;location=coordinates&amp;detail=&amp;detailLat=-34.101633&amp;detailLon=18.488664&amp;metricWind=kt&amp;metricTemp=%C2%B0C&amp;radarRange=-1" width="100%" height="450" frameborder="0"></iframe><!--div(id='wind-map', data-windywidget='map', data-lat=place.fields.address.lat, data-lng=place.fields.address.lon,, data-responsive='true', data-appid='d04b7e64c58e890b91fd454240526f7e')--><!--script(async='true', data-cfasync='false', type='text/javascript', src='https://windyapp.co/widget3/windy_map_async.js')--></div></div></div></div></div><div class="thumbnail-dark padding-10px-right force-margin-bottom-20px"><div class="row"><div class="col-sm-12">  <p class="force-font-14px"><a href="https://maps.google.com/?q=-34.101633,18.488664" target="_blank" title="Itineray with GoogleMaps" class="color-always-white"><i aria-hidden="true" class="fas fa-map-signs thumbnail-header-icons-tight reactive-shadow force-margin-right-10px"></i>SUP Beach, South Africa, next to Muizenberg, Cape Town, South Africa</a></p></div></div></div><div id="renderSpotMiniGoogleMapNarrow"></div><div class="thumbnail hide-on-wide-ipadscreen always"><div class="thumbnail-header-title padding-10px-right"><div class="row"><div class="col-sm-12 text-left-on-wide-center-on-narrow"><h5> <i class="far fa-handshake availability"> </i>Discover also...</h5></div></div><div class="row"><div class="col-sm-12"><!--#adGallery.carousel.slide(data-ride='carousel', data-interval='3000').text-center--><div id="adGalleryMobile" class="d-flex align-items-center justify-content-center text-center"><div id="adGalleryMobile1" class="reactive no-display"><a href="/schools/wind-voyager-mediterranean"><img src="/img/i_sc_lo/4EjahTTqbX17TJVAvgOcJW_Wind-Voyager.jpg" alt="Wind Voyager - Mediterranean" class="pxlimited-SmallLogo img-fluid img-thumbnail reactive"/><h4 style="font-size: 7vw;">Wind Voyager - Mediterranean</h4><h6 class="force-no-margin-top"><i class="fas fa-times"></i></h6><img src="/img/logo-unplug-blue.png" style="width: 60%" alt="UNPLUG" class="img-fluid"/><h4 style="font-size: 5vw;" class="force-no-margin">in Ibiza</h4></a></div><div id="adGalleryMobile2" class="reactive no-display"><a href="/schools/olsen-adventures"><img src="/img/i_sc_lo/4dXxAm60lAkbvuL9zOGybk_olsden.JPG" alt="Olsen Adventures" class="pxlimited-SmallLogo img-fluid img-thumbnail reactive"/><h4 style="font-size: 7vw;">Olsen Adventures</h4><h6 class="force-no-margin-top"><i class="fas fa-times"></i></h6><img src="/img/logo-unplug-blue.png" style="width: 60%" alt="UNPLUG" class="img-fluid"/><h4 style="font-size: 5vw;" class="force-no-margin">in Keys</h4></a></div><div id="adGalleryMobile3" class="reactive no-display"><a href="/schools/thekitemag-clinics"><img src="/img/i_sc_lo/5XLIvfJj1ww2wwPfONPWuk_kite-clinics.png" alt="TheKiteMag Clinics" class="pxlimited-SmallLogo img-fluid img-thumbnail reactive"/><h4 style="font-size: 7vw;">TheKiteMag Clinics</h4><h6 class="force-no-margin-top"><i class="fas fa-times"></i></h6><img src="/img/logo-unplug-blue.png" style="width: 60%" alt="UNPLUG" class="img-fluid"/><h4 style="font-size: 5vw;" class="force-no-margin">in Fortaleza / Cumbuco</h4></a></div></div><h2> </h2></div></div></div></div><script>$(document).ready(function() {
  var currentIndex = 1;
  var currentIndexMobile = 1;
  function showNextAdGallery() {
    $("#adGallery" + currentIndex).fadeOut("slow", function() {
      currentIndex = (currentIndex % 3) + 1;
      var nextAdGallery = $("#adGallery" + currentIndex);
      nextAdGallery.fadeIn("slow");
    });
  }
  function showNextAdGalleryMobile() {
    $("#adGalleryMobile" + currentIndexMobile).fadeOut("slow", function() {
      currentIndexMobile = (currentIndexMobile % 3) + 1;
      var nextAdGallery = $("#adGalleryMobile" + currentIndexMobile);
      nextAdGallery.fadeIn("slow");
    });
  }
  showNextAdGallery()
  showNextAdGalleryMobile()

  // Call the function to start the loop
  setInterval(showNextAdGallery, 3000); // Adjust the interval (in milliseconds) as needed
  setInterval(showNextAdGalleryMobile, 3000); // Adjust the interval (in milliseconds) as needed
});
</script><script>$(document).ready(function() {
  $(".hover-div").hover(
    function() {
      // Mouseover event
      //$(this).find("i.fa").removeClass("fa-times").addClass("fa");
      $(this).find("img").attr("src", "/img/logo-unplug-yellow.png");
    },
    function() {
      // Mouseout event
      //$(this).find("i.fa").removeClass("fa").addClass("fa-times");
      $(this).find("img").attr("src", "/img/logo-unplug-blue.png");
    }
  );
});

</script><div class="thumbnail hide-on-narrow-screen"><div class="thumbnail-header-title padding-10px-right"><div class="row"><div class="col-sm-12"><h5 class="text-center"><i class="fas fa-user-graduate availability"></i>Best Schools in Cape Town  </h5><div class="row notranslate"> <div class="col-sm-4"><div class="row">   <div class="col-sm-12 text-center"><div class="text-center"> <h6>               </h6><a href="/schools/surfstore-africa"><h5 class="force-no-border-bottom force-no-padding-bottom">#1: 
Surfstore Africa </h5><div class="reactive"><img src="/img/i_sc_lo/1wlK1SbeXYRpM7aFGuESsB_Surfstore Africa.png" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right"/></div></a><h6 class="notranslate"><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star-half-alt"></i> 4.5/5 (38)      </h6><h5 class="hide-on-wide-screen"></h5><h5 class="hide-on-narrow-screen force-no-border-bottom"></h5></div></div></div></div><div class="col-sm-4"><div class="row">   <div class="col-sm-12 text-center"><div class="text-center"> <h6>               </h6><a href="/schools/high-five-kitesurf-school-cape-town"><h5 class="force-no-border-bottom force-no-padding-bottom">#2: 
High Five Kitesurf School Cape Town </h5><div class="reactive"><img src="/img/i_sc_lo/4BwuCoAdqrUGcpNXNMVVTk_HIGH-FIVE-just-type-700x508px.png" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right"/></div></a><h6 class="notranslate"><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i> 4.8/5 (228)      </h6><h5 class="hide-on-wide-screen"></h5><h5 class="hide-on-narrow-screen force-no-border-bottom"></h5></div></div></div></div><div class="col-sm-4"><div class="row">   <div class="col-sm-12 text-center"><div class="text-center"> <h6>               </h6><a href="/schools/boardandkiteafrica"><h5 class="force-no-border-bottom force-no-padding-bottom">#3: 
Board and Kite Africa </h5><div class="reactive"><img src="/img/i_sc_lo/29HGok6kxnKx0HNw07AacR_Board and Kite Africa.PNG" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right"/></div></a><h6 class="notranslate"><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i> 4.8/5 (39)      </h6><h5 class="hide-on-wide-screen"></h5><h5 class="hide-on-narrow-screen force-no-border-bottom"></h5></div></div></div></div></div></div></div></div></div><div class="thumbnail"><div class="thumbnail-header-title padding-10px-right"><div class="row"><div class="hide-on-narrow-screen"><div class="col-sm-12 text-center"><h5 class="notranslate">  <i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i> Riding Conditions in SUP Beach, South Africa</h5></div></div><div class="hide-on-wide-screen"><div class="col-sm-12 text-center"><h5 class="notranslate"> <i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability">                 </i>Riding Conditions</h5></div></div></div><div class="row">             <div class="col-sm-6"><div class="hide-on-narrow-screen"><div class="text-center-on-wide-left-on-narrow"><h5> <i class="fas fa-wind availability"></i>Wind and Weather Conditions</h5></div><div class="text-left notranslate"> <h6> <i class="far fa-compass availability"></i>Recommended 
wind for kitesurfing is 
wind coming 
from 
SE
.</h6><h6> </h6><h6>There is 
Trade wind 
at SUP Beach, South Africa.</h6><h6> </h6><h6> 
Wind can get strong (40ktn).</h6><h6> 
Wind 
usually 
blows 
from SE 
on the spot. </h6><h6>The 
best moments to come 
to SUP Beach, South Africa are 
January, February, March, November and December
. </h6></div></div><div class="hide-on-wide-screen"><div id="WindSectionTitleHidden" onclick="showSectionWithTitle('WindSection')" class="hand-when-hover"><div class="row"><div class="col-sm-12"><h5 class="text-left"><i class="fas fa-chevron-right availability"></i><i class="fas fa-wind availability"></i>Wind and Weather Conditions</h5></div></div></div><div id="WindSectionTitle" onclick="hideSectionWithTitle('WindSection')" class="no-display hand-when-hover"><div class="row"><div class="col-sm-12"><h5 class="text-left"><i class="fas fa-chevron-down availability"></i><i class="fas fa-wind availability"></i>Wind and Weather Conditions</h5></div></div></div><div id="WindSection" class="no-display"><div class="row"><div class="col-sm-12"><h6> <i class="far fa-compass availability"></i>Recommended 
wind for kitesurfing is 
wind coming 
from 
SE
.</h6><h6> </h6><h6>There is 
Trade wind 
at SUP Beach, South Africa.</h6><h6> </h6><h6> 
Wind can get strong (40ktn).</h6><h6> 
Wind 
usually 
blows 
from SE 
on the spot. </h6><h6>The 
best moments to come 
to SUP Beach, South Africa are 
January, February, March, November and December
. </h6><h5></h5></div></div></div></div></div><div class="col-sm-6"><div class="hide-on-narrow-screen"><div class="text-center-on-wide-left-on-narrow"><h5 class="hide-on-wide-screen"></h5><h5> <i class="fas fa-umbrella-beach availability"></i>Beach and Tide Conditions</h5></div><div class="text-left notranslate"> <h6> <i class="fas fa-water availability"></i>Kitesurfing conditions 
do not depend on Tide 
on this spot.</h6><h6> </h6><h6> 
SUP Beach, South Africa is a 
Small waves and Medium waves spot.</h6><h6> 
The 
launching/landing area 
is reported to be of 
Big size.</h6><h6> </h6><h6> 
On windless days, you find perfect conditions for SUP in clean waves.</h6><!--h6| The water is super clean (waterQuality)
br

--></div></div><div class="hide-on-wide-screen"><div id="TideSectionTitleHidden" onclick="showSectionWithTitle('TideSection')" class="hand-when-hover"><div class="row"><div class="col-sm-12"><h5 class="text-left"><i class="fas fa-chevron-right availability"></i><i class="fas fa-umbrella-beach availability"></i>Beach and Tide Conditions</h5></div></div></div><div id="TideSectionTitle" onclick="hideSectionWithTitle('TideSection')" class="no-display hand-when-hover"><div class="row"><div class="col-sm-12"><h5 class="text-left"><i class="fas fa-chevron-down availability"></i><i class="fas fa-umbrella-beach availability"></i>Beach and Tide Conditions</h5></div></div></div><div id="TideSection" class="no-display"><div class="row"><div class="col-sm-12 notranslate"> <h6> <i class="fas fa-water availability"></i>Kitesurfing conditions 
do not depend on Tide 
on this spot.</h6><h6> </h6><h6> 
SUP Beach, South Africa is a 
Small waves and Medium waves spot.</h6><h6> 
The 
launching/landing area 
is reported to be of 
Big size.</h6><h6> </h6><h6> 
On windless days, you find perfect conditions for SUP in clean waves.</h6><!--h6| The water is super clean (waterQuality)
br

--><h5></h5></div></div></div></div></div><div class="col-sm-12 notranslate"> <div class="hide-on-narrow-screen"><div class="text-center-on-wide-left-on-narrow"><h5 class="hide-on-wide-screen"></h5><h5> <i class="fas fa-exclamation-triangle availability"></i>Need to know</h5></div><div class="text-left"><h6> <i class="fas fa-swimmer availability"></i>There is 
no beach users  
reported here.</h6><h6> <i class="fas fa-flag availability"></i>The is 
no particular rules 
reported
, but as a best practice, 
talk to a local before you go on water.</h6></div></div><div class="hide-on-wide-screen"><div id="NeedToKnowSectionTitleHidden" onclick="showSectionWithTitle('NeedToKnowSection')" class="hand-when-hover"><div class="row"><div class="col-sm-12"><h5 class="text-left"><i class="fas fa-chevron-right availability"></i><i class="fas fa-exclamation-triangle availability"></i>Need to know</h5></div></div></div><div id="NeedToKnowSectionTitle" onclick="hideSectionWithTitle('NeedToKnowSection')" class="no-display hand-when-hover"><div class="row"><div class="col-sm-12"><h5 class="text-left"><i class="fas fa-chevron-down availability"></i><i class="fas fa-exclamation-triangle availability"></i>Need to know</h5></div></div></div><div id="NeedToKnowSection" class="no-display"><div class="row"><div class="col-sm-12"><h6> <i class="fas fa-swimmer availability"></i>There is 
no beach users  
reported here.</h6><h6> <i class="fas fa-flag availability"></i>The is 
no particular rules 
reported
, but as a best practice, 
talk to a local before you go on water.</h6><h5></h5></div></div></div></div></div></div></div></div><div class="thumbnail hide-on-wide-screen"><div class="thumbnail-header-title padding-10px-right"><div class="row"><div class="col-sm-12"><h5 class="text-center"><i class="fas fa-user-graduate availability"></i>Best Schools in Cape Town  </h5><div class="row notranslate"> <div class="col-sm-4"><div class="row">   <div class="col-sm-12 text-center"><div class="text-center"> <h6>               </h6><a href="/schools/surfstore-africa"><h5 class="force-no-border-bottom force-no-padding-bottom">#1: 
Surfstore Africa </h5><div class="reactive"><img src="/img/i_sc_lo/1wlK1SbeXYRpM7aFGuESsB_Surfstore Africa.png" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right"/></div></a><h6 class="notranslate"><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star-half-alt"></i> 4.5/5 (38)      </h6><h5 class="hide-on-wide-screen"></h5><h5 class="hide-on-narrow-screen force-no-border-bottom"></h5></div></div></div></div><div class="col-sm-4"><div class="row">   <div class="col-sm-12 text-center"><div class="text-center"> <h6>               </h6><a href="/schools/high-five-kitesurf-school-cape-town"><h5 class="force-no-border-bottom force-no-padding-bottom">#2: 
High Five Kitesurf School Cape Town </h5><div class="reactive"><img src="/img/i_sc_lo/4BwuCoAdqrUGcpNXNMVVTk_HIGH-FIVE-just-type-700x508px.png" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right"/></div></a><h6 class="notranslate"><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i> 4.8/5 (228)      </h6><h5 class="hide-on-wide-screen"></h5><h5 class="hide-on-narrow-screen force-no-border-bottom"></h5></div></div></div></div><div class="col-sm-4"><div class="row">   <div class="col-sm-12 text-center"><div class="text-center"> <h6>               </h6><a href="/schools/boardandkiteafrica"><h5 class="force-no-border-bottom force-no-padding-bottom">#3: 
Board and Kite Africa </h5><div class="reactive"><img src="/img/i_sc_lo/29HGok6kxnKx0HNw07AacR_Board and Kite Africa.PNG" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right"/></div></a><h6 class="notranslate"><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i> 4.8/5 (39)      </h6><h5 class="hide-on-wide-screen"></h5><h5 class="hide-on-narrow-screen force-no-border-bottom"></h5></div></div></div></div></div></div></div></div></div><div class="thumbnail"><div class="thumbnail-header-title padding-10px-right"><div class="row">             <div class="col-sm-12"><div class="text-center-on-wide-left-on-narrow"><h5> <i class="fas fa-info availability"></i>Additional information</h5><div class="text-left notranslate"> <div class="text-left"><h6> <i class="fas fa-parking availability"></i>A 
parking 
is available at SUP Beach, South Africa.</h6><h6><i class="fas fa-shower availability"></i>There are 
Showers 
available on the spot.</h6><h6><i class="fas fa-utensils availability"></i>There is 
Food 
available on the spot</h6><h6> <i class="fas fa-info availability"></i>Chill out lounge, toilets, rental, coffee, sandwiches.</h6></div></div></div></div></div></div></div><div id="cams" class="thumbnail no-display"><div class="thumbnail-header-title padding-10px-right"><div class="row"><div class="col-sm-12"><div class="hide-on-wide-screen"></div><!--h5.force-no-padding.hide-on-narrow-screen--><div id="webcamsSectionTitleHidden" onclick="showSectionWithTitle('webcamsSection')" class="no-display hand-when-hover"><div class="row"><div class="col-sm-12"><h5 class="text-center-on-wide-left-on-narrow force-no-border-bottom force-no-padding"><i class="fas fa-chevron-right availability"></i><i class="fas fa-video availability"></i>Webcams around SUP Beach, South Africa</h5></div></div></div><div id="webcamsSectionTitle" onclick="hideSectionWithTitle('webcamsSection')" class="hand-when-hover"><div class="row"><div class="col-sm-12"><h5 class="text-center-on-wide-left-on-narrow"><i class="fas fa-chevron-down availability"></i><i class="fas fa-video availability"></i>Webcams around SUP Beach, South Africa  </h5></div></div></div><div id="webcamsSection" class="notranslate"> <div class="row"><div class="col-sm-12"><div id="webcams"></div><script>var settings = {
  "async": true,
  "crossDomain": true,
  "url": "https://webcamstravel.p.rapidapi.com/webcams/list/nearby=-34.101633,18.488664,"+5+"?lang=en&orderby=distance,asc&show=webcams%3Aimage%2Clocation%2Cplayer",
  "method": "GET",
  "headers": {
    "x-rapidapi-host": "webcamstravel.p.rapidapi.com",
    "x-rapidapi-key": "ae734d0cfamshd0c1bb8e2846419p1047fbjsna26ff1d6f989"
  }
}
$.ajax(settings).done(function (response) {
  if(response.result.total>0){ 
    $("#webcamsSection").show()
    $("#cams").show()
  }
  var HtmlTemp = ''
  var total = Math.min(response.result.total,3)
  for(var i = 0; i < total; i++){
        var webcam = response.result.webcams[i];
        //console.log(webcam.player.day.embed);
        var markerW = new google.maps.Marker({
            position: {lat: webcam.location.latitude, lng: webcam.location.longitude}, 
            //animation: google.maps.Animation.DROP,
            title:webcam.title,
            icon: {url: icons['webcam_active'].icon, 
                    scaledSize: new google.maps.Size(20, 20)},
            map:map
            });         
        markersWebcam.push(markerW);
        var infowindow = new google.maps.InfoWindow({
          content: '<div class="col-sm-12 text-center">' +
                      '<h6>' + 
                        'Webcam' +
                      '</h6>' +
                    '</div>'
          });
        google.maps.event.addListener(markersWebcam[i], 'click', function (event){
          infowindow.open(map, markersWebcam[i]);
        });

        HtmlTemp += '<h5>'+
                        '<i class="fas fa-video availability"></i>'+
                        webcam.title +
                      '</h5>'+
                      '<div class="embed-container"><iframe src="'+ webcam.player.day.embed +'" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" frameborder="0"></iframe></div>'+
                      '<h5></h5>';
  }
  document.getElementById('webcams').innerHTML = HtmlTemp
  //$('#webcamsSection').hide()
});
</script><script async="" type="text/javascript" src="https://api.lookr.com/embed/script/player.js"></script></div></div></div></div></div></div></div><div class="thumbnail"><div class="thumbnail-header-title padding-10px-right"><div class="row"><div class="col-sm-12"><h5 class="text-center"> <i class="fas fa-cloud-sun-rain availability"></i>Weather Forecast for the next 10days</h5><div class="hide-on-narrow-screen"><div id="wind-forecast" data-windywidget="forecast" data-lat='-34.101633' data-lng='18.488664' data-appid="d04b7e64c58e890b91fd454240526f7e"></div><script async="true" data-cfasync="false" type="text/javascript" src="https://windyapp.co/widget/windy_forecast_async.js"></script><h6></h6></div><div class="hide-on-wide-screen"> <div class="half-height-min"> <iframe id="wind-map" src="https://embed.windy.com/embed2.html?lat=-34.101633&amp;lon=18.488664&amp;zoom=11&amp;level=surface&amp;overlay=wind&amp;menu=&amp;message=true&amp;marker=true&amp;calendar=&amp;pressure=&amp;type=map&amp;location=coordinates&amp;detail=&amp;detailLat=-34.101633&amp;detailLon=18.488664&amp;metricWind=kt&amp;metricTemp=%C2%B0C&amp;radarRange=-1" width="100%" height="450" frameborder="0"></iframe><!--div(id='wind-map', data-windywidget='map', data-lat=place.fields.address.lat, data-lng=place.fields.address.lon,, data-responsive='true', data-appid='d04b7e64c58e890b91fd454240526f7e')--><!--script(async='true', data-cfasync='false', type='text/javascript', src='https://windyapp.co/widget3/windy_map_async.js')--></div></div></div></div></div></div><div class="thumbnail"><div class="thumbnail-header-title padding-10px-right"><div class="row"><div class="col-sm-12"><h5 class="force-no-border-bottom force-no-padding"></h5><div id="SpotHistoryStatTitleHidden" onclick="showSectionWithTitle('SpotHistoryStat')" class="hand-when-hover"><h5 class="text-left force-no-border-bottom force-no-padding"><i class="fas fa-chevron-right availability"></i><i class="fas fa-chart-bar availability"></i>Wind and Temperature over the past years</h5></div><div id="SpotHistoryStatTitle" onclick="hideSectionWithTitle('SpotHistoryStat')" class="no-display hand-when-hover"><h5 class="text-left"><i class="fas fa-chevron-down availability"></i><i class="fas fa-chart-bar availability"></i>Wind and Temperature over the past years</h5></div><div id="SpotHistoryStat" class="no-display notranslate"> <div id="wind-stats" data-windywidget="stats" data-responsive="true" data-horizontal="false" data-lat='-34.101633' data-lng='18.488664' data-appid="d04b7e64c58e890b91fd454240526f7e"></div><script async="true" data-cfasync="false" type="text/javascript" src="https://windyapp.co/widget2/windy_stats_async.js"></script></div></div></div></div></div><div class="thumbnail"><div class="thumbnail-header-title padding-10px-right"><div class="row"><div class="hide-on-narrow-screen"><div class="col-sm-12 text-center"><h5> <i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i>More about Kitesurfing in Cape Town</h5></div></div><div class="hide-on-wide-screen"><div class="col-sm-12 text-center"><h5><i class="fas fa-info availability"> </i>More about Cape Town</h5></div></div></div><div class="row">  <div class="col-sm-6 text-center-on-wide-left-on-narrow"><h5> <i class="fas fa-wind availability"></i>Wind stats in Cape Town...</h5><div id="averageHistoric"><div id="chart_wind" class="chart"></div><!-- GoogleCharts--><script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script><script>google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);

var minwind = 0
var maxwind = Math.max(47, 47, 39, 26, 26, 26, 21, 28, 35, 39, 47, 46)
var maxValue = Math.min(100,Math.round(maxwind/10)*10)
var janwind = 47
var febwind = 47
var marwind = 39
var aprwind = 26
var maywind = 26
var junwind = 26
var julwind = 21
var augwind = 28
var sepwind = 35
var octwind = 39
var novwind = 47
var decwind = 46

function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['Month', ' % of Windy Days (more than 15kts)', { role: 'style' }],
    ['Jan' , janwind, 'fill-opacity: '+(janwind-minwind)/(maxwind-minwind)],
    ['Feb' , febwind, 'fill-opacity: '+(febwind-minwind)/(maxwind-minwind)],
    ['Mar' , marwind, 'fill-opacity: '+(marwind-minwind)/(maxwind-minwind)],
    ['Apr' , aprwind, 'fill-opacity: '+(aprwind-minwind)/(maxwind-minwind)],
    ['May' , maywind, 'fill-opacity: '+(maywind-minwind)/(maxwind-minwind)],
    ['Jun' , junwind, 'fill-opacity: '+(junwind-minwind)/(maxwind-minwind)],
    ['Jul' , julwind, 'fill-opacity: '+(julwind-minwind)/(maxwind-minwind)],
    ['Aug' , augwind, 'fill-opacity: '+(augwind-minwind)/(maxwind-minwind)],
    ['Sep' , sepwind, 'fill-opacity: '+(sepwind-minwind)/(maxwind-minwind)],
    ['Oct' , octwind, 'fill-opacity: '+(octwind-minwind)/(maxwind-minwind)],
    ['Nov' , novwind, 'fill-opacity: '+(novwind-minwind)/(maxwind-minwind)],
    ['Dec' , decwind, 'fill-opacity: '+(decwind-minwind)/(maxwind-minwind)],
  ]);

  var options = {
    //title: '% of Windy Days',
    vAxis: {title: '% of days > 12kts'},
    //hAxis: {title: 'Month', titleTextStyle: {color: 'black'}},
    vAxis: {minValue: 0, maxValue: maxValue},
    colors: ['#e6a514'],
    legend:{position: 'top', alignment: 'center'},
  };

  var chart = new google.visualization.ColumnChart(document.getElementById('chart_wind'));
  chart.draw(data, options);
}

window.onload = drawChart
window.onresize = drawChart
</script><h5> </h5><!--.btn.btn-unplug-blue-auto-width.reactive-shadow(onclick='show_yearonyearHistoric()')i.fa.fa-bar-chart.availability
| Show details per year      
      --></div><!--#yearonyearHistoric.no-display+renderWindyStat(spot)
h5
+renderBestMonths(spot)
.btn.btn-unplug-auto-width.reactive-shadow(onclick='hide_yearonyearHistoric()')
  i.fa.fa-bar-chart.availability
  | Hide details per year 
--><h6 class="hide-on-narrow-screen"></h6></div><div class="col-sm-6"><div class="text-center-on-wide-left-on-narrow"><h5> <i class="fas fa-info availability"></i>Additional information</h5></div><div class="text-left"><h6>There are <b>5 kitesurf schools </b>and <b>65 kitesurf spots </b>in Cape Town.</h6></div><h5></h5><div class="hide-on-narrow-screen"><h5 class="text-left"> <i class="fas fa-calendar-alt availability"></i>Best months: January February March November December       </h5></div><div class="hide-on-wide-screen"><h5 class="text-center"> <i class="fas fa-calendar-alt availability"></i>Best months: January February March November December       </h5></div><h6></h6><div class="text-center"><a href="/destinations/cape-town"><div class="btn btn-unplug-auto-width reactive-shadow"><i class="fa fa-globe-americas availability"></i>ALL SCHOOLS and SPOTS in Cape Town</div></a></div><h6></h6></div></div></div></div><div class="thumbnail"><div class="thumbnail-header-title padding-10px-right"> <h6> </h6><div class="row"><div class="col-sm-12"><h5 class="text-center"><i class="fas fa-bed availability"></i>Accomodation around the spot  </h5><div class="notranslate"><div class="half-height-min"><iframe id="stay22-widget" src="https://www.stay22.com/embed/gm?lat=-34.101633&amp;lng=18.488664&amp;currency=EUR&amp;ljs=en&amp;maincolor=004b5a&amp;disableservices=experience&amp;zoom=10&amp;openmenu=null" width="90%" height="450" frameborder="0">      </iframe></div></div></div></div></div></div></div></div><div class="hide-on-narrow-screen"><h6></h6></div></div><div id="SideColumnRight" class="col-md-3 single-item"><div class="hide-on-narrow-screen"><div id="renderSpotMiniGoogleMapWide"><div id="renderSpotMiniGoogleMap"><div class="thumbnail"><div class="thumbnail-header-title padding-10px-right"><div class="row"><div class="col-sm-12"><h3 class="hide-on-narrow-screen">SUP Beach, South Africa  </h3><!--.text-center+renderSpotUpdateButton_OLD(spot)--><div class="force-padding-top-5px force-padding-bottom-5px force-no-padding-left force-no-padding-right"><!--+scriptMiniMapBoxSpot(spot)--><div id="googleMap"></div><script>zoomMapBase = 13
centerMapBase = {lat: -34.101633, lng: 18.488664};
function myMap() {
  var mapProp= {
    center: centerMapBase,
    zoom:zoomMapBase,
    disableDefaultUI: true,
    scaleControl: true,
    zoomControl: true,
    mapTypeControl: true,
    streetViewControl: true,
    streetViewControlOptions: {
        position: google.maps.ControlPosition.LEFT_BOTTOM,
    },
    rotateControl: false,
    fullscreenControl: true,
    mapTypeId: 'hybrid'
    //gestureHandling: 'greedy'
  };
  map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
  if ( window.innerWidth > 768 ){
    map.setOptions({mapTypeControl: false});
    map.setOptions({fullscreenControl: false});
  }
  else{
    map.setOptions({fullscreenControl: true});
    map.setOptions({streetViewControl: true});
  }
  if ( window.innerWidth <= 320 )
    map.setOptions({mapTypeControl: false});
  document.getElementById("googleMap").addEventListener('mouseenter', function (event) {
    if ( window.innerWidth > 768 ){
      map.setOptions({mapTypeControl: true});
      map.setOptions({fullscreenControl: true});
      map.setOptions({streetViewControl: true});
    }
  })
  document.getElementById("googleMap").addEventListener('mouseleave', function (event) {
    if ( window.innerWidth > 768 ){
      map.setOptions({mapTypeControl: false});
      map.setOptions({fullscreenControl: false});
      map.setOptions({streetViewControl: false});
    }
    else{
      map.setOptions({fullscreenControl: true});
    }
  })

  myLatLng = {lat: -34.101633, lng: 18.488664};
  var marker = new google.maps.Marker({
      position:myLatLng, 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_active'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title:"SUP Beach, South Africa",
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},// 'SUP Beach, South Africa'}, 
      map:map
      });         
  markers.push(marker);
  markersSpotOnly.push(marker);
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center'>" +
                "<h6>" + 
                  "SUP Beach, South Africa" +
                "</h6>" +
              "</div>"
    });
  //if  ( window.innerWidth > 768 ) infowindow.open(map, markers[0]);
  google.maps.event.addListener(markers[0], 'click', function (event){
    infowindow.open(map, markers[0]);
  })
}
</script><!--API key 'spot'--><script async="async" defer="defer" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCCSwG1hcaZNyX5IU8G0IDn_ZdkY71qFEE&amp;callback=myMap"></script><!--ADD Airports on GoogleMap--><script>$(window).on('load', function() {
  myLatLng = {lat: -33.971463, lng: 18.602085100000068};
  var markerA = new google.maps.Marker({
      position:myLatLng,
      icon: {url: icons['airport_inactive'].icon, 
            scaledSize: new google.maps.Size(20, 20)},
      title: "CPT",
      map:map
      });
  markersAirport.push(markerA);
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: -26.1366728, lng: 28.241145899999992};
  var markerA = new google.maps.Marker({
      position:myLatLng,
      icon: {url: icons['airport_inactive'].icon, 
            scaledSize: new google.maps.Size(20, 20)},
      title: "JNB",
      map:map
      });
  markersAirport.push(markerA);
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: -29.6099786, lng: 31.116887099999985};
  var markerA = new google.maps.Marker({
      position:myLatLng,
      icon: {url: icons['airport_inactive'].icon, 
            scaledSize: new google.maps.Size(20, 20)},
      title: "DUR",
      map:map
      });
  markersAirport.push(markerA);
})
</script><!--ADD Shools on GoogleMap--><script>$(window).on('load', function() {
  myLatLng = {lat: -34.107152500000005, lng: 18.4710408};
  var markerSc = new google.maps.Marker({
      position: myLatLng, 
      url:"/schools/" + "surfstore-africa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['school_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Surfstore Africa", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Surfstore Africa'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h6 class='notranslate'>" + 
                  "Surfstore Africa" +
                "</h6>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-user-graduate availability'>"+"</i>"+
                  "School" +
                "</h6>" +
                "<a href='/schools/" + "surfstore-africa" + "'>"+
                  "<div class='btn btn-unplug-auto-width reactive-shadow hide-on-wide-screen' style='margin:auto'>"+
                      "<i class='fa fa-eye availability'>"+"</i>"+
                      "See Page" +
                  "</div>" +
                "</a>"+
                "<a href='/schools/" + "surfstore-africa" + "'>"+
                  "<div class='btn btn-unplug-auto-width reactive-shadow hide-on-narrow-screen' style='margin:auto'>"+
                    "<i class='fa fa-eye availability'>"+"</i>"+
                    "See Page" + 
                  "</div>" +
                "</a>"+
              "</div>"
    });
    infowindows.push(infowindow)
    markersSchoolOnly.push(markerSc);
    google.maps.event.addListener(markerSc, 'click', function (event){
      infowindow.open(map, markerSc);
    })
})


</script><script>$(window).on('load', function() {
  myLatLng = {lat: -33.81463, lng: 18.472449900000015};
  var markerSc = new google.maps.Marker({
      position: myLatLng, 
      url:"/schools/" + "high-five-kitesurf-school-cape-town", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['school_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "High Five Kitesurf School Cape Town", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//High Five Kitesurf School Cape Town'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h6 class='notranslate'>" + 
                  "High Five Kitesurf School Cape Town" +
                "</h6>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-user-graduate availability'>"+"</i>"+
                  "School" +
                "</h6>" +
                "<a href='/schools/" + "high-five-kitesurf-school-cape-town" + "'>"+
                  "<div class='btn btn-unplug-auto-width reactive-shadow hide-on-wide-screen' style='margin:auto'>"+
                      "<i class='fa fa-eye availability'>"+"</i>"+
                      "See Page" +
                  "</div>" +
                "</a>"+
                "<a href='/schools/" + "high-five-kitesurf-school-cape-town" + "'>"+
                  "<div class='btn btn-unplug-auto-width reactive-shadow hide-on-narrow-screen' style='margin:auto'>"+
                    "<i class='fa fa-eye availability'>"+"</i>"+
                    "See Page" + 
                  "</div>" +
                "</a>"+
              "</div>"
    });
    infowindows.push(infowindow)
    markersSchoolOnly.push(markerSc);
    google.maps.event.addListener(markerSc, 'click', function (event){
      infowindow.open(map, markerSc);
    })
})


</script><script>$(window).on('load', function() {
  myLatLng = {lat: -33.822859, lng: 18.477523};
  var markerSc = new google.maps.Marker({
      position: myLatLng, 
      url:"/schools/" + "boardandkiteafrica", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['school_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Board and Kite Africa", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Board and Kite Africa'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h6 class='notranslate'>" + 
                  "Board and Kite Africa" +
                "</h6>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-user-graduate availability'>"+"</i>"+
                  "School" +
                "</h6>" +
                "<a href='/schools/" + "boardandkiteafrica" + "'>"+
                  "<div class='btn btn-unplug-auto-width reactive-shadow hide-on-wide-screen' style='margin:auto'>"+
                      "<i class='fa fa-eye availability'>"+"</i>"+
                      "See Page" +
                  "</div>" +
                "</a>"+
                "<a href='/schools/" + "boardandkiteafrica" + "'>"+
                  "<div class='btn btn-unplug-auto-width reactive-shadow hide-on-narrow-screen' style='margin:auto'>"+
                    "<i class='fa fa-eye availability'>"+"</i>"+
                    "See Page" + 
                  "</div>" +
                "</a>"+
              "</div>"
    });
    infowindows.push(infowindow)
    markersSchoolOnly.push(markerSc);
    google.maps.event.addListener(markerSc, 'click', function (event){
      infowindow.open(map, markerSc);
    })
})


</script></div></div></div></div></div><div class="thumbnail"><div class="thumbnail-header-title padding-10px-right"><div class="row"><div class="col-sm-12"> <!--h3.hide-on-narrow-screen| SUP Beach, South Africa  --><h6></h6><div class="text-center"><!--h3.force-no-margin-top-on-small-screen Want to contribute?--><div class="text-color-secondary"><a href="https://unplug673641.typeform.com/to/KK0GuBwh?spot_name=SUP Beach, South Africa&amp;level=Beginner, Intermediate, Expert&amp;spot_type=Ocean&amp;beach_type=Sand&amp;water_type=Small waves, Medium waves&amp;beach_size=Big&amp;wind_bestmonths=January, February, March, November, December&amp;wind_type=Trade&amp;rules=None&amp;wind_weather=Wind can get strong (40ktn). undefined&amp;beach_surrondings=undefined Muizenberg and Kalk Bay are the places with fantastic vibes to party. Places like Poolana and Meltin Pot are stunning. Many resturants with awesome food. Friday evening market in Muizenberg with live Reggae music.&amp;water_risks=None&amp;beach_risks=None&amp;wind_maindirection=SE&amp;wind_bestdirection=SE&amp;destination=Cape Town&amp;country=South Africa&amp;area=East South Africa" data-mode="drawer_right" class="typeform-share"><div class="btn btn-unplug-min150 reactive-shadow"><i class="fa fa-edit availability"> </i>Add info about this Spot</div></a><!--+scriptTypeform()--><h6></h6></div></div></div></div></div></div></div></div></div><h6></h6><div class="hide-on-wide-screen"></div></div></div><div id="EndOfPage"></div><div class="row"><div class="col-md-2"></div><div class="col-md-7"><!--+renderDisqus()--></div><div class="col-md-3"></div></div></div></div></div><div class="eupopup eupopup-bottom"></div></body><!-- begin:footer--><footer class="hide-on-narrow-screen"><div id="footer" class="unselectable"><div class="container"><div class="row sitemap"><div class="col-md-12"><div class="col-md-3"><h5 class="notranslate">About</h5><ul class="list-unstyled"><li><a href="/about">About us</a></li><!--lia(href='/cashback') Cashback Program--><li><a href="/pricing">Pricing</a></li><li><a id="contact_typeform_2" href="https://unplug673641.typeform.com/to/jA1qp4?Page=" data-mode="drawer_right" target="_blank" class="typeform-share">Help</a><script>$(window).on('load', function() {
  document.getElementById("contact_typeform_2").href = document.getElementById("contact_typeform_2").href.replace('jA1qp4?Page=', 'jA1qp4?Page='+window.location.href);
})</script></li><!--lia(href='/') Legal Terms--></ul></div><div class="col-md-3"><h5>Discover your Kitesurf escape</h5><ul class="list-unstyled notranslate"><li><a href="/areas/world">Explore World Map</a></li><li class="hide-on-narrow-ipadscreen"><a href="/">School Finder</a></li><li class="hide-on-wide-ipadscreen"><a href="/searchnew">School Finder</a></li><li><a href="/brands/all">Kitesurf Shops</a></li></ul></div><div class="col-md-3 notranslate"><h5>Best Kitesurfing areas</h5><ul class="list-unstyled"><li><a href="/areas/world">All Areas</a></li><li><a href="/areas/france">France</a></li><li><a href="/areas/spain-portugal">Spain & Portugal</a></li><li><a href="/areas/west-north-africa-canarias">West North Africa - Canarias</a></li><li><a href="/areas/east-south-africa">East South Africa</a></li><li><a href="/areas/caribbean">Caribbean</a></li><li><a href="/areas/brazil">Brazil</a></li></ul></div><div class="col-md-3 notranslate"><h5>Best Kitesurfing destinations</h5><ul class="list-unstyled"><li><a href="/destinations/dakhla">Dakhla</a></li><li><a href="/destinations/tarifa">Tarifa</a></li><li><a href="/destinations/bretagne">Bretagne</a></li><li><a href="/destinations/jericoacoara">Jericoacoara</a></li><li><a href="/destinations/fortaleza">Fortaleza</a></li><li><a href="/destinations/cape-town">Cape Town</a></li><li><a href="/destinations/san-francisco">San Francisco</a></li></ul></div><!--.col-md-3ul.list-unstyled
  li
      a(href='/destinations/antigua') Antigua
  li
      a(href='/destinations/cartagena') Cartagena
  li
      a(href='/destinations/jericoacoara') Jericoacoara
  li
      a(href='/destinations/squamish') Squamish
  li
      a(href='/destinations/fuerteventura') Fuerteventura
  li
      a(href='/destinations/rodrigues') Rodrigues
  li
      a(href='/destinations/israel') Israel
  li
      a(href='/destinations/bali') Bali
  li
      a(href='/destinations/new-zealand') New Zealand--><!--.col-md-3ul.list-unstyled
  li
      a(href='/destinations/bretagne') Bretagne
  li
      a(href='/destinations/marsala') Marsala
  li
      a(href='/destinations/athens') Athens
  li
      a(href='/destinations/netherlands') Netherlands
  li
      a(href='/destinations/croatia') Croatia
  li
      a(href='/destinations/cabarete') Cabarete
  li
      a(href='/destinations/buenos-aires') Buenos Aires
  li
      a(href='/destinations/hurghada') Hurghada
  li
      a(href='/destinations/mui-ne') Mui Ne
  li
      a(href='/destinations/queensland') Queensland
  li
      a(href='/destinations/essaouira') Essaouira
  li
      a(href='/destinations/alicante') Alicante
  li
      a(href='/destinations/olbia') Olbia
  li
      a(href='/destinations/sri-lanka') Sri Lanka
  li
      a(href='/destinations/toronto') Toronto
  li
      a(href='/destinations/porto-alegre') Porto Alegre
  li
      a(href='/destinations/martinique') Martinique
  li
      a(href='/destinations/jericoacoara') Jericoacoara
  li
      a(href='/destinations/bali') Bali
  li
      a(href='/destinations/san-francisco') San Francisco
  li
      a(href='/destinations/antigua') Antigua
  li
      a(href='/destinations/cabarete') Cabarete
  li
      a(href='/destinations/fortaleza') Fortaleza
  li
      a(href='/destinations/hurghada') Hurghada
  li
      a(href='/destinations/mui-ne') Mui Ne--></div></div></div><div class="row"><div class="col-md-12"> <ul class="list-unstyled social-icon"><li><a href="https://www.facebook.com/TeamUnplug/" rel="tooltip" title="Facebook" target="_blank" class="icon-facebook"><span><i class="fab fa-facebook-square force-font-size-30px"></i></span></a></li><!--lia.icon-twitter(href='https://twitter.com/unplug_kitesurf/', rel='tooltip', title='Twitter' target='_blank')
  span
    i.fab.fa-twitter.force-font-size-30px--><!--lia.icon-tumblr(href='https://www.tumblr.com/unplug-team/', rel='tooltip', title='Tumblr' target='_blank')
  span
    i.fab.fa-tumblr.force-font-size-30px--><li><a href="https://www.instagram.com/unplug_kitesurf/" rel="tooltip" title="Instagram" target="_blank" class="icon-instagram"><span><i class="fab fa-instagram force-font-size-30px"></i></span></a></li></ul></div></div><div class="row"><div class="col-md-12"><img src="/img/logo-unplug.png" class="unplug-logo"></div></div></div><!-- end:footer--><!-- begin:copyright--><!--COOKIE--><!--script(src='/js/jquery-eu-cookie-law-popup.js')--><div id="copyright" class="unselectable"><div class="container"><div class="row"><div class="col-md-12"><small>Copyright © 2019 unplug |  <a href="/privacy" class="color-always-white">Privacy Policy </a>| <a href="/terms-and-conditions" class="color-always-white">Terms and Conditions</a></small></div></div></div></div><!-- end:copyright--><script>/*document.querySelector('playpause').addEventListener('load', function(){
  document.getElementById("playpause").click()
  // The image is ready!
});*/

if(document.getElementById("playpause"))
  document.getElementById("playpause").click()
</script><!--Bootstrap core JavaScript
==================================================--><!-- Placed at the end of the document so the pages load faster--><script src="/js/jquery.js"></script><script src="/js/bootstrap.js"></script><!--script(src='/js/script.js')--><!--script(src="../js/instantsearch.js")--><script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script><!--script(src='https://cdn.jsdelivr.net/momentjs/latest/moment.min.js')--><script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script><!--+noscriptGoogleTagManager()--></footer></html>