<!-- #########################################--><!-- #########################################--><!-- ###                                   ###--><!-- ###           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"><title>Unplug</title><meta property="og:title" content="Unplug | Your kitesurf escape"><meta name="description" content="Compare all prices and Find the best 900+ kitesurf schools, and discover 6,300+ kitesurf spots in Europe, USA, Caribbean, Latin America, Brazil, Africa, Asia, Australia."><meta property="og:description" content="Compare all prices and Find the best 900+ kitesurf schools, and discover 6,300+ kitesurf spots in Europe, USA, Caribbean, Latin America, Brazil, Africa, Asia, Australia."><meta property="og:type" content="website"><meta property="og:image" content=""><meta property="og:image" content="/img/social_post.png"><meta property="og:image" content="/img/landing-page-unplug-cruising-on-flat-water0.jpg"><meta property="og:image" content="https://www.unplug-kitesurf.com/img/landing-page-unplug-cruising-on-flat-water0.jpg"><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"><meta property="og:image:type" content="image/png"><link rel="icon" type="image/png" href="/img/favicon-unplug.png"><!-- 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--></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.1; // our % margin
var BookingHowMuchDescriptionPrompt = '';
var BookingHowMuch = 0;
var BookingHowMuchVoucher = 0;
var BookingUNPLUGmargin = 0.1; // our % margin
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 = 'TKS Miami Sunset Harbour | Kiteschool in Miami, USA - United States | Unplug | Discover services, lessons and rental prices'</script><script>document.querySelector('meta[name="description"]').setAttribute("content", 
	'TKS Miami Sunset Harbour | Prices for kitesurfing lessons and rental in Miami! '+
	'See school Reviews and Comments, photos, videos. When to kite. Prices and easy booking.'
);
document.querySelector('meta[property="og:description"]').setAttribute("content", 
	'TKS Miami Sunset Harbour | Prices for kitesurfing lessons and rental in Miami! '+
	'See school Reviews and Comments, photos, videos. When to kite. Prices and easy booking.'
);	</script><script>var el = document.createElement('script')
var structrating = "4.8"
var structreviewnumber = "34"
var structCCY = "USD"
var structLessonPrice = "180"
var structRentalPrice = ""
var structName = "TKS Miami Sunset Harbour"
var structSlug = "tksmiami"
var structLabel = "TKS Miami Sunset Harbour | Unplug"
var structlogo = "/img/i_sc_lo/3wvPQrhgfpmUT0NhZh2S1g_Capture.PNG"

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';
if (structLessonPrice != "")
  el.text = JSON.stringify(
              {
                "@context": "https://schema.org/",
                "@type": "Product",
                "name": structLabel,
                "image": structlogo,
                "logo": structlogo,
                "description": "See school Reviews and Comments, photos, videos. When to kite. Prices and easy booking.",
                "sku": structSlug,
                "mpn": "925872",
                "brand": {
                  "@type": "Organization",
                  "name": structName + " x Unplug",
                  "url": "https://www.unplug-kitesurf.com/schools/"+structSlug,
                  "logo": structlogo
                },
                "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/schools/"+structSlug,
                  "priceCurrency": structCCY,
                  "price": structLessonPrice,
                  "priceValidUntil": "2022-01-01",
                  "availability": "https://schema.org/InStock",
                  "seller": {
                    "@type": "Organization",
                    "name": structName + " x Unplug",
                    "url": "https://www.unplug-kitesurf.com/schools/"+structSlug,
                    "logo": structlogo
                  }
                }
              }
            );
else
  el.text = JSON.stringify(
              {
                "@context": "https://schema.org/",
                "@type": "Product",
                "name": structLabel,
                "image": structlogo,
                "logo": structlogo,
                "description": "See school Reviews and Comments, photos, videos. When to kite. Prices and easy booking.",
                "sku": structSlug,
                "mpn": "925872",
                "brand": {
                  "@type": "Organization",
                  "name": structName + " x Unplug",
                  "url": "https://www.unplug-kitesurf.com/schools/"+structSlug,
                  "logo": structlogo
                },
                "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/schools/"+structSlug,
                  "priceCurrency": "EUR",
                  "price": "0",
                  "priceValidUntil": "2022-01-01",
                  "availability": "https://schema.org/InStock",
                  "seller": {
                    "@type": "Organization",
                    "name": structName + " x Unplug",
                    "url": "https://www.unplug-kitesurf.com/schools/"+structSlug,
                    "logo": structlogo
                  }
                }
              }
            );

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", 25.7934099)
$("#navbar-search").attr("lon", -80.14290199999998)
$("#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><!--+scriptPhoneCallEventHandler()--><!--#UpdateShortcut.no-display+renderSchoolUpdateButton(school,'tiny-white')
script.
  $('#UpdateShortcut').appendTo('#UpdateShortcutContainer')
--><div class="page-content"><div id="container-search" class="container"><!--+renderSearchBarRow--><!--COUNT main services (used for punctuation)--><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/north-america">North America</a></li><li><a href="/destinations/miami">Miami</a></li><li class="notranslate"><a href="#">TKS Miami Sunset Harbour</a></li></ol></div><div id="BeginningOfPage"></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></div><div id="MainColumnTop" class="col-md-7 single-item"><div id="SchoolMenuBottomBackground" class="hide-on-wide-screen"><div id="SchoolMenuBottomContainer"><div class="col-sm-12 color-inactive"><!--one price--><div class="force-padding-top-18px"> <!--SCHOOL--><span class="force-font-size-20px">180</span><span class="force-font-size-15px">$ </span><span class="hide-on-screen-narrower-than-350px">per hour (lesson)</span><span class="hide-on-screen-wider-than-350px">/h (lesson)</span><br/></div><i class="fa fa-star color-blue force-font-size-10px force-padding-right-1px"></i><b> 4.8               </b><span> (34 reviews) </span></div></div><div id="SchoolMenuBottomPhoneButtonMini"><!--commented by kev in sept24 +renderSchoolSimplePhoneButtonMini(school) --></div><div id="SchoolMenuBottomMessageButtonMini">  <!--https://unplug673641.typeform.com/to/W65RcJ#schoolname=xxxxx&schoolemail=xxxxx&destination=xxxxx&country=xxxxx&area=xxxxx&schoolslug=xxxxx&selectedbookingwhensubmitted=xxxxx--><!--a.book.typeform-share(href='https://unplug673641.typeform.com/to/W65RcJ?schoolname='+school.fields.schoolName+'&schoolemail='+school.fields.email+'&destination='+school.fields.destination.fields.destinationName+'&country='+school.fields.nearestAirports[0].fields.country+'&area='+school.fields.area.fields.areaName+'&selectedbookingwhensubmitted='+anonymizedBookingDescriptionPrompt(BookingDescriptionPrompt), data-mode='drawer_right')--><div onclick="typeformOpen()" class="btn btn-unplug-blue-button-icon-contact reactive">       <i class="fa fa-comments availability force-font-size-20px"></i><span class="unselectable force-font-size-20px">Contact</span></div></div><div id="SchoolMenuBottomPackagePrebookButtonMini" class="no-display">  <div class="text-center"></div></div><div id="SchoolMenuBottomRequestInfoButtonMini" class="no-display"> <div class="text-center"> <!-- just a typeform (no stripe)--><button id="bt-contact-SmallScreen" onclick="typeformBook()" class="btn btn-unplug-blue-button-icon-book reactive"><i class="fa fa-paper-plane availability force-font-size-20px"></i><span class="unselectable force-font-size-20px">Send Request</span></button></div></div><div id="SchoolMenuTopClosePackagePrebookButtonMini" class="no-display">  <div class="text-center"><div id="bt-close-undefined" onclick="closePackagePrebookingNarrow()"><i class="fas fa-times availability force-font-size-20px"></i></div></div></div></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="notranslate force-no-border-bottom force-margin-bottom-minus5px force-no-padding-bottom">TKS Miami Sunset Harbour  </h3><div id="UpdateFirstAppearance"></div><div class="button-to-far-right"><console school.fields()="school.fields()" class="log"></console><a href="https://unplug673641.typeform.com/to/GVm7li?schoolname=TKS Miami Sunset Harbour&amp;schoolemail=info@tksmiami.com&amp;destination=Miami&amp;country=USA - United States&amp;area=North America" 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"><div class="hide-on-wide-screen">                 <div class="text-justify"><!--COUNT main services and bar, shop (used for punctuation)--><h6><b>BOOK NOW </b>one of the available packs 
and get exactly what you need for your riding level! </h6><h6> <i class="fas fa-user-graduate availability"></i>The school offers <b>Kitesurfing Lessons</b>.</h6></div><h5></h5><!--if school.fields.unplugDiscountif school.fields.unplugDiscount == '0'
  .row 
    h6
    //+renderPackagePrebookButton(school)
    h6--><div class="row"><h6></h6><img src="/img/i_sc_lo/3wvPQrhgfpmUT0NhZh2S1g_Capture.PNG" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail reactive"/></div><div class="row"> <h6><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></h6><h6 class="notranslate"> 4.8/5 (34)</h6></div><div class="hide-on-wide-ipadscreen"><h5> </h5><div class="text-center"></div><h6></h6><div onclick="openPackagePrebookingNarrow()" class="btn btn-unplug-yellow-button-icon-contact reactive"><span class="unselectable force-font-size-20px force-font-bold"><i class="fa fa-paper-plane availability force-font-size-20px"></i> BOOK NOW  </span></div><h6> </h6></div><div class="hide-on-narrow-ipadscreen"> <h6> 
Book now, and get 10% off</h6><div onclick="openPackagePrebookingNarrow()" class="btn btn-unplug-blue-min150 reactive-shadow hand-when-hover"><i class="fas fa-snowboarding availability"> </i> Save 10%</div></div><div class="hide-on-wide-ipadscreen"><div class="text-center"><!--if school.fields.slug == 'lemenhirnormandiekite'h6
  strong BOOK NOW, and get 10% off!--><div class="col-12-m"><h6><strong>Beginner Pack - </strong>3x3h - From zero to hero!<br/><strong>Coaching Pack - </strong>2h - Enhance your skills!<br/><strong>Rental with a refresher -  </strong>3h - Be safe!<br/><strong>Standard rental - </strong>For advanced rider<br/></h6></div></div></div></div><div class="hide-on-narrow-screen"><div class="text-justify"><!--COUNT main services and bar, shop (used for punctuation)--><!--h6 | Welcome to the 
b UNPLUG School page 
| of TKS Miami Sunset Harbour! --><h6><b>BOOK NOW </b>one of the available packs 
and get exactly what you need for your riding level! </h6><h6> <i class="fas fa-user-graduate availability"></i>The school offers <b>Kitesurfing Lessons</b>. </h6></div></div><h5 class="hide-on-wide-screen"> </h5><div class="text-justify"><h6>All lesson and rental prices include full equipment.
Lesson price is for 1h of non-private lesson for beginners. </h6><!--elseif !school.fields.sharingPrice || !school.fields.rentalPrice
else
  h6
    | All prices include full equipment. 
--></div><h5 class="hide-on-narrow-screen"> </h5><div id="SchoolPriceMain"></div><!--SCHOOL--><div class="row text-left"><div class="col-sm-12"><h5> <i class="fas fa-user-graduate availability"></i>Lesson: 180 $/hour</h5></div></div><div class="hide-on-wide-screen"></div><!--.hide-on-wide-screen.col-sm-12.text-center
  +renderSchoolSimplePhoneButton(school)
  +renderSchoolSimpleMessageButton(school)
  h6--><div class="hide-on-narrow-ipadscreen"><br/><div class="text-center"><!-- kkk a peaufiner avec typeform setup--><script>var typeformBook = function(){
    window.typeformEmbed.makePopup(
        'https://unplug673641.typeform.com/to/YbiXOHjY#schoolname=TKS Miami Sunset Harbour&schoolemail=info@tksmiami.com&schoolslug=tksmiami&daterange='+BookingDates+'&bookingmessage='+BookingDescriptionPrompt+'&bookingestimatedrevenue='+BookingHowMuchDescriptionPrompt+'&bookingtotalbeforediscount='+BookingPackageHowMuch+'&bookingtotalaftdiscount='+BookingPackageHowMuchPayNow+'&nbbeginnerpack='+BookingPackageBeginner+'&nbrefresherpack='+BookingPackageRefresher+'&nblesson='+BookingPackageLesson+'&nbrental='+BookingPackageRental
        , {
            mode: 'drawer_right',
            hideHeaders: true,
            hideFooter: true
          }).open()
  }
function typeformBookFunctionUpdate(){
    typeformBook = function(){
    window.typeformEmbed.makePopup(
        //'https://unplug673641.typeform.com/to/uRTlPK?schoolname=TKS Miami Sunset Harbour&schoolemail=info@tksmiami.com&daterange='+BookingDates+'&adults='+BookingAdults+'&children='+BookingChildren+'&forwho='+BookingForWhoAdult+BookingForWhoChild
        'https://unplug673641.typeform.com/to/YbiXOHjY#schoolname=TKS Miami Sunset Harbour&schoolemail=info@tksmiami.com&schoolslug=tksmiami&daterange='+BookingDates+'&bookingmessage='+BookingDescriptionPrompt+'&bookingestimatedrevenue='+BookingHowMuchDescriptionPrompt+'&bookingtotalbeforediscount='+BookingPackageHowMuch+'&bookingtotalaftdiscount='+BookingPackageHowMuchPayNow+'&nbbeginnerpack='+BookingPackageBeginner+'&nbrefresherpack='+BookingPackageRefresher+'&nblesson='+BookingPackageLesson+'&nbrental='+BookingPackageRental
        , {
            mode: 'drawer_right',
            hideHeaders: true,
            hideFooter: true
          }).open()
  }
}

</script><!--.always-on-wide-screen--><script>BookingFXCCYEUR = 1 / 1.13 
if(BookingFXCCYEUR!=1){BookingFXCCYEUR=BookingFXCCYEUR*1.01}
//BookingCCY = $</script><script>if (parseFloat('180')==0){
  BookingLessonPrice=0
  }
else{
  BookingLessonPrice=180*BookingFXCCYEUR
}</script><h5 class="force-margin-bottom-3px-on-small-screen"><i class="fa fa-paper-plane availability"> </i>BOOK NOW</h5><div class="row"><div class="col-sm-12"><div id="booking-dates-BigScreen" style="background: #fff; cursor: pointer; padding: 5px 10px; margin: 10px 10px; border: 1px solid #ccc; width: auto" class="force-no-margin-bottom-on-small-screen"><i class="fas fa-calendar-alt force-padding-right-10px"></i><span class="unselectable"></span><i class="fa fa-caret-down force-padding-left-5px"></i></div><script>$(function() {
  function cb(start, end) {               
    if(start.format('ddd, D MMM YYYY')==end.format('ddd, D MMM YYYY')){
      BookingDates = start.format('ddd, D MMM YYYY')
    }
    else{
      BookingDates = start.format('ddd, D MMM YYYY') + ' - ' + end.format('ddd, D MMM YYYY')
    }
    if (BookingDates == moment().format('ddd, D MMM YYYY'))
      BookingDates = 'No specific Booking Dates'
    BookingScreenSize.forEach(function(ScreenSize) {
      $('#booking-dates-'+ScreenSize+' span').html(' ' + BookingDates + ' ');
    });
    if (BookingDates == 'No specific Booking Dates')
      BookingDates = ' '
    BookingDidUserInteract = true    
    updatePackageBookingEconomics() 
  }
  $('#booking-dates-BigScreen').daterangepicker({
    startDate: start,
    endDate: end,
    minDate: minDate,
    opens: 'left',
    autoApply: true,
    alwaysShowCalendars: true,
    linkedCalendars: false,
    showDropdowns: false,
    ranges: {
      'I dont know yet...': [moment(), moment()],
      'Tomorrow': [moment().add(1, 'days'), moment().add(1, 'days')],
      'Next 7 Days': [moment().add(1, 'days'), moment().add(7, 'days')]
    }
  }, cb);
  cb(start, end);    
  BookingDidUserInteract = false  
  initializePackagePrebooking()   
});

</script></div></div><div class="row"><div class="col-sm-12 text-center unselectable"><div style="background: #fff; padding: 5px 10px; margin: 10px 10px; border: 1px solid #ccc; width: auto" class="force-no-margin-bottom-on-small-screen"><div id="booking-persons-BigScreen"><i class="fa fa-male force-padding-right-10px"></i>Persons <i title="Less" onclick="removeOnePerson()" class="fa fa-minus hand-when-hover force-padding-left-20px force-padding-right-10px"></i><span></span><i title="More" onclick="addOnePerson()" class="fa fa-plus hand-when-hover force-padding-left-10px force-padding-right-20px"></i><script>BookingScreenSize.forEach(function(ScreenSize) {
  $('#booking-persons-'+ScreenSize+' span').html(' ' + 1 + ' ');
});
function addOnePerson() {
    BookingPersons = BookingPersons + 1
    BookingForWhoPerson = '' + BookingPersons + ' person'
    if (BookingPersons > 1)
      BookingForWhoPerson = BookingForWhoPerson + 's'
    BookingScreenSize.forEach(function(ScreenSize) {
      $('#booking-persons-'+ScreenSize+' span').html(' ' + BookingPersons + ' ')
    });
    BookingDidUserInteract = true
    //updateCustomBookingEconomics()
    updatePackageBookingEconomics()
}
function removeOnePerson() {
    if (BookingPersons > 1)
      BookingPersons = BookingPersons - 1
    BookingForWhoPerson = '' + BookingPersons + ' person'
    if (BookingPersons > 1)
      BookingForWhoPerson = BookingForWhoPerson + 's'
    BookingScreenSize.forEach(function(ScreenSize) {
      $('#booking-persons-'+ScreenSize+' span').html(' ' + BookingPersons + ' ')
    });
    //updateCustomBookingEconomics()
    updatePackageBookingEconomics()
}</script></div></div></div></div><div id="PackagePrebooking-BigScreen"><div class="row"><div class="col-sm-12 text-center unselectable"><div style="background: #fff; padding: 0px 10px; margin: 5px 10px; border: 1px solid #ccc; width: auto" class="force-margin-bottom-3px-on-small-screen"><div id="booking-package-beginner-BigScreen"><div class="hide-on-narrow-screen"><h6 class="force-margin-bottom-1px"><i>From zero to hero!</i></h6></div><i class="fas fa-user-graduate force-padding-right-10px"></i>3x3h Beginner Pack <i title="Less" onclick="removeOnePackageBeginner()" class="fa fa-minus hand-when-hover force-padding-left-20px force-padding-right-10px"></i><span></span><i title="More" onclick="addOnePackageBeginner()" class="fa fa-plus hand-when-hover force-padding-left-10px force-padding-right-20px"></i></div><script>BookingScreenSize.forEach(function(ScreenSize) {
  //$('#booking-package-beginner-'+ScreenSize+' span').html(' ' + 0 + ' pack');
  $('#booking-package-beginner-'+ScreenSize+' span').html(' ' + 0);
});
function addOnePackageBeginner() {
    BookingPackageBeginner = BookingPackageBeginner + 1
    BookingPackageHowMuchOther = BookingPackageHowMuchOther + 3 * 3 * BookingLessonPrice
    BookingWhat = BookingPackageBeginner //+ ' pack'
    if (BookingPackageBeginner > 1)
      BookingWhat = BookingWhat //+ 's'
    BookingScreenSize.forEach(function(ScreenSize) {
      $('#booking-package-beginner-'+ScreenSize+' span').html(' ' + BookingWhat)
    });
    BookingDidUserInteract = true
    updatePackageBookingEconomics()
}
function removeOnePackageBeginner() {
    if (BookingPackageBeginner > 0){
      BookingPackageBeginner = BookingPackageBeginner - 1
      BookingPackageHowMuchOther = BookingPackageHowMuchOther - 3 * 3 * BookingLessonPrice
    }
    BookingWhat = BookingPackageBeginner //+ ' pack'
    if (BookingPackageBeginner > 1)
      BookingWhat = BookingWhat //+ 's'
    BookingScreenSize.forEach(function(ScreenSize) {
      $('#booking-package-beginner-'+ScreenSize+' span').html(' ' + BookingWhat)
    });
    updatePackageBookingEconomics()
}
</script></div></div></div><div class="row"><div class="col-sm-12 text-center unselectable"><div style="background: #fff; padding: 0px 10px; margin: 5px 10px; border: 1px solid #ccc; width: auto" class="force-margin-bottom-3px-on-small-screen"><div id="booking-package-lesson-BigScreen"><div class="hide-on-narrow-screen"><h6 class="force-margin-bottom-1px"><i>Enhance your skills!</i></h6></div><i class="fas fa-user-graduate force-padding-right-10px"></i>2h Coaching/Lesson <i title="Less" onclick="removeOnePackageLesson()" class="fa fa-minus hand-when-hover force-padding-left-20px force-padding-right-10px"></i><span></span><i title="More" onclick="addOnePackageLesson()" class="fa fa-plus hand-when-hover force-padding-left-10px force-padding-right-20px"></i><script>//school.fields.currency.fields.eurccyRate

BookingScreenSize.forEach(function(ScreenSize) {
  $('#booking-package-lesson-'+ScreenSize+' span').html(' ' + 0 );
  //$('#booking-package-lesson-'+ScreenSize+' span').html(' ' + 0 + ' hour');
});
function addOnePackageLesson() {
    BookingPackageLesson = BookingPackageLesson + 1
    BookingPackageHowMuchOther = BookingPackageHowMuchOther + 2 * BookingLessonPrice
    BookingWhat = BookingPackageLesson //+ ' hour'
    if (BookingPackageLesson > 1)
      BookingWhat = BookingWhat //+ 's'
    BookingScreenSize.forEach(function(ScreenSize) {
      $('#booking-package-lesson-'+ScreenSize+' span').html(' ' + BookingWhat)
    });
    BookingDidUserInteract = true
    updatePackageBookingEconomics()
}
function removeOnePackageLesson() {
    if (BookingPackageLesson > 0){
      BookingPackageLesson = BookingPackageLesson - 1
      BookingPackageHowMuchOther = BookingPackageHowMuchOther - 2 * BookingLessonPrice
    }
    BookingWhat = BookingPackageLesson //+ ' hour'
    if (BookingPackageLesson > 1)
      BookingWhat = BookingWhat //+ 's'
    BookingScreenSize.forEach(function(ScreenSize) {
      $('#booking-package-lesson-'+ScreenSize+' span').html(' ' + BookingWhat)
    });
    updatePackageBookingEconomics()
}
</script></div></div></div></div><!--h5.force-margin-bottom-3px-on-small-screeni.fa.fa-paper-plane.availability 
| VOUCHER (SAVE 10%)--></div><h6 class="force-no-margin"><br/></h6><script>function updateStripeCheckout(quantity,checkPersons,checkDates,checkBeginner,checkLesson,checkRefresher,checkRental,checkVoucher,checkDescription){
  var tempQuery = '/create-checkout-session/'
  tempQuery = tempQuery + '?quantity='+Math.max(1,parseFloat(quantity))
  tempQuery = tempQuery + '&pers='+checkPersons
  tempQuery = tempQuery + '&dates='+checkDates
  tempQuery = tempQuery + '&pckBeg='+checkBeginner
  tempQuery = tempQuery + '&pckLes='+checkLesson
  tempQuery = tempQuery + '&pckRef='+checkRefresher
  tempQuery = tempQuery + '&pckRtl='+checkRental
  tempQuery = tempQuery + '&pckVcr='+checkVoucher
  tempQuery = tempQuery + '&description='+checkDescription.replace('I want', 'Customer wants')
  console.log($('form[action^="/create-checkout-session"]'))
  $('form[action^="/create-checkout-session"]').attr('action', tempQuery);
}</script><script>function updatePackageBookingEconomics() {
    BookingPackageHowMuch = Math.floor( BookingPersons * ( BookingPackageHowMuchOther + BookingPackageHowMuchVoucher ) )
    BookingPackageHowMuchNow = Math.ceil( (10 / 100 + BookingUNPLUGmargin ) * BookingPackageHowMuch )
    BookingPackageHowMuchLater = Math.ceil( BookingPackageHowMuch * ( 1 - 10 / 100 ) ) - BookingPackageHowMuchNow 
    BookingPackageHowMuchSaved = BookingPackageHowMuch - BookingPackageHowMuchNow - BookingPackageHowMuchLater
    BookingPackageHowMuchPayNow = BookingPackageHowMuchNow + BookingPackageHowMuchLater
    BookingHowMuchDescriptionPrompt = 'revenues'
    //BookingPriceEUR = BookingPersons * BookingPackageHowMuchOther + BookingPackageHowMuchVoucher
    //BookingPriceCCY = BookingPriceEUR * 1
    BookingScreenSize.forEach(function(ScreenSize) {
        BookingInfo = ''
        if(ScreenSize=='SmallScreen'){  
          BookingInfo = 'Preorder/Secure your booking, and get 10% off! <br> <br> '
        }
        if(BookingPackageHowMuch!=0){
          BookingInfo = BookingInfo + 'Pay ' + BookingPackageHowMuchNow.toLocaleString('en-US') + '€' + ' now <br> Pay '+BookingPackageHowMuchLater.toLocaleString('en-US') + '€' + ' later'
          /*if(ScreenSize=='BigScreen'){  
            BookingInfo = BookingInfo + '<br> <br> Save ' + BookingPackageHowMuchSaved + '€ instantly' 
          }*/
        }
        if(BookingPackageHowMuch!=0){
          if('tksmiami'=='lemenhirnormandiekite'){
            $('#booking-package-total-'+ScreenSize+' h4').html('Total <del style="color:red">' + BookingPackageHowMuch.toLocaleString('en-US') + '€</del> ' + BookingPackageHowMuchPayNow.toLocaleString('en-US') + '€')
          }
          else{$('#booking-package-total-'+ScreenSize+' h4').html('Total ' + BookingPackageHowMuchPayNow.toLocaleString('en-US') + '€')}
        }
        else{$('#booking-package-total-'+ScreenSize+' h4').html('Total - €')}
        //$('#booking-package-total-'+ScreenSize+' h6').html(' ' + BookingInfo)
        if(BookingDidUserInteract){
          $("#SchoolResetPackagePrebookButton-"+ScreenSize).show()
        }
    });
    //if(BookingDidUserInteract || BookingPackageHowMuch==0){  
    if(BookingDidUserInteract && BookingPackageHowMuch==0){                   
      $('#SchoolMenuBottomRequestInfoButtonMini'+' span').html(' Request Info ') //useles, on mobile just use the simple contact button
      $('#SchoolMenuBottomRequestInfoButtonMaxi'+' span').html(' Request Info ')
    }
    if(BookingPackageHowMuch!=0){
      BookingHowMuchDescriptionPrompt = 'more than ' + (Math.floor(BookingPackageHowMuchPayNow/10)*10).toLocaleString('en-US') + '€ revenues in our estimates'
      if('tksmiami' =='lemenhirnormandiekite'){
        $('#SchoolMenuBottomPackagePrebookButtonMini'+' span').html(' Book for ' + BookingPackageHowMuchPayNow.toLocaleString('en-US') + '€ ')
        $('#SchoolMenuBottomPackagePrebookButtonMaxi'+' span').html(' Book for ' + BookingPackageHowMuchPayNow.toLocaleString('en-US') + '€  (-10%) ')
      }
      else{
        $('#SchoolMenuBottomRequestInfoButtonMini'+' span').html(' Send Request ') //useles, on mobile just use the simple contact button
        $('#SchoolMenuBottomRequestInfoButtonMaxi'+' span').html(' Request Booking ')
      }
    }
    if(BookingDidUserInteract || BookingPackageHowMuch!=0){
        $("#SchoolMenuBottomPackagePrebookButtonMaxi").hide()
        $("#SchoolMenuBottomRequestInfoButtonMaxi").show()

        $("#SchoolMenuBottomPackagePrebookButtonMini").hide() 
        $("#SchoolMenuBottomRequestInfoButtonMini").show() 
    }
    if(BookingPackageHowMuch!=0){
      if('tksmiami' =='lemenhirnormandiekite'){
        $("#SchoolMenuBottomPackagePrebookButtonMaxi").show()
        $("#SchoolMenuBottomRequestInfoButtonMaxi").hide()

        $("#SchoolMenuBottomPackagePrebookButtonMini").show()
        $("#SchoolMenuBottomRequestInfoButtonMini").hide() 
      }
    }
    

    //if(BookingDidUserInteract && false && true && true){
    /*if(BookingDidUserInteract){
      $("#SchoolResetPackagePrebookButtonMini").show()
      $("#SchoolResetPackagePrebookButtonMini").show()
      $("#SchoolMenuBottomPackagePrebookButtonMaxi").show()
    }*/

    BookingDescriptionPrompt = bookingDescriptionPrompt(BookingPackageHowMuchPayNow,BookingPersons,BookingDates,BookingPackageBeginner,BookingPackageLesson,BookingPackageRefresher,BookingPackageRental,BookingPackageVoucher)
    console.log(BookingDescriptionPrompt)
    updateStripeCheckout(BookingPackageHowMuchPayNow,BookingPersons,BookingDates,BookingPackageBeginner,BookingPackageLesson,BookingPackageRefresher,BookingPackageRental,BookingPackageVoucher,BookingDescriptionPrompt)
    typeformBookFunctionUpdate()

}

function initializePackagePrebooking(){
  BookingDidUserInteract = false
  updatePackageBookingEconomics()
  $("#SchoolResetPackagePrebookButtonMini").hide()

  $("#SchoolMenuBottomPackagePrebookButtonMaxi").hide()
  $("#SchoolMenuBottomRequestInfoButtonMaxi").hide()

  $("#SchoolMenuBottomPackagePrebookButtonMini").hide() 
  $("#SchoolMenuBottomRequestInfoButtonMini").hide() //useles, on mobile just use the simple contact button
}            
initializePackagePrebooking()

function resetPackagePrebooking(){
  BookingPackageBeginner = 0
  BookingPackageRefresher= 0
  BookingPackageLesson = 0
  BookingPackageRental = 0
  BookingPackageVoucher = 0
  BookingPersons = 0
  BookingPackageHowMuch=0
  BookingPackageHowMuchVoucher = 0
  BookingPackageHowMuchOther = 0
  BookingDates = ' '
  BookingScreenSize.forEach(function(ScreenSize) {
    $('#booking-dates-'+ScreenSize+' span').html(' ' + 'No specific Booking Dates' + ' ');
  })
  addOnePerson()
  BookingScreenSize.forEach(function(ScreenSize) {
    $('#booking-package-beginner-'+ScreenSize+' span').html(' ' + '0')
    $('#booking-package-refresher-'+ScreenSize+' span').html(' ' + '0')
    $('#booking-package-rental-'+ScreenSize+' span').html(' ' + '0 day')
    $('#booking-package-lesson-'+ScreenSize+' span').html(' ' + '0')
    $('#booking-package-voucher-'+ScreenSize+' span').html(' ' + '0')
    //$('#booking-package-beginner-'+ScreenSize+' span').html(' ' + '0 pack')
    //$('#booking-package-refresher-'+ScreenSize+' span').html(' ' + '0 session')
    //$('#booking-package-rental-'+ScreenSize+' span').html(' ' + '0 day')
    //$('#booking-package-lesson-'+ScreenSize+' span').html(' ' + '0 hour')
  });
  initializePackagePrebooking()
}
function bookingDescriptionPrompt(BookingPackageHowMuchPayNow,BookingPersons,BookingDates,BookingPackageBeginner,BookingPackageLesson,BookingPackageRefresher,BookingPackageRental,BookingPackageVoucher){
    var tempBookingDescription = ''
    var tempBookingTime = ''
  
    //Beginner Package
    if(BookingPackageBeginner > 0){tempBookingDescription += BookingPackageBeginner + ' beginner lesson pack'}
    if(BookingPackageBeginner > 1){tempBookingDescription += 's'}
    if(BookingPackageBeginner > 0){tempBookingDescription += ' of 3x3h'}
    //Refresher Package
    if(BookingPackageRefresher > 0){
      if(tempBookingDescription != ''){tempBookingDescription +=  ', '}
      tempBookingDescription += BookingPackageRefresher + ' refresher pack'
    }
    if(BookingPackageRefresher > 1){
      tempBookingDescription +=  's'
    }
    if(BookingPackageRefresher > 0){tempBookingDescription += ' of 3h riding'}
    //Classic Lesson Package
    if(BookingPackageLesson > 0){
      if(tempBookingDescription != ''){tempBookingDescription +=  ', '}
      tempBookingDescription += BookingPackageLesson + ' lesson pack'
    }
    if(BookingPackageLesson > 1){tempBookingDescription += 's'}
    if(BookingPackageLesson > 0){tempBookingDescription += ' of 2h'}
    //Classic Rental Package
    if(BookingPackageRental > 0){
      if(tempBookingDescription != ''){tempBookingDescription +=  ', '}
      tempBookingDescription += BookingPackageRental + ' day' 
    }
    if(BookingPackageRental > 1){tempBookingDescription += 's'}
    if(BookingPackageRental > 0){tempBookingDescription += ' of equipment rental' }
    
    //replace last , with and
    lastCommaIndex = tempBookingDescription.lastIndexOf(',')
    if (lastCommaIndex != -1) {
      tempBookingDescription = tempBookingDescription.substring(0, lastCommaIndex) + ' and' + tempBookingDescription.substring(lastCommaIndex + 1)
    }

    //gathering booking time 
    if(BookingDates != ' '){
      if(BookingDates.search('-') == -1){
        tempBookingTime = ' on ' + BookingDates + tempBookingTime
      }
      else{
        tempBookingTime =  ' during the period (' + BookingDates + ')' + tempBookingTime
      }
    }
    
    //final prompt
    if(BookingPackageHowMuch==0){
      tempBookingDescription = 'I am interested to book for ' + BookingPersons + ' person' + tempBookingTime
    }
    else{
      tempBookingDescription = 'I want to book for ' + BookingPersons + ' person' + tempBookingTime + ': ' + tempBookingDescription 
    }

    //orthograph and final point
    if(BookingPersons > 1){tempBookingDescription.replace('person', 'persons')}
    tempBookingDescription += '.'
    return tempBookingDescription
  }
</script></div><h6></h6></div></div></div></div><div class="col-sm-6"><!--#renderSchoolMiniGoogleMap--><div class="force-margin-right-10px force-margin-left-10px"><div class="row"><!--+scriptMiniMapBoxSchool(school)--><div id="googleMap"></div><script>zoomMapBase = 10
centerMapBase = {lat: 25.7934099, lng: -80.14290199999998};
function myMap() {
  var mapProp= {
    center: centerMapBase,
    zoom:zoomMapBase,
    disableDefaultUI: true,
    scaleControl: true,
    zoomControl: true,
    mapTypeControl: true,
    streetViewControl: true,
    rotateControl: false,
    fullscreenControl: true,
    //gestureHandling: 'greedy'
    streetViewControlOptions: {
        position: google.maps.ControlPosition.LEFT_BOTTOM,
    }
  };
  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});
  }
  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});
    }
  })
  document.getElementById("googleMap").addEventListener('mouseleave', function (event) {
    if ( window.innerWidth > 768 ){
      map.setOptions({mapTypeControl: false});
      map.setOptions({fullscreenControl: false});
    }
    else{
      map.setOptions({fullscreenControl: true});
    }
  })

  myLatLng = {lat: 25.7934099, lng: -80.14290199999998};
  var marker = new google.maps.Marker({
      position:myLatLng, 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['school_active'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title:"TKS Miami Sunset Harbour",
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},// 'TKS Miami Sunset Harbour'}, 
      map:map
      });         
  markers.push(marker);
  markersSchoolOnly.push(marker);
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-no-padding-left force-no-padding-right'>" +
                "<h6 class='force-no-margin-top force-no-margin-bottom notranslate'>" + 
                  "TKS Miami Sunset Harbour" +
                "</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 'school'--><script async="async" defer="defer" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDei2cIh1oBULs_2Az9Bpl_BDGQQmPJGOE&amp;callback=myMap"></script><!--ADD Airports on GoogleMap--><script>$(window).on('load', function() {
  myLatLng = {lat: 25.7958723, lng: -80.2870509};
  var markerA = new google.maps.Marker({
      position:myLatLng,
      icon: {url: icons['airport_inactive'].icon, 
            scaledSize: new google.maps.Size(20, 20)},
      title: "MIA",
      map:map
      });
  markersAirport.push(markerA);
})
</script><!--ADD Spots on GoogleMap--><script>$(window).on('load', function() {
  myLatLng = {lat: 25.7977, lng: -80.1257};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      //url:"/spots/" + "miami-beach-25th-and-north-of-30th-florida-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Miami Beach / 25th and north of 30th, Florida (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Miami Beach / 25th and north of 30th, Florida (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    /*content: "<div class='col-sm-12 text-center force-no-padding-left force-no-padding-right'>" +
                "<h6 class='force-no-margin-top force-no-margin-bottom notranslate'>" + 
                  "Miami Beach / 25th and north of 30th, Florida (USA) (Intermediate)" +
                "</h6>" +
                "<a href='/spots/" + "miami-beach-25th-and-north-of-30th-florida-usa" + "'>"+
                  "<div class='btn btn-unplug-auto-width reactive-shadow' style='margin:auto'>"+
                    "<i class='fa fa-eye availability'>"+"</i>"+
                    "See Page" +
                  "</div>" +
                "</a>"+
              "</div>"
      */

      content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                  "<h6 class='notranslate'>" + 
                     "Miami Beach / 25th and north of 30th, Florida (USA)" +
                  "</h6>" +
                  "<h6 class='hide-on-narrow-screen'>" + 
                    "<i class='fas fa-snowboarding availability'>"+"</i>"+
                    "Intermediate" +
                  "</h6>" +
                  "<a href='/spots/" + "miami-beach-25th-and-north-of-30th-florida-usa" + "'>"+
                    "<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='/spots/" + "miami-beach-25th-and-north-of-30th-florida-usa" + "'>"+
                    "<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)
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(markerSp, 'click', function (event){
    infowindow.open(map, markerSp);
  })
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 25.8616, lng: -80.1191};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      //url:"/spots/" + "miami-beach-76th-street-florida-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Miami Beach / 76th Street , Florida (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Miami Beach / 76th Street , Florida (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    /*content: "<div class='col-sm-12 text-center force-no-padding-left force-no-padding-right'>" +
                "<h6 class='force-no-margin-top force-no-margin-bottom notranslate'>" + 
                  "Miami Beach / 76th Street , Florida (USA) (Beginner)" +
                "</h6>" +
                "<a href='/spots/" + "miami-beach-76th-street-florida-usa" + "'>"+
                  "<div class='btn btn-unplug-auto-width reactive-shadow' style='margin:auto'>"+
                    "<i class='fa fa-eye availability'>"+"</i>"+
                    "See Page" +
                  "</div>" +
                "</a>"+
              "</div>"
      */

      content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                  "<h6 class='notranslate'>" + 
                     "Miami Beach / 76th Street , Florida (USA)" +
                  "</h6>" +
                  "<h6 class='hide-on-narrow-screen'>" + 
                    "<i class='fas fa-snowboarding availability'>"+"</i>"+
                    "Beginner" +
                  "</h6>" +
                  "<a href='/spots/" + "miami-beach-76th-street-florida-usa" + "'>"+
                    "<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='/spots/" + "miami-beach-76th-street-florida-usa" + "'>"+
                    "<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)
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(markerSp, 'click', function (event){
    infowindow.open(map, markerSp);
  })
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 25.7152, lng: -80.1502};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      //url:"/spots/" + "key-biscayne-crandon-beach-park-florida-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Key Biscayne / Crandon Beach Park, Florida (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Key Biscayne / Crandon Beach Park, Florida (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    /*content: "<div class='col-sm-12 text-center force-no-padding-left force-no-padding-right'>" +
                "<h6 class='force-no-margin-top force-no-margin-bottom notranslate'>" + 
                  "Key Biscayne / Crandon Beach Park, Florida (USA) (Beginner)" +
                "</h6>" +
                "<a href='/spots/" + "key-biscayne-crandon-beach-park-florida-usa" + "'>"+
                  "<div class='btn btn-unplug-auto-width reactive-shadow' style='margin:auto'>"+
                    "<i class='fa fa-eye availability'>"+"</i>"+
                    "See Page" +
                  "</div>" +
                "</a>"+
              "</div>"
      */

      content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                  "<h6 class='notranslate'>" + 
                     "Key Biscayne / Crandon Beach Park, Florida (USA)" +
                  "</h6>" +
                  "<h6 class='hide-on-narrow-screen'>" + 
                    "<i class='fas fa-snowboarding availability'>"+"</i>"+
                    "Beginner" +
                  "</h6>" +
                  "<a href='/spots/" + "key-biscayne-crandon-beach-park-florida-usa" + "'>"+
                    "<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='/spots/" + "key-biscayne-crandon-beach-park-florida-usa" + "'>"+
                    "<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)
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(markerSp, 'click', function (event){
    infowindow.open(map, markerSp);
  })
})
</script><div class="hide-on-narrow-screen"><h5></h5><h5 class="text-left"> <i class="fa fa-plane-arrival availability">         </i><b>Main airport: </b>20km <b>Miami International, FL </b>(MIA).</h5></div><div class="hide-on-narrow-ipadscreen"><div class="text-center"><br/><div class="row"><h6> <div id="booking-package-total-BigScreen"><h4>Total - € </h4><!--  br| Pay now 
br
| Pay the rest later 
--></div></h6></div><div id="SchoolMenuBottomPackagePrebookButtonMaxi" class="hide-on-small-ipadscreen no-display"><div class="text-center"></div></div><!--if !school.fields.lessonPrice && school.fields.rentalPrice && !school.fields.sharingPrice--><div id="SchoolMenuBottomRequestInfoButtonMaxi" class="hide-on-small-ipadscreen no-display"><div class="text-center"><!-- just a typeform (no stripe)--><button id="bt-contact-BigScreen" onclick="typeformBook()" style="height:auto" class="btn btn-unplug-min180 reactive"><i class="fa fa-paper-plane availability force-font-size-20px"></i><span class="unselectable force-font-size-20px">Request Info</span></button></div></div><div id="SchoolResetPackagePrebookButton-BigScreen" class="row"><h6></h6><div onclick="resetPackagePrebooking()" class="col-sm-12 text-center hand-when-hover"><h6 class="hand-when-hover"><i class="fas fa-trash-alt availability"></i>Reset Booking Selection<br/><br/></h6></div></div></div></div></div></div></div></div></div><div class="row"><div class="col-sm-9 text-left"><div class="thumbnail-address"><!--a(href='https://www.google.com/images?tbm=isch&q=' + school.fields.schoolName + '+Kitesurfing' target = '_blank').reactiveX2h6 See Photos of TKS Miami Sunset Harbour--></div></div><div class="col-sm-3 text-right notranslate"></div></div></div><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 notranslate"><i class="fas fa-users availability"> </i>Reviews about TKS Miami Sunset Harbour</h5><div class="row"><div class="col-sm-6"><div id="Review"><div id="ReviewItem0" class="force-padding-bottom-10px"><div id="ReviewItemShort-WideScreen-0"><div onclick="showLongReview(0,'WideScreen');" title="Show More" class="hand-when-hover"><div class="text-center"><div class="text-justify"><h6>"What awesome views and a beautiful experience to be out on the miami waters! We even saw a dolphin! It seems life they like to han [...]"</h6><h6 class="text-right">See More [+]</h6></div></div></div></div><div id="ReviewItemLong-WideScreen-0"><div onclick="showShortReview(0,'WideScreen');" title="Show Less" class="hand-when-hover"><div class="text-center"><div class="text-justify"><h6>"What awesome views and a beautiful experience to be out on the miami waters! We even saw a dolphin! It seems life they like to hang around the area. Taking a couple of paddleboarding out is definitely a must before leaving miami! Tks was very friendly and professional. They lent us a water proof case for our phone! Happy camper"                  </h6><h6 class="text-right">See Less [-]</h6></div></div></div></div><div class="text-center notranslate">
<h6> <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></h6><h6 class="notranslate">- Thu Nguyen, 5 years ago -</h6></div></div><div id="ReviewItem1" class="force-padding-bottom-10px"><div id="ReviewItemShort-WideScreen-1"><div onclick="showLongReview(1,'WideScreen');" title="Show More" class="hand-when-hover"><div class="text-center"><div class="text-justify"><h6>"I brought my 13 year old sister to Miami on an impromptu visit and when she mentioned wanting to try paddle boarding, I thought of [...]"</h6><h6 class="text-right">See More [+]</h6></div></div></div></div><div id="ReviewItemLong-WideScreen-1"><div onclick="showShortReview(1,'WideScreen');" title="Show Less" class="hand-when-hover"><div class="text-center"><div class="text-justify"><h6>"I brought my 13 year old sister to Miami on an impromptu visit and when she mentioned wanting to try paddle boarding, I thought of TKS Miami immediately. I'm so glad I did, and was even more thrilled that their Miami Beach location was so close to where we were staying in Sobe. Further, since it had been such a last minute trip, we had forgotten some key items (think: SPF, sandals) but TKS had everything we needed (and more).

We strolled into the store at about noon and booked lessons with Mini for that day. I've done this before, and though my sister is a quick learner, I'm so grateful we did this. Mini was a great instructor: patient, attentive (thank goodness, because we were a bit lost in all the beautiful scenery), a great communicator, and a lot of fun!

I hear TKS is opening up a location in Coral Gables and without having even seeing it yet, I know I'll be recommending this location to all of my Miami locals and visitors alike!"                  </h6><h6 class="text-right">See Less [-]</h6></div></div></div></div><div class="text-center notranslate">
<h6> <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></h6><h6 class="notranslate">- Alexandra Calma, 8 years ago -</h6></div></div><div id="ReviewItem2" class="force-padding-bottom-10px"><div id="ReviewItemShort-WideScreen-2"><div onclick="showLongReview(2,'WideScreen');" title="Show More" class="hand-when-hover"><div class="text-center"><div class="text-justify"><h6>"Miami is the perfect place for Stand-up paddleboarding. I got my first paddle board lesson from TKS Miami and had a great experien [...]"</h6><h6 class="text-right">See More [+]</h6></div></div></div></div><div id="ReviewItemLong-WideScreen-2"><div onclick="showShortReview(2,'WideScreen');" title="Show Less" class="hand-when-hover"><div class="text-center"><div class="text-justify"><h6>"Miami is the perfect place for Stand-up paddleboarding. I got my first paddle board lesson from TKS Miami and had a great experience. Their SUP instructors are terrific with years of water experience. Great fun and amazing time paddle boarding on the ocean from their Beach concession located in Ocean Terrace (76 street and Collins Av. &quot;Hut on the sand&quot; )"                  </h6><h6 class="text-right">See Less [-]</h6></div></div></div></div><div class="text-center notranslate">
<h6> <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></h6><h6 class="notranslate">- Mike Rynart (Mike), 7 years ago -</h6></div></div></div><script>$('[id^="ReviewItemLong"]').hide()
</script></div><div class="col-sm-6"><div id="Review"><div id="ReviewItem3" class="force-padding-bottom-10px"><div id="ReviewItemShort-WideScreen-3"><div onclick="showLongReview(3,'WideScreen');" title="Show More" class="hand-when-hover"><div class="text-center"><div class="text-justify"><h6>"My boyfriend and I did a SUP lesson and had an amazing time! We had an appt on Friday but TKS called us to reschedule because the  [...]"</h6><h6 class="text-right">See More [+]</h6></div></div></div></div><div id="ReviewItemLong-WideScreen-3"><div onclick="showShortReview(3,'WideScreen');" title="Show Less" class="hand-when-hover"><div class="text-center"><div class="text-justify"><h6>"My boyfriend and I did a SUP lesson and had an amazing time! We had an appt on Friday but TKS called us to reschedule because the wind &amp; water conditions were a little rough for beginners. We rescheduled for the next day and everything was perfect. Our guide was friendly and gave us tips on areas to visit in Miami. They also have a beautiful store in Miami Beach!"                  </h6><h6 class="text-right">See Less [-]</h6></div></div></div></div><div class="text-center notranslate">
<h6> <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></h6><h6 class="notranslate">- Mallory Schroeder, 6 years ago -</h6></div></div><div id="ReviewItem4" class="force-padding-bottom-10px"><div id="ReviewItemShort-WideScreen-4"><div onclick="showLongReview(4,'WideScreen');" title="Show More" class="hand-when-hover"><div class="text-center"><div class="text-justify"><h6>"Amazing experience! The staff was very easy going and helpful. They made us feel comfortable and confident with the knowledge and  [...]"</h6><h6 class="text-right">See More [+]</h6></div></div></div></div><div id="ReviewItemLong-WideScreen-4"><div onclick="showShortReview(4,'WideScreen');" title="Show Less" class="hand-when-hover"><div class="text-center"><div class="text-justify"><h6>"Amazing experience! The staff was very easy going and helpful. They made us feel comfortable and confident with the knowledge and help they gave us. Highly recommended to anyone looking for an easy and good time! Also, make sure to check out their cool gear and clothing, I even bought a hat!"                  </h6><h6 class="text-right">See Less [-]</h6></div></div></div></div><div class="text-center notranslate">
<h6> <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></h6><h6 class="notranslate">- Camila Moretzsohn, 5 years ago -</h6></div></div></div><script>$('[id^="ReviewItemLong"]').hide()
</script></div></div></div></div></div></div><div class="thumbnail"><div class="thumbnail-header-title padding-10px-right"><div class="row notranslate"><div class="col-sm-12 text-center"><h5 class="hide-on-narrow-screen notranslate"><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i> Riding with TKS Miami Sunset Harbour</h5><h5 class="hide-on-wide-screen notranslate"> <i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i> Riding with Us </h5></div></div><div class="hide-on-narrow-screen"><div class="row notranslate"><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-smile availability"></i>Main info</h5></div><div class="text-left"><!--COUNT main services and bar, shop (used for punctuation)--><h6> <i class="fas fa-user-graduate availability"></i>TKS Miami Sunset Harbour offers <b>Kitesurfing Lessons</b>. For more details, please use the contact form.</h6></div></div><div class="hide-on-wide-screen"><!--COUNT main services and bar, shop (used for punctuation)--><h6> <i class="fas fa-user-graduate availability"></i>TKS Miami Sunset Harbour offers <b>Kitesurfing Lessons</b>. For more details, please use the contact form.</h6><h5></h5></div></div><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-grin-stars availability"></i>Extra</h5></div><div class="text-left"><h6><i class="fas fa-money-bill-wave availability"> </i>TKS Miami Sunset Harbour accepts <b>cash. </b></h6><!--COUNT main services and bar, shop (used for punctuation)--><!--if TempTextBrands != ''h6 
  i.far.fa-hand-peace.availability
  |  equipment.

--><!--ADDITIONAL SERVICES--></div></div><div class="hide-on-wide-screen"><h6><i class="fas fa-money-bill-wave availability"> </i>TKS Miami Sunset Harbour accepts <b>cash. </b></h6><!--COUNT main services and bar, shop (used for punctuation)--><!--if TempTextBrands != ''h6 
  i.far.fa-hand-peace.availability
  |  equipment.

--><!--ADDITIONAL SERVICES--><h5></h5></div></div></div></div><div class="hide-on-wide-screen"><div class="notranslate"><div id="About-NarrowScreen-TitleHidden" onclick="showSectionWithTitle('About-NarrowScreen-')" 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-info availability"></i> About TKS Miami Sunset Harbour </h5></div></div></div><div id="About-NarrowScreen-Title" onclick="hideSectionWithTitle('About-NarrowScreen-')" 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-info availability"></i> About TKS Miami Sunset Harbour </h5></div></div></div><div id="About-NarrowScreen-" onclick="hideSectionWithTitle('About-NarrowScreen-')" class="no-display"><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-smile availability"></i>Main info</h5></div><div class="text-left"><!--COUNT main services and bar, shop (used for punctuation)--><h6> <i class="fas fa-user-graduate availability"></i>TKS Miami Sunset Harbour offers <b>Kitesurfing Lessons</b>. For more details, please use the contact form.</h6></div></div><div class="hide-on-wide-screen"><!--COUNT main services and bar, shop (used for punctuation)--><h6> <i class="fas fa-user-graduate availability"></i>TKS Miami Sunset Harbour offers <b>Kitesurfing Lessons</b>. For more details, please use the contact form.</h6><h5></h5></div></div><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-grin-stars availability"></i>Extra</h5></div><div class="text-left"><h6><i class="fas fa-money-bill-wave availability"> </i>TKS Miami Sunset Harbour accepts <b>cash. </b></h6><!--COUNT main services and bar, shop (used for punctuation)--><!--if TempTextBrands != ''h6 
  i.far.fa-hand-peace.availability
  |  equipment.

--><!--ADDITIONAL SERVICES--></div></div><div class="hide-on-wide-screen"><h6><i class="fas fa-money-bill-wave availability"> </i>TKS Miami Sunset Harbour accepts <b>cash. </b></h6><!--COUNT main services and bar, shop (used for punctuation)--><!--if TempTextBrands != ''h6 
  i.far.fa-hand-peace.availability
  |  equipment.

--><!--ADDITIONAL SERVICES--><h5></h5></div></div></div></div></div><div id="Reviews-NarrowScreen-TitleHidden" onclick="showSectionWithTitle('Reviews-NarrowScreen-')" class="hand-when-hover"><h5 class="text-center-on-wide-left-on-narrow"><i class="fas fa-chevron-right availability"></i><i class="fas fa-users availability"> </i>Reviews from customers</h5></div><div id="Reviews-NarrowScreen-Title" onclick="hideSectionWithTitle('Reviews-NarrowScreen-')" class="no-display hand-when-hover"><h5 class="text-center-on-wide-left-on-narrow"><i class="fas fa-chevron-down availability"></i><i class="fas fa-users availability"> </i>Reviews from customers</h5></div><div id="Reviews-NarrowScreen-" class="no-display"><div class="col-sm-6"><div id="Review"><div id="ReviewItem0" class="force-padding-bottom-10px"><div id="ReviewItemShort-NarrowScreen-0"><div onclick="showLongReview(0,'NarrowScreen');" title="Show More" class="hand-when-hover"><div class="text-center"><div class="text-justify"><h6>"What awesome views and a beautiful experience to be out on the miami waters! We even saw a dolphin! It seems life they like to han [...]"</h6><h6 class="text-right">See More [+]</h6></div></div></div></div><div id="ReviewItemLong-NarrowScreen-0"><div onclick="showShortReview(0,'NarrowScreen');" title="Show Less" class="hand-when-hover"><div class="text-center"><div class="text-justify"><h6>"What awesome views and a beautiful experience to be out on the miami waters! We even saw a dolphin! It seems life they like to hang around the area. Taking a couple of paddleboarding out is definitely a must before leaving miami! Tks was very friendly and professional. They lent us a water proof case for our phone! Happy camper"                  </h6><h6 class="text-right">See Less [-]</h6></div></div></div></div><div class="text-center notranslate">
<h6> <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></h6><h6 class="notranslate">- Thu Nguyen, 5 years ago -</h6></div></div><div id="ReviewItem1" class="force-padding-bottom-10px"><div id="ReviewItemShort-NarrowScreen-1"><div onclick="showLongReview(1,'NarrowScreen');" title="Show More" class="hand-when-hover"><div class="text-center"><div class="text-justify"><h6>"I brought my 13 year old sister to Miami on an impromptu visit and when she mentioned wanting to try paddle boarding, I thought of [...]"</h6><h6 class="text-right">See More [+]</h6></div></div></div></div><div id="ReviewItemLong-NarrowScreen-1"><div onclick="showShortReview(1,'NarrowScreen');" title="Show Less" class="hand-when-hover"><div class="text-center"><div class="text-justify"><h6>"I brought my 13 year old sister to Miami on an impromptu visit and when she mentioned wanting to try paddle boarding, I thought of TKS Miami immediately. I'm so glad I did, and was even more thrilled that their Miami Beach location was so close to where we were staying in Sobe. Further, since it had been such a last minute trip, we had forgotten some key items (think: SPF, sandals) but TKS had everything we needed (and more).

We strolled into the store at about noon and booked lessons with Mini for that day. I've done this before, and though my sister is a quick learner, I'm so grateful we did this. Mini was a great instructor: patient, attentive (thank goodness, because we were a bit lost in all the beautiful scenery), a great communicator, and a lot of fun!

I hear TKS is opening up a location in Coral Gables and without having even seeing it yet, I know I'll be recommending this location to all of my Miami locals and visitors alike!"                  </h6><h6 class="text-right">See Less [-]</h6></div></div></div></div><div class="text-center notranslate">
<h6> <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></h6><h6 class="notranslate">- Alexandra Calma, 8 years ago -</h6></div></div><div id="ReviewItem2" class="force-padding-bottom-10px"><div id="ReviewItemShort-NarrowScreen-2"><div onclick="showLongReview(2,'NarrowScreen');" title="Show More" class="hand-when-hover"><div class="text-center"><div class="text-justify"><h6>"Miami is the perfect place for Stand-up paddleboarding. I got my first paddle board lesson from TKS Miami and had a great experien [...]"</h6><h6 class="text-right">See More [+]</h6></div></div></div></div><div id="ReviewItemLong-NarrowScreen-2"><div onclick="showShortReview(2,'NarrowScreen');" title="Show Less" class="hand-when-hover"><div class="text-center"><div class="text-justify"><h6>"Miami is the perfect place for Stand-up paddleboarding. I got my first paddle board lesson from TKS Miami and had a great experience. Their SUP instructors are terrific with years of water experience. Great fun and amazing time paddle boarding on the ocean from their Beach concession located in Ocean Terrace (76 street and Collins Av. &quot;Hut on the sand&quot; )"                  </h6><h6 class="text-right">See Less [-]</h6></div></div></div></div><div class="text-center notranslate">
<h6> <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></h6><h6 class="notranslate">- Mike Rynart (Mike), 7 years ago -</h6></div></div></div><script>$('[id^="ReviewItemLong"]').hide()
</script></div><div class="col-sm-6"><div id="Review"><div id="ReviewItem3" class="force-padding-bottom-10px"><div id="ReviewItemShort-NarrowScreen-3"><div onclick="showLongReview(3,'NarrowScreen');" title="Show More" class="hand-when-hover"><div class="text-center"><div class="text-justify"><h6>"My boyfriend and I did a SUP lesson and had an amazing time! We had an appt on Friday but TKS called us to reschedule because the  [...]"</h6><h6 class="text-right">See More [+]</h6></div></div></div></div><div id="ReviewItemLong-NarrowScreen-3"><div onclick="showShortReview(3,'NarrowScreen');" title="Show Less" class="hand-when-hover"><div class="text-center"><div class="text-justify"><h6>"My boyfriend and I did a SUP lesson and had an amazing time! We had an appt on Friday but TKS called us to reschedule because the wind &amp; water conditions were a little rough for beginners. We rescheduled for the next day and everything was perfect. Our guide was friendly and gave us tips on areas to visit in Miami. They also have a beautiful store in Miami Beach!"                  </h6><h6 class="text-right">See Less [-]</h6></div></div></div></div><div class="text-center notranslate">
<h6> <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></h6><h6 class="notranslate">- Mallory Schroeder, 6 years ago -</h6></div></div><div id="ReviewItem4" class="force-padding-bottom-10px"><div id="ReviewItemShort-NarrowScreen-4"><div onclick="showLongReview(4,'NarrowScreen');" title="Show More" class="hand-when-hover"><div class="text-center"><div class="text-justify"><h6>"Amazing experience! The staff was very easy going and helpful. They made us feel comfortable and confident with the knowledge and  [...]"</h6><h6 class="text-right">See More [+]</h6></div></div></div></div><div id="ReviewItemLong-NarrowScreen-4"><div onclick="showShortReview(4,'NarrowScreen');" title="Show Less" class="hand-when-hover"><div class="text-center"><div class="text-justify"><h6>"Amazing experience! The staff was very easy going and helpful. They made us feel comfortable and confident with the knowledge and help they gave us. Highly recommended to anyone looking for an easy and good time! Also, make sure to check out their cool gear and clothing, I even bought a hat!"                  </h6><h6 class="text-right">See Less [-]</h6></div></div></div></div><div class="text-center notranslate">
<h6> <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></h6><h6 class="notranslate">- Camila Moretzsohn, 5 years ago -</h6></div></div></div><script>$('[id^="ReviewItemLong"]').hide()
</script></div></div></div></div></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><!--if school.fields.reviews.hide-on-wide-screen
  .thumbnail
    .thumbnail-header-title.padding-10px-right
      .row
        .col-sm-12
          +renderSchoolReviewsSection(school,'NarrowScreen')
          h6
--><div class="thumbnail hide-on-wide-screen"> <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-user-graduate availability"></i>Other Top Schools in Miami  </h5><div class="row notranslate"><div class="col-sm-6"><div class="row"><div class="col-sm-12 text-center"><div class="text-center"><h6></h6><a href="/schools/miamikiteboarding"><h5 class="force-no-border-bottom force-no-padding-bottom">#1: Miami Kiteboarding </h5><div class="reactive"><img src="/img/i_sc_lo/6koa0hqAiQD4AJUb9irnth_Miami Kiteboarding.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.4/5 (359)      </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-6"><div class="row"><div class="col-sm-12 text-center"><div class="text-center"><h6></h6><a href="/schools/southfloridakiteboarding"><h5 class="force-no-border-bottom force-no-padding-bottom">#2: South Florida Kiteboarding </h5><div class="reactive"><img src="/img/i_sc_lo/2nmDOL7C2xQPIykNpVhrDC_Capture.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> 5/5 (107)      </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 hide-on-wide-screen"> <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-align-right"></i><i class="fas fa-snowboarding availability"></i>Top Spots around TKS Miami Sunset Harbour  </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="/spots/miami-beach-25th-and-north-of-30th-florida-usa"><h5 class="force-no-border-bottom force-no-padding-bottom">#1: 
Miami Beach / 25th and north of 30th, Florida (USA) </h5><div class="reactive"><img src="/img/i_sp_lo/2rRuLsemkqJGAVq9exnECl_KiteforumLogo965_1OWia6LRf9GPUyxzsh0a2e_import_0" alt="Unplug" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right"/></div><div class="force-no-underline">Intermediate spot</div></a><h6 class="force-no-margin text-center">2km </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="/spots/miami-beach-76th-street-florida-usa"><h5 class="force-no-border-bottom force-no-padding-bottom">#2: 
Miami Beach / 76th Street , Florida (USA) </h5><div class="reactive"><img src="/img/i_sp_lo/h9Bra3rM04xxN9q5ayMiz_KiteforumLogo4454_68TgCKNVwrqn0ESyN2lRMK_import_0" alt="Unplug" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right"/></div><div class="force-no-underline">Beginner spot</div></a><h6 class="force-no-margin text-center">10km </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="/spots/key-biscayne-crandon-beach-park-florida-usa"><h5 class="force-no-border-bottom force-no-padding-bottom">#3: 
Key Biscayne / Crandon Beach Park, Florida (USA) </h5><div class="reactive"><img src="/img/i_sp_lo/1sQd3BXIWS6D6GEPp7PLpR_KiteforumLogo5009_6uy0IbI6t168Lr8yjH0bx6_import_0" alt="Unplug" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right"/></div><div class="force-no-underline">Beginner spot</div></a><h6 class="force-no-margin text-center">10km </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 hide-on-narrow-screen"> <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-user-graduate availability"></i>Other Top Schools in Miami  </h5><div class="row notranslate"><div class="col-sm-6"><div class="row"><div class="col-sm-12 text-center"><div class="text-center"><h6></h6><a href="/schools/miamikiteboarding"><h5 class="force-no-border-bottom force-no-padding-bottom">#1: Miami Kiteboarding </h5><div class="reactive"><img src="/img/i_sc_lo/6koa0hqAiQD4AJUb9irnth_Miami Kiteboarding.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.4/5 (359)      </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-6"><div class="row"><div class="col-sm-12 text-center"><div class="text-center"><h6></h6><a href="/schools/southfloridakiteboarding"><h5 class="force-no-border-bottom force-no-padding-bottom">#2: South Florida Kiteboarding </h5><div class="reactive"><img src="/img/i_sc_lo/2nmDOL7C2xQPIykNpVhrDC_Capture.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> 5/5 (107)      </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 hide-on-narrow-screen"> <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-align-right"></i><i class="fas fa-snowboarding availability"></i>Top Spots around TKS Miami Sunset Harbour    </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="/spots/miami-beach-25th-and-north-of-30th-florida-usa"><h5 class="force-no-border-bottom force-no-padding-bottom">#1: 
Miami Beach / 25th and north of 30th, Florida (USA) </h5><div class="reactive"><img src="/img/i_sp_lo/2rRuLsemkqJGAVq9exnECl_KiteforumLogo965_1OWia6LRf9GPUyxzsh0a2e_import_0" alt="Unplug" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right"/></div><div class="force-no-underline">Intermediate spot</div></a><h6 class="force-no-margin text-center">2km </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="/spots/miami-beach-76th-street-florida-usa"><h5 class="force-no-border-bottom force-no-padding-bottom">#2: 
Miami Beach / 76th Street , Florida (USA) </h5><div class="reactive"><img src="/img/i_sp_lo/h9Bra3rM04xxN9q5ayMiz_KiteforumLogo4454_68TgCKNVwrqn0ESyN2lRMK_import_0" alt="Unplug" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right"/></div><div class="force-no-underline">Beginner spot</div></a><h6 class="force-no-margin text-center">10km </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="/spots/key-biscayne-crandon-beach-park-florida-usa"><h5 class="force-no-border-bottom force-no-padding-bottom">#3: 
Key Biscayne / Crandon Beach Park, Florida (USA) </h5><div class="reactive"><img src="/img/i_sp_lo/1sQd3BXIWS6D6GEPp7PLpR_KiteforumLogo5009_6uy0IbI6t168Lr8yjH0bx6_import_0" alt="Unplug" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right"/></div><div class="force-no-underline">Beginner spot</div></a><h6 class="force-no-margin text-center">10km </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><!--.thumbnail.thumbnail-header-title.padding-10px-right 
    h6 
    .row
      .col-sm-12
        h5.text-center
          i.fas.fa-bed.availability
          | Accomodation around the school  
        .notranslate
          +renderAccomodationMap(school, 'https://www.unplug-kitesurf.com/img/map-icon-school-yellow.png')   
--><div class="thumbnail"><div class="thumbnail-header-title padding-10px-right"><div class="row"><div class="col-sm-12 text-center hide-on-narrow-screen"><h5 class="notranslate"><i class="fas fa-info availability"></i>More about Kitesurf in Miami                    </h5></div><div class="col-sm-12 text-center hide-on-wide-screen"><h5 class="notranslate"><i class="fas fa-info availability"></i>More about Miami</h5></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 conditions in Miami...</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(27, 28, 37, 38, 36, 25, 20, 21, 20, 29, 25, 28)
var maxValue = Math.min(100,Math.round(maxwind/10)*10)
var janwind = 27
var febwind = 28
var marwind = 37
var aprwind = 38
var maywind = 36
var junwind = 25
var julwind = 20
var augwind = 21
var sepwind = 20
var octwind = 29
var novwind = 25
var decwind = 28

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><!--+renderBestMonths(school)--></div><div class="hide-on-narrow-screen"><h6></h6></div></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>3 kitesurf schools </b>and <b>17 kitesurf spots </b>in Miami.</h6></div><div class="text-center"><a href="/destinations/miami"><div class="btn btn-unplug-auto-width reactive-shadow"><i class="fa fa-globe-americas availability"></i>Schools and Spots in Miami</div></a></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 April 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 April November December      </h5></div><!--.col-sm-6.hide-on-narrow-screenh5.text-center-on-wide-left-on-narrow ... Now around the school!
+renderWindyMap(school)--><!--.col-sm-12.hide-on-narrow-screenh5.force-no-padding-bottom

--></div><!--else.col-sm-12.hide-on-narrow-screen
  +renderWindyMap(school)
h5
--></div><!--.row.col-sm-12
  .hide-on-narrow-screen
    h5.text-left.hide-on-narrow-screen
      i.fas.fa-cloud-sun-rain.availability
      | Weather Forecast for the next 10days
  .hide-on-wide-screen
    h5.text-center-on-wide-left-on-narrow
      | ... Now around the school!
  .hide-on-narrow-screen 
    +renderWindyForecast(school)
    h6
  .hide-on-wide-screen 
    +renderWindyMap(school)
  h6
                  --></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=place_id:ChIJ0dSI9X202YgRDasocqVUqNM" 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>1784 West Ave #6/7, Miami Beach, FL 33139, États-Unis</a></p></div></div></div><div class="hide-on-wide-screen"><h6><br/><br/><br/></h6></div></div></div><div class="hide-on-wide-screen"><div class="disable-dbl-tap-zoom"><div id="PackagePrebookMenuNarrow" class="no-display"><div class="single-item"><div class="layered-PackagePrebook-menu"><div class="thumbnail-header-title force-margin-left-15px"><div class="row"><div class="col-sm-12 text-center"><!-- kkk a peaufiner avec typeform setup--><script>var typeformBook = function(){
    window.typeformEmbed.makePopup(
        'https://unplug673641.typeform.com/to/YbiXOHjY#schoolname=TKS Miami Sunset Harbour&schoolemail=info@tksmiami.com&schoolslug=tksmiami&daterange='+BookingDates+'&bookingmessage='+BookingDescriptionPrompt+'&bookingestimatedrevenue='+BookingHowMuchDescriptionPrompt+'&bookingtotalbeforediscount='+BookingPackageHowMuch+'&bookingtotalaftdiscount='+BookingPackageHowMuchPayNow+'&nbbeginnerpack='+BookingPackageBeginner+'&nbrefresherpack='+BookingPackageRefresher+'&nblesson='+BookingPackageLesson+'&nbrental='+BookingPackageRental
        , {
            mode: 'drawer_right',
            hideHeaders: true,
            hideFooter: true
          }).open()
  }
function typeformBookFunctionUpdate(){
    typeformBook = function(){
    window.typeformEmbed.makePopup(
        //'https://unplug673641.typeform.com/to/uRTlPK?schoolname=TKS Miami Sunset Harbour&schoolemail=info@tksmiami.com&daterange='+BookingDates+'&adults='+BookingAdults+'&children='+BookingChildren+'&forwho='+BookingForWhoAdult+BookingForWhoChild
        'https://unplug673641.typeform.com/to/YbiXOHjY#schoolname=TKS Miami Sunset Harbour&schoolemail=info@tksmiami.com&schoolslug=tksmiami&daterange='+BookingDates+'&bookingmessage='+BookingDescriptionPrompt+'&bookingestimatedrevenue='+BookingHowMuchDescriptionPrompt+'&bookingtotalbeforediscount='+BookingPackageHowMuch+'&bookingtotalaftdiscount='+BookingPackageHowMuchPayNow+'&nbbeginnerpack='+BookingPackageBeginner+'&nbrefresherpack='+BookingPackageRefresher+'&nblesson='+BookingPackageLesson+'&nbrental='+BookingPackageRental
        , {
            mode: 'drawer_right',
            hideHeaders: true,
            hideFooter: true
          }).open()
  }
}

</script><!--.always-on-wide-screen--><script>BookingFXCCYEUR = 1 / 1.13 
if(BookingFXCCYEUR!=1){BookingFXCCYEUR=BookingFXCCYEUR*1.01}
//BookingCCY = $</script><script>if (parseFloat('180')==0){
  BookingLessonPrice=0
  }
else{
  BookingLessonPrice=180*BookingFXCCYEUR
}</script><h5 class="force-margin-bottom-3px-on-small-screen"><i class="fa fa-paper-plane availability"> </i>BOOK NOW</h5><div class="row"><div class="col-sm-12"><div id="booking-dates-SmallScreen" style="background: #fff; cursor: pointer; padding: 5px 10px; margin: 10px 10px; border: 1px solid #ccc; width: auto" class="force-no-margin-bottom-on-small-screen"><i class="fas fa-calendar-alt force-padding-right-10px"></i><span class="unselectable"></span><i class="fa fa-caret-down force-padding-left-5px"></i></div><script>$(function() {
  function cb(start, end) {               
    if(start.format('ddd, D MMM YYYY')==end.format('ddd, D MMM YYYY')){
      BookingDates = start.format('ddd, D MMM YYYY')
    }
    else{
      BookingDates = start.format('ddd, D MMM YYYY') + ' - ' + end.format('ddd, D MMM YYYY')
    }
    if (BookingDates == moment().format('ddd, D MMM YYYY'))
      BookingDates = 'No specific Booking Dates'
    BookingScreenSize.forEach(function(ScreenSize) {
      $('#booking-dates-'+ScreenSize+' span').html(' ' + BookingDates + ' ');
    });
    if (BookingDates == 'No specific Booking Dates')
      BookingDates = ' '
    BookingDidUserInteract = true    
    updatePackageBookingEconomics() 
  }
  $('#booking-dates-SmallScreen').daterangepicker({
    startDate: start,
    endDate: end,
    minDate: minDate,
    opens: 'left',
    autoApply: true,
    alwaysShowCalendars: true,
    linkedCalendars: false,
    showDropdowns: false,
    ranges: {
      'I dont know yet...': [moment(), moment()],
      'Tomorrow': [moment().add(1, 'days'), moment().add(1, 'days')],
      'Next 7 Days': [moment().add(1, 'days'), moment().add(7, 'days')]
    }
  }, cb);
  cb(start, end);    
  BookingDidUserInteract = false  
  initializePackagePrebooking()   
});

</script></div></div><div class="row"><div class="col-sm-12 text-center unselectable"><div style="background: #fff; padding: 5px 10px; margin: 10px 10px; border: 1px solid #ccc; width: auto" class="force-no-margin-bottom-on-small-screen"><div id="booking-persons-SmallScreen"><i class="fa fa-male force-padding-right-10px"></i>Persons <i title="Less" onclick="removeOnePerson()" class="fa fa-minus hand-when-hover force-padding-left-20px force-padding-right-10px"></i><span></span><i title="More" onclick="addOnePerson()" class="fa fa-plus hand-when-hover force-padding-left-10px force-padding-right-20px"></i><script>BookingScreenSize.forEach(function(ScreenSize) {
  $('#booking-persons-'+ScreenSize+' span').html(' ' + 1 + ' ');
});
function addOnePerson() {
    BookingPersons = BookingPersons + 1
    BookingForWhoPerson = '' + BookingPersons + ' person'
    if (BookingPersons > 1)
      BookingForWhoPerson = BookingForWhoPerson + 's'
    BookingScreenSize.forEach(function(ScreenSize) {
      $('#booking-persons-'+ScreenSize+' span').html(' ' + BookingPersons + ' ')
    });
    BookingDidUserInteract = true
    //updateCustomBookingEconomics()
    updatePackageBookingEconomics()
}
function removeOnePerson() {
    if (BookingPersons > 1)
      BookingPersons = BookingPersons - 1
    BookingForWhoPerson = '' + BookingPersons + ' person'
    if (BookingPersons > 1)
      BookingForWhoPerson = BookingForWhoPerson + 's'
    BookingScreenSize.forEach(function(ScreenSize) {
      $('#booking-persons-'+ScreenSize+' span').html(' ' + BookingPersons + ' ')
    });
    //updateCustomBookingEconomics()
    updatePackageBookingEconomics()
}</script></div></div></div></div><div id="PackagePrebooking-SmallScreen"><div class="row"><div class="col-sm-12 text-center unselectable"><div style="background: #fff; padding: 0px 10px; margin: 5px 10px; border: 1px solid #ccc; width: auto" class="force-margin-bottom-3px-on-small-screen"><div id="booking-package-beginner-SmallScreen"><div class="hide-on-narrow-screen"><h6 class="force-margin-bottom-1px"><i>From zero to hero!</i></h6></div><i class="fas fa-user-graduate force-padding-right-10px"></i>3x3h Beginner Pack <i title="Less" onclick="removeOnePackageBeginner()" class="fa fa-minus hand-when-hover force-padding-left-20px force-padding-right-10px"></i><span></span><i title="More" onclick="addOnePackageBeginner()" class="fa fa-plus hand-when-hover force-padding-left-10px force-padding-right-20px"></i></div><script>BookingScreenSize.forEach(function(ScreenSize) {
  //$('#booking-package-beginner-'+ScreenSize+' span').html(' ' + 0 + ' pack');
  $('#booking-package-beginner-'+ScreenSize+' span').html(' ' + 0);
});
function addOnePackageBeginner() {
    BookingPackageBeginner = BookingPackageBeginner + 1
    BookingPackageHowMuchOther = BookingPackageHowMuchOther + 3 * 3 * BookingLessonPrice
    BookingWhat = BookingPackageBeginner //+ ' pack'
    if (BookingPackageBeginner > 1)
      BookingWhat = BookingWhat //+ 's'
    BookingScreenSize.forEach(function(ScreenSize) {
      $('#booking-package-beginner-'+ScreenSize+' span').html(' ' + BookingWhat)
    });
    BookingDidUserInteract = true
    updatePackageBookingEconomics()
}
function removeOnePackageBeginner() {
    if (BookingPackageBeginner > 0){
      BookingPackageBeginner = BookingPackageBeginner - 1
      BookingPackageHowMuchOther = BookingPackageHowMuchOther - 3 * 3 * BookingLessonPrice
    }
    BookingWhat = BookingPackageBeginner //+ ' pack'
    if (BookingPackageBeginner > 1)
      BookingWhat = BookingWhat //+ 's'
    BookingScreenSize.forEach(function(ScreenSize) {
      $('#booking-package-beginner-'+ScreenSize+' span').html(' ' + BookingWhat)
    });
    updatePackageBookingEconomics()
}
</script></div></div></div><div class="row"><div class="col-sm-12 text-center unselectable"><div style="background: #fff; padding: 0px 10px; margin: 5px 10px; border: 1px solid #ccc; width: auto" class="force-margin-bottom-3px-on-small-screen"><div id="booking-package-lesson-SmallScreen"><div class="hide-on-narrow-screen"><h6 class="force-margin-bottom-1px"><i>Enhance your skills!</i></h6></div><i class="fas fa-user-graduate force-padding-right-10px"></i>2h Coaching/Lesson <i title="Less" onclick="removeOnePackageLesson()" class="fa fa-minus hand-when-hover force-padding-left-20px force-padding-right-10px"></i><span></span><i title="More" onclick="addOnePackageLesson()" class="fa fa-plus hand-when-hover force-padding-left-10px force-padding-right-20px"></i><script>//school.fields.currency.fields.eurccyRate

BookingScreenSize.forEach(function(ScreenSize) {
  $('#booking-package-lesson-'+ScreenSize+' span').html(' ' + 0 );
  //$('#booking-package-lesson-'+ScreenSize+' span').html(' ' + 0 + ' hour');
});
function addOnePackageLesson() {
    BookingPackageLesson = BookingPackageLesson + 1
    BookingPackageHowMuchOther = BookingPackageHowMuchOther + 2 * BookingLessonPrice
    BookingWhat = BookingPackageLesson //+ ' hour'
    if (BookingPackageLesson > 1)
      BookingWhat = BookingWhat //+ 's'
    BookingScreenSize.forEach(function(ScreenSize) {
      $('#booking-package-lesson-'+ScreenSize+' span').html(' ' + BookingWhat)
    });
    BookingDidUserInteract = true
    updatePackageBookingEconomics()
}
function removeOnePackageLesson() {
    if (BookingPackageLesson > 0){
      BookingPackageLesson = BookingPackageLesson - 1
      BookingPackageHowMuchOther = BookingPackageHowMuchOther - 2 * BookingLessonPrice
    }
    BookingWhat = BookingPackageLesson //+ ' hour'
    if (BookingPackageLesson > 1)
      BookingWhat = BookingWhat //+ 's'
    BookingScreenSize.forEach(function(ScreenSize) {
      $('#booking-package-lesson-'+ScreenSize+' span').html(' ' + BookingWhat)
    });
    updatePackageBookingEconomics()
}
</script></div></div></div></div><!--h5.force-margin-bottom-3px-on-small-screeni.fa.fa-paper-plane.availability 
| VOUCHER (SAVE 10%)--></div><h6 class="force-no-margin"><br/></h6><script>function updateStripeCheckout(quantity,checkPersons,checkDates,checkBeginner,checkLesson,checkRefresher,checkRental,checkVoucher,checkDescription){
  var tempQuery = '/create-checkout-session/'
  tempQuery = tempQuery + '?quantity='+Math.max(1,parseFloat(quantity))
  tempQuery = tempQuery + '&pers='+checkPersons
  tempQuery = tempQuery + '&dates='+checkDates
  tempQuery = tempQuery + '&pckBeg='+checkBeginner
  tempQuery = tempQuery + '&pckLes='+checkLesson
  tempQuery = tempQuery + '&pckRef='+checkRefresher
  tempQuery = tempQuery + '&pckRtl='+checkRental
  tempQuery = tempQuery + '&pckVcr='+checkVoucher
  tempQuery = tempQuery + '&description='+checkDescription.replace('I want', 'Customer wants')
  console.log($('form[action^="/create-checkout-session"]'))
  $('form[action^="/create-checkout-session"]').attr('action', tempQuery);
}</script><script>function updatePackageBookingEconomics() {
    BookingPackageHowMuch = Math.floor( BookingPersons * ( BookingPackageHowMuchOther + BookingPackageHowMuchVoucher ) )
    BookingPackageHowMuchNow = Math.ceil( (10 / 100 + BookingUNPLUGmargin ) * BookingPackageHowMuch )
    BookingPackageHowMuchLater = Math.ceil( BookingPackageHowMuch * ( 1 - 10 / 100 ) ) - BookingPackageHowMuchNow 
    BookingPackageHowMuchSaved = BookingPackageHowMuch - BookingPackageHowMuchNow - BookingPackageHowMuchLater
    BookingPackageHowMuchPayNow = BookingPackageHowMuchNow + BookingPackageHowMuchLater
    BookingHowMuchDescriptionPrompt = 'revenues'
    //BookingPriceEUR = BookingPersons * BookingPackageHowMuchOther + BookingPackageHowMuchVoucher
    //BookingPriceCCY = BookingPriceEUR * 1
    BookingScreenSize.forEach(function(ScreenSize) {
        BookingInfo = ''
        if(ScreenSize=='SmallScreen'){  
          BookingInfo = 'Preorder/Secure your booking, and get 10% off! <br> <br> '
        }
        if(BookingPackageHowMuch!=0){
          BookingInfo = BookingInfo + 'Pay ' + BookingPackageHowMuchNow.toLocaleString('en-US') + '€' + ' now <br> Pay '+BookingPackageHowMuchLater.toLocaleString('en-US') + '€' + ' later'
          /*if(ScreenSize=='BigScreen'){  
            BookingInfo = BookingInfo + '<br> <br> Save ' + BookingPackageHowMuchSaved + '€ instantly' 
          }*/
        }
        if(BookingPackageHowMuch!=0){
          if('tksmiami'=='lemenhirnormandiekite'){
            $('#booking-package-total-'+ScreenSize+' h4').html('Total <del style="color:red">' + BookingPackageHowMuch.toLocaleString('en-US') + '€</del> ' + BookingPackageHowMuchPayNow.toLocaleString('en-US') + '€')
          }
          else{$('#booking-package-total-'+ScreenSize+' h4').html('Total ' + BookingPackageHowMuchPayNow.toLocaleString('en-US') + '€')}
        }
        else{$('#booking-package-total-'+ScreenSize+' h4').html('Total - €')}
        //$('#booking-package-total-'+ScreenSize+' h6').html(' ' + BookingInfo)
        if(BookingDidUserInteract){
          $("#SchoolResetPackagePrebookButton-"+ScreenSize).show()
        }
    });
    //if(BookingDidUserInteract || BookingPackageHowMuch==0){  
    if(BookingDidUserInteract && BookingPackageHowMuch==0){                   
      $('#SchoolMenuBottomRequestInfoButtonMini'+' span').html(' Request Info ') //useles, on mobile just use the simple contact button
      $('#SchoolMenuBottomRequestInfoButtonMaxi'+' span').html(' Request Info ')
    }
    if(BookingPackageHowMuch!=0){
      BookingHowMuchDescriptionPrompt = 'more than ' + (Math.floor(BookingPackageHowMuchPayNow/10)*10).toLocaleString('en-US') + '€ revenues in our estimates'
      if('tksmiami' =='lemenhirnormandiekite'){
        $('#SchoolMenuBottomPackagePrebookButtonMini'+' span').html(' Book for ' + BookingPackageHowMuchPayNow.toLocaleString('en-US') + '€ ')
        $('#SchoolMenuBottomPackagePrebookButtonMaxi'+' span').html(' Book for ' + BookingPackageHowMuchPayNow.toLocaleString('en-US') + '€  (-10%) ')
      }
      else{
        $('#SchoolMenuBottomRequestInfoButtonMini'+' span').html(' Send Request ') //useles, on mobile just use the simple contact button
        $('#SchoolMenuBottomRequestInfoButtonMaxi'+' span').html(' Request Booking ')
      }
    }
    if(BookingDidUserInteract || BookingPackageHowMuch!=0){
        $("#SchoolMenuBottomPackagePrebookButtonMaxi").hide()
        $("#SchoolMenuBottomRequestInfoButtonMaxi").show()

        $("#SchoolMenuBottomPackagePrebookButtonMini").hide() 
        $("#SchoolMenuBottomRequestInfoButtonMini").show() 
    }
    if(BookingPackageHowMuch!=0){
      if('tksmiami' =='lemenhirnormandiekite'){
        $("#SchoolMenuBottomPackagePrebookButtonMaxi").show()
        $("#SchoolMenuBottomRequestInfoButtonMaxi").hide()

        $("#SchoolMenuBottomPackagePrebookButtonMini").show()
        $("#SchoolMenuBottomRequestInfoButtonMini").hide() 
      }
    }
    

    //if(BookingDidUserInteract && false && true && true){
    /*if(BookingDidUserInteract){
      $("#SchoolResetPackagePrebookButtonMini").show()
      $("#SchoolResetPackagePrebookButtonMini").show()
      $("#SchoolMenuBottomPackagePrebookButtonMaxi").show()
    }*/

    BookingDescriptionPrompt = bookingDescriptionPrompt(BookingPackageHowMuchPayNow,BookingPersons,BookingDates,BookingPackageBeginner,BookingPackageLesson,BookingPackageRefresher,BookingPackageRental,BookingPackageVoucher)
    console.log(BookingDescriptionPrompt)
    updateStripeCheckout(BookingPackageHowMuchPayNow,BookingPersons,BookingDates,BookingPackageBeginner,BookingPackageLesson,BookingPackageRefresher,BookingPackageRental,BookingPackageVoucher,BookingDescriptionPrompt)
    typeformBookFunctionUpdate()

}

function initializePackagePrebooking(){
  BookingDidUserInteract = false
  updatePackageBookingEconomics()
  $("#SchoolResetPackagePrebookButtonMini").hide()

  $("#SchoolMenuBottomPackagePrebookButtonMaxi").hide()
  $("#SchoolMenuBottomRequestInfoButtonMaxi").hide()

  $("#SchoolMenuBottomPackagePrebookButtonMini").hide() 
  $("#SchoolMenuBottomRequestInfoButtonMini").hide() //useles, on mobile just use the simple contact button
}            
initializePackagePrebooking()

function resetPackagePrebooking(){
  BookingPackageBeginner = 0
  BookingPackageRefresher= 0
  BookingPackageLesson = 0
  BookingPackageRental = 0
  BookingPackageVoucher = 0
  BookingPersons = 0
  BookingPackageHowMuch=0
  BookingPackageHowMuchVoucher = 0
  BookingPackageHowMuchOther = 0
  BookingDates = ' '
  BookingScreenSize.forEach(function(ScreenSize) {
    $('#booking-dates-'+ScreenSize+' span').html(' ' + 'No specific Booking Dates' + ' ');
  })
  addOnePerson()
  BookingScreenSize.forEach(function(ScreenSize) {
    $('#booking-package-beginner-'+ScreenSize+' span').html(' ' + '0')
    $('#booking-package-refresher-'+ScreenSize+' span').html(' ' + '0')
    $('#booking-package-rental-'+ScreenSize+' span').html(' ' + '0 day')
    $('#booking-package-lesson-'+ScreenSize+' span').html(' ' + '0')
    $('#booking-package-voucher-'+ScreenSize+' span').html(' ' + '0')
    //$('#booking-package-beginner-'+ScreenSize+' span').html(' ' + '0 pack')
    //$('#booking-package-refresher-'+ScreenSize+' span').html(' ' + '0 session')
    //$('#booking-package-rental-'+ScreenSize+' span').html(' ' + '0 day')
    //$('#booking-package-lesson-'+ScreenSize+' span').html(' ' + '0 hour')
  });
  initializePackagePrebooking()
}
function bookingDescriptionPrompt(BookingPackageHowMuchPayNow,BookingPersons,BookingDates,BookingPackageBeginner,BookingPackageLesson,BookingPackageRefresher,BookingPackageRental,BookingPackageVoucher){
    var tempBookingDescription = ''
    var tempBookingTime = ''
  
    //Beginner Package
    if(BookingPackageBeginner > 0){tempBookingDescription += BookingPackageBeginner + ' beginner lesson pack'}
    if(BookingPackageBeginner > 1){tempBookingDescription += 's'}
    if(BookingPackageBeginner > 0){tempBookingDescription += ' of 3x3h'}
    //Refresher Package
    if(BookingPackageRefresher > 0){
      if(tempBookingDescription != ''){tempBookingDescription +=  ', '}
      tempBookingDescription += BookingPackageRefresher + ' refresher pack'
    }
    if(BookingPackageRefresher > 1){
      tempBookingDescription +=  's'
    }
    if(BookingPackageRefresher > 0){tempBookingDescription += ' of 3h riding'}
    //Classic Lesson Package
    if(BookingPackageLesson > 0){
      if(tempBookingDescription != ''){tempBookingDescription +=  ', '}
      tempBookingDescription += BookingPackageLesson + ' lesson pack'
    }
    if(BookingPackageLesson > 1){tempBookingDescription += 's'}
    if(BookingPackageLesson > 0){tempBookingDescription += ' of 2h'}
    //Classic Rental Package
    if(BookingPackageRental > 0){
      if(tempBookingDescription != ''){tempBookingDescription +=  ', '}
      tempBookingDescription += BookingPackageRental + ' day' 
    }
    if(BookingPackageRental > 1){tempBookingDescription += 's'}
    if(BookingPackageRental > 0){tempBookingDescription += ' of equipment rental' }
    
    //replace last , with and
    lastCommaIndex = tempBookingDescription.lastIndexOf(',')
    if (lastCommaIndex != -1) {
      tempBookingDescription = tempBookingDescription.substring(0, lastCommaIndex) + ' and' + tempBookingDescription.substring(lastCommaIndex + 1)
    }

    //gathering booking time 
    if(BookingDates != ' '){
      if(BookingDates.search('-') == -1){
        tempBookingTime = ' on ' + BookingDates + tempBookingTime
      }
      else{
        tempBookingTime =  ' during the period (' + BookingDates + ')' + tempBookingTime
      }
    }
    
    //final prompt
    if(BookingPackageHowMuch==0){
      tempBookingDescription = 'I am interested to book for ' + BookingPersons + ' person' + tempBookingTime
    }
    else{
      tempBookingDescription = 'I want to book for ' + BookingPersons + ' person' + tempBookingTime + ': ' + tempBookingDescription 
    }

    //orthograph and final point
    if(BookingPersons > 1){tempBookingDescription.replace('person', 'persons')}
    tempBookingDescription += '.'
    return tempBookingDescription
  }
</script><div class="row"><h6> <div id="booking-package-total-SmallScreen"><h4>Total - € </h4><!--  br| Pay now 
br
| Pay the rest later 
--></div></h6></div><div id="SchoolResetPackagePrebookButton-SmallScreen" class="row"><h6></h6><div onclick="resetPackagePrebooking()" class="col-sm-12 text-center hand-when-hover"><h6 class="hand-when-hover"><i class="fas fa-trash-alt availability"></i>Reset Booking Selection<br/><br/></h6></div></div><div class="row"><div class="col-sm-12 force-padding-left-20px force-padding-right-20px"><div class="text-left"><h6></h6></div></div></div></div></div></div></div></div><div id="PackagePrebookMenuBottomBackground"></div><div id="PackagePrebookclose" onclick="closePackagePrebookingNarrow()" class="hand-when-hover unselectable"><div class="text-center"><div class="btn btn-unplug-yellow-auto-width reactive force-font-size-20px"><!--i.fas.fa-filter.availabilityX2 -->Back</div></div></div></div></div><script>function openPackagePrebookingNarrow() {
  updatePackageBookingEconomics()
    document.getElementById("PackagePrebookMenuNarrow").style.display = "block"
    $("#SearchMenuBottomBackground").hide()
    $("#SchoolMenuTopClosePackagePrebookButtonMini").show()
    if(false && true && true){
      $('.layered-PackagePrebook-menu').attr('style', 'padding-top: 30vh !important;');
      $("#SchoolMenuBottomPackagePrebookButtonMini").show()
    }    
    if(false && false){
      $('.layered-PackagePrebook-menu').attr('style', 'padding-top: 30vh !important;');
    }
    //if(true && true){
    //  $('.layered-PackagePrebook-menu').attr('style', 'padding-top: 25vh !important;');
    //}
}</script><script>function closePackagePrebookingNarrow() {
    document.getElementById("PackagePrebookMenuNarrow").style.display = "none"
    $("#SearchMenuBottomBackground").show()
    $("#SchoolMenuBottomPackagePrebookButtonMini").hide()
    $("#SchoolMenuTopClosePackagePrebookButtonMini").hide()
}
</script></div><div class="hide-on-narrow-screen"><h6></h6></div></div><div id="SideColumnRight" class="col-md-3 single-item hide-on-narrow-screen"><div class="col-sm-12">      <div class="row hide-on-narrow-ipadscreen"><div class="thumbnail reactive force-margin-bottom-10px-on-small-screen"><div class="row"><div class="col-sm-12"></div></div><div class="row"><div class="col-sm-12 display-inline force-font-size-10px text-center"><img src="/img/i_sc_lo/3wvPQrhgfpmUT0NhZh2S1g_Capture.PNG" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail"/><div class="span"><br/><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><br/> 4.8/5 (34)</div></div><div class="col-sm-12 text-center"><h5></h5></div></div><div class="row text-center"><div class="col-sm-12 text-center force-font-size-30px"><!--h5i.far.fa-money-bill-alt.availability
| INDICATIVE PRICES
--></div><!--SCHOOL--><div title="Lesson Price" class="col-sm-12"><h5 class="force-no-border-bottom force-no-padding force-padding-bottom-5px-on-small-screen"><i class="fas fa-user-graduate availability"></i>Lesson: 180 $/hour</h5><h5 class="force-no-padding"></h5></div><h5 class="force-no-border-bottom"></h5></div><!--line--><!--.row.col-sm-12.text-center
  h5.force-no-padding-bottom--><div class="row"><div class="col-sm-12"><h6>  </h6></div></div><div class="row"><div class="col-sm-12 text-center"><!--commented by kev in sept24 +renderSchoolSimplePhoneButton(school)--><h6></h6><!--https://unplug673641.typeform.com/to/W65RcJ#schoolname=xxxxx&schoolemail=xxxxx&destination=xxxxx&country=xxxxx&area=xxxxx&schoolslug=xxxxx&selectedbookingwhensubmitted=xxxxx--><!--a.book.typeform-share(href='https://unplug673641.typeform.com/to/W65RcJ?schoolname='+school.fields.schoolName+'&schoolemail='+school.fields.email+'&destination='+school.fields.destination.fields.destinationName+'&country='+school.fields.nearestAirports[0].fields.country+'&area='+school.fields.area.fields.areaName+'&selectedbookingwhensubmitted='+anonymizedBookingDescriptionPrompt(BookingDescriptionPrompt), data-mode='drawer_right')--><div onclick="typeformOpen()" class="btn btn-unplug-min150 reactive-shadow"><i class="fa fa-comments availability"> </i>Send Message</div><!--if school.fields.unplugDiscountif school.fields.unplugDiscount != '0%'
  .col-sm-12
    h6   
  +renderPackagePrebookButton(school)--></div></div><div class="row"><div class="col-sm-12"><h6>  </h6></div></div></div><!--+renderSimpleSchoolContact(school)--><!--.thumbnail.reactive.force-margin-bottom-10px-on-small-screen.row
  .col-sm-12.text-center
    +renderSchoolPackagePrebookContact(school,'BigScreen')  
--></div></div><h6></h6></div></div><script>//'https://unplug673641.typeform.com/to/W65RcJ#schoolname=xxxxx&schoolemail=xxxxx&destination=xxxxx&country=xxxxx&area=xxxxx&schoolslug=xxxxx&selectedbookingwhensubmitted=xxxxx'   
var typeformOpen = function(){
    window.typeformEmbed.makePopup(
        'https://unplug673641.typeform.com/to/W65RcJ?schoolname=TKS Miami Sunset Harbour&schoolslug=tksmiami&schoolemail=info@tksmiami.com&destination=Miami&country=USA - United States&area=North America&selectedbookingwhensubmitted='+anonymizedBookingDescriptionPrompt(BookingDescriptionPrompt)
        , {
            mode: 'drawer_right',
            hideHeaders: true,
            hideFooter: true
          }).open()
  }
function typeformFunctionUpdate(){
    typeformOpen = function(){
    window.typeformEmbed.makePopup(
        'https://unplug673641.typeform.com/to/W65RcJ?schoolname=TKS Miami Sunset Harbour&schoolslug=tksmiami&schoolemail=info@tksmiami.com&destination=Miami&country=USA - United States&area=North America&selectedbookingwhensubmitted='+anonymizedBookingDescriptionPrompt(BookingDescriptionPrompt)
        , {
            mode: 'drawer_right',
            hideHeaders: true,
            hideFooter: true
          }).open()
  }
}

</script><!--+renderPlaeScriptFunctions()--><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>