<!-- #########################################--><!-- #########################################--><!-- ###                                   ###--><!-- ###           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 #####--><!--Politique Confidentialité--><!--CGU--><!--Mentions Legales--><!--Creation Entreprise--><!--Creation Site--><!--Chat Entreprise--><!--Recrutement-->
<!--Reserver Agents de Securite--><!-- ZONE EMPLOI-->
<!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--><!--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 BookingDates = '';
var BookingAdults = 1;
var BookingChildren = 0;
var BookingForWhoAdult = '1 adult';
var BookingForWhoChild = '';
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><li><a id="navbar-kitetrips" href="/kitetrips"> <i class="far fa-gem availability reactiveX2"></i>Kite Trips</a><!--+scriptTypeform()  --></li><li><a id="navbar-luxury" href="/brands/all"> <i class="far fa-gem availability reactiveX2"></i>Kitesurf Shops</a><!--+scriptTypeform()  --></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><!--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()--><li><a id="contact_typeform_1" href="https://unplug673641.typeform.com/to/jA1qp4?Page=" data-mode="drawer_right" target="_blank" class="typeform-share"><i class="fa fa-comments availability reactiveX2">               </i>Contact us    </a><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);
})
</script></li></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 = 'San Francisco | Top 32 Kitesurf Spots and Schools in San Francisco, USA - United States | Unplug'
</script><script>document.querySelector('meta[name="description"]').setAttribute("content", 
	'All about kitesurf in San Francisco!'+
	'Compare all prices and find the best of 32 kitesurf schools and spots in San Francisco, and best kitesurf spots. Reviews. Comments. Prices and easy booking.'
);
document.querySelector('meta[property="og:description"]').setAttribute("content", 
	'All about kitesurf in San Francisco! '+
	'Compare all prices and find the best of 32 kitesurf schools and spots in San Francisco, and best kitesurf spots. Reviews. Comments. Prices and easy booking.'
);</script><script>var el = document.createElement('script');
el.type = 'application/ld+json';

// LOCALBUSINESS STRUCTURED DATA
el.text = JSON.stringify(
            {
              "@context": "http://schema.org",
              "@type": "LocalBusiness",
              "image": ["https://www.unplug-kitesurf.com/img/social_post.png",
                        "https://www.unplug-kitesurf.com/img/logo-unplug-blue.png",
                        "https://www.unplug-kitesurf.com/img/landing-page-unplug-diy0.jpg",
                        "https://www.unplug-kitesurf.com/img/landing-page-unplug-facing-the-beach0.jpg",
                        "https://www.unplug-kitesurf.com/img/landing-page-unplug-back.JPG",
                        "https://www.unplug-kitesurf.com/img/landing-page-cropped0.jpg",
                        "https://www.unplug-kitesurf.com/img/landing-page-unplug-cruising-on-flat-water0.jpg",
                        "https://www.unplug-kitesurf.com/img/landing-page-unplug-sunset0.jpg",
                        "https://www.unplug-kitesurf.com/img/error-page-dura.jpg"
              ],
              "logo": "https://www.unplug-kitesurf.com/img/logo-unplug-blue.png",
              "@id": "https://www.unplug-kitesurf.com/",
              "name": "Unplug | Kitesurf",
              "address": {
                "@type": "PostalAddress",
                "streetAddress": "Place de l'Hôtel de Ville",
                "addressLocality": "Paris",
                "addressRegion": "FR",
                "postalCode": "75004",
                "addressCountry": "FR"
              },
              "geo": {
                "@type": "GeoCoordinates",
                "latitude": 48.856819,
                "longitude": 2.351110
              },
              "url": "https://www.unplug-kitesurf.com/",
              "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "5",
                "ratingCount": "930"
              },
              "openingHoursSpecification": [
                {
                  "@type": "OpeningHoursSpecification",
                  "dayOfWeek": "Saturday",
                  "opens": "00:00",
                  "closes": "23:59"
                },
                {
                  "@type": "OpeningHoursSpecification",
                  "dayOfWeek": "Sunday",
                  "opens": "00:00",
                  "closes": "00:00"
                }
              ],
              "acceptsReservations": "True",
              "potentialAction": {
                "@type": "ReserveAction",
                "target": {
                  "@type": "EntryPoint",
                  "urlTemplate": "https://www.unplug-kitesurf.com/",
                  "inLanguage": "fr-FR",
                  "actionPlatform": [
                    "http://schema.org/DesktopWebPlatform",
                    "http://schema.org/IOSPlatform",
                    "http://schema.org/AndroidPlatform"
                  ]
                },
                "result": {
                  "@type": "Reservation",
                  "name": "Find the best kitesurf school"
                }
              }
            });
document.querySelector('head').appendChild(el);

// PRODUCT STRUCTURED DATA
el.text = JSON.stringify(
            {
              "@context": "https://schema.org/",
              "@type": "Product",
              "name": "Unplug",
              "image": "https://www.unplug-kitesurf.com/img/social_post.png",
              "logo": "https://www.unplug-kitesurf.com/img/logo-unplug-blue.png",
              "description": "Discover 930 kitesurf schools and 6,300 spots. Reviews and Comments, photos, videos. When to kite. Prices and easy booking.",
              "sku": "unplug",
              "mpn": "925872",
              "brand": {
                "@type": "Organization",
                "name": "Unplug",
                "url": "https://www.unplug-kitesurf.com/",
                "logo": "https://www.unplug-kitesurf.com/img/logo-unplug-blue.png"
              },
              "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": "5",
                "worstRating": "0",
                "bestRating": "5",
                "reviewCount": "930"
              },
              "review": {
                "@type": "Review",
                "reviewRating": {
                    "@type": "Rating",
                    "ratingValue": "5",
                    "worstRating": "0",
                    "bestRating": "5"
                },
                "author": {
                  "@type": "Person",
                  "name": "School Customers"
                }
              },
              "offers": {
                "@type": "Offer",
                "url": "https://www.unplug-kitesurf.com",
                "priceCurrency": "EUR",
                "price": "0",
                "priceValidUntil": "2022-01-01",
                "availability": "https://schema.org/InStock",
                "seller": {
                  "@type": "Organization",
                  "name": "Unplug",
                  "url": "https://www.unplug-kitesurf.com/",
                  "logo": "https://www.unplug-kitesurf.com/img/logo-unplug-blue.png"
                }
              }
            }
          );

document.querySelector('head').appendChild(el);

</script><script>//   /!\ There are two FAQ scripts : a CCY and noCCY version   /!\

var el = document.createElement('script');
var structURL = "https://www.unplug-kitesurf.com/destinations/san-francisco"
var structQuestions = []
var structQuestion = ""

//GET NUMBER OF SCHOOLS
// 'x kitesurf schools in '
var kitesurfSchools = "7"
if (kitesurfSchools == "0" || kitesurfSchools == "")
  kitesurfSchools = ""
else
  if (kitesurfSchools == "1")
    kitesurfSchools = "1 kitesurf school"
  else
    kitesurfSchools = kitesurfSchools + " kitesurf schools"
  kitesurfSchools = kitesurfSchools + " in " 
    
//GET NUMBER OF SCHOOLS and SPOTS
// 'x kitesurf spots and y schools in '
var kitesurfPlaces = "25"
if (kitesurfPlaces == "0" || kitesurfPlaces == "")
  kitesurfPlaces = kitesurfSchools
else
  if (kitesurfPlaces == "1")
    kitesurfPlaces = "1 kitesurf spot"
  else
    kitesurfPlaces = kitesurfPlaces + " kitesurf spots"
  if (kitesurfSchools == "0" || kitesurfSchools == "")
    kitesurfPlaces = kitesurfPlaces + " in "
  else
    kitesurfPlaces = kitesurfPlaces + " and " + kitesurfSchools.replace('kitesurf ', '')

//GET CCY
var structCurrency = "[object Object]"
var structCCY = "€"
var structEURCCYrate = "1"
if (structCurrency!=""){
  //var structCurrencyObject = [object Object]
  structCCY = "USD"
  structEURCCYrate = "1.13"
  if (structCCY == "USD" || structCCY == "EUR")
    structCCY = "$"
}

//FAQ RENTAL PRICE
var averageRentalAnswer = "" 
var averageRentalPrice = "165"
var averageRentalPriceEUR = "165"
if (averageRentalPrice != "" && averageRentalPrice != "0")
  averageRentalPrice = numberWithSpace(parseFloat(averageRentalPrice).toFixed(0))
  averageRentalPrice = averageRentalPrice + structCCY + " per day"
  if (structCCY != "€"){
    averageRentalPriceEUR = numberWithSpace((parseFloat(averageRentalPrice)/parseFloat(structEURCCYrate)).toFixed(0))
    averageRentalPriceEUR = "(" + averageRentalPriceEUR + "€ equivalent)"
  }
  else{
    averageRentalPriceEUR = ""
  }
  averageRentalAnswer = "The average price of kitesurf rental in San Francisco is <strong>"+averageRentalPrice+"</strong>"+averageRentalPriceEUR+"."+
                        " <br /> "+
                        "<a href="+structURL+"> Click here </a> to discover "+kitesurfSchools+"San Francisco.</p>"
  //Kitesurf question
  structQuestion = {
                "@type": "Question",
                "name": "What is the kitesurf rental cost in San Francisco?",
                "acceptedAnswer": {
                  "@type": "Answer",
                  "text": averageRentalAnswer
                }
              }
  structQuestions.push(structQuestion)
  //Kiteboarding question
  /*
  structQuestion = {
                "@type": "Question",
                "name": "What is the kiteboarding rental cost in San Francisco?",
                "acceptedAnswer": {
                  "@type": "Answer",
                  "text": averageRentalAnswer
                }
              }
  structQuestions.push(structQuestion)
  */

//FAQ LESSON PRICE
var averageLessonAnswer = "" 
var averageLessonPrice = "104.6"
var averageLessonPriceEUR = "104.6"
if (averageLessonPrice != "" && averageLessonPrice != "0")
  averageLessonPrice = numberWithSpace(parseFloat(averageLessonPrice).toFixed(0))
  averageLessonPrice = averageLessonPrice + structCCY + " per hour"
  if (structCCY != "€"){
    averageLessonPriceEUR = numberWithSpace((parseFloat(averageLessonPrice)/parseFloat(structEURCCYrate)).toFixed(0))
    averageLessonPriceEUR = "(" + averageLessonPriceEUR + "€ equivalent)"
  }
  else{
    averageLessonPriceEUR = ""
  }
  averageLessonAnswer = "The average price of a non-private kitesurf lesson in San Francisco is <strong>"+averageLessonPrice+"</strong>"+averageLessonPriceEUR+"."+
                        " <br /> "+
                        "<a href="+structURL+"> Click here </a> to discover "+kitesurfSchools+"San Francisco.</p>"
  //Kitesurf question
  structQuestion = {
                "@type": "Question",
                "name": "What is the cost of kitesurf lessons in San Francisco?",
                "acceptedAnswer": {
                  "@type": "Answer",
                  "text": averageLessonAnswer
                }
              }
  structQuestions.push(structQuestion)
  //Kiteboarding question
  /*
  structQuestion = {
                "@type": "Question",
                "name": "What is the cost of kiteboarding lessons in San Francisco?",
                "acceptedAnswer": {
                  "@type": "Answer",
                  "text": averageLessonAnswer
                }
              }
  structQuestions.push(structQuestion)
  */
  

//FAQ BEST MONTHS
var bestMonthsAnswer = ""
var bestMonths = "May,June,July,August,September"
var bestMonthsArray = []
if (bestMonths != "")
  bestMonthsArray = bestMonths.split(',')
  bestMonths = bestMonthsArray.join(', ')
  bestMonths = bestMonths.replace(', ' + bestMonthsArray[bestMonthsArray.length-1],' and '+bestMonthsArray[bestMonthsArray.length-1])
  bestMonthsAnswer = "The best months for kitesurf in San Francisco are <strong>"+bestMonths+"</strong>."+
                    " <br />"+
                    " <a href="+structURL+"> Click here </a> to discover "+kitesurfPlaces+"San Francisco.</p>"
  //Kitesurf question
  structQuestion = {
                "@type": "Question",
                "name": "What is the best time for kitesurf in San Francisco?",
                "acceptedAnswer": {
                  "@type": "Answer",
                  "text": bestMonthsAnswer
                }
              }
  structQuestions.push(structQuestion)
  //Kiteboarding question
  /*
  structQuestion = {
                "@type": "Question",
                "name": "What is the best time for kiteboarding in San Francisco?",
                "acceptedAnswer": {
                  "@type": "Answer",
                  "text": bestMonthsAnswer
                }
              }
  structQuestions.push(structQuestion)
  */
  
//POST FAQ
el.type = 'application/ld+json';
if (structQuestions.length > 0)
  el.text = JSON.stringify(
              {
                "@context": "https://schema.org",
                "@type": "FAQPage",
                "mainEntity": structQuestions
              }
            );
document.querySelector('head').appendChild(el);
</script><script>var el = document.createElement('script');
var structrating = ""
var structreviewnumber = "32"
var structCCY = "EUR"
var structLessonPrice = "0"
var structRentalPrice = "0"
var structName = "San Francisco"
var structSlug = "san-francisco"
var structLabel = "San Francisco | Unplug"

var structlogo = "//images.ctfassets.net/engeyisazyq7/4GsXLMVHzANfnTC9Ty6THB/b244339883d0f4e3672536ed4477f795/GoogleImageLogo1_2qCmYSs1hKsumasmmYaAoY_import_6"
if (structlogo == "")
  structlogo = "https://www.unplug-kitesurf.com/img/logo-unplug-blue.png"

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

el.type = 'application/ld+json';
el.text = JSON.stringify(
            {
              "@context": "https://schema.org/",
              "@type": "Product",
              "name": structLabel,
              "image": structlogo,
              "logo": structlogo,
              "description": "Discover " + structreviewnumber + " kitesurf places and all details about them.",
              "sku": "unplug-san-francisco",
              "mpn": "925872",
              "brand": {
                "@type": "Organization",
                "name": "Unplug",
                "url": "https://www.unplug-kitesurf.com/",
                "logo": "https://www.unplug-kitesurf.com/img/logo-unplug-blue.png"
              },
              "aggregateRating": {
                "@type": "AggregateRating",
                "ratingValue": structrating,
                "worstRating": "0",
                "bestRating": "5",
                "reviewCount": structreviewnumber
              },
              "review": {
                "@type": "Review",
                "reviewRating": {
                    "@type": "Rating",
                    "ratingValue": structrating,
                    "worstRating": "0",
                    "bestRating": "5"
                },
                "author": {
                  "@type": "Person",
                  "name": "Kitesurf Professionals"
                }
              },
              "offers": {
                "@type": "Offer",
                "url": "https://www.unplug-kitesurf.com/destinations/"+structSlug,
                "priceCurrency": structCCY,
                "price": structLessonPrice,
                "priceValidUntil": "2022-01-01",
                "availability": "https://schema.org/InStock",
                "seller": {
                  "@type": "Organization",
                  "name": structName + " | Unplug",
                  "url": "https://www.unplug-kitesurf.com/destinations/"+structSlug,
                  "logo": "https://www.unplug-kitesurf.com/img/logo-unplug-blue.png"
                }
              }
            }
          );
document.querySelector('head').appendChild(el);
</script><!--+enableShareSocialMediaButton()--><!--***************************************--><!--**                                   **--><!--**    MAP MARKERS GLOBAL SCRIPTS     **--><!--**       (MAPBOX/GOOGLEMAPS)         **--><!--**         (WORKS FOR BOTH)          **--><!--**                                   **--><!--***************************************--><!--DATE FORMAT--><script>function formatDate(date) {
  if (date !== undefined && date !== "") {
    var myDate = new Date(date);
    var month = [
      "Jan",
      "Feb",
      "Mar",
      "Apr",
      "May",
      "Jun",
      "Jul",
      "Aug",
      "Sep",
      "Oct",
      "Nov",
      "Dec",
    ][myDate.getMonth()];
    var str = myDate.getDate() + " " + month + " " + myDate.getFullYear();
    return str;
  }
  return "";
}
</script><!--LOCATE IN NSEW BOX--><script>function isPointInBox(Lat,Lon,NorthBound,SouthBound,EastBound,WestBound){
    
    //if NO longitude jump (box DOES NOT cross 180° lon)
    if ( EastBound * WestBound > 0){
      if(EastBound < WestBound
      || Lat < NorthBound
      && Lat > SouthBound
      && Lon < EastBound
      && Lon > WestBound){
        return true;
      }
      else{
        return false;
      }
    }

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

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


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

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

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

    //REFRESH RESULTS
    $('#NumberOfDisplayedItems_wide').text(displayedItems + ' results')
    $('#Show_Filter_Menu_narrowTitle .btn').html('<i class="fas fa-filter availabilityX2"></i>Show ' + displayedItems + ' results')
    if(displayedItems > 0)
      if(displayedSpots == 0 && displayedItems == displayedSchools)
        $('#MapTitle_narrow h3').html(displayedSchools + ' schools in the zone')
      else
        if(displayedSchools == 0 && displayedItems == displayedSpots)
          $('#MapTitle_narrow h3').html(displayedSpots + ' spots in the zone')
        else 
          $('#MapTitle_narrow h3').html(displayedItems + ' places in the zone')
    else
      $('#MapTitle_narrow h3').html(displayedItems + ' places in the zone')
    
}
</script><!--events for list menu (filter, select all, etc)--><script>totalSchools = '7';
displayedSchools = '7';
totalSpots = '25';
displayedSpots = '25';
totalItems = '32';
displayedItems = '32';
$('#NumberOfDisplayedItems_wide').text(displayedItems + ' results');
</script><!--events for list menu (filter, select all, etc)--><script>function selectAllItems() {
  if(selectedItems<displayedItems){
    for(var i = 0; i < totalSchools; i++){
      if($('#schoolItemwide'+i).is(":visible") || $('#schoolItemnarrow'+i).is(":visible"))
          //if(!$('#wide_select_item'+i).is(":visible"))
          selectItem(i)
    }
    $('[id^="SelectAllItemsToggle"]').hide()
    $('#UnselectAllItemsToggle_active_wide').fadeIn()    
    $('[id^="ContactBackground"]').show()
    $('#UnselectAllItemsToggle_active_narrow').fadeIn()
  }      
}
function unselectAllItems() {
  for(var i = 0; i < totalSchools; i++){
    if($('#schoolItemwide'+i).is(":visible") || $('#schoolItemnarrow'+i).is(":visible")){
      if($('#wide_item_selected'+i).is(":visible") || $('#narrow_item_selected'+i).css('display')=='inline'){
        unselectItem(i)
        $('[id^="wide_select_item"]').hide()
      }
    }
  }
  $('[id^="ContactBackground"]').hide()
  $('[id^="UnselectAllItemsToggle_"]').hide()
  $('#SelectAllItemsToggle_active_narrow').fadeIn() 
}
function checkClickTarget_and_unselectAll(){
  if($(event.target).hasClass('isbackground')){
    unselectAllItems()
    $('[id^="SpotForecast_"]').hide();
    defaultAllMapMarker()
    hideAllMapPopup()
    if(indexMarkerStayingVisible!=-1)
      document.getElementsByClassName("always")[0].classList.remove("always");
    indexMarkerStayingVisible = -1
  }
}
</script><script>function ResetFilterMenuSchoolsSpots(){
  FilterInLessons()
  FilterOutRentals()
  FilterInBeginnerSpots()
  FilterInIntermediateSpots()
  FilterInExpertSpots()
  showSectionWithTitle('narrowFilterSchoolSection')
  showSectionWithTitle('wideFilterSchoolSection')
  FilterInAllItems('school');
  showSectionWithTitle('narrowFilterSpotSection')
  showSectionWithTitle('wideFilterSpotSection')
  FilterInAllItems('spot');
}
</script><script>function FilterOutAllItems(type) {
  switch(type){
    case 'school':
      totalFor = totalSchools
      break
    case 'spot':
      totalFor = totalSpots
      break
  }
  for(var i = 0; i < totalFor; i++){
    FilterOutItem(i, type)
  }
}
</script><script>function FilterOutItem(i, type) {
    var idLabel = type + 'Item'
    $("#"+idLabel+'wide'+i).attr("excluded", "true")
    vanishMapMarker(i, type)
}
</script><script>function FilterInAllItems(type) {
  switch(type){
    case 'school':
      if($('#wideFilterSchoolSectionLessonsOn').is(":visible"))
        FilterOutLessons()
        FilterInLessons()
      if($('#wideFilterSchoolSectionRentalOn').is(":visible"))
        FilterOutRentals()
      break
    case 'spot':
      if($('#wideFilterSpotSectionBeginnerOn').is(":visible"))
        FilterOutBeginnerSpots()
        FilterInBeginnerSpots()
      if($('#wideFilterSpotSectionIntermediateOn').is(":visible"))
        FilterOutIntermediateSpots()
        FilterInIntermediateSpots()
      if($('#wideFilterSpotSectionExpertOn').is(":visible"))
        FilterOutExpertSpots()
        FilterInExpertSpots()
      break
  }
}
</script><script>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")
      }*/
}
</script><script>function FilterInLessons() {
  $('[id$="FilterSchoolSectionLessonsOff"]').hide()
  $('[id$="FilterSchoolSectionLessonsOn"]').show()
  var idLabel = 'schoolItem'
  for(var i = 0; i < totalSchools; i++){      
    if(($("#"+idLabel+'wide'+i).attr("hasLesson") == "true")){
      if(($("#"+idLabel+'wide'+i).attr("excluded") == "true")){
          FilterInItem(i, 'school')
      }
    }
  }
}</script><script>function FilterOutLessons() {
  $('[id$="FilterSchoolSectionLessonsOn"]').hide()
  $('[id$="FilterSchoolSectionLessonsOff"]').show()
  var idLabel = 'schoolItem'
  for(var i = 0; i < totalSchools; i++){
    if(($("#"+idLabel+'wide'+i).attr("hasLesson") == "true")){
      if(($("#"+idLabel+'wide'+i).attr("hasRental") == "false")
      || $('#wideFilterSchoolSectionRentalOff').is(":visible")){
        if(($("#"+idLabel+'wide'+i).attr("excluded") == "false")){
            FilterOutItem(i, 'school')
        }
      }
    }
  }
}
</script><script>function FilterInRentals() {
  $('[id$="FilterSchoolSectionRentalOff"]').hide()
  $('[id$="FilterSchoolSectionRentalOn"]').show()
  var idLabel = 'schoolItem'
  for(var i = 0; i < totalSchools; i++){      
    if(($("#"+idLabel+'wide'+i).attr("hasRental") == "true")){
      if(($("#"+idLabel+'wide'+i).attr("excluded") == "true")){
          FilterInItem(i, 'school')
      }
    }
    else{
          FilterOutItem(i, 'school')
    }
  }
}</script><script>function FilterOutRentals() {
  $('[id$="FilterSchoolSectionRentalOn"]').hide()
  $('[id$="FilterSchoolSectionRentalOff"]').show()
  var idLabel = 'schoolItem'
  for(var i = 0; i < totalSchools; i++){
    if(($("#"+idLabel+'wide'+i).attr("hasRental") == "false")){
      if(($("#"+idLabel+'wide'+i).attr("excluded") == "true")){
          FilterInItem(i, 'school')
      }
    }
  }
}
</script><script>function FilterInBeginnerSpots() {
  //FilterSpotsResetDots()
  $('[id$="FilterSpotSectionBeginnerOff"]').hide()
  $('[id$="FilterSpotSectionBeginnerOn"]').show()
  var idLabel = 'spotItem'
  for(var i = 0; i < totalSpots; i++){   
    if(($("#"+idLabel+'wide'+i).attr("hasBeginner") == "true")){
      if(($("#"+idLabel+'wide'+i).attr("excluded") == "true")){
          FilterInItem(i, 'spot')
      }
    }
    /*else
      if(($("#"+idLabel+'wide'+i).attr("excluded") == "false")){
          FilterOutItem(i, 'spot')
      }*/
  }
}

</script><script>function FilterInIntermediateSpots() {
  //FilterSpotsResetDots()
  $('[id$="FilterSpotSectionIntermediateOff"]').hide()
  $('[id$="FilterSpotSectionIntermediateOn"]').show()
  var idLabel = 'spotItem'
  for(var i = 0; i < totalSpots; i++){   
    if(($("#"+idLabel+'wide'+i).attr("hasIntermediate") == "true")){
      if(($("#"+idLabel+'wide'+i).attr("excluded") == "true")){
          FilterInItem(i, 'spot')
      }
    }
    /*else
      if(($("#"+idLabel+'wide'+i).attr("excluded") == "false")){
          FilterOutItem(i, 'spot')
      }*/
  }
}
</script><script>function FilterInExpertSpots() {
  //FilterSpotsResetDots()
  $('[id$="FilterSpotSectionExpertOff"]').hide()
  $('[id$="FilterSpotSectionExpertOn"]').show()
  var idLabel = 'spotItem'
  for(var i = 0; i < totalSpots; i++){   
    if(($("#"+idLabel+'wide'+i).attr("hasExpert") == "true")){
      if(($("#"+idLabel+'wide'+i).attr("excluded") == "true")){
          FilterInItem(i, 'spot')
      }
    }
    /*else
      if(($("#"+idLabel+'wide'+i).attr("excluded") == "false")){
          FilterOutItem(i, 'spot')
      }*/
  }
}

</script><script>function FilterOutBeginnerSpots() {
  $('[id$="FilterSpotSectionBeginnerOn"]').hide()
  $('[id$="FilterSpotSectionBeginnerOff"]').show()
  var idLabel = 'spotItem'
  for(var i = 0; i < totalSpots; i++){   
    if(($("#"+idLabel+'wide'+i).attr("hasBeginner") == "true")){
      if(($("#"+idLabel+'wide'+i).attr("excluded") == "false")){
          FilterOutItem(i, 'spot')
      }
    }
  }
}
</script><script>function FilterOutIntermediateSpots() {
  $('[id$="FilterSpotSectionIntermediateOn"]').hide()
  $('[id$="FilterSpotSectionIntermediateOff"]').show()
  var idLabel = 'spotItem'
  for(var i = 0; i < totalSpots; i++){   
    if(($("#"+idLabel+'wide'+i).attr("hasIntermediate") == "true")){
      if(($("#"+idLabel+'wide'+i).attr("excluded") == "false")){
          FilterOutItem(i, 'spot')
      }
    }
  }
}
</script><script>function FilterOutExpertSpots() {
  $('[id$="FilterSpotSectionExpertOn"]').hide()
  $('[id$="FilterSpotSectionExpertOff"]').show()
  var idLabel = 'spotItem'
  for(var i = 0; i < totalSpots; i++){   
    if(($("#"+idLabel+'wide'+i).attr("hasExpert") == "true")){
      if(($("#"+idLabel+'wide'+i).attr("excluded") == "false")){
          FilterOutItem(i, 'spot')
      }
    }
  }
}
</script><script>$("#navbar-search").attr("lat", 37.75874304192977)
$("#navbar-search").attr("lon", -122.44876702905742)
$("#navbar-search").attr("radius",250)</script><script>//var adaptSearchButtonLink = function(lat, lng, radius){                  
    var latOnChange = parseFloat($("#navbar-search").attr("lat"))
    var lngOnChange = parseFloat($("#navbar-search").attr("lon"))
    var radius = parseFloat($("#navbar-search").attr("radius"))
    var ratio_w_h = 1
    var box_radius = radius
    if (document.documentElement.clientWidth > 768){
      ratio_w_h = 0.4 * document.documentElement.clientWidth / document.documentElement.clientHeight
      //ratio_w_h = ( document.getElementById('middle').offsetWidth - 70 )/ ( document.documentElement.clientHeight - 270 )
    }
    else{
      ratio_w_h = document.documentElement.clientWidth / document.documentElement.clientHeight
      box_radius = box_radius * 1.5 //twice the search box size for mobile screen
    }
    //1km in degree approx = 0.0089
    //100km in degree approx = 0.89
    var earth = 6378.137,  //radius of the earth in kilometer
        pi = Math.PI,
        cos = Math.cos,
        km = (1 / ((2 * pi / 360) * earth))  //1 km in degree
    var additional_height_margin = box_radius * ( 1 / ratio_w_h - 1 )
    var latBoxDown = latOnChange - ( box_radius + additional_height_margin ) * km
    var latBoxUp = latOnChange + ( box_radius + additional_height_margin ) * km;
    var lngBoxDown = lngOnChange - box_radius * km / cos(latOnChange * (pi / 180))
    var lngBoxUp = lngOnChange + box_radius * km / cos(latOnChange * (pi / 180))
    document.querySelector('#navbar-search').setAttribute("href", 
      '/searchnew'+
      '?my_kitesurf_escape[geoSearch][boundingBox]='+latBoxUp+'%2C'+lngBoxUp+'%2C'+latBoxDown+'%2C'+lngBoxDown);
//};

</script><div class="page-content"><div id="container-search" class="container"><!--+renderSearchBarRow--><h6></h6><div class="row fa-lg sticky-breadcrumb isbackground"><div class="col-md-2"></div><div class="col-md-10"><ol class="breadcrumb force-no-margin-bottom-on-small-screen"><li>   <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="#">San Francisco</a></li></ol></div></div><div onclick="checkClickTarget_and_unselectAll()" class="row isbackground"><div id="SideColumnLeft" style="top:110px;" class="col-md-2"><!--.side-column--><div class="single-item hide-on-narrow-ipadscreen"><div id="FilterMenu"><div class="thumbnail force-margin-left-5px force-margin-right-5px"><div class="thumbnail-header-title"><div id="wideFilterSchoolSectionTitleHidden" onclick="showSectionWithTitle('wideFilterSchoolSection');FilterInAllItems('school');" class="hand-when-hover unselectable no-display"><div class="row"><div class="col-xs-8 force-no-margin to-be-refreshed"><h5 class="text-left force-no-padding force-no-border-bottom force-margin-top-10px"><i class="fas fa-user-graduate availability"></i>Schools (7)</h5></div><div class="col-xs-4 force-no-margin"><h5 class="text-center force-no-padding force-no-border-bottom force-margin-top-10px"><i class="fas fa-toggle-off availability force-font-18px"></i></h5></div></div></div><div id="wideFilterSchoolSectionTitle" onclick="hideSectionWithTitle('wideFilterSchoolSection');FilterOutAllItems('school');" class="hand-when-hover unselectable"><div class="row"><div class="col-xs-8 force-no-margin to-be-refreshed"><h5 class="text-left force-no-padding force-no-border-bottom force-margin-top-10px"><i class="fas fa-user-graduate availability"></i>Schools (7)</h5></div><div class="col-xs-4 force-no-margin"><h5 class="text-center force-no-padding force-no-border-bottom force-margin-top-10px"><i class="fas fa-toggle-on availability force-font-18px"></i></h5></div><div class="col-xs-12 force-no-margin"><h5 class="force-no-padding force-no-margin"></h5></div></div></div><div id="wideFilterSchoolSection" class="hand-when-hover"><div id="wideFilterSchoolSectionLessonsOn" onclick="FilterOutLessons()" class="unselectable"><h6 class="text-left"><i class="far fa-check-square availability"></i>Lessons (7)</h6></div><div id="wideFilterSchoolSectionLessonsOff" onclick="FilterInLessons()" class="unselectable no-display"><h6 class="text-left"><i class="far fa-square availability"></i>Lessons (7)</h6></div><div id="wideFilterSchoolSectionRentalOn" onclick="FilterOutRentals()" class="unselectable no-display"><h6 class="text-left"><i class="far fa-check-square availability"></i>Rental (2)</h6></div><div id="wideFilterSchoolSectionRentalOff" onclick="FilterInRentals()" class="unselectable"><h6 class="text-left"><i class="far fa-square availability"></i>Rental (2)</h6></div></div><div id="wideFilterSpotSectionTitleHidden" onclick="showSectionWithTitle('wideFilterSpotSection');FilterInAllItems('spot');" class="unselectable hand-when-hover no-display"><div class="row"><div class="col-xs-12 force-no-margin"><h5 class="force-no-padding force-no-margin"></h5></div><div class="col-xs-8 force-no-margin to-be-refreshed"><h5 class="text-left force-no-padding force-no-border-bottom force-margin-top-10px"><i class="fas fa-snowboarding availability"></i>Spots (25)</h5></div><div class="col-xs-4 force-no-margin"><h5 class="text-center force-no-padding force-no-border-bottom force-margin-top-10px"><i class="fas fa-toggle-off availability force-font-18px"></i></h5></div></div></div><div id="wideFilterSpotSectionTitle" onclick="hideSectionWithTitle('wideFilterSpotSection');FilterOutAllItems('spot');" class="unselectable hand-when-hover"><div class="row"><div class="col-xs-12 force-no-margin"><h5 class="force-no-padding force-no-margin"></h5></div><div class="col-xs-8 force-no-margin to-be-refreshed"><h5 class="text-left force-no-padding force-no-border-bottom force-margin-top-10px"><i class="fas fa-snowboarding availability"></i>Spots (25)</h5></div><div class="col-xs-4 force-no-margin"><h5 class="text-center force-no-padding force-no-border-bottom force-margin-top-10px"><i class="fas fa-toggle-on availability force-font-18px"></i></h5></div><div class="col-xs-12 force-no-margin"><h5 class="force-no-padding force-no-margin"></h5></div></div></div><div id="wideFilterSpotSection" class="hand-when-hover"><div id="wideFilterSpotSectionBeginnerOn" onclick="FilterOutBeginnerSpots()" class="unselectable"><h6 class="text-left"><i class="far fa-check-square availability"></i>Beginner (5)</h6></div><div id="wideFilterSpotSectionBeginnerOff" onclick="FilterInBeginnerSpots()" class="unselectable no-display"><h6 class="text-left"><i class="far fa-square availability"></i>Beginner (5)</h6></div><div id="wideFilterSpotSectionIntermediateOn" onclick="FilterOutIntermediateSpots()" class="unselectable"><h6 class="text-left"><i class="far fa-check-square availability"></i>Intermediate (19)</h6></div><div id="wideFilterSpotSectionIntermediateOff" onclick="FilterInIntermediateSpots()" class="unselectable no-display"><h6 class="text-left"><i class="far fa-square availability"></i>Intermediate (19)</h6></div><div id="wideFilterSpotSectionExpertOn" onclick="FilterOutExpertSpots()" class="unselectable"><h6 class="text-left"><i class="far fa-check-square availability"></i>Expert (1)</h6></div><div id="wideFilterSpotSectionExpertOff" onclick="FilterInExpertSpots()" class="unselectable no-display"><h6 class="text-left"><i class="far fa-square availability"></i>Expert (1)</h6></div></div><h5 class="force-no-padding force-margin-top-10px"></h5><div class="row"><div onclick="ResetFilterMenuSchoolsSpots()" class="col-sm-12 text-center hand-when-hover"><h6 class="hand-when-hover"><i class="fas fa-trash-alt availability"></i>Reset Filters</h6></div></div></div></div></div><!--#AdMenu.thumbnail.force-no-padding
  .highlight-background
    .thumbnail-header-title.text-center
      if schools.length != 0
        | Featured Schools
        +renderAdSchools(schools)
--></div></div><div id="MainColumnTop" class="col-md-6 single-item"><div class="thumbnail-details"><div class="thumbnail-info text-title"><div class="row thumbnail-header"><div class="col-sm-6"><h3>San Francisco, USA - United States</h3><div class="text-left"><h5> Wind conditions</h5></div><div class="text-center"><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(26, 35, 31, 36, 41, 36, 32, 28, 23, 18, 22, 27)
var maxValue = Math.min(100,Math.round(maxwind/10)*10)
var janwind = 26
var febwind = 35
var marwind = 31
var aprwind = 36
var maywind = 41
var junwind = 36
var julwind = 32
var augwind = 28
var sepwind = 23
var octwind = 18
var novwind = 22
var decwind = 27

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><h6></h6></div><div class="force-no-padding-bottom hide-on-narrow-screen"><h5> <i class="fas fa-calendar-alt availability"></i>Best months: May, June, July, August and September</h5></div><div class="hide-on-wide-screen"><h5 class="force-no-padding-bottom"></h5></div></div><div class="col-sm-6 hide-on-narrow-screen"><div class="half-height-min"><iframe id="wind-map" src="https://embed.windy.com/embed2.html?lat=37.75874304192977&amp;lon=-122.44876702905742&amp;zoom=9&amp;level=surface&amp;overlay=wind&amp;menu=&amp;message=true&amp;marker=true&amp;calendar=&amp;pressure=&amp;type=map&amp;location=coordinates&amp;detail=&amp;detailLat=37.75874304192977&amp;detailLon=-122.44876702905742&amp;metricWind=kt&amp;metricTemp=%C2%B0C&amp;radarRange=-1" width="100%" height="450" frameborder="0" iframes="false"></iframe><!--div(id='wind-map', data-windywidget='map', data-lat=areaORdestination.fields.averageLocation.lat, data-lng=areaORdestination.fields.averageLocation.lon, data-appid='d04b7e64c58e890b91fd454240526f7e')--><!--script(async='true', data-cfasync='false', type='text/javascript', src='https://windyapp.co/widget3/windy_map_async.js')--></div></div><div class="col-sm-12 hide-on-wide-screen"> <h5 class="force-no-padding-bottom force-no-border-bottom force-no-margin">COMPARE THE PRICES OF ALL SCHOOLS</h5><h6 class="force-no-margin-top">The lesson prices are the prices of one hour of non-private lesson for beginners. 
The lesson and rental prices include full equipment.</h6></div><div class="col-sm-12"><div class="hide-on-wide-screen">  <h5><i class="fas fa-calendar-alt availability"></i>Best months: MAY, JUN, JUL, AUG, SEP</h5></div></div><!--.col-sm-6.hide-on-narrow-screen+renderWindyMapBis(destination)
--></div><!--.row.hide-on-narrow-screen.col-sm-12
  .thumbnail-actions-edit.force-no-padding-bottom
    if destination.fields.bestMonths
      -TempText = destination.fields.bestMonths.join(', ')
      -TempText = TempText.replace(', ' + destination.fields.bestMonths[destination.fields.bestMonths.length-1],' and '+destination.fields.bestMonths[destination.fields.bestMonths.length-1])
      h5 
        i.fas.fa-calendar-alt.availability
        | Best months: MAY, JUN, JUL, AUG, SEP
--><div class="row hide-on-narrow-screen"><div class="col-sm-12"><div class="thumbnail-actions-edit force-no-padding-bottom force-no-padding-top"><h5> <i class="fas fa-money-bill-alt availability"></i><b>Main currency: US dollar - USD($)</b></h5></div></div></div><div class="row hide-on-narrow-screen"><div class="col-sm-12"><div class="thumbnail-actions-edit force-no-padding-bottom force-no-padding-top"><h5> <i class="fa fa-plane-arrival availability"></i><b>Main airports:           </b>20km <b>San Francisco International, CA </b>(SFO), 85km <b>San Jose International, CA </b>(SJC), 165km <b>Sacramento International, CA </b>(SMF).</h5></div></div></div><div class="row"><div class="col-sm-12"><div class="thumbnail-address"><!--h6 description #{destination.fields.resume}--><a href="https://www.google.com/images?tbm=isch&amp;q=San Francisco+Kitesurfing" target="_blank" class="reactiveX2">See Photos of San Francisco</a></div></div></div></div><div class="thumbnail-footer"><div class="row"><div class="col-sm-3 thumbnail-actions-edit"></div></div></div></div><!--Filter Bar--><h6> </h6><div class="hide-on-wide-ipadscreen"><div id="Show_Filter_Menu_narrow" class="no-display"><div class="single-item"><div class="layered-filter-menu"><div class="thumbnail-header-title"><div class="row"><div class="col-sm-12 text-center"><h3>Filters</h3></div></div><div class="row"><div class="col-sm-12 force-padding-left-20px force-padding-right-20px"><div id="narrowFilterSchoolSectionTitleHidden" onclick="showSectionWithTitle('narrowFilterSchoolSection');FilterInAllItems('school');" class="hand-when-hover unselectable no-display"><div class="row"><div class="col-xs-8 force-no-margin to-be-refreshed"><h5 class="text-left force-no-padding force-no-border-bottom force-margin-top-10px"><i class="fas fa-user-graduate availability"></i>Schools (7)</h5></div><div class="col-xs-4 force-no-margin"><h5 class="text-center force-no-padding force-no-border-bottom force-margin-top-10px"><i class="fas fa-toggle-off availability force-font-18px"></i></h5></div></div></div><div id="narrowFilterSchoolSectionTitle" onclick="hideSectionWithTitle('narrowFilterSchoolSection');FilterOutAllItems('school');" class="hand-when-hover unselectable"><div class="row"><div class="col-xs-8 force-no-margin to-be-refreshed"><h5 class="text-left force-no-padding force-no-border-bottom force-margin-top-10px"><i class="fas fa-user-graduate availability"></i>Schools (7)</h5></div><div class="col-xs-4 force-no-margin"><h5 class="text-center force-no-padding force-no-border-bottom force-margin-top-10px"><i class="fas fa-toggle-on availability force-font-18px"></i></h5></div><div class="col-xs-12 force-no-margin"><h5 class="force-no-padding force-no-margin"></h5></div></div></div><div id="narrowFilterSchoolSection" class="hand-when-hover"><div id="narrowFilterSchoolSectionLessonsOn" onclick="FilterOutLessons()" class="unselectable"><h6 class="text-left"><i class="far fa-check-square availability"></i>Lessons (7)</h6></div><div id="narrowFilterSchoolSectionLessonsOff" onclick="FilterInLessons()" class="unselectable no-display"><h6 class="text-left"><i class="far fa-square availability"></i>Lessons (7)</h6></div><div id="narrowFilterSchoolSectionRentalOn" onclick="FilterOutRentals()" class="unselectable no-display"><h6 class="text-left"><i class="far fa-check-square availability"></i>Rental (2)</h6></div><div id="narrowFilterSchoolSectionRentalOff" onclick="FilterInRentals()" class="unselectable"><h6 class="text-left"><i class="far fa-square availability"></i>Rental (2)</h6></div></div><div id="narrowFilterSpotSectionTitleHidden" onclick="showSectionWithTitle('narrowFilterSpotSection');FilterInAllItems('spot');" class="unselectable hand-when-hover no-display"><div class="row"><div class="col-xs-12 force-no-margin"><h5 class="force-no-padding force-no-margin"></h5></div><div class="col-xs-8 force-no-margin to-be-refreshed"><h5 class="text-left force-no-padding force-no-border-bottom force-margin-top-10px"><i class="fas fa-snowboarding availability"></i>Spots (25)</h5></div><div class="col-xs-4 force-no-margin"><h5 class="text-center force-no-padding force-no-border-bottom force-margin-top-10px"><i class="fas fa-toggle-off availability force-font-18px"></i></h5></div></div></div><div id="narrowFilterSpotSectionTitle" onclick="hideSectionWithTitle('narrowFilterSpotSection');FilterOutAllItems('spot');" class="unselectable hand-when-hover"><div class="row"><div class="col-xs-12 force-no-margin"><h5 class="force-no-padding force-no-margin"></h5></div><div class="col-xs-8 force-no-margin to-be-refreshed"><h5 class="text-left force-no-padding force-no-border-bottom force-margin-top-10px"><i class="fas fa-snowboarding availability"></i>Spots (25)</h5></div><div class="col-xs-4 force-no-margin"><h5 class="text-center force-no-padding force-no-border-bottom force-margin-top-10px"><i class="fas fa-toggle-on availability force-font-18px"></i></h5></div><div class="col-xs-12 force-no-margin"><h5 class="force-no-padding force-no-margin"></h5></div></div></div><div id="narrowFilterSpotSection" class="hand-when-hover"><div id="narrowFilterSpotSectionBeginnerOn" onclick="FilterOutBeginnerSpots()" class="unselectable"><h6 class="text-left"><i class="far fa-check-square availability"></i>Beginner (5)</h6></div><div id="narrowFilterSpotSectionBeginnerOff" onclick="FilterInBeginnerSpots()" class="unselectable no-display"><h6 class="text-left"><i class="far fa-square availability"></i>Beginner (5)</h6></div><div id="narrowFilterSpotSectionIntermediateOn" onclick="FilterOutIntermediateSpots()" class="unselectable"><h6 class="text-left"><i class="far fa-check-square availability"></i>Intermediate (19)</h6></div><div id="narrowFilterSpotSectionIntermediateOff" onclick="FilterInIntermediateSpots()" class="unselectable no-display"><h6 class="text-left"><i class="far fa-square availability"></i>Intermediate (19)</h6></div><div id="narrowFilterSpotSectionExpertOn" onclick="FilterOutExpertSpots()" class="unselectable"><h6 class="text-left"><i class="far fa-check-square availability"></i>Expert (1)</h6></div><div id="narrowFilterSpotSectionExpertOff" onclick="FilterInExpertSpots()" class="unselectable no-display"><h6 class="text-left"><i class="far fa-square availability"></i>Expert (1)</h6></div></div></div></div><h5 class="force-no-padding force-margin-top-10px"></h5><div class="row"><div onclick="ResetFilterMenuSchoolsSpots()" class="col-sm-12 text-center hand-when-hover"><h6 class="hand-when-hover"><i class="fas fa-trash-alt availability"></i>Reset Filters</h6></div></div><div id="FilterMenuBottomBackground"></div><div id="Show_Filter_Menu_narrowTitle" onclick="hideSectionWithTitleAlternative('Show_Filter_Menu_narrow')" class="hand-when-hover unselectable no-display"><div class="text-center"><div class="btn btn-unplug-yellow-auto-width reactive force-font-size-20px"><i class="fas fa-filter availabilityX2"> </i>Show 32 results</div></div></div></div></div></div></div></div><div class="row"><div class="col-sm-3 text-left"><div class="hide-on-narrow-ipadscreen"><!--+renderShowAllItems('wide') --></div></div><div class="col-sm-6 text-center"><div class="hide-on-narrow-ipadscreen"><div class="thumbnail-header-icons-bottom"><div class="btn btn-unplug-transparent-min100 reactive-shadow"><div id="NumberOfDisplayedItems_wide">         
 results</div><script>$('#NumberOfDisplayedItems_wide').text(displayedItems + ' results');
</script></div></div></div><div id="ContactBackground" class="no-display"></div><div id="ContactBackgroundRightLayer" class="no-display"></div><div id="UnselectAllItemsToggle_active_narrow" onclick="unselectAllItems()" class="no-display"><div class="text-center"><div class="btn btn-unplug-blue-button-icon-trash reactive force-font-size-20px hide-on-wide-ipadscreen"><i class="fas fa-trash-alt"></i></div></div></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact01" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=KiteTheBay&amp;schoolemail=captainjohn@kitethebay.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><div id="SingleContactButton1"><div id="SingleContactButton_0_1" class="btn btn-unplug-240px reactive force-font-size-20px no-display"><i class="fa fa-paper-plane availability"> </i>Contact KiteTheBay</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact11" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Wind Over Water Kiteboarding&amp;schoolemail=info@wowkiteboarding.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><div id="SingleContactButton1"><div id="SingleContactButton_1_1" class="btn btn-unplug-240px reactive force-font-size-20px no-display"><i class="fa fa-paper-plane availability"> </i>Contact Wind Over Water Kite</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact21" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=KGB Kiteboarding California&amp;schoolemail=info@kgbswag.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><div id="SingleContactButton1"><div id="SingleContactButton_2_1" class="btn btn-unplug-240px reactive force-font-size-20px no-display"><i class="fa fa-paper-plane availability"> </i>Contact KGB Kiteboarding Cal</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact31" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Boardsports California&amp;schoolemail=info@boardsportscalifornia.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><div id="SingleContactButton1"><div id="SingleContactButton_3_1" class="btn btn-unplug-240px reactive force-font-size-20px no-display"><i class="fa fa-paper-plane availability"> </i>Contact Boardsports Californ</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact41" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=KITE415&amp;schoolemail=contact@kite415.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><div id="SingleContactButton1"><div id="SingleContactButton_4_1" class="btn btn-unplug-240px reactive force-font-size-20px no-display"><i class="fa fa-paper-plane availability"> </i>Contact KITE415</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact51" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Benicia Kite and Paddle&amp;schoolemail=chris@kitenaked.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><div id="SingleContactButton1"><div id="SingleContactButton_5_1" class="btn btn-unplug-240px reactive force-font-size-20px no-display"><i class="fa fa-paper-plane availability"> </i>Contact Benicia Kite and Pad</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact61" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=The Kite Bar&amp;schoolemail=info@thekitebar.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><div id="SingleContactButton1"><div id="SingleContactButton_6_1" class="btn btn-unplug-240px reactive force-font-size-20px no-display"><i class="fa fa-paper-plane availability"> </i>Contact The Kite Bar</div></div></a></div><!--MultiContact button--><!--a.typeform-share(id="typeform_multicontact", href='https://unplug673641.typeform.com/to/AnAavU?schoolnames='+multipleContactNames+'&schoolemails='+multipleContactEmails, data-mode='drawer_right')--><div id="MultipleContactButton1" class="center-block no-display"><div onclick="typeformMultiOpen()" class="btn btn-unplug-240px reactive force-font-size-20px"><i class="fa fa-paper-plane availability"> </i><span class="unselectable"></span></div></div></div><div class="col-sm-3 text-right-on-wide-center-on-narrow"><div class="hide-on-narrow-ipadscreen"><div id="SelectAllItemsToggle_inactive_wide" onmouseenter="activate_button(event)" class="hand-when-hover unselectable force-padding-right-20px"><div class="thumbnail-header-icons-bottom"><div class="btn btn-unplug-transparent-min100 reactive-shadow"><i class="fa fa-list-ol availability"></i>Select & Contact</div></div></div><!--div(id='SelectAllItemsToggle_inactive_'+id, onmouseenter="activate_button(event)").hand-when-hover.unselectable.thumbnail-header-icons-bottom
  .btn.btn-unplug-transparent-min100.reactive-shadow
    | Select all 
    i.far.fa-square.availability--><div id="SelectAllItemsToggle_active_wide" onmouseleave="deactivate_button(event)" onclick="selectAllItems()" title="Click to select all" class="hand-when-hover unselectable force-padding-right-5px no-display"><div class="thumbnail-header-icons-bottom"><div class="btn btn-unplug-blue-min100 reactive-shadow">Select all <i class="far fa-square availability"></i></div></div></div><div id="UnselectAllItemsToggle_active_wide" onclick="unselectAllItems()" title="Click to clear selection" class="hand-when-hover unselectable force-padding-right-20px no-display"><div class="thumbnail-header-icons-bottom"><div class="btn btn-unplug-transparent-min100 reactive-shadow"><i class="fas fa-trash-alt availability"></i>Clear selection <!--i.far.fa-check-square.availability--></div></div></div><!--div(id='UnselectAllItemsToggle_active_'+id, onmouseleave="deactivate_button(event)", onclick="unselectAllItems()").hand-when-hover.force-padding-right-20px.unselectable.no-display.thumbnail-header-icons-bottom
  .btn.btn-unplug-transparent-min100.reactive-shadow
    i.fas.fa-trash-alt.availability
    | Clear selection 
  //.btn.btn-unplug-blue-min100.reactive-shadow
    | Select all 
    i.far.fa-check-square.availability--></div></div></div><div class="hide-on-narrow-ipadscreen"><h6></h6><div class="row"><div class="col-sm-12"><div id="schoolItemwide0" lat="37.815982700000006" lon="-122.3712321" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><!--hyperlink without open when left click (preview instead)--><a href="/schools/kitethebay" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><div class="row col-sm-12"><!--a(href='/schools/' + school.fields.slug)--><div class="notranslate">KiteTheBay </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="I highly recommend John for all of your &quot;wind junkie&quot;  activities. He's an expert in all of it, good thorough training sessions, quality equipment (even has radio enabled helmets so he can give instruction from the beach) and good communications. I did the efoil session which was a blast." style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>I highly recommend John for all of your &quot;wind junkie&quot;  acti...<i class="fas fa-quote-right availability-left"></i></i><i title="I highly recommend John for all of your &quot;wind junkie&quot;  activities. He's an expert in all of it, good thorough training sessions, quality equipment (even has radio enabled helmets so he can give instruction from the beach) and good communications. I did the efoil session which was a blast." style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>I highly recommend John for all of...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>1 Clipper Cove Way, San Francisco, CA 94130, États-Unis </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>30km </h6></div></div></div><div class="col-sm-3 text-center"><div id="HierarchyLongInSchoolItem"><!--.row.text-center
  a(href='/schools/' + school.fields.slug)
    if school.fields.premiumHierarchy >= 90
        | LUXURY
      else
        if school.fields.premiumHierarchy >= 50
          | PREMIUM--></div><div class="row"><div class="col-sm-12 text-center"><a href="/schools/kitethebay"><img src="//images.ctfassets.net/engeyisazyq7/2GnScD267n49H33AsRulGK/328924cd6c8e82289b543fd6c7e58b80/kitethebay.PNG" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><h6 class="notranslate"><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i> 4.8/5 (12)      </h6><div class="hide-on-wide-ipadscreen"><i title="I highly recommend John for all of your &quot;wind junkie&quot;  activities. He's an expert in all of it, good thorough training sessions, quality equipment (even has radio enabled helmets so he can give instruction from the beach) and good communications. I did the efoil session which was a blast." style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>I highly recommend John for all of your &quot;wind junkie&quot;  acti...<i class="fas fa-quote-right availability-left"></i></i><i title="I highly recommend John for all of your &quot;wind junkie&quot;  activities. He's an expert in all of it, good thorough training sessions, quality equipment (even has radio enabled helmets so he can give instruction from the beach) and good communications. I did the efoil session which was a blast." style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>I highly recommend John for all of...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>1 Clipper Cove Way, San Francisco, CA 94130, États-Unis </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>30km </h6></div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-4 text-left"><h5 title="Lesson price for 1h of non-private lesson for beginners"> <i class="fas fa-user-graduate availability"></i>Lesson: 130 $/hour</h5></div><div class="col-sm-4 text-left"></div><div class="col-sm-1"></div><div class="col-sm-3 text-center force-no-padding"><div class="multipleContact text-center"><div class="hide-on-narrow-ipadscreen"><div id="wide_item_selected0" onclick="unselectItem(0)" title="Click to unselect this school" class="no-display dont-leave-page"><div class="btn btn-unplug-min100 reactive-shadow dont-leave-page">Selected   <i class="far fa-check-square"></i></div></div><div id="wide_select_item0" onclick="selectItem(0)" title="Click to select this school" class="no-display"><h5 class="force-no-padding-bottom force-no-border-bottom unselectable dont-leave-page">Select   <i class="far fa-square"></i></h5></div></div><div class="hide-on-wide-ipadscreen"><a href="/schools/kitethebay"><div id="narrow_item_seepage0" title="Click to go to school page" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px"><i class="fa fa-eye availability"></i>See Page   </div></div></a><div id="narrow_item_selected0" onclick="unselectItem(0)" title="Click to unselect this school" class="no-display"><div class="btn btn-unplug-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Selected   <i class="far fa-check-square"></i></div></div><div id="narrow_select_item0" onclick="selectItem(0)" title="Click to select this school" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Select   <i class="far fa-square"></i></div><!--.btn.btn-unplug-blue-min100.reactive-shadow| Select   
i.far.fa-square
    --></div></div></div><div class="singleContact text-right no-display"><div class="row hide-on-wide-screen"><a href="https://unplug673641.typeform.com/to/gfUdfRBc?schoolname=KiteTheBay&amp;schoolnumber=+14152955483&amp;schoolnumbertext=tel:+14152955483&amp;destination=San Francisco" data-mode="drawer_right" class="book typeform-share"><!--a(href="tel:#{school.fields.phoneNumber}")--><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=KiteTheBay&amp;schoolemail=captainjohn@kitethebay.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div><div class="row hide-on-narrow-screen"><i aria-hidden="true" onclick="alert('Phone Number: +14152955483');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=KiteTheBay&amp;schoolemail=captainjohn@kitethebay.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div></div></div></div><script>$("#schoolItem"+'wide'+0).attr("hasLesson", "true")
</script><script>SchoolsListNAME.push('KiteTheBay');</script><script>SchoolsListEMAIL.push('captainjohn@kitethebay.com');</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 130 $/hour');
script.
  SchoolsListRENTALPRICE.push('');
script.
  SchoolsListDISTANCEAIRPORT.push('30km');
script.
  SchoolsListPREMIUMHIERARCHY.push('33');
script.
  SchoolsListLAT.push('37.815982700000006');
script.
  SchoolsListLON.push('-122.3712321');
script.
  SchoolsListSLUG.push('kitethebay');
script.
  SchoolsListPHONE.push('+14152955483');
script.
  SchoolsListEMAIL.push('captainjohn@kitethebay.com');
script.
  SchoolsListADDRESS.push('1 Clipper Cove Way, San Francisco, CA 94130, États-Unis');--><!--  if(school.fields.hasOwnProperty('logo'))--><!--      script.--><!--        SchoolsListLOGO.push('#{school.fields.logo.fields.file.url}');--><!--  else--><!--      script.--><!--        SchoolsListLOGO.push('');-->
</div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="schoolItemwide1" lat="37.6636794" lon="-122.3786345" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><!--hyperlink without open when left click (preview instead)--><a href="/schools/wowkiteboarding" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><div class="row col-sm-12"><!--a(href='/schools/' + school.fields.slug)--><div class="notranslate">Wind Over Water Kiteboarding </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>95 Harbor Master Rd, South San Francisco, CA 94080, États-Unis </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>6km </h6></div></div></div><div class="col-sm-3 text-center"><div id="HierarchyLongInSchoolItem"><!--.row.text-center
  a(href='/schools/' + school.fields.slug)
    if school.fields.premiumHierarchy >= 90
        | LUXURY
      else
        if school.fields.premiumHierarchy >= 50
          | PREMIUM--></div><div class="row"><div class="col-sm-12 text-center"><a href="/schools/wowkiteboarding"><img src="//images.ctfassets.net/engeyisazyq7/3zeIfnzwNPuEJra9vcTskF/7a3cdfba8f5facbfd01ec228e3f9c17e/logo.png" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><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.3/5</h6><div class="hide-on-wide-ipadscreen"><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>95 Harbor Master Rd, South San Francisco, CA 94080, États-Unis </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>6km </h6></div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-4 text-left"><h5 title="Lesson price for 1h of non-private lesson for beginners"> <i class="fas fa-user-graduate availability"></i>Lesson: 105 $/hour</h5></div><div class="col-sm-4 text-left"></div><div class="col-sm-1"></div><div class="col-sm-3 text-center force-no-padding"><div class="multipleContact text-center"><div class="hide-on-narrow-ipadscreen"><div id="wide_item_selected1" onclick="unselectItem(1)" title="Click to unselect this school" class="no-display dont-leave-page"><div class="btn btn-unplug-min100 reactive-shadow dont-leave-page">Selected   <i class="far fa-check-square"></i></div></div><div id="wide_select_item1" onclick="selectItem(1)" title="Click to select this school" class="no-display"><h5 class="force-no-padding-bottom force-no-border-bottom unselectable dont-leave-page">Select   <i class="far fa-square"></i></h5></div></div><div class="hide-on-wide-ipadscreen"><a href="/schools/wowkiteboarding"><div id="narrow_item_seepage1" title="Click to go to school page" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px"><i class="fa fa-eye availability"></i>See Page   </div></div></a><div id="narrow_item_selected1" onclick="unselectItem(1)" title="Click to unselect this school" class="no-display"><div class="btn btn-unplug-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Selected   <i class="far fa-check-square"></i></div></div><div id="narrow_select_item1" onclick="selectItem(1)" title="Click to select this school" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Select   <i class="far fa-square"></i></div><!--.btn.btn-unplug-blue-min100.reactive-shadow| Select   
i.far.fa-square
    --></div></div></div><div class="singleContact text-right no-display"><div class="row hide-on-wide-screen"><a href="https://unplug673641.typeform.com/to/gfUdfRBc?schoolname=Wind Over Water Kiteboarding&amp;schoolnumber=+16503423585&amp;schoolnumbertext=tel:+16503423585&amp;destination=San Francisco" data-mode="drawer_right" class="book typeform-share"><!--a(href="tel:#{school.fields.phoneNumber}")--><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Wind Over Water Kiteboarding&amp;schoolemail=info@wowkiteboarding.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div><div class="row hide-on-narrow-screen"><i aria-hidden="true" onclick="alert('Phone Number: +16503423585');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Wind Over Water Kiteboarding&amp;schoolemail=info@wowkiteboarding.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div></div></div></div><script>$("#schoolItem"+'wide'+1).attr("hasLesson", "true")
</script><script>SchoolsListNAME.push('Wind Over Water Kiteboarding');</script><script>SchoolsListEMAIL.push('info@wowkiteboarding.com');</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 105 $/hour');
script.
  SchoolsListRENTALPRICE.push('');
script.
  SchoolsListDISTANCEAIRPORT.push('6km');
script.
  SchoolsListPREMIUMHIERARCHY.push('29');
script.
  SchoolsListLAT.push('37.6636794');
script.
  SchoolsListLON.push('-122.3786345');
script.
  SchoolsListSLUG.push('wowkiteboarding');
script.
  SchoolsListPHONE.push('+16503423585');
script.
  SchoolsListEMAIL.push('info@wowkiteboarding.com');
script.
  SchoolsListADDRESS.push('95 Harbor Master Rd, South San Francisco, CA 94080, États-Unis');--><!--  if(school.fields.hasOwnProperty('logo'))--><!--      script.--><!--        SchoolsListLOGO.push('#{school.fields.logo.fields.file.url}');--><!--  else--><!--      script.--><!--        SchoolsListLOGO.push('');-->
</div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="schoolItemwide2" lat="37.83870570000001" lon="-122.3146048" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><!--hyperlink without open when left click (preview instead)--><a href="/schools/kgbswag" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><div class="row col-sm-12"><!--a(href='/schools/' + school.fields.slug)--><div class="notranslate">KGB Kiteboarding California </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="Brandon and Danny are awesome! Jumped into kiting this year and, although they’ve been super busy teaching all the other zealous students like myself, they run a great school and take the time each person needs. Bought a 5 lesson package and couldn’t be more satisfied!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Brandon and Danny are awesome! Jumped into kiting this year...<i class="fas fa-quote-right availability-left"></i></i><i title="Brandon and Danny are awesome! Jumped into kiting this year and, although they’ve been super busy teaching all the other zealous students like myself, they run a great school and take the time each person needs. Bought a 5 lesson package and couldn’t be more satisfied!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Brandon and Danny are awesome! Jum...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>3310 Powell St, Emeryville, CA 94608, États-Unis </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>30km </h6></div></div></div><div class="col-sm-3 text-center"><div id="HierarchyLongInSchoolItem"><!--.row.text-center
  a(href='/schools/' + school.fields.slug)
    if school.fields.premiumHierarchy >= 90
        | LUXURY
      else
        if school.fields.premiumHierarchy >= 50
          | PREMIUM--></div><div class="row"><div class="col-sm-12 text-center"><a href="/schools/kgbswag"><img src="//images.ctfassets.net/engeyisazyq7/2ZIGQGHJq0uA7KJ8HF6iO7/09e30a474c7a10b97d648e9e4b661026/kgbswag.png" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><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 (19)      </h6><div class="hide-on-wide-ipadscreen"><i title="Brandon and Danny are awesome! Jumped into kiting this year and, although they’ve been super busy teaching all the other zealous students like myself, they run a great school and take the time each person needs. Bought a 5 lesson package and couldn’t be more satisfied!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Brandon and Danny are awesome! Jumped into kiting this year...<i class="fas fa-quote-right availability-left"></i></i><i title="Brandon and Danny are awesome! Jumped into kiting this year and, although they’ve been super busy teaching all the other zealous students like myself, they run a great school and take the time each person needs. Bought a 5 lesson package and couldn’t be more satisfied!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Brandon and Danny are awesome! Jum...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>3310 Powell St, Emeryville, CA 94608, États-Unis </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>30km </h6></div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-4 text-left"><h5 title="Lesson price for 1h of non-private lesson for beginners"> <i class="fas fa-user-graduate availability"></i>Lesson: 108 $/hour</h5></div><div class="col-sm-4 text-left"><h5 title="Rental price for 1 day with full kitesurf equipment"> <i class="far fa-handshake availability"></i>Rental: 180 $/day</h5></div><div class="col-sm-1"></div><div class="col-sm-3 text-center force-no-padding"><div class="multipleContact text-center"><div class="hide-on-narrow-ipadscreen"><div id="wide_item_selected2" onclick="unselectItem(2)" title="Click to unselect this school" class="no-display dont-leave-page"><div class="btn btn-unplug-min100 reactive-shadow dont-leave-page">Selected   <i class="far fa-check-square"></i></div></div><div id="wide_select_item2" onclick="selectItem(2)" title="Click to select this school" class="no-display"><h5 class="force-no-padding-bottom force-no-border-bottom unselectable dont-leave-page">Select   <i class="far fa-square"></i></h5></div></div><div class="hide-on-wide-ipadscreen"><a href="/schools/kgbswag"><div id="narrow_item_seepage2" title="Click to go to school page" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px"><i class="fa fa-eye availability"></i>See Page   </div></div></a><div id="narrow_item_selected2" onclick="unselectItem(2)" title="Click to unselect this school" class="no-display"><div class="btn btn-unplug-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Selected   <i class="far fa-check-square"></i></div></div><div id="narrow_select_item2" onclick="selectItem(2)" title="Click to select this school" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Select   <i class="far fa-square"></i></div><!--.btn.btn-unplug-blue-min100.reactive-shadow| Select   
i.far.fa-square
    --></div></div></div><div class="singleContact text-right no-display"><div class="row hide-on-wide-screen"><a href="https://unplug673641.typeform.com/to/gfUdfRBc?schoolname=KGB Kiteboarding California&amp;schoolnumber=+18884110732&amp;schoolnumbertext=tel:+18884110732&amp;destination=San Francisco" data-mode="drawer_right" class="book typeform-share"><!--a(href="tel:#{school.fields.phoneNumber}")--><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=KGB Kiteboarding California&amp;schoolemail=info@kgbswag.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div><div class="row hide-on-narrow-screen"><i aria-hidden="true" onclick="alert('Phone Number: +18884110732');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=KGB Kiteboarding California&amp;schoolemail=info@kgbswag.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div></div></div></div><script>$("#schoolItem"+'wide'+2).attr("hasLesson", "true")
</script><script>displayedRentals = displayedRentals + 0.5
$("#schoolItem"+'wide'+2).attr("hasRental", "true")</script><script>SchoolsListNAME.push('KGB Kiteboarding California');</script><script>SchoolsListEMAIL.push('info@kgbswag.com');</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 108 $/hour');
script.
  SchoolsListRENTALPRICE.push('Rental: 180 $/day');
script.
  SchoolsListDISTANCEAIRPORT.push('30km');
script.
  SchoolsListPREMIUMHIERARCHY.push('28.5');
script.
  SchoolsListLAT.push('37.83870570000001');
script.
  SchoolsListLON.push('-122.3146048');
script.
  SchoolsListSLUG.push('kgbswag');
script.
  SchoolsListPHONE.push('+18884110732');
script.
  SchoolsListEMAIL.push('info@kgbswag.com');
script.
  SchoolsListADDRESS.push('3310 Powell St, Emeryville, CA 94608, États-Unis');--><!--  if(school.fields.hasOwnProperty('logo'))--><!--      script.--><!--        SchoolsListLOGO.push('#{school.fields.logo.fields.file.url}');--><!--  else--><!--      script.--><!--        SchoolsListLOGO.push('');-->
</div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="schoolItemwide3" lat="37.7936458" lon="-122.4130812" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><!--hyperlink without open when left click (preview instead)--><a href="/schools/boardsportscalifornia" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><div class="row col-sm-12"><!--a(href='/schools/' + school.fields.slug)--><div class="notranslate">Boardsports California </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="Rebecca and her team at Boardsports are fantastic. When it came time for me to buy my own windsurfing gear, Rebecca provided invaluable advice, a range of options at different price points, and ultimately an unbeatable package. I have been having an amazing time out of the water and I attribute it to Rebecca taking the time to understand my skill-level, my preferences, and my windsurfing goals. She also spent a considerable amount of time showing me how to rig and tune my gear (at a social distance) so that its performance is optimal. Thank you for helping me confidently make this investment!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Rebecca and her team at Boardsports are fantastic. When it ...<i class="fas fa-quote-right availability-left"></i></i><i title="Rebecca and her team at Boardsports are fantastic. When it came time for me to buy my own windsurfing gear, Rebecca provided invaluable advice, a range of options at different price points, and ultimately an unbeatable package. I have been having an amazing time out of the water and I attribute it to Rebecca taking the time to understand my skill-level, my preferences, and my windsurfing goals. She also spent a considerable amount of time showing me how to rig and tune my gear (at a social distance) so that its performance is optimal. Thank you for helping me confidently make this investment!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Rebecca and her team at Boardsport...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>1200 Clay St, San Francisco, CA 94108, États-Unis </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>25km </h6></div></div></div><div class="col-sm-3 text-center"><div id="HierarchyLongInSchoolItem"><!--.row.text-center
  a(href='/schools/' + school.fields.slug)
    if school.fields.premiumHierarchy >= 90
        | LUXURY
      else
        if school.fields.premiumHierarchy >= 50
          | PREMIUM--></div><div class="row"><div class="col-sm-12 text-center"><a href="/schools/boardsportscalifornia"><img src="//images.ctfassets.net/engeyisazyq7/3yUbVIyUtD8SnIJENOnj2d/2d3ae18785a9aed2ea1791fa2730e9c6/Boardsports_on-top-01.jpg" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><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="far fa-star"></i><!--nothing--> 4.1/5 (16)      </h6><div class="hide-on-wide-ipadscreen"><i title="Rebecca and her team at Boardsports are fantastic. When it came time for me to buy my own windsurfing gear, Rebecca provided invaluable advice, a range of options at different price points, and ultimately an unbeatable package. I have been having an amazing time out of the water and I attribute it to Rebecca taking the time to understand my skill-level, my preferences, and my windsurfing goals. She also spent a considerable amount of time showing me how to rig and tune my gear (at a social distance) so that its performance is optimal. Thank you for helping me confidently make this investment!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Rebecca and her team at Boardsports are fantastic. When it ...<i class="fas fa-quote-right availability-left"></i></i><i title="Rebecca and her team at Boardsports are fantastic. When it came time for me to buy my own windsurfing gear, Rebecca provided invaluable advice, a range of options at different price points, and ultimately an unbeatable package. I have been having an amazing time out of the water and I attribute it to Rebecca taking the time to understand my skill-level, my preferences, and my windsurfing goals. She also spent a considerable amount of time showing me how to rig and tune my gear (at a social distance) so that its performance is optimal. Thank you for helping me confidently make this investment!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Rebecca and her team at Boardsport...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>1200 Clay St, San Francisco, CA 94108, États-Unis </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>25km </h6></div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-4 text-left"><h5 title="Lesson price for 1h of non-private lesson for beginners"> <i class="fas fa-user-graduate availability"></i>Lesson: 80 $/hour</h5></div><div class="col-sm-4 text-left"><h5 title="Rental price for 1 day with full kitesurf equipment"> <i class="far fa-handshake availability"></i>Rental: 150 $/day</h5></div><div class="col-sm-1"></div><div class="col-sm-3 text-center force-no-padding"><div class="multipleContact text-center"><div class="hide-on-narrow-ipadscreen"><div id="wide_item_selected3" onclick="unselectItem(3)" title="Click to unselect this school" class="no-display dont-leave-page"><div class="btn btn-unplug-min100 reactive-shadow dont-leave-page">Selected   <i class="far fa-check-square"></i></div></div><div id="wide_select_item3" onclick="selectItem(3)" title="Click to select this school" class="no-display"><h5 class="force-no-padding-bottom force-no-border-bottom unselectable dont-leave-page">Select   <i class="far fa-square"></i></h5></div></div><div class="hide-on-wide-ipadscreen"><a href="/schools/boardsportscalifornia"><div id="narrow_item_seepage3" title="Click to go to school page" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px"><i class="fa fa-eye availability"></i>See Page   </div></div></a><div id="narrow_item_selected3" onclick="unselectItem(3)" title="Click to unselect this school" class="no-display"><div class="btn btn-unplug-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Selected   <i class="far fa-check-square"></i></div></div><div id="narrow_select_item3" onclick="selectItem(3)" title="Click to select this school" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Select   <i class="far fa-square"></i></div><!--.btn.btn-unplug-blue-min100.reactive-shadow| Select   
i.far.fa-square
    --></div></div></div><div class="singleContact text-right no-display"><div class="row hide-on-wide-screen"><a href="https://unplug673641.typeform.com/to/gfUdfRBc?schoolname=Boardsports California&amp;schoolnumber=+14153851224&amp;schoolnumbertext=tel:+14153851224&amp;destination=San Francisco" data-mode="drawer_right" class="book typeform-share"><!--a(href="tel:#{school.fields.phoneNumber}")--><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Boardsports California&amp;schoolemail=info@boardsportscalifornia.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div><div class="row hide-on-narrow-screen"><i aria-hidden="true" onclick="alert('Phone Number: +14153851224');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Boardsports California&amp;schoolemail=info@boardsportscalifornia.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div></div></div></div><script>$("#schoolItem"+'wide'+3).attr("hasLesson", "true")
</script><script>displayedRentals = displayedRentals + 0.5
$("#schoolItem"+'wide'+3).attr("hasRental", "true")</script><script>SchoolsListNAME.push('Boardsports California');</script><script>SchoolsListEMAIL.push('info@boardsportscalifornia.com');</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 80 $/hour');
script.
  SchoolsListRENTALPRICE.push('Rental: 150 $/day');
script.
  SchoolsListDISTANCEAIRPORT.push('25km');
script.
  SchoolsListPREMIUMHIERARCHY.push('28.5');
script.
  SchoolsListLAT.push('37.7936458');
script.
  SchoolsListLON.push('-122.4130812');
script.
  SchoolsListSLUG.push('boardsportscalifornia');
script.
  SchoolsListPHONE.push('+14153851224');
script.
  SchoolsListEMAIL.push('info@boardsportscalifornia.com');
script.
  SchoolsListADDRESS.push('1200 Clay St, San Francisco, CA 94108, États-Unis');--><!--  if(school.fields.hasOwnProperty('logo'))--><!--      script.--><!--        SchoolsListLOGO.push('#{school.fields.logo.fields.file.url}');--><!--  else--><!--      script.--><!--        SchoolsListLOGO.push('');-->
</div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="schoolItemwide4" lat="37.82436420000001" lon="-122.377122" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><!--hyperlink without open when left click (preview instead)--><a href="/schools/kite415" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><div class="row col-sm-12"><!--a(href='/schools/' + school.fields.slug)--><div class="notranslate">KITE415 </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="Awesome peaceful place" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Awesome peaceful place<i class="fas fa-quote-right availability-left"></i></i><i title="Awesome peaceful place" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Awesome peaceful place<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>1309 Gateview Ave, San Francisco, CA 94130, États-Unis </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>30km </h6></div></div></div><div class="col-sm-3 text-center"><div id="HierarchyLongInSchoolItem"><!--.row.text-center
  a(href='/schools/' + school.fields.slug)
    if school.fields.premiumHierarchy >= 90
        | LUXURY
      else
        if school.fields.premiumHierarchy >= 50
          | PREMIUM--></div><div class="row"><div class="col-sm-12 text-center"><a href="/schools/kite415"><img src="//images.ctfassets.net/engeyisazyq7/5NTO7A6KnVr56phVBfmZcW/c7bbc76eb9057f4029920b938b44d5a3/Capture.PNG" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><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.3/5 (4)      </h6><div class="hide-on-wide-ipadscreen"><i title="Awesome peaceful place" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Awesome peaceful place<i class="fas fa-quote-right availability-left"></i></i><i title="Awesome peaceful place" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Awesome peaceful place<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>1309 Gateview Ave, San Francisco, CA 94130, États-Unis </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>30km </h6></div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-4 text-left"><h5 title="Lesson price for 1h of non-private lesson for beginners"> <i class="fas fa-user-graduate availability"></i>Lesson: 100 $/hour</h5></div><div class="col-sm-4 text-left"></div><div class="col-sm-1"></div><div class="col-sm-3 text-center force-no-padding"><div class="multipleContact text-center"><div class="hide-on-narrow-ipadscreen"><div id="wide_item_selected4" onclick="unselectItem(4)" title="Click to unselect this school" class="no-display dont-leave-page"><div class="btn btn-unplug-min100 reactive-shadow dont-leave-page">Selected   <i class="far fa-check-square"></i></div></div><div id="wide_select_item4" onclick="selectItem(4)" title="Click to select this school" class="no-display"><h5 class="force-no-padding-bottom force-no-border-bottom unselectable dont-leave-page">Select   <i class="far fa-square"></i></h5></div></div><div class="hide-on-wide-ipadscreen"><a href="/schools/kite415"><div id="narrow_item_seepage4" title="Click to go to school page" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px"><i class="fa fa-eye availability"></i>See Page   </div></div></a><div id="narrow_item_selected4" onclick="unselectItem(4)" title="Click to unselect this school" class="no-display"><div class="btn btn-unplug-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Selected   <i class="far fa-check-square"></i></div></div><div id="narrow_select_item4" onclick="selectItem(4)" title="Click to select this school" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Select   <i class="far fa-square"></i></div><!--.btn.btn-unplug-blue-min100.reactive-shadow| Select   
i.far.fa-square
    --></div></div></div><div class="singleContact text-right no-display"><div class="row hide-on-wide-screen"><a href="https://unplug673641.typeform.com/to/gfUdfRBc?schoolname=KITE415&amp;schoolnumber=+14152448007&amp;schoolnumbertext=tel:+14152448007&amp;destination=San Francisco" data-mode="drawer_right" class="book typeform-share"><!--a(href="tel:#{school.fields.phoneNumber}")--><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=KITE415&amp;schoolemail=contact@kite415.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div><div class="row hide-on-narrow-screen"><i aria-hidden="true" onclick="alert('Phone Number: +14152448007');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=KITE415&amp;schoolemail=contact@kite415.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div></div></div></div><script>$("#schoolItem"+'wide'+4).attr("hasLesson", "true")
</script><script>SchoolsListNAME.push('KITE415');</script><script>SchoolsListEMAIL.push('contact@kite415.com');</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 100 $/hour');
script.
  SchoolsListRENTALPRICE.push('');
script.
  SchoolsListDISTANCEAIRPORT.push('30km');
script.
  SchoolsListPREMIUMHIERARCHY.push('28');
script.
  SchoolsListLAT.push('37.82436420000001');
script.
  SchoolsListLON.push('-122.377122');
script.
  SchoolsListSLUG.push('kite415');
script.
  SchoolsListPHONE.push('+14152448007');
script.
  SchoolsListEMAIL.push('contact@kite415.com');
script.
  SchoolsListADDRESS.push('1309 Gateview Ave, San Francisco, CA 94130, États-Unis');--><!--  if(school.fields.hasOwnProperty('logo'))--><!--      script.--><!--        SchoolsListLOGO.push('#{school.fields.logo.fields.file.url}');--><!--  else--><!--      script.--><!--        SchoolsListLOGO.push('');-->
</div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="schoolItemwide5" lat="38.0628131" lon="-122.1790502" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><!--hyperlink without open when left click (preview instead)--><a href="/schools/benicia-kite" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><div class="row col-sm-12"><!--a(href='/schools/' + school.fields.slug)--><div class="notranslate">Benicia Kite and Paddle </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="Chris was awesome. Very good paddleboarding experience. He was there on time waiting for us and had everything we needed.  He was very pleasant and him and his little boy were very easy to work with.

The equipment was really nice as well, the boards were well taken care of and new.

Very flexible, will do business again!

Thanks!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Chris was awesome. Very good paddleboarding experience. He ...<i class="fas fa-quote-right availability-left"></i></i><i title="Chris was awesome. Very good paddleboarding experience. He was there on time waiting for us and had everything we needed.  He was very pleasant and him and his little boy were very easy to work with.

The equipment was really nice as well, the boards were well taken care of and new.

Very flexible, will do business again!

Thanks!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Chris was awesome. Very good paddl...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>park, W 12th St, Benicia, CA 94510, États-Unis </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>70km </h6></div></div></div><div class="col-sm-3 text-center"><div id="HierarchyLongInSchoolItem"><!--.row.text-center
  a(href='/schools/' + school.fields.slug)
    if school.fields.premiumHierarchy >= 90
        | LUXURY
      else
        if school.fields.premiumHierarchy >= 50
          | PREMIUM--></div><div class="row"><div class="col-sm-12 text-center"><a href="/schools/benicia-kite"><img src="//images.ctfassets.net/engeyisazyq7/7MPiWjJRpWiSIsNcDWDlMk/2f6777abe0cf2a3253ba835bbbbfc2c3/logo-3.png" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><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 (13)      </h6><div class="hide-on-wide-ipadscreen"><i title="Chris was awesome. Very good paddleboarding experience. He was there on time waiting for us and had everything we needed.  He was very pleasant and him and his little boy were very easy to work with.

The equipment was really nice as well, the boards were well taken care of and new.

Very flexible, will do business again!

Thanks!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Chris was awesome. Very good paddleboarding experience. He ...<i class="fas fa-quote-right availability-left"></i></i><i title="Chris was awesome. Very good paddleboarding experience. He was there on time waiting for us and had everything we needed.  He was very pleasant and him and his little boy were very easy to work with.

The equipment was really nice as well, the boards were well taken care of and new.

Very flexible, will do business again!

Thanks!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Chris was awesome. Very good paddl...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>park, W 12th St, Benicia, CA 94510, États-Unis </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>70km </h6></div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-4 text-left"></div><div class="col-sm-4 text-left"></div><div class="col-sm-8 text-left"><h5 class="force-no-border-bottom"></h5></div><div class="col-sm-1"></div><div class="col-sm-3 text-center force-no-padding"><div class="multipleContact text-center"><div class="hide-on-narrow-ipadscreen"><div id="wide_item_selected5" onclick="unselectItem(5)" title="Click to unselect this school" class="no-display dont-leave-page"><div class="btn btn-unplug-min100 reactive-shadow dont-leave-page">Selected   <i class="far fa-check-square"></i></div></div><div id="wide_select_item5" onclick="selectItem(5)" title="Click to select this school" class="no-display"><h5 class="force-no-padding-bottom force-no-border-bottom unselectable dont-leave-page">Select   <i class="far fa-square"></i></h5></div></div><div class="hide-on-wide-ipadscreen"><a href="/schools/benicia-kite"><div id="narrow_item_seepage5" title="Click to go to school page" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px"><i class="fa fa-eye availability"></i>See Page   </div></div></a><div id="narrow_item_selected5" onclick="unselectItem(5)" title="Click to unselect this school" class="no-display"><div class="btn btn-unplug-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Selected   <i class="far fa-check-square"></i></div></div><div id="narrow_select_item5" onclick="selectItem(5)" title="Click to select this school" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Select   <i class="far fa-square"></i></div><!--.btn.btn-unplug-blue-min100.reactive-shadow| Select   
i.far.fa-square
    --></div></div></div><div class="singleContact text-right no-display"><div class="row hide-on-wide-screen"><a href="https://unplug673641.typeform.com/to/gfUdfRBc?schoolname=Benicia Kite and Paddle&amp;schoolnumber=+12093042200&amp;schoolnumbertext=tel:+12093042200&amp;destination=San Francisco" data-mode="drawer_right" class="book typeform-share"><!--a(href="tel:#{school.fields.phoneNumber}")--><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Benicia Kite and Paddle&amp;schoolemail=chris@kitenaked.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div><div class="row hide-on-narrow-screen"><i aria-hidden="true" onclick="alert('Phone Number: +12093042200');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Benicia Kite and Paddle&amp;schoolemail=chris@kitenaked.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div></div></div></div><script>$("#schoolItem"+'wide'+5).attr("hasLesson", "true")
</script><script>SchoolsListNAME.push('Benicia Kite and Paddle');</script><script>SchoolsListEMAIL.push('chris@kitenaked.com');</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('');
script.
  SchoolsListRENTALPRICE.push('');
script.
  SchoolsListDISTANCEAIRPORT.push('70km');
script.
  SchoolsListPREMIUMHIERARCHY.push('18');
script.
  SchoolsListLAT.push('38.0628131');
script.
  SchoolsListLON.push('-122.1790502');
script.
  SchoolsListSLUG.push('benicia-kite');
script.
  SchoolsListPHONE.push('+12093042200');
script.
  SchoolsListEMAIL.push('chris@kitenaked.com');
script.
  SchoolsListADDRESS.push('park, W 12th St, Benicia, CA 94510, États-Unis');--><!--  if(school.fields.hasOwnProperty('logo'))--><!--      script.--><!--        SchoolsListLOGO.push('#{school.fields.logo.fields.file.url}');--><!--  else--><!--      script.--><!--        SchoolsListLOGO.push('');-->
</div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="schoolItemwide6" lat="38.03551059999999" lon="-121.8834327" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><!--hyperlink without open when left click (preview instead)--><a href="/schools/thekitebar" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><div class="row col-sm-12"><!--a(href='/schools/' + school.fields.slug)--><div class="notranslate">The Kite Bar </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i> 51 Marina Blvd c, Pittsburg, CA 94565, États-Unis </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>80km </h6></div></div></div><div class="col-sm-3 text-center"><div id="HierarchyLongInSchoolItem"><!--.row.text-center
  a(href='/schools/' + school.fields.slug)
    if school.fields.premiumHierarchy >= 90
        | LUXURY
      else
        if school.fields.premiumHierarchy >= 50
          | PREMIUM--></div><div class="row"><div class="col-sm-12 text-center"><a href="/schools/thekitebar"><img src="//images.ctfassets.net/engeyisazyq7/3RUzfpFWw4MSqTHASzKfOg/da0ed7de7f6a3461909cb29d2651f3c7/logo.png" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-wide-ipadscreen"><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i> 51 Marina Blvd c, Pittsburg, CA 94565, États-Unis </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>80km </h6></div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-4 text-left"></div><div class="col-sm-4 text-left"></div><div class="col-sm-8 text-left"><h5 class="force-no-border-bottom"></h5></div><div class="col-sm-1"></div><div class="col-sm-3 text-center force-no-padding"><div class="multipleContact text-center"><div class="hide-on-narrow-ipadscreen"><div id="wide_item_selected6" onclick="unselectItem(6)" title="Click to unselect this school" class="no-display dont-leave-page"><div class="btn btn-unplug-min100 reactive-shadow dont-leave-page">Selected   <i class="far fa-check-square"></i></div></div><div id="wide_select_item6" onclick="selectItem(6)" title="Click to select this school" class="no-display"><h5 class="force-no-padding-bottom force-no-border-bottom unselectable dont-leave-page">Select   <i class="far fa-square"></i></h5></div></div><div class="hide-on-wide-ipadscreen"><a href="/schools/thekitebar"><div id="narrow_item_seepage6" title="Click to go to school page" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px"><i class="fa fa-eye availability"></i>See Page   </div></div></a><div id="narrow_item_selected6" onclick="unselectItem(6)" title="Click to unselect this school" class="no-display"><div class="btn btn-unplug-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Selected   <i class="far fa-check-square"></i></div></div><div id="narrow_select_item6" onclick="selectItem(6)" title="Click to select this school" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Select   <i class="far fa-square"></i></div><!--.btn.btn-unplug-blue-min100.reactive-shadow| Select   
i.far.fa-square
    --></div></div></div><div class="singleContact text-right no-display"><div class="row hide-on-wide-screen"><a href="https://unplug673641.typeform.com/to/gfUdfRBc?schoolname=The Kite Bar&amp;schoolnumber=+14153361554&amp;schoolnumbertext=tel:+14153361554&amp;destination=San Francisco" data-mode="drawer_right" class="book typeform-share"><!--a(href="tel:#{school.fields.phoneNumber}")--><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=The Kite Bar&amp;schoolemail=info@thekitebar.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div><div class="row hide-on-narrow-screen"><i aria-hidden="true" onclick="alert('Phone Number: +14153361554');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=The Kite Bar&amp;schoolemail=info@thekitebar.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div></div></div></div><script>$("#schoolItem"+'wide'+6).attr("hasLesson", "true")
</script><script>SchoolsListNAME.push('The Kite Bar');</script><script>SchoolsListEMAIL.push('info@thekitebar.com');</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('');
script.
  SchoolsListRENTALPRICE.push('');
script.
  SchoolsListDISTANCEAIRPORT.push('80km');
script.
  SchoolsListPREMIUMHIERARCHY.push('18');
script.
  SchoolsListLAT.push('38.03551059999999');
script.
  SchoolsListLON.push('-121.8834327');
script.
  SchoolsListSLUG.push('thekitebar');
script.
  SchoolsListPHONE.push('+14153361554');
script.
  SchoolsListEMAIL.push('info@thekitebar.com');
script.
  SchoolsListADDRESS.push(' 51 Marina Blvd c, Pittsburg, CA 94565, États-Unis');--><!--  if(school.fields.hasOwnProperty('logo'))--><!--      script.--><!--        SchoolsListLOGO.push('#{school.fields.logo.fields.file.url}');--><!--  else--><!--      script.--><!--        SchoolsListLOGO.push('');-->
</div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide0" lat="37.5734" lon="-122.2793" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/3rd-ave-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->3rd Ave, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>3rd Ave, California, next to San Mateo, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>15km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/3rd-ave-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/4ni7revp6BoZV0rjvEa3Fy/51e7b6fd524cffbb05bc0c34267a2d19/KiteforumLogo2872_46turIjw4Ap16hV7eCdmEr_import_0" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Shallow, Chop, Small waves and Medium waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/3rd-ave-california-usa"><div id="narrow_item_seepage0" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+0).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide1" lat="37.764" lon="-122.2737" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/alameda-beach-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Alameda Beach, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Alameda Beach, California, next to Alameda, Oakland, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>25km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/alameda-beach-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/7uTzy7kQ0OnWHsYIOx2B6z/3061d7abca4115cc23f4c086ba60ad23/KiteforumLogo3221_4LY9XzrDnDd8eAQPBhUaDu_import_0" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Beginner</div><div class="hide-on-wide-screen">Beginner Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Shallow and Chop </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/alameda-beach-california-usa"><div id="narrow_item_seepage1" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsBeginner = displayedSpotsBeginner + 0.5
$("#spotItem"+'wide'+1).attr("hasBeginner", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide2" lat="35.652" lon="-121.2216" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/arroyo-laguna-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Arroyo Laguna, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Arroyo Laguna, California, next to Salinas, San Simeon, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>315km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/arroyo-laguna-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/35Eki0729bQHeezm1VpuG3/f41662dc3f3420174a99d4669d25b295/GoogleImageSpotLogo1_Qbdp8x8qTznYY71rsfwF3_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Medium waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/arroyo-laguna-california-usa"><div id="narrow_item_seepage2" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+2).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide3" lat="37.8459" lon="-122.3014" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/berkeley-marina-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Berkeley Marina, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Berkeley Marina, California, next to Emeryville, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>35km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/berkeley-marina-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/1l4inmbPFDMaKNEsAP9qGT/1ffe0f2e24e58b795e3e1136896eabcc/KiteforumLogo1384_2ArQJkqiDdjvGBtX3Rgub0_import_0" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Chop </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/berkeley-marina-california-usa"><div id="narrow_item_seepage3" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+3).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide4" lat="38.3246" lon="-123.0398" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/bodega-bay-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Bodega Bay, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Bodega Bay, California, next to Santa Rosa, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>125km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/bodega-bay-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/5qNgSdKtZCWnqmparzaKj5/77f24f31cef616a29caae5c0428fc35e/GoogleImageSpotLogo1_9VAG9Sv90YpQLYLVpcrud_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Beginner</div><div class="hide-on-wide-screen">Beginner Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Shallow, Flat and Small waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/bodega-bay-california-usa"><div id="narrow_item_seepage4" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsBeginner = displayedSpotsBeginner + 0.5
$("#spotItem"+'wide'+4).attr("hasBeginner", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide5" lat="37.5895" lon="-122.3264" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/coyote-point-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Coyote Point, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Coyote Point, California, next to San Mateo, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>10km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/coyote-point-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/6eOk11SIW6dWi6t3DvhrHq/7257f5d846ed59716378508c38bb6087/KiteforumLogo1000_1q21foH7VmveLUmsUr7Xf8_import_0" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Flat and Chop </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/coyote-point-california-usa"><div id="narrow_item_seepage5" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+5).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide6" lat="37.8052" lon="-122.4594" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/crissy-field-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Crissy Field, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Crissy Field, California, next to San Francisco, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>30km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/crissy-field-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/49GtUTZdsfY01XcUeViJ3/e0ceee6fb9980e64688942bb1b076898/KiteforumLogo3352_4R1ATUBRo2p1X3hbWqnHk2_import_0" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Flat, Chop, Small waves and Medium waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/crissy-field-california-usa"><div id="narrow_item_seepage6" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+6).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide7" lat="38.2492" lon="-122.9683" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/dillon-beach-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Dillon Beach, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Dillon Beach, California, next to Petaluma, Dillon Beach, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>115km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/dillon-beach-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/PKiHvM6lAl9XOqk3irfS0/9d737f1e09db86b1c0d1bb93cbdd1566/KiteforumLogo6348_yNp1Vnht9nf81QZwF06xU_import_0" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Chop, Small waves and Medium waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/dillon-beach-california-usa"><div id="narrow_item_seepage7" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+7).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide8" lat="37.1655" lon="-122.3628" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/gazos-creek-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Gazos Creek, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Gazos Creek, California, next to Santa Cruz, Pescadero, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>65km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/gazos-creek-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/3V7Yo88WUr3VoxywTffwUA/15469b62b400d98ecd0ad93375649aca/GoogleImageSpotLogo1_3lzWsbCs4H8bXfqlyBdQDj_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Medium waves and Big waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/gazos-creek-california-usa"><div id="narrow_item_seepage8" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+8).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide9" lat="37.4553" lon="-122.4447" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/half-moon-bay-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Half Moon Bay, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Half Moon Bay, California, next to Half Moon Bay, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>25km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/half-moon-bay-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/3gIuUKqTd95Onqwxl1Tz37/6409db0e73fa89e8b38033877dd74521/GoogleImageSpotLogo1_1f0L3D7SD9MK7CYk1k58ds_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Beginner</div><div class="hide-on-wide-screen">Beginner Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Small waves and Medium waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/half-moon-bay-california-usa"><div id="narrow_item_seepage9" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsBeginner = displayedSpotsBeginner + 0.5
$("#spotItem"+'wide'+9).attr("hasBeginner", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide10" lat="37.9381" lon="-122.5081" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/larkspur-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Larkspur, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Larkspur, California, next to San Rafael, Larkspur, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>50km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/larkspur-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/1MroL0uIj9UhOTXOtXd5YV/706829fbcddd066e543f5ae0ef202b54/GoogleImageSpotLogo1_3hue2UslGKcokyPWDFWSXf_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Shallow and Flat </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/larkspur-california-usa"><div id="narrow_item_seepage10" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+10).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide11" lat="37.9083" lon="-122.3507" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/marina-bay-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Marina Bay, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Marina Bay, California, next to Richmond, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>40km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/marina-bay-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/7EsMK7yY9SavsXmCSDv1b1/b26c420ef227179744ab975f1a841fe0/GoogleImageSpotLogo1_31NK4yDkRXKUZV40nqeKHH_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Flat and Chop </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/marina-bay-california-usa"><div id="narrow_item_seepage11" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+11).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide12" lat="38.1069" lon="-122.8496" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/millerton-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Millerton, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Millerton, California, next to Point Reyes Station, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>90km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/millerton-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/4lxy5mymrKSmxGE8P6uU1H/7591d61b64bada42289cb0cb9120218c/GoogleImageSpotLogo1_5GXYcOcvAguUHHFoGutodh_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Flat and Chop </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/millerton-california-usa"><div id="narrow_item_seepage12" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+12).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide13" lat="37.7703" lon="-122.5121" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/ocean-beach-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Ocean Beach, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Ocean Beach, California, next to San Francisco, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>25km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/ocean-beach-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/4B9CYraMJnM0K62yrnYU8Z/874ae0d03800459dd5614d5b5a4fbf76/GoogleImageSpotLogo1_G3aW89hSiJBlEotP7wwN0_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Medium waves and Big waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/ocean-beach-california-usa"><div id="narrow_item_seepage13" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+13).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide14" lat="35.6146" lon="-121.148" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/pico-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Pico, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Pico, California, next to Cambria, San Simeon, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>325km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/pico-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/7FKrOGU7TiHh1A2oFfDqr1/123b784f0b55056d65f9b18f8199480b/GoogleImageSpotLogo1_4cytGcVzAyp4mx0DMGQ5Xz_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Small waves and Medium waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/pico-california-usa"><div id="narrow_item_seepage14" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+14).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide15" lat="37.5019" lon="-122.4756" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/pillar-point-harbor-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Pillar Point Harbor, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Pillar Point Harbor, California, next to Half Moon Bay, El Granada, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>20km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/pillar-point-harbor-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/m0DZCS5eyY0aTe5KUd2Zu/735a203a64bab7ef9e24da9287a0caa0/GoogleImageSpotLogo1_5kkSCduVKSXXPwgcsROs7T_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Flat </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/pillar-point-harbor-california-usa"><div id="narrow_item_seepage15" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+15).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide16" lat="37.8989" lon="-122.3251" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/point-isabel-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Point Isabel, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Point Isabel, California, next to Richmond, Berkeley, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>40km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/point-isabel-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/hG8RwBkPQr73XFDPHu6FS/0a77be2797aaf4b530711fb75e495e7f/GoogleImageSpotLogo1_5XfaBpPJIX6DknfXiroOYm_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Flat and Chop </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/point-isabel-california-usa"><div id="narrow_item_seepage16" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+16).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide17" lat="37.8889" lon="-122.3167" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/racetrack-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Racetrack, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Racetrack, California, next to Albany, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>40km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/racetrack-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/1uUhUJ24wF0MQDwQU8TVGw/99608689e56342b9d4b32f029ad3cd9c/KiteforumLogo4655_6GwpaZM318FgNPOIjlaHJA_import_0" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Flat, Chop and Small waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/racetrack-california-usa"><div id="narrow_item_seepage17" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+17).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide18" lat="37.9455" lon="-122.4822" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/rod-gun-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Rod &amp; Gun, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Rod &amp; Gun, California, next to San Rafael, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>50km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/rod-gun-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/3EhElmv5OMUpbJcaMnUfV9/c2b06cd67d191c1eb0f5e75cc727051e/GoogleImageSpotLogo1_1beSv0U1wBM3RWOrhzHiKO_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Expert</div><div class="hide-on-wide-screen">Expert Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Chop </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/rod-gun-california-usa"><div id="narrow_item_seepage18" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsExpert = displayedSpotsExpert + 0.5
$("#spotItem"+'wide'+18).attr("hasExpert", "true")
</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide19" lat="37.0392" lon="-122.2288" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/scott-creek-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Scott Creek, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Scott Creek, California, next to Santa Cruz, Davenport, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>85km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/scott-creek-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/7Fvp5Ol8Dik9CFYIRYjydK/6f49bf6296dc64011500de45848a91dc/GoogleImageSpotLogo1_1umpWYtJv3YuvDK3XFcc5U_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Small waves, Medium waves and Big waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/scott-creek-california-usa"><div id="narrow_item_seepage19" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+19).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide20" lat="38.0581" lon="-121.7876" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/sherman-island-county-park-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Sherman Island / County Park, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Sherman Island / County Park, California, next to Rio Vista, Antioch, San Francisco, Oakland, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>90km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/sherman-island-county-park-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/2Xok034silhCVeG0WJQzHB/5cc1ed3800d4ee52d15e779a90262703/KiteforumLogo2478_3NMeiEmb1hZ6Bjv4Dy8UD6_import_0" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Beginner</div><div class="hide-on-wide-screen">Beginner Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Shallow, Flat, Chop and Small waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/sherman-island-county-park-california-usa"><div id="narrow_item_seepage20" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsBeginner = displayedSpotsBeginner + 0.5
$("#spotItem"+'wide'+20).attr("hasBeginner", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide21" lat="41.7404" lon="-124.1657" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/south-beach-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->South Beach, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>South Beach, California, next to Crescent City, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>630km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/south-beach-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/13iUjJWSxnFmqDdUs0gDCY/24d52949f032365a109141ef27f29160/GoogleImageSpotLogo1_7v510Tw7OA7mEdfjyOUF5A_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Small waves and Medium waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/south-beach-california-usa"><div id="narrow_item_seepage21" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+21).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide22" lat="37.8977" lon="-122.6428" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/stinson-beach-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Stinson Beach, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Stinson Beach, California, next to Stinson Beach, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>50km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/stinson-beach-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/4yqU93R1nRpMvv7GGcNsIo/b594bbb2fbd2d9fbdd396355b626e0cc/GoogleImageSpotLogo1_1c5HcHwIpvu7s0l2KAOJLO_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Small waves and Medium waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/stinson-beach-california-usa"><div id="narrow_item_seepage22" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+22).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide23" lat="37.8248" lon="-122.3177" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/toll-plaza-beach-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Toll Plaza Beach, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Toll Plaza Beach, California, next to San Francisco, Oakland, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>30km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/toll-plaza-beach-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/6MuqOTEJGIwf5NnxkW0hiA/ee6bd218ac6d4436c6a65bc307c0b22d/KiteforumLogo5170_71FpFlo5wceoup4YnkbC8d_import_0" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Beginner</div><div class="hide-on-wide-screen">Beginner Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Shallow, Flat and Small waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/toll-plaza-beach-california-usa"><div id="narrow_item_seepage23" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsBeginner = displayedSpotsBeginner + 0.5
$("#spotItem"+'wide'+23).attr("hasBeginner", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide24" lat="37.0938" lon="-122.2773" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/waddell-creek-california-usa" onclick="return false;"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Waddell Creek, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Waddell Creek, California, next to Half Moon Bay, Santa Cruz, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>75km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/waddell-creek-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/6P0KV1Sppcx7DpL4p691xe/ff8a973a6cd889955939106ffc30f6d5/KiteforumLogo2865_46BxlFVIigJSQd1KAFVhPJ_import_0" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Small waves, Medium waves and Big waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/waddell-creek-california-usa"><div id="narrow_item_seepage24" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+24).attr("hasIntermediate", "true")</script></div></a></div></div></div><script>function showPreview(index, type){
  switch(GoogleMapsOrMapBox){
    case 'GOOGLEMAPS':
      if(type == 'spot'){
        if(indexMarkerStayingVisible!=-1)
          document.getElementsByClassName("always")[0].classList.remove("always");         
        document.getElementById("spotItemwide"+index).querySelector("#container").classList.add("always");
      }
      else{
        $('[id^="SpotForecast_"]').hide();
        if(indexMarkerStayingVisible!=-1)
          document.getElementsByClassName("always")[0].classList.remove("always");         
        if(index>7)
          document.getElementById("spotItemwide"+index).querySelector("#container").classList.add("always");
        else
          document.getElementById("schoolItemwide"+index).querySelector("#container").classList.add("always");
      }
      break
    case 'MAPBOX':
      if(type == 'spot'){
        if(!(document.getElementById("spotPreviewItem"+index))){
          $('#spotPreview').append('<div id="spotPreviewItem'+index+'">' + TempHtml + '</div>');
          
          document.getElementById("spotPreviewItem"+index).addEventListener('mouseenter', function (event){
              showMapMarker(index, 'spot')
          });
          
          document.getElementById("spotPreviewItem"+index).addEventListener('mouseleave', function (event){
              defaultMapMarker(index, 'spot')
          }); 
        }
        $('[id^="spotPreviewItem"]').hide();
        $("#spotPreviewItem"+index).fadeIn();
        indexMarkerStayingVisible = index
        break

      }
      else{
        if(!(document.getElementById("schoolPreviewItem"+index))){

          var TempHtmlPrices = ''
          if(SchoolsListRENTALPRICE[index] == '' && SchoolsListLESSONPRICE[index]=='')
            TempHtmlPrices = '<div class="col-sm-12 text-left">'+
                            '</div>'
          else
            if(SchoolsListLESSONPRICE[index]!='')
              TempHtmlPrices+= '<div class="col-sm-6 text-left">'+
                                  '<h5>'+SchoolsListLESSONPRICE[index]+'</h5>'+
                                '</div>'
            else
              TempHtmlPrices+= '<div class="col-sm-6 text-left">'+
                                '</div>'

            if(SchoolsListRENTALPRICE[index]!='')
              TempHtmlPrices+= '<div class="col-sm-6 text-left">'+
                                  '<h5>'+SchoolsListRENTALPRICE[index]+'</h5>'+
                                '</div>'
            else
              TempHtmlPrices+= '<div class="col-sm-6 text-left">'+
                                '</div>'

          var TempHtmlLogo = ''
          if(SchoolsListLOGO[index] != '')
            TempHtmlLogo = '<div class="row">'+
                              '<div class="col-sm-12 text-center force-no-padding-right">'+
                                '<a href="/schools/'+ SchoolsListSLUG[index]+'">'+
                                  '<img src="'+ SchoolsListLOGO[index]+ '" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive">'+
                                '</a>'+
                              '</div>'+
                            '</div>'

          var TempHeader = ''
          if(SchoolsListLOGO[index] != '')
            TempHeader = '<div class="col-sm-3 text-center">'+
                            '<div id="HierarchyLongInSchoolItem">'+
                            '</div>'+
                            TempHtmlLogo+
                          '</div>'+
                          '<div class="col-sm-9 text-left">'+
                            '<div class="col-sm-10 text-left force-no-padding">'+
                              '<a href="/schools/'+ SchoolsListSLUG[index]+ '">'+ SchoolsListNAME[index]+ '</a>'+
                            '</div>'+
                            '<div class="col-sm-2 hand-when-hover text-right force-no-padding-right" onclick="closePreview('+index+')"' + '>'+
                              '<i class="fa fa-times reactiveX2"> </i>'+
                            '</div>'+
                            '<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> 5/5 (12)'+
                            '</h6>'+
                          '</div>'
          else
            TempHeader = '<div class="col-sm-12 text-left">'+
                            '<div class="col-sm-10 text-left force-no-padding">'+
                              '<a href="/schools/'+ SchoolsListSLUG[index]+ '">'+ SchoolsListNAME[index]+ '</a>'+
                            '</div>'+
                            '<div class="col-sm-2 hand-when-hover text-right force-no-padding-right" onclick="closePreview('+index+')"' + '>'+
                              '<i class="fa fa-times reactiveX2"> </i>'+
                            '</div>'+
                            '<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> 5/5 (12)'+
                            '</h6>'+
                          '</div>'

          var TempHtmlDistanceAirport = ""
          /*
          if(SchoolsListDISTANCEAIRPORT[index] != '')
            TempHtmlDistanceAirport = '<h6>'+     
                                        '<i class="fa fa-plane availability"></i>' + SchoolsListDISTANCEAIRPORT[index] + 
                                      '</h6>'
          */

          var TempHtml = '<div class="thumbnail single-item hide-on-narrow-screen hide-on-small-screen>'+
                            '<div class="row">'+
                              '<div class="thumbnail-header">'+
                                '<div class="thumbnail-header-title">'+
                                  '<div class="row">'+
                                    TempHeader +
                                    '<div class="col-sm-12 text-left">'+
                                      '<div class="col-sm-12 text-left force-no-padding-right">'+
                                        '<h6>'+ 
                                          '<i class="fa fa-map-marker-alt availability"></i>' + SchoolsListADDRESS[index]+ 
                                        '</h6>'+
                                        TempHtmlDistanceAirport+
                                      '</div>'+
                                    '</div>'+
                                    '<div class="row">'+
                                      '<div class="col-sm-12">'+
                                          TempHtmlPrices+
                                      '</div>'+
                                    '</div>'+
                                    '<div class="row">'+
                                      '<div class="col-sm-12 text-center">'+
                                        '<a href="/schools/'+ SchoolsListSLUG[index]+ '">'+
                                          '<div class="btn btn-unplug-auto-width reactive-shadow">'+
                                              '<i class="fa fa-paper-plane availability">'+'</i>'+
                                              'See More Details' +
                                              //'<img src="/img/logo-unplug.png" alt="Responsive image" class="unplug-logo">'
                                          '</div>'+
                                        '</a>'+
                                      '</div>'+
                                    '</div>'+
                                  '</div>'+
                                '</div>'+
                              '</div>'+
                            '</div>'+
                          '</div>';
          $('#schoolPreview').append('<div id="schoolPreviewItem'+index+'">' + TempHtml + '</div>');
          
          document.getElementById("schoolPreviewItem"+index).addEventListener('mouseenter', function (event){
              showMapMarker(index, 'school')
          });
          
          document.getElementById("schoolPreviewItem"+index).addEventListener('mouseleave', function (event){
              defaultMapMarker(index, 'school')
          });            
        }
        if (indexMarkerStayingVisible==index){
          window.open('/schools/'+ SchoolsListSLUG[index],'_self')
        }

        $('[id^="schoolPreviewItem"]').hide();
        $("#schoolPreviewItem"+index).fadeIn();
        indexMarkerStayingVisible = index
        break
      }
    }
}
</script><script>function closePreview(index) {
  switch(GoogleMapsOrMapBox){
    case 'GOOGLEMAPS':
      break
    case 'MAPBOX':
      indexMarkerStayingVisible = -1
      defaultAllMapMarker()
      hideAllMapPopup()
      map.flyTo({center: [20, 20], zoom: 0}) 
      map.flyTo({center: centerMapBase, zoom: zoomMapBase}) 
      $('[id^="schoolPreviewItem"]').hide(); 
      $('[id^="spotPreviewItem"]').hide();
      break
  }
}
            
</script><!--events for list items (mouseenter, select, etc)--><script>function selectItem(i) {
    selectedItems = $('[id^="wide_item_selected"][style*="display: block"]').length / 2
    $('[id^="SpotForecast_"]').hide();
    if(selectedItems>=1000){
      alert("Limit reached! You can select up to 1000 schools at once.")
    }
    else{
      activateGoogleMapMarkerIcon(i, 'school')
      $('[id$="_select_item'+i+'"]').hide()
      $('[id^="SelectAllItemsToggle_"]').hide()
      $('#Show_Filter_Menu_narrowTitleHidden').hide()
      $('[id$="wide_item_selected'+i+'"]').show()   
      $('[id$="narrow_item_selected'+i+'"]').css('display', 'inline')
      $('#UnselectAllItemsToggle_active_wide').fadeIn() 
      $('[id^="ContactBackground"]').show()
      $('#UnselectAllItemsToggle_active_narrow').fadeIn()
      selectedItems++
      if(selectedItems>1){
        $('#MultipleContactButton1 span').html(' Contact ' + selectedItems + ' schools')
        $('#MultipleContactButton2 span').html(' Contact ' + selectedItems + ' schools')
        $('[id^="SingleContactButton_"]').hide()
        $('[id^="MultipleContactButton"]').show() 
      }
      if(selectedItems==1){
        selectedItem = $('[id^="wide_item_selected"][style*="display: block"]').attr('id').replace("wide_item_selected","")
        $('[id^="MultipleContactButton"]').hide()
        $('[id^="SingleContactButton_'+selectedItem+'_"]').show()
      }
    }
    if(!multipleContactItems.includes(i,0)){
      multipleContactItems.push(i)
      //multipleContactNames.push(SchoolsListNAME[i].replace(/&amp;/g, '&'))
      multipleContactNames.push(SchoolsListNAME[i])
      multipleContactEmails.push(SchoolsListEMAIL[i] + '; ')
    }
    adaptGlobalDisplay()
}
function unselectItem(i) {
    selectedItems = $('[id^="wide_item_selected"][style*="display: block"]').length / 2
    deactivateGoogleMapMarkerIcon(i, 'school')
    $('[id$="_item_selected'+i+'"]').hide()   
    $('[id$="wide_select_item'+i+'"]').show()
    $('[id^="ContactBackground"]').show()
    $('[id$="narrow_select_item'+i+'"]').css('display', 'inline')
    selectedItems--
    if(selectedItems>1){
      $('#MultipleContactButton1 span').html(' Contact ' + selectedItems + ' schools')
      $('#MultipleContactButton2 span').html(' Contact ' + selectedItems + ' schools')
    }
    if(selectedItems==0){
      $('[id^="MultipleContactButton"]').hide()
      $('[id^="SingleContactButton_"]').hide()
      $('[id^="ContactBackground"]').hide()
      $('[id^="UnselectAllItemsToggle_"]').hide()
      $('#Show_Filter_Menu_narrowTitleHidden').fadeIn()
      $('#SelectAllItemsToggle_inactive_wide').fadeIn() 
      $('#SelectAllItemsToggle_active_narrow').fadeIn() 
    }
    if(selectedItems==1){
      selectedItem = $('[id^="wide_item_selected"][style*="display: block"]').attr('id').replace("wide_item_selected","")
      $('[id^="MultipleContactButton"]').hide()
      $('[id^="SingleContactButton_"]').hide()
      $('[id^="ContactBackground"]').show()
      $('[id^="SingleContactButton_'+selectedItem+'_2"]').show()
    }
    if(multipleContactItems.includes(i,0)){
      index =  multipleContactItems.indexOf(i)
      multipleContactItems.splice(index, 1)
      multipleContactNames.splice(index, 1)
      multipleContactEmails.splice(index, 1)
    }
    adaptGlobalDisplay()
  }
</script><script>document.getElementById("schoolItemwide"+0).addEventListener('mouseenter', function (event){
    showMapMarker(0, 'school')
    if($('[id="wide_select_item'+0+'"]').is(":hidden") && !$('[id="wide_item_selected'+0+'"]').is(":visible"))
      $('[id="wide_select_item'+0+'"]').show()   
      //$("#select"+0).show()
})
document.getElementById("schoolItemwide"+0).addEventListener('mouseleave', function (event){
    defaultMapMarker(0, 'school')
    if($('[id="wide_select_item'+0+'"]').is(":visible"))
      $('[id="wide_select_item'+0+'"]').hide()   
    //if($("#select"+0).is(":visible"))
    //  $("#select"+0).hide()
})
document.getElementById("schoolItemwide"+0).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(0, 'school') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.3712321, 37.815982700000006], zoom: zoomMapListItem}) 
        if (7 > 1 || true)
        {
          showPreview(0,'school')
          showPopup(0)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(0, 'school')                  
        //map.setZoom(zoomMapListItem)
        //map.panTo({lat: 37.815982700000006, lng: -122.3712321})
        if (indexMarkerStayingVisible == 0 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/schools/kitethebay' ,'_self') 
        }
        showPreview(0,'school')
        if (7 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 0
        defaultAllMapMarker()
        if (7 > 1)
        {
          hideAllMapPopup()
          infowindows[0].open(map, markers[0]);
        }
        if(selectedItems==0){
          //selectItem(0)
        }
        break
    }
})

</script><script>document.getElementById("schoolItemwide"+1).addEventListener('mouseenter', function (event){
    showMapMarker(1, 'school')
    if($('[id="wide_select_item'+1+'"]').is(":hidden") && !$('[id="wide_item_selected'+1+'"]').is(":visible"))
      $('[id="wide_select_item'+1+'"]').show()   
      //$("#select"+1).show()
})
document.getElementById("schoolItemwide"+1).addEventListener('mouseleave', function (event){
    defaultMapMarker(1, 'school')
    if($('[id="wide_select_item'+1+'"]').is(":visible"))
      $('[id="wide_select_item'+1+'"]').hide()   
    //if($("#select"+1).is(":visible"))
    //  $("#select"+1).hide()
})
document.getElementById("schoolItemwide"+1).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(1, 'school') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.3786345, 37.6636794], zoom: zoomMapListItem}) 
        if (7 > 1 || true)
        {
          showPreview(1,'school')
          showPopup(1)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(1, 'school')                  
        //map.setZoom(zoomMapListItem)
        //map.panTo({lat: 37.6636794, lng: -122.3786345})
        if (indexMarkerStayingVisible == 1 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/schools/wowkiteboarding' ,'_self') 
        }
        showPreview(1,'school')
        if (7 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 1
        defaultAllMapMarker()
        if (7 > 1)
        {
          hideAllMapPopup()
          infowindows[1].open(map, markers[1]);
        }
        if(selectedItems==0){
          //selectItem(1)
        }
        break
    }
})

</script><script>document.getElementById("schoolItemwide"+2).addEventListener('mouseenter', function (event){
    showMapMarker(2, 'school')
    if($('[id="wide_select_item'+2+'"]').is(":hidden") && !$('[id="wide_item_selected'+2+'"]').is(":visible"))
      $('[id="wide_select_item'+2+'"]').show()   
      //$("#select"+2).show()
})
document.getElementById("schoolItemwide"+2).addEventListener('mouseleave', function (event){
    defaultMapMarker(2, 'school')
    if($('[id="wide_select_item'+2+'"]').is(":visible"))
      $('[id="wide_select_item'+2+'"]').hide()   
    //if($("#select"+2).is(":visible"))
    //  $("#select"+2).hide()
})
document.getElementById("schoolItemwide"+2).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(2, 'school') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.3146048, 37.83870570000001], zoom: zoomMapListItem}) 
        if (7 > 1 || true)
        {
          showPreview(2,'school')
          showPopup(2)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(2, 'school')                  
        //map.setZoom(zoomMapListItem)
        //map.panTo({lat: 37.83870570000001, lng: -122.3146048})
        if (indexMarkerStayingVisible == 2 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/schools/kgbswag' ,'_self') 
        }
        showPreview(2,'school')
        if (7 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 2
        defaultAllMapMarker()
        if (7 > 1)
        {
          hideAllMapPopup()
          infowindows[2].open(map, markers[2]);
        }
        if(selectedItems==0){
          //selectItem(2)
        }
        break
    }
})

</script><script>document.getElementById("schoolItemwide"+3).addEventListener('mouseenter', function (event){
    showMapMarker(3, 'school')
    if($('[id="wide_select_item'+3+'"]').is(":hidden") && !$('[id="wide_item_selected'+3+'"]').is(":visible"))
      $('[id="wide_select_item'+3+'"]').show()   
      //$("#select"+3).show()
})
document.getElementById("schoolItemwide"+3).addEventListener('mouseleave', function (event){
    defaultMapMarker(3, 'school')
    if($('[id="wide_select_item'+3+'"]').is(":visible"))
      $('[id="wide_select_item'+3+'"]').hide()   
    //if($("#select"+3).is(":visible"))
    //  $("#select"+3).hide()
})
document.getElementById("schoolItemwide"+3).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(3, 'school') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.4130812, 37.7936458], zoom: zoomMapListItem}) 
        if (7 > 1 || true)
        {
          showPreview(3,'school')
          showPopup(3)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(3, 'school')                  
        //map.setZoom(zoomMapListItem)
        //map.panTo({lat: 37.7936458, lng: -122.4130812})
        if (indexMarkerStayingVisible == 3 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/schools/boardsportscalifornia' ,'_self') 
        }
        showPreview(3,'school')
        if (7 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 3
        defaultAllMapMarker()
        if (7 > 1)
        {
          hideAllMapPopup()
          infowindows[3].open(map, markers[3]);
        }
        if(selectedItems==0){
          //selectItem(3)
        }
        break
    }
})

</script><script>document.getElementById("schoolItemwide"+4).addEventListener('mouseenter', function (event){
    showMapMarker(4, 'school')
    if($('[id="wide_select_item'+4+'"]').is(":hidden") && !$('[id="wide_item_selected'+4+'"]').is(":visible"))
      $('[id="wide_select_item'+4+'"]').show()   
      //$("#select"+4).show()
})
document.getElementById("schoolItemwide"+4).addEventListener('mouseleave', function (event){
    defaultMapMarker(4, 'school')
    if($('[id="wide_select_item'+4+'"]').is(":visible"))
      $('[id="wide_select_item'+4+'"]').hide()   
    //if($("#select"+4).is(":visible"))
    //  $("#select"+4).hide()
})
document.getElementById("schoolItemwide"+4).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(4, 'school') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.377122, 37.82436420000001], zoom: zoomMapListItem}) 
        if (7 > 1 || true)
        {
          showPreview(4,'school')
          showPopup(4)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(4, 'school')                  
        //map.setZoom(zoomMapListItem)
        //map.panTo({lat: 37.82436420000001, lng: -122.377122})
        if (indexMarkerStayingVisible == 4 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/schools/kite415' ,'_self') 
        }
        showPreview(4,'school')
        if (7 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 4
        defaultAllMapMarker()
        if (7 > 1)
        {
          hideAllMapPopup()
          infowindows[4].open(map, markers[4]);
        }
        if(selectedItems==0){
          //selectItem(4)
        }
        break
    }
})

</script><script>document.getElementById("schoolItemwide"+5).addEventListener('mouseenter', function (event){
    showMapMarker(5, 'school')
    if($('[id="wide_select_item'+5+'"]').is(":hidden") && !$('[id="wide_item_selected'+5+'"]').is(":visible"))
      $('[id="wide_select_item'+5+'"]').show()   
      //$("#select"+5).show()
})
document.getElementById("schoolItemwide"+5).addEventListener('mouseleave', function (event){
    defaultMapMarker(5, 'school')
    if($('[id="wide_select_item'+5+'"]').is(":visible"))
      $('[id="wide_select_item'+5+'"]').hide()   
    //if($("#select"+5).is(":visible"))
    //  $("#select"+5).hide()
})
document.getElementById("schoolItemwide"+5).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(5, 'school') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.1790502, 38.0628131], zoom: zoomMapListItem}) 
        if (7 > 1 || true)
        {
          showPreview(5,'school')
          showPopup(5)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(5, 'school')                  
        //map.setZoom(zoomMapListItem)
        //map.panTo({lat: 38.0628131, lng: -122.1790502})
        if (indexMarkerStayingVisible == 5 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/schools/benicia-kite' ,'_self') 
        }
        showPreview(5,'school')
        if (7 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 5
        defaultAllMapMarker()
        if (7 > 1)
        {
          hideAllMapPopup()
          infowindows[5].open(map, markers[5]);
        }
        if(selectedItems==0){
          //selectItem(5)
        }
        break
    }
})

</script><script>document.getElementById("schoolItemwide"+6).addEventListener('mouseenter', function (event){
    showMapMarker(6, 'school')
    if($('[id="wide_select_item'+6+'"]').is(":hidden") && !$('[id="wide_item_selected'+6+'"]').is(":visible"))
      $('[id="wide_select_item'+6+'"]').show()   
      //$("#select"+6).show()
})
document.getElementById("schoolItemwide"+6).addEventListener('mouseleave', function (event){
    defaultMapMarker(6, 'school')
    if($('[id="wide_select_item'+6+'"]').is(":visible"))
      $('[id="wide_select_item'+6+'"]').hide()   
    //if($("#select"+6).is(":visible"))
    //  $("#select"+6).hide()
})
document.getElementById("schoolItemwide"+6).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(6, 'school') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-121.8834327, 38.03551059999999], zoom: zoomMapListItem}) 
        if (7 > 1 || true)
        {
          showPreview(6,'school')
          showPopup(6)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(6, 'school')                  
        //map.setZoom(zoomMapListItem)
        //map.panTo({lat: 38.03551059999999, lng: -121.8834327})
        if (indexMarkerStayingVisible == 6 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/schools/thekitebar' ,'_self') 
        }
        showPreview(6,'school')
        if (7 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 6
        defaultAllMapMarker()
        if (7 > 1)
        {
          hideAllMapPopup()
          infowindows[6].open(map, markers[6]);
        }
        if(selectedItems==0){
          //selectItem(6)
        }
        break
    }
})

</script><script>document.getElementById("spotItemwide"+0).addEventListener('mouseenter', function (event){
    showMapMarker(7+0, 'spot')
})
document.getElementById("spotItemwide"+0).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+0, 'spot')
})
document.getElementById("spotItemwide"+0).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(0, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.2793, 37.5734], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(0,'spot')
          showPopup(7+0)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+0, 'spot')    
        if (indexMarkerStayingVisible == 7+0 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/3rd-ave-california-usa' ,'_self') 
        }
        showPreview(0,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+0  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+0].open(map, markers[7+0]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+1).addEventListener('mouseenter', function (event){
    showMapMarker(7+1, 'spot')
})
document.getElementById("spotItemwide"+1).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+1, 'spot')
})
document.getElementById("spotItemwide"+1).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(1, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.2737, 37.764], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(1,'spot')
          showPopup(7+1)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+1, 'spot')    
        if (indexMarkerStayingVisible == 7+1 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/alameda-beach-california-usa' ,'_self') 
        }
        showPreview(1,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+1  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+1].open(map, markers[7+1]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+2).addEventListener('mouseenter', function (event){
    showMapMarker(7+2, 'spot')
})
document.getElementById("spotItemwide"+2).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+2, 'spot')
})
document.getElementById("spotItemwide"+2).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(2, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-121.2216, 35.652], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(2,'spot')
          showPopup(7+2)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+2, 'spot')    
        if (indexMarkerStayingVisible == 7+2 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/arroyo-laguna-california-usa' ,'_self') 
        }
        showPreview(2,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+2  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+2].open(map, markers[7+2]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+3).addEventListener('mouseenter', function (event){
    showMapMarker(7+3, 'spot')
})
document.getElementById("spotItemwide"+3).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+3, 'spot')
})
document.getElementById("spotItemwide"+3).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(3, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.3014, 37.8459], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(3,'spot')
          showPopup(7+3)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+3, 'spot')    
        if (indexMarkerStayingVisible == 7+3 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/berkeley-marina-california-usa' ,'_self') 
        }
        showPreview(3,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+3  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+3].open(map, markers[7+3]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+4).addEventListener('mouseenter', function (event){
    showMapMarker(7+4, 'spot')
})
document.getElementById("spotItemwide"+4).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+4, 'spot')
})
document.getElementById("spotItemwide"+4).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(4, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-123.0398, 38.3246], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(4,'spot')
          showPopup(7+4)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+4, 'spot')    
        if (indexMarkerStayingVisible == 7+4 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/bodega-bay-california-usa' ,'_self') 
        }
        showPreview(4,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+4  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+4].open(map, markers[7+4]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+5).addEventListener('mouseenter', function (event){
    showMapMarker(7+5, 'spot')
})
document.getElementById("spotItemwide"+5).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+5, 'spot')
})
document.getElementById("spotItemwide"+5).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(5, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.3264, 37.5895], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(5,'spot')
          showPopup(7+5)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+5, 'spot')    
        if (indexMarkerStayingVisible == 7+5 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/coyote-point-california-usa' ,'_self') 
        }
        showPreview(5,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+5  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+5].open(map, markers[7+5]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+6).addEventListener('mouseenter', function (event){
    showMapMarker(7+6, 'spot')
})
document.getElementById("spotItemwide"+6).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+6, 'spot')
})
document.getElementById("spotItemwide"+6).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(6, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.4594, 37.8052], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(6,'spot')
          showPopup(7+6)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+6, 'spot')    
        if (indexMarkerStayingVisible == 7+6 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/crissy-field-california-usa' ,'_self') 
        }
        showPreview(6,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+6  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+6].open(map, markers[7+6]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+7).addEventListener('mouseenter', function (event){
    showMapMarker(7+7, 'spot')
})
document.getElementById("spotItemwide"+7).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+7, 'spot')
})
document.getElementById("spotItemwide"+7).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(7, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.9683, 38.2492], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(7,'spot')
          showPopup(7+7)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+7, 'spot')    
        if (indexMarkerStayingVisible == 7+7 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/dillon-beach-california-usa' ,'_self') 
        }
        showPreview(7,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+7  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+7].open(map, markers[7+7]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+8).addEventListener('mouseenter', function (event){
    showMapMarker(7+8, 'spot')
})
document.getElementById("spotItemwide"+8).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+8, 'spot')
})
document.getElementById("spotItemwide"+8).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(8, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.3628, 37.1655], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(8,'spot')
          showPopup(7+8)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+8, 'spot')    
        if (indexMarkerStayingVisible == 7+8 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/gazos-creek-california-usa' ,'_self') 
        }
        showPreview(8,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+8  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+8].open(map, markers[7+8]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+9).addEventListener('mouseenter', function (event){
    showMapMarker(7+9, 'spot')
})
document.getElementById("spotItemwide"+9).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+9, 'spot')
})
document.getElementById("spotItemwide"+9).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(9, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.4447, 37.4553], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(9,'spot')
          showPopup(7+9)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+9, 'spot')    
        if (indexMarkerStayingVisible == 7+9 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/half-moon-bay-california-usa' ,'_self') 
        }
        showPreview(9,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+9  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+9].open(map, markers[7+9]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+10).addEventListener('mouseenter', function (event){
    showMapMarker(7+10, 'spot')
})
document.getElementById("spotItemwide"+10).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+10, 'spot')
})
document.getElementById("spotItemwide"+10).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(10, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.5081, 37.9381], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(10,'spot')
          showPopup(7+10)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+10, 'spot')    
        if (indexMarkerStayingVisible == 7+10 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/larkspur-california-usa' ,'_self') 
        }
        showPreview(10,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+10  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+10].open(map, markers[7+10]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+11).addEventListener('mouseenter', function (event){
    showMapMarker(7+11, 'spot')
})
document.getElementById("spotItemwide"+11).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+11, 'spot')
})
document.getElementById("spotItemwide"+11).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(11, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.3507, 37.9083], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(11,'spot')
          showPopup(7+11)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+11, 'spot')    
        if (indexMarkerStayingVisible == 7+11 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/marina-bay-california-usa' ,'_self') 
        }
        showPreview(11,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+11  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+11].open(map, markers[7+11]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+12).addEventListener('mouseenter', function (event){
    showMapMarker(7+12, 'spot')
})
document.getElementById("spotItemwide"+12).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+12, 'spot')
})
document.getElementById("spotItemwide"+12).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(12, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.8496, 38.1069], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(12,'spot')
          showPopup(7+12)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+12, 'spot')    
        if (indexMarkerStayingVisible == 7+12 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/millerton-california-usa' ,'_self') 
        }
        showPreview(12,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+12  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+12].open(map, markers[7+12]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+13).addEventListener('mouseenter', function (event){
    showMapMarker(7+13, 'spot')
})
document.getElementById("spotItemwide"+13).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+13, 'spot')
})
document.getElementById("spotItemwide"+13).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(13, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.5121, 37.7703], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(13,'spot')
          showPopup(7+13)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+13, 'spot')    
        if (indexMarkerStayingVisible == 7+13 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/ocean-beach-california-usa' ,'_self') 
        }
        showPreview(13,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+13  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+13].open(map, markers[7+13]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+14).addEventListener('mouseenter', function (event){
    showMapMarker(7+14, 'spot')
})
document.getElementById("spotItemwide"+14).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+14, 'spot')
})
document.getElementById("spotItemwide"+14).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(14, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-121.148, 35.6146], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(14,'spot')
          showPopup(7+14)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+14, 'spot')    
        if (indexMarkerStayingVisible == 7+14 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/pico-california-usa' ,'_self') 
        }
        showPreview(14,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+14  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+14].open(map, markers[7+14]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+15).addEventListener('mouseenter', function (event){
    showMapMarker(7+15, 'spot')
})
document.getElementById("spotItemwide"+15).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+15, 'spot')
})
document.getElementById("spotItemwide"+15).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(15, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.4756, 37.5019], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(15,'spot')
          showPopup(7+15)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+15, 'spot')    
        if (indexMarkerStayingVisible == 7+15 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/pillar-point-harbor-california-usa' ,'_self') 
        }
        showPreview(15,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+15  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+15].open(map, markers[7+15]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+16).addEventListener('mouseenter', function (event){
    showMapMarker(7+16, 'spot')
})
document.getElementById("spotItemwide"+16).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+16, 'spot')
})
document.getElementById("spotItemwide"+16).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(16, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.3251, 37.8989], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(16,'spot')
          showPopup(7+16)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+16, 'spot')    
        if (indexMarkerStayingVisible == 7+16 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/point-isabel-california-usa' ,'_self') 
        }
        showPreview(16,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+16  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+16].open(map, markers[7+16]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+17).addEventListener('mouseenter', function (event){
    showMapMarker(7+17, 'spot')
})
document.getElementById("spotItemwide"+17).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+17, 'spot')
})
document.getElementById("spotItemwide"+17).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(17, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.3167, 37.8889], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(17,'spot')
          showPopup(7+17)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+17, 'spot')    
        if (indexMarkerStayingVisible == 7+17 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/racetrack-california-usa' ,'_self') 
        }
        showPreview(17,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+17  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+17].open(map, markers[7+17]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+18).addEventListener('mouseenter', function (event){
    showMapMarker(7+18, 'spot')
})
document.getElementById("spotItemwide"+18).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+18, 'spot')
})
document.getElementById("spotItemwide"+18).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(18, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.4822, 37.9455], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(18,'spot')
          showPopup(7+18)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+18, 'spot')    
        if (indexMarkerStayingVisible == 7+18 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/rod-gun-california-usa' ,'_self') 
        }
        showPreview(18,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+18  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+18].open(map, markers[7+18]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+19).addEventListener('mouseenter', function (event){
    showMapMarker(7+19, 'spot')
})
document.getElementById("spotItemwide"+19).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+19, 'spot')
})
document.getElementById("spotItemwide"+19).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(19, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.2288, 37.0392], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(19,'spot')
          showPopup(7+19)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+19, 'spot')    
        if (indexMarkerStayingVisible == 7+19 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/scott-creek-california-usa' ,'_self') 
        }
        showPreview(19,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+19  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+19].open(map, markers[7+19]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+20).addEventListener('mouseenter', function (event){
    showMapMarker(7+20, 'spot')
})
document.getElementById("spotItemwide"+20).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+20, 'spot')
})
document.getElementById("spotItemwide"+20).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(20, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-121.7876, 38.0581], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(20,'spot')
          showPopup(7+20)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+20, 'spot')    
        if (indexMarkerStayingVisible == 7+20 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/sherman-island-county-park-california-usa' ,'_self') 
        }
        showPreview(20,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+20  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+20].open(map, markers[7+20]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+21).addEventListener('mouseenter', function (event){
    showMapMarker(7+21, 'spot')
})
document.getElementById("spotItemwide"+21).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+21, 'spot')
})
document.getElementById("spotItemwide"+21).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(21, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-124.1657, 41.7404], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(21,'spot')
          showPopup(7+21)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+21, 'spot')    
        if (indexMarkerStayingVisible == 7+21 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/south-beach-california-usa' ,'_self') 
        }
        showPreview(21,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+21  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+21].open(map, markers[7+21]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+22).addEventListener('mouseenter', function (event){
    showMapMarker(7+22, 'spot')
})
document.getElementById("spotItemwide"+22).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+22, 'spot')
})
document.getElementById("spotItemwide"+22).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(22, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.6428, 37.8977], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(22,'spot')
          showPopup(7+22)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+22, 'spot')    
        if (indexMarkerStayingVisible == 7+22 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/stinson-beach-california-usa' ,'_self') 
        }
        showPreview(22,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+22  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+22].open(map, markers[7+22]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+23).addEventListener('mouseenter', function (event){
    showMapMarker(7+23, 'spot')
})
document.getElementById("spotItemwide"+23).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+23, 'spot')
})
document.getElementById("spotItemwide"+23).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(23, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.3177, 37.8248], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(23,'spot')
          showPopup(7+23)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+23, 'spot')    
        if (indexMarkerStayingVisible == 7+23 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/toll-plaza-beach-california-usa' ,'_self') 
        }
        showPreview(23,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+23  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+23].open(map, markers[7+23]);
        
        break
    }
})

</script><script>document.getElementById("spotItemwide"+24).addEventListener('mouseenter', function (event){
    showMapMarker(7+24, 'spot')
})
document.getElementById("spotItemwide"+24).addEventListener('mouseleave', function (event){
    defaultMapMarker(7+24, 'spot')
})
document.getElementById("spotItemwide"+24).addEventListener('click', function (event){
    defaultAllMapMarker()
    //showMapMarker(24, 'spot') //bounce
    zoomMapListItem = 12
    switch(GoogleMapsOrMapBox){
      case 'MAPBOX':
        hideAllMapPopup()
        map.flyTo({center: centerMapBase, zoom: zoomMapBase})
        map.flyTo({center: [-122.2773, 37.0938], zoom: zoomMapListItem}) 
        if (25 > 1  || true)
        {
          showPreview(24,'spot')
          showPopup(7+24)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(7+24, 'spot')    
        if (indexMarkerStayingVisible == 7+24 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/waddell-creek-california-usa' ,'_self') 
        }
        showPreview(24,'spot')
        if (25 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 7+24  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[7+24].open(map, markers[7+24]);
        
        break
    }
})

</script></div></div><div id="SideColumnRight" class="col-md-4 single-item"><div id="BeginningOfPage"></div><div class="thumbnail-details"><div class="thumbnail-info"><div class="row thumbnail-header"><div class="hide-on-wide-ipadscreen"><div class="col-sm-12 text-center"><div class="text-center"><h3 class="force-no-border-bottom force-no-padding"><i class="fas fa-tasks availabilityX2 force-font-size-20px"></i>Select & Contact</h3></div><div id="MapTitle_narrow"><h3 class="force-margin-top-5px">7 schools in the zone</h3></div></div></div><div class="col-sm-12"><!--#MapBox--><!--+scriptMapBoxSchools(schools, destination.fields.averageLocation.lat, destination.fields.averageLocation.lon, destination.fields.zoomlevel, destination.fields.nearestAirports)--><!--Complete Mapbox original control : Reset Map AND Satellite View+renderAdditionalMapController()--><div id="googleMap"></div><!--Complete GoogleMaps original control : Reset Map View and MaximizeMap (Mobile only)--><div id="googleMapCenter" title="Reset Map" class="hand-when-hover"><div class="btn btn-unplug-blue reactive-shadow"><i class="fa fa-undo availability"> </i>Reset Map</div></div><div id="googleMapFullScreen" title="See Map" class="hand-when-hover hide-on-wide-ipadscreen"><div class="btn btn-unplug-blue-100px reactive-shadow-allscreensize">Map<i class="fa fa-map availability-bis"> </i></div></div><div id="googleMapFullScreenBack" title="See List" class="hand-when-hover hide-on-wide-ipadscreen"><div class="btn btn-unplug-blue-100px reactive-shadow-allscreensize">List<i class="fa fa-list availability-bis"> </i></div></div><!-- parentItem = destination or brand or country--><script>zoomMapBase = 8
if (Math.round(9) > 0)
  zoomMapBase = Math.round(9-1)
if ( window.innerWidth <= 320 )
  zoomMapBase--;
centerMapBase = {lat: 37.75874304192977, lng: -122.44876702905742};
function myMap() {      
  var mapProp= {
    center: centerMapBase,
    zoom: zoomMapBase,
    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 <= 320 )
    map.setOptions({mapTypeControl: false});
  if ( window.innerWidth > 768 ){
    map.setOptions({mapTypeControl: false});
    map.setOptions({streetViewControl: false});
    //map.setOptions({fullscreenControl: false});
    map.setOptions({zoomControl: false});
  }
  document.getElementById("googleMap").addEventListener('mouseenter', function (event) {
    if ( window.innerWidth > 768 ){
      map.setOptions({mapTypeControl: true});
      map.setOptions({streetViewControl: true});
      //map.setOptions({fullscreenControl: true});
      map.setOptions({zoomControl: true});
    }
  })
  document.getElementById("googleMap").addEventListener('mouseleave', function (event) {
    if ( window.innerWidth > 768 ){
      map.setOptions({mapTypeControl: false});
      map.setOptions({streetViewControl: false});
      //map.setOptions({fullscreenControl: false});
      map.setOptions({zoomControl: false});
    }
  })
  function zoomReset(event) {
      ResetFilterMenuSchoolsSpots()
      if(indexMarkerStayingVisible!=-1)
        document.getElementsByClassName("always")[0].classList.remove("always");   
      indexMarkerStayingVisible = -1;
      turnGoogleMapAllActive()
      google.maps.event.trigger(map, 'maptypeid_changed');
      hideAllMapPopup()
      map.setZoom(zoomMapBase);
      map.panTo(centerMapBase);
      $("#googleMapCenter").hide()
      //google.maps.event.trigger(map, 'maptypeid_changed');
      //$('[id^="ShowAllItemsToggle_"]').hide()
  }
  document.getElementById("googleMapCenter").addEventListener('click', function (event) {zoomReset(event)})
  //document.getElementById("ShowAllItemsToggle_active_wide").addEventListener('click', function (event) {zoomReset(event)})
  $("#googleMapCenter").hide()
  //$('[id^="ShowAllItemsToggle_"]').hide()
  $("#googleMapFullScreen").hide()
  $("#googleMapFullScreenBack").hide()
  document.getElementById("googleMapFullScreen").addEventListener('click', function (event) {
      document.getElementsByClassName("gm-control-active gm-fullscreen-control")[0].click()
      //$("#googleMapFullScreenBack").fadeIn()
      //$("#googleMapFullScreen").hide()
  })
  google.maps.event.addListener(map,'maptypeid_changed', function () {
      adaptGoogleMapMarkeIcons()
  })
}
</script><script async="async" defer="defer" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkuOUTdhHWX0KVe5ziKm3oiA8e0hxDTE8&amp;callback=myMap"></script><!--ADD Shools on GoogleMap--><script>$(window).on('load', function() {
  myLatLng = {lat: 37.815982700000006, lng: -122.3712321};
  var marker = new google.maps.Marker({
      position: myLatLng, 
      url:"/schools/" + "kitethebay", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['school_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "KiteTheBay", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//KiteTheBay'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5 class='notranslate'>" + 
                  "KiteTheBay" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-user-graduate availability'>"+"</i>"+
                  "School" +
                "</h6>" +
                "<a href='/schools/" + "kitethebay" + "'>"+
                  "<div class='btn btn-unplug-auto-width reactive-shadow hide-on-wide-screen' style='margin:auto'>"+
                      "<i class='fa fa-eye availability'>"+"</i>"+
                      "See Page" +
                  "</div>" +
                "</a>"+
                "<a href='/schools/" + "kitethebay" + "'>"+
                  "<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)
  google.maps.event.addListener(marker, 'mouseover', function (event){
    if($("#"+'school'+'Item'+'wide'+0).attr("excluded") == "false"){
      showMapMarker(0, 'school')
    }
  })
  google.maps.event.addListener(marker, 'mouseout', function (event){
    if($("#"+'school'+'Item'+'wide'+0).attr("excluded") == "false"){
      defaultMapMarker(0,'school')
    }
  })        
  google.maps.event.addListener(marker, 'click', function (event){
    if($("#"+'school'+'Item'+'wide'+0).attr("excluded") == "false"){
      infowindows[0].open(map, markers[0]);
      activateGoogleMapMarkerIcon(0, 'school') 
      //showMapMarker(0, 'school') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.815982700000006, lng: -122.3712321})
      if (7 > 1)
      {
        showPreview(0,'school')
      }
      indexMarkerStayingVisible = 0;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  }) 
  markers.push(marker);
  markersSchoolOnly.push(marker);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        $("#googleMapCenter").fadeIn()
      }
      else{
        $("#googleMapCenter").hide()
      }
      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('schoolItem',0,'school',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 37.6636794, lng: -122.3786345};
  var marker = new google.maps.Marker({
      position: myLatLng, 
      url:"/schools/" + "wowkiteboarding", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['school_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Wind Over Water Kiteboarding", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Wind Over Water Kiteboarding'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5 class='notranslate'>" + 
                  "Wind Over Water Kiteboarding" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-user-graduate availability'>"+"</i>"+
                  "School" +
                "</h6>" +
                "<a href='/schools/" + "wowkiteboarding" + "'>"+
                  "<div class='btn btn-unplug-auto-width reactive-shadow hide-on-wide-screen' style='margin:auto'>"+
                      "<i class='fa fa-eye availability'>"+"</i>"+
                      "See Page" +
                  "</div>" +
                "</a>"+
                "<a href='/schools/" + "wowkiteboarding" + "'>"+
                  "<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)
  google.maps.event.addListener(marker, 'mouseover', function (event){
    if($("#"+'school'+'Item'+'wide'+1).attr("excluded") == "false"){
      showMapMarker(1, 'school')
    }
  })
  google.maps.event.addListener(marker, 'mouseout', function (event){
    if($("#"+'school'+'Item'+'wide'+1).attr("excluded") == "false"){
      defaultMapMarker(1,'school')
    }
  })        
  google.maps.event.addListener(marker, 'click', function (event){
    if($("#"+'school'+'Item'+'wide'+1).attr("excluded") == "false"){
      infowindows[1].open(map, markers[1]);
      activateGoogleMapMarkerIcon(1, 'school') 
      //showMapMarker(1, 'school') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.6636794, lng: -122.3786345})
      if (7 > 1)
      {
        showPreview(1,'school')
      }
      indexMarkerStayingVisible = 1;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  }) 
  markers.push(marker);
  markersSchoolOnly.push(marker);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        $("#googleMapCenter").fadeIn()
      }
      else{
        $("#googleMapCenter").hide()
      }
      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('schoolItem',1,'school',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 37.83870570000001, lng: -122.3146048};
  var marker = new google.maps.Marker({
      position: myLatLng, 
      url:"/schools/" + "kgbswag", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['school_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "KGB Kiteboarding California", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//KGB Kiteboarding California'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5 class='notranslate'>" + 
                  "KGB Kiteboarding California" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-user-graduate availability'>"+"</i>"+
                  "School" +
                "</h6>" +
                "<a href='/schools/" + "kgbswag" + "'>"+
                  "<div class='btn btn-unplug-auto-width reactive-shadow hide-on-wide-screen' style='margin:auto'>"+
                      "<i class='fa fa-eye availability'>"+"</i>"+
                      "See Page" +
                  "</div>" +
                "</a>"+
                "<a href='/schools/" + "kgbswag" + "'>"+
                  "<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)
  google.maps.event.addListener(marker, 'mouseover', function (event){
    if($("#"+'school'+'Item'+'wide'+2).attr("excluded") == "false"){
      showMapMarker(2, 'school')
    }
  })
  google.maps.event.addListener(marker, 'mouseout', function (event){
    if($("#"+'school'+'Item'+'wide'+2).attr("excluded") == "false"){
      defaultMapMarker(2,'school')
    }
  })        
  google.maps.event.addListener(marker, 'click', function (event){
    if($("#"+'school'+'Item'+'wide'+2).attr("excluded") == "false"){
      infowindows[2].open(map, markers[2]);
      activateGoogleMapMarkerIcon(2, 'school') 
      //showMapMarker(2, 'school') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.83870570000001, lng: -122.3146048})
      if (7 > 1)
      {
        showPreview(2,'school')
      }
      indexMarkerStayingVisible = 2;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  }) 
  markers.push(marker);
  markersSchoolOnly.push(marker);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        $("#googleMapCenter").fadeIn()
      }
      else{
        $("#googleMapCenter").hide()
      }
      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('schoolItem',2,'school',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 37.7936458, lng: -122.4130812};
  var marker = new google.maps.Marker({
      position: myLatLng, 
      url:"/schools/" + "boardsportscalifornia", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['school_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Boardsports California", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Boardsports California'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5 class='notranslate'>" + 
                  "Boardsports California" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-user-graduate availability'>"+"</i>"+
                  "School" +
                "</h6>" +
                "<a href='/schools/" + "boardsportscalifornia" + "'>"+
                  "<div class='btn btn-unplug-auto-width reactive-shadow hide-on-wide-screen' style='margin:auto'>"+
                      "<i class='fa fa-eye availability'>"+"</i>"+
                      "See Page" +
                  "</div>" +
                "</a>"+
                "<a href='/schools/" + "boardsportscalifornia" + "'>"+
                  "<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)
  google.maps.event.addListener(marker, 'mouseover', function (event){
    if($("#"+'school'+'Item'+'wide'+3).attr("excluded") == "false"){
      showMapMarker(3, 'school')
    }
  })
  google.maps.event.addListener(marker, 'mouseout', function (event){
    if($("#"+'school'+'Item'+'wide'+3).attr("excluded") == "false"){
      defaultMapMarker(3,'school')
    }
  })        
  google.maps.event.addListener(marker, 'click', function (event){
    if($("#"+'school'+'Item'+'wide'+3).attr("excluded") == "false"){
      infowindows[3].open(map, markers[3]);
      activateGoogleMapMarkerIcon(3, 'school') 
      //showMapMarker(3, 'school') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.7936458, lng: -122.4130812})
      if (7 > 1)
      {
        showPreview(3,'school')
      }
      indexMarkerStayingVisible = 3;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  }) 
  markers.push(marker);
  markersSchoolOnly.push(marker);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        $("#googleMapCenter").fadeIn()
      }
      else{
        $("#googleMapCenter").hide()
      }
      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('schoolItem',3,'school',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 37.82436420000001, lng: -122.377122};
  var marker = new google.maps.Marker({
      position: myLatLng, 
      url:"/schools/" + "kite415", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['school_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "KITE415", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//KITE415'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5 class='notranslate'>" + 
                  "KITE415" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-user-graduate availability'>"+"</i>"+
                  "School" +
                "</h6>" +
                "<a href='/schools/" + "kite415" + "'>"+
                  "<div class='btn btn-unplug-auto-width reactive-shadow hide-on-wide-screen' style='margin:auto'>"+
                      "<i class='fa fa-eye availability'>"+"</i>"+
                      "See Page" +
                  "</div>" +
                "</a>"+
                "<a href='/schools/" + "kite415" + "'>"+
                  "<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)
  google.maps.event.addListener(marker, 'mouseover', function (event){
    if($("#"+'school'+'Item'+'wide'+4).attr("excluded") == "false"){
      showMapMarker(4, 'school')
    }
  })
  google.maps.event.addListener(marker, 'mouseout', function (event){
    if($("#"+'school'+'Item'+'wide'+4).attr("excluded") == "false"){
      defaultMapMarker(4,'school')
    }
  })        
  google.maps.event.addListener(marker, 'click', function (event){
    if($("#"+'school'+'Item'+'wide'+4).attr("excluded") == "false"){
      infowindows[4].open(map, markers[4]);
      activateGoogleMapMarkerIcon(4, 'school') 
      //showMapMarker(4, 'school') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.82436420000001, lng: -122.377122})
      if (7 > 1)
      {
        showPreview(4,'school')
      }
      indexMarkerStayingVisible = 4;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  }) 
  markers.push(marker);
  markersSchoolOnly.push(marker);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        $("#googleMapCenter").fadeIn()
      }
      else{
        $("#googleMapCenter").hide()
      }
      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('schoolItem',4,'school',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 38.0628131, lng: -122.1790502};
  var marker = new google.maps.Marker({
      position: myLatLng, 
      url:"/schools/" + "benicia-kite", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['school_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Benicia Kite and Paddle", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Benicia Kite and Paddle'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5 class='notranslate'>" + 
                  "Benicia Kite and Paddle" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-user-graduate availability'>"+"</i>"+
                  "School" +
                "</h6>" +
                "<a href='/schools/" + "benicia-kite" + "'>"+
                  "<div class='btn btn-unplug-auto-width reactive-shadow hide-on-wide-screen' style='margin:auto'>"+
                      "<i class='fa fa-eye availability'>"+"</i>"+
                      "See Page" +
                  "</div>" +
                "</a>"+
                "<a href='/schools/" + "benicia-kite" + "'>"+
                  "<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)
  google.maps.event.addListener(marker, 'mouseover', function (event){
    if($("#"+'school'+'Item'+'wide'+5).attr("excluded") == "false"){
      showMapMarker(5, 'school')
    }
  })
  google.maps.event.addListener(marker, 'mouseout', function (event){
    if($("#"+'school'+'Item'+'wide'+5).attr("excluded") == "false"){
      defaultMapMarker(5,'school')
    }
  })        
  google.maps.event.addListener(marker, 'click', function (event){
    if($("#"+'school'+'Item'+'wide'+5).attr("excluded") == "false"){
      infowindows[5].open(map, markers[5]);
      activateGoogleMapMarkerIcon(5, 'school') 
      //showMapMarker(5, 'school') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 38.0628131, lng: -122.1790502})
      if (7 > 1)
      {
        showPreview(5,'school')
      }
      indexMarkerStayingVisible = 5;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  }) 
  markers.push(marker);
  markersSchoolOnly.push(marker);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        $("#googleMapCenter").fadeIn()
      }
      else{
        $("#googleMapCenter").hide()
      }
      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('schoolItem',5,'school',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 38.03551059999999, lng: -121.8834327};
  var marker = new google.maps.Marker({
      position: myLatLng, 
      url:"/schools/" + "thekitebar", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['school_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "The Kite Bar", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//The Kite Bar'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5 class='notranslate'>" + 
                  "The Kite Bar" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-user-graduate availability'>"+"</i>"+
                  "School" +
                "</h6>" +
                "<a href='/schools/" + "thekitebar" + "'>"+
                  "<div class='btn btn-unplug-auto-width reactive-shadow hide-on-wide-screen' style='margin:auto'>"+
                      "<i class='fa fa-eye availability'>"+"</i>"+
                      "See Page" +
                  "</div>" +
                "</a>"+
                "<a href='/schools/" + "thekitebar" + "'>"+
                  "<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)
  google.maps.event.addListener(marker, 'mouseover', function (event){
    if($("#"+'school'+'Item'+'wide'+6).attr("excluded") == "false"){
      showMapMarker(6, 'school')
    }
  })
  google.maps.event.addListener(marker, 'mouseout', function (event){
    if($("#"+'school'+'Item'+'wide'+6).attr("excluded") == "false"){
      defaultMapMarker(6,'school')
    }
  })        
  google.maps.event.addListener(marker, 'click', function (event){
    if($("#"+'school'+'Item'+'wide'+6).attr("excluded") == "false"){
      infowindows[6].open(map, markers[6]);
      activateGoogleMapMarkerIcon(6, 'school') 
      //showMapMarker(6, 'school') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 38.03551059999999, lng: -121.8834327})
      if (7 > 1)
      {
        showPreview(6,'school')
      }
      indexMarkerStayingVisible = 6;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  }) 
  markers.push(marker);
  markersSchoolOnly.push(marker);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        $("#googleMapCenter").fadeIn()
      }
      else{
        $("#googleMapCenter").hide()
      }
      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('schoolItem',6,'school',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><!--ADD Airports on GoogleMap--><script>$(window).on('load', function() {
  myLatLng = {lat: 37.6213129, lng: -122.3789554};
  var markerA = new google.maps.Marker({
      position:myLatLng,
      icon: {url: icons['airport_inactive'].icon, 
            scaledSize: new google.maps.Size(20, 20)},
      title: "San Francisco International, CA (SFO)",
      map:map
      });
  google.maps.event.addListener(markerA, 'mouseenter', function (event){showAirportMapMarker(0)})
  google.maps.event.addListener(markerA, 'mouseleave', function (event){defaultAirportMapMarker(0)})  
  markersAirport.push(markerA);
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 37.3639472, lng: -121.92893750000002};
  var markerA = new google.maps.Marker({
      position:myLatLng,
      icon: {url: icons['airport_inactive'].icon, 
            scaledSize: new google.maps.Size(20, 20)},
      title: "San Jose International, CA (SJC)",
      map:map
      });
  google.maps.event.addListener(markerA, 'mouseenter', function (event){showAirportMapMarker(1)})
  google.maps.event.addListener(markerA, 'mouseleave', function (event){defaultAirportMapMarker(1)})  
  markersAirport.push(markerA);
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 38.6950854, lng: -121.5900648};
  var markerA = new google.maps.Marker({
      position:myLatLng,
      icon: {url: icons['airport_inactive'].icon, 
            scaledSize: new google.maps.Size(20, 20)},
      title: "Sacramento International, CA (SMF)",
      map:map
      });
  google.maps.event.addListener(markerA, 'mouseenter', function (event){showAirportMapMarker(2)})
  google.maps.event.addListener(markerA, 'mouseleave', function (event){defaultAirportMapMarker(2)})  
  markersAirport.push(markerA);
})
</script><!--ADD Spots on GoogleMap--><script>$(window).on('load', function() {
  myLatLng = {lat: 37.5734, lng: -122.2793};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "3rd-ave-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "3rd Ave, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//3rd Ave, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "3rd Ave, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "3rd-ave-california-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/" + "3rd-ave-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+0).attr("excluded") == "false"){
      showMapMarker(7+0, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+0).attr("excluded") == "false"){
      defaultMapMarker(7+0,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+0).attr("excluded") == "false"){
      infowindows[7+0].open(map, markers[7+0]);
      activateGoogleMapMarkerIcon(7+0, 'spot') 
      //showMapMarker(0, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.5734, lng: -122.2793})
      if (25 > 1)
      {
        showPreview(0, 'spot')
      }
      indexMarkerStayingVisible = 7+0;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',0,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 37.764, lng: -122.2737};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "alameda-beach-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Alameda Beach, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Alameda Beach, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Alameda Beach, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Beginner Spot" +
                "</h6>" +
                "<a href='/spots/" + "alameda-beach-california-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/" + "alameda-beach-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+1).attr("excluded") == "false"){
      showMapMarker(7+1, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+1).attr("excluded") == "false"){
      defaultMapMarker(7+1,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+1).attr("excluded") == "false"){
      infowindows[7+1].open(map, markers[7+1]);
      activateGoogleMapMarkerIcon(7+1, 'spot') 
      //showMapMarker(1, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.764, lng: -122.2737})
      if (25 > 1)
      {
        showPreview(1, 'spot')
      }
      indexMarkerStayingVisible = 7+1;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',1,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 35.652, lng: -121.2216};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "arroyo-laguna-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Arroyo Laguna, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Arroyo Laguna, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Arroyo Laguna, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "arroyo-laguna-california-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/" + "arroyo-laguna-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+2).attr("excluded") == "false"){
      showMapMarker(7+2, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+2).attr("excluded") == "false"){
      defaultMapMarker(7+2,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+2).attr("excluded") == "false"){
      infowindows[7+2].open(map, markers[7+2]);
      activateGoogleMapMarkerIcon(7+2, 'spot') 
      //showMapMarker(2, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 35.652, lng: -121.2216})
      if (25 > 1)
      {
        showPreview(2, 'spot')
      }
      indexMarkerStayingVisible = 7+2;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',2,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 37.8459, lng: -122.3014};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "berkeley-marina-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Berkeley Marina, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Berkeley Marina, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Berkeley Marina, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "berkeley-marina-california-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/" + "berkeley-marina-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+3).attr("excluded") == "false"){
      showMapMarker(7+3, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+3).attr("excluded") == "false"){
      defaultMapMarker(7+3,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+3).attr("excluded") == "false"){
      infowindows[7+3].open(map, markers[7+3]);
      activateGoogleMapMarkerIcon(7+3, 'spot') 
      //showMapMarker(3, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.8459, lng: -122.3014})
      if (25 > 1)
      {
        showPreview(3, 'spot')
      }
      indexMarkerStayingVisible = 7+3;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',3,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 38.3246, lng: -123.0398};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "bodega-bay-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Bodega Bay, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Bodega Bay, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Bodega Bay, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Beginner Spot" +
                "</h6>" +
                "<a href='/spots/" + "bodega-bay-california-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/" + "bodega-bay-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+4).attr("excluded") == "false"){
      showMapMarker(7+4, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+4).attr("excluded") == "false"){
      defaultMapMarker(7+4,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+4).attr("excluded") == "false"){
      infowindows[7+4].open(map, markers[7+4]);
      activateGoogleMapMarkerIcon(7+4, 'spot') 
      //showMapMarker(4, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 38.3246, lng: -123.0398})
      if (25 > 1)
      {
        showPreview(4, 'spot')
      }
      indexMarkerStayingVisible = 7+4;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',4,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 37.5895, lng: -122.3264};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "coyote-point-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Coyote Point, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Coyote Point, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Coyote Point, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "coyote-point-california-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/" + "coyote-point-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+5).attr("excluded") == "false"){
      showMapMarker(7+5, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+5).attr("excluded") == "false"){
      defaultMapMarker(7+5,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+5).attr("excluded") == "false"){
      infowindows[7+5].open(map, markers[7+5]);
      activateGoogleMapMarkerIcon(7+5, 'spot') 
      //showMapMarker(5, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.5895, lng: -122.3264})
      if (25 > 1)
      {
        showPreview(5, 'spot')
      }
      indexMarkerStayingVisible = 7+5;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',5,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 37.8052, lng: -122.4594};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "crissy-field-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Crissy Field, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Crissy Field, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Crissy Field, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "crissy-field-california-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/" + "crissy-field-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+6).attr("excluded") == "false"){
      showMapMarker(7+6, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+6).attr("excluded") == "false"){
      defaultMapMarker(7+6,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+6).attr("excluded") == "false"){
      infowindows[7+6].open(map, markers[7+6]);
      activateGoogleMapMarkerIcon(7+6, 'spot') 
      //showMapMarker(6, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.8052, lng: -122.4594})
      if (25 > 1)
      {
        showPreview(6, 'spot')
      }
      indexMarkerStayingVisible = 7+6;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',6,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 38.2492, lng: -122.9683};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "dillon-beach-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Dillon Beach, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Dillon Beach, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Dillon Beach, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "dillon-beach-california-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/" + "dillon-beach-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+7).attr("excluded") == "false"){
      showMapMarker(7+7, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+7).attr("excluded") == "false"){
      defaultMapMarker(7+7,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+7).attr("excluded") == "false"){
      infowindows[7+7].open(map, markers[7+7]);
      activateGoogleMapMarkerIcon(7+7, 'spot') 
      //showMapMarker(7, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 38.2492, lng: -122.9683})
      if (25 > 1)
      {
        showPreview(7, 'spot')
      }
      indexMarkerStayingVisible = 7+7;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',7,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 37.1655, lng: -122.3628};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "gazos-creek-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Gazos Creek, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Gazos Creek, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Gazos Creek, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "gazos-creek-california-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/" + "gazos-creek-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+8).attr("excluded") == "false"){
      showMapMarker(7+8, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+8).attr("excluded") == "false"){
      defaultMapMarker(7+8,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+8).attr("excluded") == "false"){
      infowindows[7+8].open(map, markers[7+8]);
      activateGoogleMapMarkerIcon(7+8, 'spot') 
      //showMapMarker(8, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.1655, lng: -122.3628})
      if (25 > 1)
      {
        showPreview(8, 'spot')
      }
      indexMarkerStayingVisible = 7+8;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',8,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 37.4553, lng: -122.4447};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "half-moon-bay-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Half Moon Bay, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Half Moon Bay, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Half Moon Bay, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Beginner Spot" +
                "</h6>" +
                "<a href='/spots/" + "half-moon-bay-california-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/" + "half-moon-bay-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+9).attr("excluded") == "false"){
      showMapMarker(7+9, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+9).attr("excluded") == "false"){
      defaultMapMarker(7+9,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+9).attr("excluded") == "false"){
      infowindows[7+9].open(map, markers[7+9]);
      activateGoogleMapMarkerIcon(7+9, 'spot') 
      //showMapMarker(9, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.4553, lng: -122.4447})
      if (25 > 1)
      {
        showPreview(9, 'spot')
      }
      indexMarkerStayingVisible = 7+9;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',9,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 37.9381, lng: -122.5081};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "larkspur-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Larkspur, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Larkspur, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Larkspur, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "larkspur-california-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/" + "larkspur-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+10).attr("excluded") == "false"){
      showMapMarker(7+10, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+10).attr("excluded") == "false"){
      defaultMapMarker(7+10,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+10).attr("excluded") == "false"){
      infowindows[7+10].open(map, markers[7+10]);
      activateGoogleMapMarkerIcon(7+10, 'spot') 
      //showMapMarker(10, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.9381, lng: -122.5081})
      if (25 > 1)
      {
        showPreview(10, 'spot')
      }
      indexMarkerStayingVisible = 7+10;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',10,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 37.9083, lng: -122.3507};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "marina-bay-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Marina Bay, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Marina Bay, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Marina Bay, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "marina-bay-california-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/" + "marina-bay-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+11).attr("excluded") == "false"){
      showMapMarker(7+11, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+11).attr("excluded") == "false"){
      defaultMapMarker(7+11,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+11).attr("excluded") == "false"){
      infowindows[7+11].open(map, markers[7+11]);
      activateGoogleMapMarkerIcon(7+11, 'spot') 
      //showMapMarker(11, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.9083, lng: -122.3507})
      if (25 > 1)
      {
        showPreview(11, 'spot')
      }
      indexMarkerStayingVisible = 7+11;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',11,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 38.1069, lng: -122.8496};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "millerton-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Millerton, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Millerton, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Millerton, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "millerton-california-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/" + "millerton-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+12).attr("excluded") == "false"){
      showMapMarker(7+12, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+12).attr("excluded") == "false"){
      defaultMapMarker(7+12,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+12).attr("excluded") == "false"){
      infowindows[7+12].open(map, markers[7+12]);
      activateGoogleMapMarkerIcon(7+12, 'spot') 
      //showMapMarker(12, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 38.1069, lng: -122.8496})
      if (25 > 1)
      {
        showPreview(12, 'spot')
      }
      indexMarkerStayingVisible = 7+12;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',12,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 37.7703, lng: -122.5121};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "ocean-beach-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Ocean Beach, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Ocean Beach, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Ocean Beach, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "ocean-beach-california-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/" + "ocean-beach-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+13).attr("excluded") == "false"){
      showMapMarker(7+13, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+13).attr("excluded") == "false"){
      defaultMapMarker(7+13,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+13).attr("excluded") == "false"){
      infowindows[7+13].open(map, markers[7+13]);
      activateGoogleMapMarkerIcon(7+13, 'spot') 
      //showMapMarker(13, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.7703, lng: -122.5121})
      if (25 > 1)
      {
        showPreview(13, 'spot')
      }
      indexMarkerStayingVisible = 7+13;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',13,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 35.6146, lng: -121.148};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "pico-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Pico, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Pico, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Pico, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "pico-california-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/" + "pico-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+14).attr("excluded") == "false"){
      showMapMarker(7+14, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+14).attr("excluded") == "false"){
      defaultMapMarker(7+14,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+14).attr("excluded") == "false"){
      infowindows[7+14].open(map, markers[7+14]);
      activateGoogleMapMarkerIcon(7+14, 'spot') 
      //showMapMarker(14, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 35.6146, lng: -121.148})
      if (25 > 1)
      {
        showPreview(14, 'spot')
      }
      indexMarkerStayingVisible = 7+14;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',14,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 37.5019, lng: -122.4756};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "pillar-point-harbor-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Pillar Point Harbor, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Pillar Point Harbor, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Pillar Point Harbor, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "pillar-point-harbor-california-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/" + "pillar-point-harbor-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+15).attr("excluded") == "false"){
      showMapMarker(7+15, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+15).attr("excluded") == "false"){
      defaultMapMarker(7+15,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+15).attr("excluded") == "false"){
      infowindows[7+15].open(map, markers[7+15]);
      activateGoogleMapMarkerIcon(7+15, 'spot') 
      //showMapMarker(15, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.5019, lng: -122.4756})
      if (25 > 1)
      {
        showPreview(15, 'spot')
      }
      indexMarkerStayingVisible = 7+15;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',15,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 37.8989, lng: -122.3251};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "point-isabel-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Point Isabel, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Point Isabel, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Point Isabel, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "point-isabel-california-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/" + "point-isabel-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+16).attr("excluded") == "false"){
      showMapMarker(7+16, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+16).attr("excluded") == "false"){
      defaultMapMarker(7+16,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+16).attr("excluded") == "false"){
      infowindows[7+16].open(map, markers[7+16]);
      activateGoogleMapMarkerIcon(7+16, 'spot') 
      //showMapMarker(16, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.8989, lng: -122.3251})
      if (25 > 1)
      {
        showPreview(16, 'spot')
      }
      indexMarkerStayingVisible = 7+16;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',16,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 37.8889, lng: -122.3167};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "racetrack-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Racetrack, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Racetrack, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Racetrack, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "racetrack-california-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/" + "racetrack-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+17).attr("excluded") == "false"){
      showMapMarker(7+17, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+17).attr("excluded") == "false"){
      defaultMapMarker(7+17,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+17).attr("excluded") == "false"){
      infowindows[7+17].open(map, markers[7+17]);
      activateGoogleMapMarkerIcon(7+17, 'spot') 
      //showMapMarker(17, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.8889, lng: -122.3167})
      if (25 > 1)
      {
        showPreview(17, 'spot')
      }
      indexMarkerStayingVisible = 7+17;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',17,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 37.9455, lng: -122.4822};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "rod-gun-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Rod &amp; Gun, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Rod &amp; Gun, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Rod &amp; Gun, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Expert Spot" +
                "</h6>" +
                "<a href='/spots/" + "rod-gun-california-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/" + "rod-gun-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+18).attr("excluded") == "false"){
      showMapMarker(7+18, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+18).attr("excluded") == "false"){
      defaultMapMarker(7+18,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+18).attr("excluded") == "false"){
      infowindows[7+18].open(map, markers[7+18]);
      activateGoogleMapMarkerIcon(7+18, 'spot') 
      //showMapMarker(18, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.9455, lng: -122.4822})
      if (25 > 1)
      {
        showPreview(18, 'spot')
      }
      indexMarkerStayingVisible = 7+18;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',18,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 37.0392, lng: -122.2288};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "scott-creek-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Scott Creek, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Scott Creek, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Scott Creek, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "scott-creek-california-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/" + "scott-creek-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+19).attr("excluded") == "false"){
      showMapMarker(7+19, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+19).attr("excluded") == "false"){
      defaultMapMarker(7+19,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+19).attr("excluded") == "false"){
      infowindows[7+19].open(map, markers[7+19]);
      activateGoogleMapMarkerIcon(7+19, 'spot') 
      //showMapMarker(19, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.0392, lng: -122.2288})
      if (25 > 1)
      {
        showPreview(19, 'spot')
      }
      indexMarkerStayingVisible = 7+19;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',19,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 38.0581, lng: -121.7876};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "sherman-island-county-park-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Sherman Island / County Park, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Sherman Island / County Park, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Sherman Island / County Park, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Beginner Spot" +
                "</h6>" +
                "<a href='/spots/" + "sherman-island-county-park-california-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/" + "sherman-island-county-park-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+20).attr("excluded") == "false"){
      showMapMarker(7+20, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+20).attr("excluded") == "false"){
      defaultMapMarker(7+20,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+20).attr("excluded") == "false"){
      infowindows[7+20].open(map, markers[7+20]);
      activateGoogleMapMarkerIcon(7+20, 'spot') 
      //showMapMarker(20, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 38.0581, lng: -121.7876})
      if (25 > 1)
      {
        showPreview(20, 'spot')
      }
      indexMarkerStayingVisible = 7+20;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',20,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 41.7404, lng: -124.1657};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "south-beach-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "South Beach, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//South Beach, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "South Beach, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "south-beach-california-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/" + "south-beach-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+21).attr("excluded") == "false"){
      showMapMarker(7+21, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+21).attr("excluded") == "false"){
      defaultMapMarker(7+21,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+21).attr("excluded") == "false"){
      infowindows[7+21].open(map, markers[7+21]);
      activateGoogleMapMarkerIcon(7+21, 'spot') 
      //showMapMarker(21, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 41.7404, lng: -124.1657})
      if (25 > 1)
      {
        showPreview(21, 'spot')
      }
      indexMarkerStayingVisible = 7+21;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',21,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 37.8977, lng: -122.6428};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "stinson-beach-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Stinson Beach, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Stinson Beach, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Stinson Beach, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "stinson-beach-california-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/" + "stinson-beach-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+22).attr("excluded") == "false"){
      showMapMarker(7+22, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+22).attr("excluded") == "false"){
      defaultMapMarker(7+22,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+22).attr("excluded") == "false"){
      infowindows[7+22].open(map, markers[7+22]);
      activateGoogleMapMarkerIcon(7+22, 'spot') 
      //showMapMarker(22, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.8977, lng: -122.6428})
      if (25 > 1)
      {
        showPreview(22, 'spot')
      }
      indexMarkerStayingVisible = 7+22;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',22,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 37.8248, lng: -122.3177};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "toll-plaza-beach-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Toll Plaza Beach, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Toll Plaza Beach, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Toll Plaza Beach, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Beginner Spot" +
                "</h6>" +
                "<a href='/spots/" + "toll-plaza-beach-california-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/" + "toll-plaza-beach-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+23).attr("excluded") == "false"){
      showMapMarker(7+23, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+23).attr("excluded") == "false"){
      defaultMapMarker(7+23,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+23).attr("excluded") == "false"){
      infowindows[7+23].open(map, markers[7+23]);
      activateGoogleMapMarkerIcon(7+23, 'spot') 
      //showMapMarker(23, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.8248, lng: -122.3177})
      if (25 > 1)
      {
        showPreview(23, 'spot')
      }
      indexMarkerStayingVisible = 7+23;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',23,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 37.0938, lng: -122.2773};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "waddell-creek-california-usa", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Waddell Creek, California (USA)", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Waddell Creek, California (USA)'}, 
      map:map});
  var infowindow = new google.maps.InfoWindow({
    content: "<div class='col-sm-12 text-center force-padding-left-5px force-padding-right-5px'>" +
                "<h5>" + 
                  "Waddell Creek, California (USA)" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "waddell-creek-california-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/" + "waddell-creek-california-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)

  google.maps.event.addListener(markerSp, 'mouseover', function (event){
    if($("#"+'spot'+'Item'+'wide'+24).attr("excluded") == "false"){
      showMapMarker(7+24, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+24).attr("excluded") == "false"){
      defaultMapMarker(7+24,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+24).attr("excluded") == "false"){
      infowindows[7+24].open(map, markers[7+24]);
      activateGoogleMapMarkerIcon(7+24, 'spot') 
      //showMapMarker(24, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 37.0938, lng: -122.2773})
      if (25 > 1)
      {
        showPreview(24, 'spot')
      }
      indexMarkerStayingVisible = 7+24;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      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('spotItem',24,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script></div><div class="hide-on-wide-ipadscreen"><div class="col-sm-12"><div class="text-center"><h6></h6><div id="Show_Filter_Menu_narrowTitleHidden" onclick="showSectionWithTitleAlternative('Show_Filter_Menu_narrow')" class="force-inline hand-when-hover unselectable"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px"><i class="fas fa-filter availability"></i>Filter</div></div><div id="SelectAllItemsToggle_active_narrow" onclick="selectAllItems();" title="Click to select all" class="hand-when-hover unselectable force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-left-right-3px">Select all <i class="far fa-square availability"></i></div></div><!--div(id='SelectAllItemsToggle_inactive_'+id, onclick="unselectAllItems();").hand-when-hover.unselectable.force-inline.no-display.btn.btn-unplug-blue-min100.reactive-shadow.force-margin-top-bottom-2px.force-margin-left-right-3px
  | Unselect all 
  i.far.fa-check-square.availability
--></div></div></div></div></div></div><h4></h4><div class="row"><div class="col-sm-12 hide-on-narrow-ipadscreen"><div class="text-center"><!--Single button--><div class="text-center"><a id="typeform_singlecontact02" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=KiteTheBay&amp;schoolemail=captainjohn@kitethebay.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><div id="SingleContactButton2"><div id="SingleContactButton_0_2" class="btn btn-unplug-240px reactive force-font-size-20px no-display"><i class="fa fa-paper-plane availability"> </i>Contact KiteTheBay</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact12" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Wind Over Water Kiteboarding&amp;schoolemail=info@wowkiteboarding.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><div id="SingleContactButton2"><div id="SingleContactButton_1_2" class="btn btn-unplug-240px reactive force-font-size-20px no-display"><i class="fa fa-paper-plane availability"> </i>Contact Wind Over Water Kite</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact22" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=KGB Kiteboarding California&amp;schoolemail=info@kgbswag.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><div id="SingleContactButton2"><div id="SingleContactButton_2_2" class="btn btn-unplug-240px reactive force-font-size-20px no-display"><i class="fa fa-paper-plane availability"> </i>Contact KGB Kiteboarding Cal</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact32" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Boardsports California&amp;schoolemail=info@boardsportscalifornia.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><div id="SingleContactButton2"><div id="SingleContactButton_3_2" class="btn btn-unplug-240px reactive force-font-size-20px no-display"><i class="fa fa-paper-plane availability"> </i>Contact Boardsports Californ</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact42" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=KITE415&amp;schoolemail=contact@kite415.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><div id="SingleContactButton2"><div id="SingleContactButton_4_2" class="btn btn-unplug-240px reactive force-font-size-20px no-display"><i class="fa fa-paper-plane availability"> </i>Contact KITE415</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact52" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Benicia Kite and Paddle&amp;schoolemail=chris@kitenaked.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><div id="SingleContactButton2"><div id="SingleContactButton_5_2" class="btn btn-unplug-240px reactive force-font-size-20px no-display"><i class="fa fa-paper-plane availability"> </i>Contact Benicia Kite and Pad</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact62" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=The Kite Bar&amp;schoolemail=info@thekitebar.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><div id="SingleContactButton2"><div id="SingleContactButton_6_2" class="btn btn-unplug-240px reactive force-font-size-20px no-display"><i class="fa fa-paper-plane availability"> </i>Contact The Kite Bar</div></div></a></div><!--MultiContact button--><!--a.typeform-share(id="typeform_multicontact", href='https://unplug673641.typeform.com/to/AnAavU?schoolnames='+multipleContactNames+'&schoolemails='+multipleContactEmails, data-mode='drawer_right')--><div id="MultipleContactButton2" class="center-block no-display"><div onclick="typeformMultiOpen()" class="btn btn-unplug-240px reactive force-font-size-20px"><i class="fa fa-paper-plane availability"> </i><span class="unselectable"></span></div></div><!--+renderSpotPreview(2)--></div></div></div><h6></h6><div id="schoolPreview"></div><div class="hide-on-wide-ipadscreen"><h6></h6><div class="row"><div class="col-sm-12"><div id="schoolItemnarrow0" lat="37.815982700000006" lon="-122.3712321" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><a href="/schools/kitethebay"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><div class="row col-sm-12"><!--a(href='/schools/' + school.fields.slug)--><div class="notranslate">KiteTheBay </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="I highly recommend John for all of your &quot;wind junkie&quot;  activities. He's an expert in all of it, good thorough training sessions, quality equipment (even has radio enabled helmets so he can give instruction from the beach) and good communications. I did the efoil session which was a blast." style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>I highly recommend John for all of your &quot;wind junkie&quot;  acti...<i class="fas fa-quote-right availability-left"></i></i><i title="I highly recommend John for all of your &quot;wind junkie&quot;  activities. He's an expert in all of it, good thorough training sessions, quality equipment (even has radio enabled helmets so he can give instruction from the beach) and good communications. I did the efoil session which was a blast." style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>I highly recommend John for all of...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>1 Clipper Cove Way, San Francisco, CA 94130, États-Unis </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>30km </h6></div></div></div><div class="col-sm-3 text-center"><div id="HierarchyLongInSchoolItem"><!--.row.text-center
  a(href='/schools/' + school.fields.slug)
    if school.fields.premiumHierarchy >= 90
        | LUXURY
      else
        if school.fields.premiumHierarchy >= 50
          | PREMIUM--></div><div class="row"><div class="col-sm-12 text-center"><a href="/schools/kitethebay"><img src="//images.ctfassets.net/engeyisazyq7/2GnScD267n49H33AsRulGK/328924cd6c8e82289b543fd6c7e58b80/kitethebay.PNG" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><h6 class="notranslate"><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i> 4.8/5 (12)      </h6><div class="hide-on-wide-ipadscreen"><i title="I highly recommend John for all of your &quot;wind junkie&quot;  activities. He's an expert in all of it, good thorough training sessions, quality equipment (even has radio enabled helmets so he can give instruction from the beach) and good communications. I did the efoil session which was a blast." style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>I highly recommend John for all of your &quot;wind junkie&quot;  acti...<i class="fas fa-quote-right availability-left"></i></i><i title="I highly recommend John for all of your &quot;wind junkie&quot;  activities. He's an expert in all of it, good thorough training sessions, quality equipment (even has radio enabled helmets so he can give instruction from the beach) and good communications. I did the efoil session which was a blast." style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>I highly recommend John for all of...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>1 Clipper Cove Way, San Francisco, CA 94130, États-Unis </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>30km </h6></div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-4 text-left"><h5 title="Lesson price for 1h of non-private lesson for beginners"> <i class="fas fa-user-graduate availability"></i>Lesson: 130 $/hour</h5></div><div class="col-sm-4 text-left"></div><div class="col-sm-1"></div><div class="col-sm-3 text-center force-no-padding"><div class="multipleContact text-center"><div class="hide-on-narrow-ipadscreen"><div id="wide_item_selected0" onclick="unselectItem(0)" title="Click to unselect this school" class="no-display dont-leave-page"><div class="btn btn-unplug-min100 reactive-shadow dont-leave-page">Selected   <i class="far fa-check-square"></i></div></div><div id="wide_select_item0" onclick="selectItem(0)" title="Click to select this school" class="no-display"><h5 class="force-no-padding-bottom force-no-border-bottom unselectable dont-leave-page">Select   <i class="far fa-square"></i></h5></div></div><div class="hide-on-wide-ipadscreen"><a href="/schools/kitethebay"><div id="narrow_item_seepage0" title="Click to go to school page" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px"><i class="fa fa-eye availability"></i>See Page   </div></div></a><div id="narrow_item_selected0" onclick="unselectItem(0)" title="Click to unselect this school" class="no-display"><div class="btn btn-unplug-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Selected   <i class="far fa-check-square"></i></div></div><div id="narrow_select_item0" onclick="selectItem(0)" title="Click to select this school" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Select   <i class="far fa-square"></i></div><!--.btn.btn-unplug-blue-min100.reactive-shadow| Select   
i.far.fa-square
    --></div></div></div><div class="singleContact text-right no-display"><div class="row hide-on-wide-screen"><a href="https://unplug673641.typeform.com/to/gfUdfRBc?schoolname=KiteTheBay&amp;schoolnumber=+14152955483&amp;schoolnumbertext=tel:+14152955483&amp;destination=San Francisco" data-mode="drawer_right" class="book typeform-share"><!--a(href="tel:#{school.fields.phoneNumber}")--><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=KiteTheBay&amp;schoolemail=captainjohn@kitethebay.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div><div class="row hide-on-narrow-screen"><i aria-hidden="true" onclick="alert('Phone Number: +14152955483');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=KiteTheBay&amp;schoolemail=captainjohn@kitethebay.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div></div></div></div><script>$("#schoolItem"+'wide'+0).attr("hasLesson", "true")
</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 130 $/hour');
script.
  SchoolsListRENTALPRICE.push('');
script.
  SchoolsListDISTANCEAIRPORT.push('30km');
script.
  SchoolsListPREMIUMHIERARCHY.push('33');
script.
  SchoolsListLAT.push('37.815982700000006');
script.
  SchoolsListLON.push('-122.3712321');
script.
  SchoolsListSLUG.push('kitethebay');
script.
  SchoolsListPHONE.push('+14152955483');
script.
  SchoolsListEMAIL.push('captainjohn@kitethebay.com');
script.
  SchoolsListADDRESS.push('1 Clipper Cove Way, San Francisco, CA 94130, États-Unis');--><!--  if(school.fields.hasOwnProperty('logo'))--><!--      script.--><!--        SchoolsListLOGO.push('#{school.fields.logo.fields.file.url}');--><!--  else--><!--      script.--><!--        SchoolsListLOGO.push('');-->
</div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="schoolItemnarrow1" lat="37.6636794" lon="-122.3786345" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><a href="/schools/wowkiteboarding"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><div class="row col-sm-12"><!--a(href='/schools/' + school.fields.slug)--><div class="notranslate">Wind Over Water Kiteboarding </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>95 Harbor Master Rd, South San Francisco, CA 94080, États-Unis </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>6km </h6></div></div></div><div class="col-sm-3 text-center"><div id="HierarchyLongInSchoolItem"><!--.row.text-center
  a(href='/schools/' + school.fields.slug)
    if school.fields.premiumHierarchy >= 90
        | LUXURY
      else
        if school.fields.premiumHierarchy >= 50
          | PREMIUM--></div><div class="row"><div class="col-sm-12 text-center"><a href="/schools/wowkiteboarding"><img src="//images.ctfassets.net/engeyisazyq7/3zeIfnzwNPuEJra9vcTskF/7a3cdfba8f5facbfd01ec228e3f9c17e/logo.png" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><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.3/5</h6><div class="hide-on-wide-ipadscreen"><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>95 Harbor Master Rd, South San Francisco, CA 94080, États-Unis </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>6km </h6></div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-4 text-left"><h5 title="Lesson price for 1h of non-private lesson for beginners"> <i class="fas fa-user-graduate availability"></i>Lesson: 105 $/hour</h5></div><div class="col-sm-4 text-left"></div><div class="col-sm-1"></div><div class="col-sm-3 text-center force-no-padding"><div class="multipleContact text-center"><div class="hide-on-narrow-ipadscreen"><div id="wide_item_selected1" onclick="unselectItem(1)" title="Click to unselect this school" class="no-display dont-leave-page"><div class="btn btn-unplug-min100 reactive-shadow dont-leave-page">Selected   <i class="far fa-check-square"></i></div></div><div id="wide_select_item1" onclick="selectItem(1)" title="Click to select this school" class="no-display"><h5 class="force-no-padding-bottom force-no-border-bottom unselectable dont-leave-page">Select   <i class="far fa-square"></i></h5></div></div><div class="hide-on-wide-ipadscreen"><a href="/schools/wowkiteboarding"><div id="narrow_item_seepage1" title="Click to go to school page" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px"><i class="fa fa-eye availability"></i>See Page   </div></div></a><div id="narrow_item_selected1" onclick="unselectItem(1)" title="Click to unselect this school" class="no-display"><div class="btn btn-unplug-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Selected   <i class="far fa-check-square"></i></div></div><div id="narrow_select_item1" onclick="selectItem(1)" title="Click to select this school" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Select   <i class="far fa-square"></i></div><!--.btn.btn-unplug-blue-min100.reactive-shadow| Select   
i.far.fa-square
    --></div></div></div><div class="singleContact text-right no-display"><div class="row hide-on-wide-screen"><a href="https://unplug673641.typeform.com/to/gfUdfRBc?schoolname=Wind Over Water Kiteboarding&amp;schoolnumber=+16503423585&amp;schoolnumbertext=tel:+16503423585&amp;destination=San Francisco" data-mode="drawer_right" class="book typeform-share"><!--a(href="tel:#{school.fields.phoneNumber}")--><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Wind Over Water Kiteboarding&amp;schoolemail=info@wowkiteboarding.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div><div class="row hide-on-narrow-screen"><i aria-hidden="true" onclick="alert('Phone Number: +16503423585');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Wind Over Water Kiteboarding&amp;schoolemail=info@wowkiteboarding.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div></div></div></div><script>$("#schoolItem"+'wide'+1).attr("hasLesson", "true")
</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 105 $/hour');
script.
  SchoolsListRENTALPRICE.push('');
script.
  SchoolsListDISTANCEAIRPORT.push('6km');
script.
  SchoolsListPREMIUMHIERARCHY.push('29');
script.
  SchoolsListLAT.push('37.6636794');
script.
  SchoolsListLON.push('-122.3786345');
script.
  SchoolsListSLUG.push('wowkiteboarding');
script.
  SchoolsListPHONE.push('+16503423585');
script.
  SchoolsListEMAIL.push('info@wowkiteboarding.com');
script.
  SchoolsListADDRESS.push('95 Harbor Master Rd, South San Francisco, CA 94080, États-Unis');--><!--  if(school.fields.hasOwnProperty('logo'))--><!--      script.--><!--        SchoolsListLOGO.push('#{school.fields.logo.fields.file.url}');--><!--  else--><!--      script.--><!--        SchoolsListLOGO.push('');-->
</div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="schoolItemnarrow2" lat="37.83870570000001" lon="-122.3146048" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><a href="/schools/kgbswag"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><div class="row col-sm-12"><!--a(href='/schools/' + school.fields.slug)--><div class="notranslate">KGB Kiteboarding California </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="Brandon and Danny are awesome! Jumped into kiting this year and, although they’ve been super busy teaching all the other zealous students like myself, they run a great school and take the time each person needs. Bought a 5 lesson package and couldn’t be more satisfied!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Brandon and Danny are awesome! Jumped into kiting this year...<i class="fas fa-quote-right availability-left"></i></i><i title="Brandon and Danny are awesome! Jumped into kiting this year and, although they’ve been super busy teaching all the other zealous students like myself, they run a great school and take the time each person needs. Bought a 5 lesson package and couldn’t be more satisfied!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Brandon and Danny are awesome! Jum...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>3310 Powell St, Emeryville, CA 94608, États-Unis </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>30km </h6></div></div></div><div class="col-sm-3 text-center"><div id="HierarchyLongInSchoolItem"><!--.row.text-center
  a(href='/schools/' + school.fields.slug)
    if school.fields.premiumHierarchy >= 90
        | LUXURY
      else
        if school.fields.premiumHierarchy >= 50
          | PREMIUM--></div><div class="row"><div class="col-sm-12 text-center"><a href="/schools/kgbswag"><img src="//images.ctfassets.net/engeyisazyq7/2ZIGQGHJq0uA7KJ8HF6iO7/09e30a474c7a10b97d648e9e4b661026/kgbswag.png" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><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 (19)      </h6><div class="hide-on-wide-ipadscreen"><i title="Brandon and Danny are awesome! Jumped into kiting this year and, although they’ve been super busy teaching all the other zealous students like myself, they run a great school and take the time each person needs. Bought a 5 lesson package and couldn’t be more satisfied!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Brandon and Danny are awesome! Jumped into kiting this year...<i class="fas fa-quote-right availability-left"></i></i><i title="Brandon and Danny are awesome! Jumped into kiting this year and, although they’ve been super busy teaching all the other zealous students like myself, they run a great school and take the time each person needs. Bought a 5 lesson package and couldn’t be more satisfied!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Brandon and Danny are awesome! Jum...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>3310 Powell St, Emeryville, CA 94608, États-Unis </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>30km </h6></div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-4 text-left"><h5 title="Lesson price for 1h of non-private lesson for beginners"> <i class="fas fa-user-graduate availability"></i>Lesson: 108 $/hour</h5></div><div class="col-sm-4 text-left"><h5 title="Rental price for 1 day with full kitesurf equipment"> <i class="far fa-handshake availability"></i>Rental: 180 $/day</h5></div><div class="col-sm-1"></div><div class="col-sm-3 text-center force-no-padding"><div class="multipleContact text-center"><div class="hide-on-narrow-ipadscreen"><div id="wide_item_selected2" onclick="unselectItem(2)" title="Click to unselect this school" class="no-display dont-leave-page"><div class="btn btn-unplug-min100 reactive-shadow dont-leave-page">Selected   <i class="far fa-check-square"></i></div></div><div id="wide_select_item2" onclick="selectItem(2)" title="Click to select this school" class="no-display"><h5 class="force-no-padding-bottom force-no-border-bottom unselectable dont-leave-page">Select   <i class="far fa-square"></i></h5></div></div><div class="hide-on-wide-ipadscreen"><a href="/schools/kgbswag"><div id="narrow_item_seepage2" title="Click to go to school page" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px"><i class="fa fa-eye availability"></i>See Page   </div></div></a><div id="narrow_item_selected2" onclick="unselectItem(2)" title="Click to unselect this school" class="no-display"><div class="btn btn-unplug-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Selected   <i class="far fa-check-square"></i></div></div><div id="narrow_select_item2" onclick="selectItem(2)" title="Click to select this school" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Select   <i class="far fa-square"></i></div><!--.btn.btn-unplug-blue-min100.reactive-shadow| Select   
i.far.fa-square
    --></div></div></div><div class="singleContact text-right no-display"><div class="row hide-on-wide-screen"><a href="https://unplug673641.typeform.com/to/gfUdfRBc?schoolname=KGB Kiteboarding California&amp;schoolnumber=+18884110732&amp;schoolnumbertext=tel:+18884110732&amp;destination=San Francisco" data-mode="drawer_right" class="book typeform-share"><!--a(href="tel:#{school.fields.phoneNumber}")--><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=KGB Kiteboarding California&amp;schoolemail=info@kgbswag.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div><div class="row hide-on-narrow-screen"><i aria-hidden="true" onclick="alert('Phone Number: +18884110732');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=KGB Kiteboarding California&amp;schoolemail=info@kgbswag.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div></div></div></div><script>$("#schoolItem"+'wide'+2).attr("hasLesson", "true")
</script><script>displayedRentals = displayedRentals + 0.5
$("#schoolItem"+'wide'+2).attr("hasRental", "true")</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 108 $/hour');
script.
  SchoolsListRENTALPRICE.push('Rental: 180 $/day');
script.
  SchoolsListDISTANCEAIRPORT.push('30km');
script.
  SchoolsListPREMIUMHIERARCHY.push('28.5');
script.
  SchoolsListLAT.push('37.83870570000001');
script.
  SchoolsListLON.push('-122.3146048');
script.
  SchoolsListSLUG.push('kgbswag');
script.
  SchoolsListPHONE.push('+18884110732');
script.
  SchoolsListEMAIL.push('info@kgbswag.com');
script.
  SchoolsListADDRESS.push('3310 Powell St, Emeryville, CA 94608, États-Unis');--><!--  if(school.fields.hasOwnProperty('logo'))--><!--      script.--><!--        SchoolsListLOGO.push('#{school.fields.logo.fields.file.url}');--><!--  else--><!--      script.--><!--        SchoolsListLOGO.push('');-->
</div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="schoolItemnarrow3" lat="37.7936458" lon="-122.4130812" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><a href="/schools/boardsportscalifornia"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><div class="row col-sm-12"><!--a(href='/schools/' + school.fields.slug)--><div class="notranslate">Boardsports California </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="Rebecca and her team at Boardsports are fantastic. When it came time for me to buy my own windsurfing gear, Rebecca provided invaluable advice, a range of options at different price points, and ultimately an unbeatable package. I have been having an amazing time out of the water and I attribute it to Rebecca taking the time to understand my skill-level, my preferences, and my windsurfing goals. She also spent a considerable amount of time showing me how to rig and tune my gear (at a social distance) so that its performance is optimal. Thank you for helping me confidently make this investment!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Rebecca and her team at Boardsports are fantastic. When it ...<i class="fas fa-quote-right availability-left"></i></i><i title="Rebecca and her team at Boardsports are fantastic. When it came time for me to buy my own windsurfing gear, Rebecca provided invaluable advice, a range of options at different price points, and ultimately an unbeatable package. I have been having an amazing time out of the water and I attribute it to Rebecca taking the time to understand my skill-level, my preferences, and my windsurfing goals. She also spent a considerable amount of time showing me how to rig and tune my gear (at a social distance) so that its performance is optimal. Thank you for helping me confidently make this investment!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Rebecca and her team at Boardsport...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>1200 Clay St, San Francisco, CA 94108, États-Unis </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>25km </h6></div></div></div><div class="col-sm-3 text-center"><div id="HierarchyLongInSchoolItem"><!--.row.text-center
  a(href='/schools/' + school.fields.slug)
    if school.fields.premiumHierarchy >= 90
        | LUXURY
      else
        if school.fields.premiumHierarchy >= 50
          | PREMIUM--></div><div class="row"><div class="col-sm-12 text-center"><a href="/schools/boardsportscalifornia"><img src="//images.ctfassets.net/engeyisazyq7/3yUbVIyUtD8SnIJENOnj2d/2d3ae18785a9aed2ea1791fa2730e9c6/Boardsports_on-top-01.jpg" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><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="far fa-star"></i><!--nothing--> 4.1/5 (16)      </h6><div class="hide-on-wide-ipadscreen"><i title="Rebecca and her team at Boardsports are fantastic. When it came time for me to buy my own windsurfing gear, Rebecca provided invaluable advice, a range of options at different price points, and ultimately an unbeatable package. I have been having an amazing time out of the water and I attribute it to Rebecca taking the time to understand my skill-level, my preferences, and my windsurfing goals. She also spent a considerable amount of time showing me how to rig and tune my gear (at a social distance) so that its performance is optimal. Thank you for helping me confidently make this investment!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Rebecca and her team at Boardsports are fantastic. When it ...<i class="fas fa-quote-right availability-left"></i></i><i title="Rebecca and her team at Boardsports are fantastic. When it came time for me to buy my own windsurfing gear, Rebecca provided invaluable advice, a range of options at different price points, and ultimately an unbeatable package. I have been having an amazing time out of the water and I attribute it to Rebecca taking the time to understand my skill-level, my preferences, and my windsurfing goals. She also spent a considerable amount of time showing me how to rig and tune my gear (at a social distance) so that its performance is optimal. Thank you for helping me confidently make this investment!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Rebecca and her team at Boardsport...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>1200 Clay St, San Francisco, CA 94108, États-Unis </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>25km </h6></div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-4 text-left"><h5 title="Lesson price for 1h of non-private lesson for beginners"> <i class="fas fa-user-graduate availability"></i>Lesson: 80 $/hour</h5></div><div class="col-sm-4 text-left"><h5 title="Rental price for 1 day with full kitesurf equipment"> <i class="far fa-handshake availability"></i>Rental: 150 $/day</h5></div><div class="col-sm-1"></div><div class="col-sm-3 text-center force-no-padding"><div class="multipleContact text-center"><div class="hide-on-narrow-ipadscreen"><div id="wide_item_selected3" onclick="unselectItem(3)" title="Click to unselect this school" class="no-display dont-leave-page"><div class="btn btn-unplug-min100 reactive-shadow dont-leave-page">Selected   <i class="far fa-check-square"></i></div></div><div id="wide_select_item3" onclick="selectItem(3)" title="Click to select this school" class="no-display"><h5 class="force-no-padding-bottom force-no-border-bottom unselectable dont-leave-page">Select   <i class="far fa-square"></i></h5></div></div><div class="hide-on-wide-ipadscreen"><a href="/schools/boardsportscalifornia"><div id="narrow_item_seepage3" title="Click to go to school page" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px"><i class="fa fa-eye availability"></i>See Page   </div></div></a><div id="narrow_item_selected3" onclick="unselectItem(3)" title="Click to unselect this school" class="no-display"><div class="btn btn-unplug-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Selected   <i class="far fa-check-square"></i></div></div><div id="narrow_select_item3" onclick="selectItem(3)" title="Click to select this school" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Select   <i class="far fa-square"></i></div><!--.btn.btn-unplug-blue-min100.reactive-shadow| Select   
i.far.fa-square
    --></div></div></div><div class="singleContact text-right no-display"><div class="row hide-on-wide-screen"><a href="https://unplug673641.typeform.com/to/gfUdfRBc?schoolname=Boardsports California&amp;schoolnumber=+14153851224&amp;schoolnumbertext=tel:+14153851224&amp;destination=San Francisco" data-mode="drawer_right" class="book typeform-share"><!--a(href="tel:#{school.fields.phoneNumber}")--><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Boardsports California&amp;schoolemail=info@boardsportscalifornia.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div><div class="row hide-on-narrow-screen"><i aria-hidden="true" onclick="alert('Phone Number: +14153851224');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Boardsports California&amp;schoolemail=info@boardsportscalifornia.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div></div></div></div><script>$("#schoolItem"+'wide'+3).attr("hasLesson", "true")
</script><script>displayedRentals = displayedRentals + 0.5
$("#schoolItem"+'wide'+3).attr("hasRental", "true")</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 80 $/hour');
script.
  SchoolsListRENTALPRICE.push('Rental: 150 $/day');
script.
  SchoolsListDISTANCEAIRPORT.push('25km');
script.
  SchoolsListPREMIUMHIERARCHY.push('28.5');
script.
  SchoolsListLAT.push('37.7936458');
script.
  SchoolsListLON.push('-122.4130812');
script.
  SchoolsListSLUG.push('boardsportscalifornia');
script.
  SchoolsListPHONE.push('+14153851224');
script.
  SchoolsListEMAIL.push('info@boardsportscalifornia.com');
script.
  SchoolsListADDRESS.push('1200 Clay St, San Francisco, CA 94108, États-Unis');--><!--  if(school.fields.hasOwnProperty('logo'))--><!--      script.--><!--        SchoolsListLOGO.push('#{school.fields.logo.fields.file.url}');--><!--  else--><!--      script.--><!--        SchoolsListLOGO.push('');-->
</div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="schoolItemnarrow4" lat="37.82436420000001" lon="-122.377122" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><a href="/schools/kite415"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><div class="row col-sm-12"><!--a(href='/schools/' + school.fields.slug)--><div class="notranslate">KITE415 </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="Awesome peaceful place" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Awesome peaceful place<i class="fas fa-quote-right availability-left"></i></i><i title="Awesome peaceful place" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Awesome peaceful place<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>1309 Gateview Ave, San Francisco, CA 94130, États-Unis </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>30km </h6></div></div></div><div class="col-sm-3 text-center"><div id="HierarchyLongInSchoolItem"><!--.row.text-center
  a(href='/schools/' + school.fields.slug)
    if school.fields.premiumHierarchy >= 90
        | LUXURY
      else
        if school.fields.premiumHierarchy >= 50
          | PREMIUM--></div><div class="row"><div class="col-sm-12 text-center"><a href="/schools/kite415"><img src="//images.ctfassets.net/engeyisazyq7/5NTO7A6KnVr56phVBfmZcW/c7bbc76eb9057f4029920b938b44d5a3/Capture.PNG" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><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.3/5 (4)      </h6><div class="hide-on-wide-ipadscreen"><i title="Awesome peaceful place" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Awesome peaceful place<i class="fas fa-quote-right availability-left"></i></i><i title="Awesome peaceful place" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Awesome peaceful place<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>1309 Gateview Ave, San Francisco, CA 94130, États-Unis </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>30km </h6></div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-4 text-left"><h5 title="Lesson price for 1h of non-private lesson for beginners"> <i class="fas fa-user-graduate availability"></i>Lesson: 100 $/hour</h5></div><div class="col-sm-4 text-left"></div><div class="col-sm-1"></div><div class="col-sm-3 text-center force-no-padding"><div class="multipleContact text-center"><div class="hide-on-narrow-ipadscreen"><div id="wide_item_selected4" onclick="unselectItem(4)" title="Click to unselect this school" class="no-display dont-leave-page"><div class="btn btn-unplug-min100 reactive-shadow dont-leave-page">Selected   <i class="far fa-check-square"></i></div></div><div id="wide_select_item4" onclick="selectItem(4)" title="Click to select this school" class="no-display"><h5 class="force-no-padding-bottom force-no-border-bottom unselectable dont-leave-page">Select   <i class="far fa-square"></i></h5></div></div><div class="hide-on-wide-ipadscreen"><a href="/schools/kite415"><div id="narrow_item_seepage4" title="Click to go to school page" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px"><i class="fa fa-eye availability"></i>See Page   </div></div></a><div id="narrow_item_selected4" onclick="unselectItem(4)" title="Click to unselect this school" class="no-display"><div class="btn btn-unplug-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Selected   <i class="far fa-check-square"></i></div></div><div id="narrow_select_item4" onclick="selectItem(4)" title="Click to select this school" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Select   <i class="far fa-square"></i></div><!--.btn.btn-unplug-blue-min100.reactive-shadow| Select   
i.far.fa-square
    --></div></div></div><div class="singleContact text-right no-display"><div class="row hide-on-wide-screen"><a href="https://unplug673641.typeform.com/to/gfUdfRBc?schoolname=KITE415&amp;schoolnumber=+14152448007&amp;schoolnumbertext=tel:+14152448007&amp;destination=San Francisco" data-mode="drawer_right" class="book typeform-share"><!--a(href="tel:#{school.fields.phoneNumber}")--><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=KITE415&amp;schoolemail=contact@kite415.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div><div class="row hide-on-narrow-screen"><i aria-hidden="true" onclick="alert('Phone Number: +14152448007');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=KITE415&amp;schoolemail=contact@kite415.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div></div></div></div><script>$("#schoolItem"+'wide'+4).attr("hasLesson", "true")
</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 100 $/hour');
script.
  SchoolsListRENTALPRICE.push('');
script.
  SchoolsListDISTANCEAIRPORT.push('30km');
script.
  SchoolsListPREMIUMHIERARCHY.push('28');
script.
  SchoolsListLAT.push('37.82436420000001');
script.
  SchoolsListLON.push('-122.377122');
script.
  SchoolsListSLUG.push('kite415');
script.
  SchoolsListPHONE.push('+14152448007');
script.
  SchoolsListEMAIL.push('contact@kite415.com');
script.
  SchoolsListADDRESS.push('1309 Gateview Ave, San Francisco, CA 94130, États-Unis');--><!--  if(school.fields.hasOwnProperty('logo'))--><!--      script.--><!--        SchoolsListLOGO.push('#{school.fields.logo.fields.file.url}');--><!--  else--><!--      script.--><!--        SchoolsListLOGO.push('');-->
</div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="schoolItemnarrow5" lat="38.0628131" lon="-122.1790502" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><a href="/schools/benicia-kite"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><div class="row col-sm-12"><!--a(href='/schools/' + school.fields.slug)--><div class="notranslate">Benicia Kite and Paddle </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="Chris was awesome. Very good paddleboarding experience. He was there on time waiting for us and had everything we needed.  He was very pleasant and him and his little boy were very easy to work with.

The equipment was really nice as well, the boards were well taken care of and new.

Very flexible, will do business again!

Thanks!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Chris was awesome. Very good paddleboarding experience. He ...<i class="fas fa-quote-right availability-left"></i></i><i title="Chris was awesome. Very good paddleboarding experience. He was there on time waiting for us and had everything we needed.  He was very pleasant and him and his little boy were very easy to work with.

The equipment was really nice as well, the boards were well taken care of and new.

Very flexible, will do business again!

Thanks!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Chris was awesome. Very good paddl...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>park, W 12th St, Benicia, CA 94510, États-Unis </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>70km </h6></div></div></div><div class="col-sm-3 text-center"><div id="HierarchyLongInSchoolItem"><!--.row.text-center
  a(href='/schools/' + school.fields.slug)
    if school.fields.premiumHierarchy >= 90
        | LUXURY
      else
        if school.fields.premiumHierarchy >= 50
          | PREMIUM--></div><div class="row"><div class="col-sm-12 text-center"><a href="/schools/benicia-kite"><img src="//images.ctfassets.net/engeyisazyq7/7MPiWjJRpWiSIsNcDWDlMk/2f6777abe0cf2a3253ba835bbbbfc2c3/logo-3.png" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><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 (13)      </h6><div class="hide-on-wide-ipadscreen"><i title="Chris was awesome. Very good paddleboarding experience. He was there on time waiting for us and had everything we needed.  He was very pleasant and him and his little boy were very easy to work with.

The equipment was really nice as well, the boards were well taken care of and new.

Very flexible, will do business again!

Thanks!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Chris was awesome. Very good paddleboarding experience. He ...<i class="fas fa-quote-right availability-left"></i></i><i title="Chris was awesome. Very good paddleboarding experience. He was there on time waiting for us and had everything we needed.  He was very pleasant and him and his little boy were very easy to work with.

The equipment was really nice as well, the boards were well taken care of and new.

Very flexible, will do business again!

Thanks!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Chris was awesome. Very good paddl...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>park, W 12th St, Benicia, CA 94510, États-Unis </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>70km </h6></div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-4 text-left"></div><div class="col-sm-4 text-left"></div><div class="col-sm-8 text-left"><h5 class="force-no-border-bottom"></h5></div><div class="col-sm-1"></div><div class="col-sm-3 text-center force-no-padding"><div class="multipleContact text-center"><div class="hide-on-narrow-ipadscreen"><div id="wide_item_selected5" onclick="unselectItem(5)" title="Click to unselect this school" class="no-display dont-leave-page"><div class="btn btn-unplug-min100 reactive-shadow dont-leave-page">Selected   <i class="far fa-check-square"></i></div></div><div id="wide_select_item5" onclick="selectItem(5)" title="Click to select this school" class="no-display"><h5 class="force-no-padding-bottom force-no-border-bottom unselectable dont-leave-page">Select   <i class="far fa-square"></i></h5></div></div><div class="hide-on-wide-ipadscreen"><a href="/schools/benicia-kite"><div id="narrow_item_seepage5" title="Click to go to school page" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px"><i class="fa fa-eye availability"></i>See Page   </div></div></a><div id="narrow_item_selected5" onclick="unselectItem(5)" title="Click to unselect this school" class="no-display"><div class="btn btn-unplug-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Selected   <i class="far fa-check-square"></i></div></div><div id="narrow_select_item5" onclick="selectItem(5)" title="Click to select this school" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Select   <i class="far fa-square"></i></div><!--.btn.btn-unplug-blue-min100.reactive-shadow| Select   
i.far.fa-square
    --></div></div></div><div class="singleContact text-right no-display"><div class="row hide-on-wide-screen"><a href="https://unplug673641.typeform.com/to/gfUdfRBc?schoolname=Benicia Kite and Paddle&amp;schoolnumber=+12093042200&amp;schoolnumbertext=tel:+12093042200&amp;destination=San Francisco" data-mode="drawer_right" class="book typeform-share"><!--a(href="tel:#{school.fields.phoneNumber}")--><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Benicia Kite and Paddle&amp;schoolemail=chris@kitenaked.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div><div class="row hide-on-narrow-screen"><i aria-hidden="true" onclick="alert('Phone Number: +12093042200');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Benicia Kite and Paddle&amp;schoolemail=chris@kitenaked.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div></div></div></div><script>$("#schoolItem"+'wide'+5).attr("hasLesson", "true")
</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('');
script.
  SchoolsListRENTALPRICE.push('');
script.
  SchoolsListDISTANCEAIRPORT.push('70km');
script.
  SchoolsListPREMIUMHIERARCHY.push('18');
script.
  SchoolsListLAT.push('38.0628131');
script.
  SchoolsListLON.push('-122.1790502');
script.
  SchoolsListSLUG.push('benicia-kite');
script.
  SchoolsListPHONE.push('+12093042200');
script.
  SchoolsListEMAIL.push('chris@kitenaked.com');
script.
  SchoolsListADDRESS.push('park, W 12th St, Benicia, CA 94510, États-Unis');--><!--  if(school.fields.hasOwnProperty('logo'))--><!--      script.--><!--        SchoolsListLOGO.push('#{school.fields.logo.fields.file.url}');--><!--  else--><!--      script.--><!--        SchoolsListLOGO.push('');-->
</div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="schoolItemnarrow6" lat="38.03551059999999" lon="-121.8834327" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><a href="/schools/thekitebar"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><div class="row col-sm-12"><!--a(href='/schools/' + school.fields.slug)--><div class="notranslate">The Kite Bar </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i> 51 Marina Blvd c, Pittsburg, CA 94565, États-Unis </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>80km </h6></div></div></div><div class="col-sm-3 text-center"><div id="HierarchyLongInSchoolItem"><!--.row.text-center
  a(href='/schools/' + school.fields.slug)
    if school.fields.premiumHierarchy >= 90
        | LUXURY
      else
        if school.fields.premiumHierarchy >= 50
          | PREMIUM--></div><div class="row"><div class="col-sm-12 text-center"><a href="/schools/thekitebar"><img src="//images.ctfassets.net/engeyisazyq7/3RUzfpFWw4MSqTHASzKfOg/da0ed7de7f6a3461909cb29d2651f3c7/logo.png" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-wide-ipadscreen"><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i> 51 Marina Blvd c, Pittsburg, CA 94565, États-Unis </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>80km </h6></div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-4 text-left"></div><div class="col-sm-4 text-left"></div><div class="col-sm-8 text-left"><h5 class="force-no-border-bottom"></h5></div><div class="col-sm-1"></div><div class="col-sm-3 text-center force-no-padding"><div class="multipleContact text-center"><div class="hide-on-narrow-ipadscreen"><div id="wide_item_selected6" onclick="unselectItem(6)" title="Click to unselect this school" class="no-display dont-leave-page"><div class="btn btn-unplug-min100 reactive-shadow dont-leave-page">Selected   <i class="far fa-check-square"></i></div></div><div id="wide_select_item6" onclick="selectItem(6)" title="Click to select this school" class="no-display"><h5 class="force-no-padding-bottom force-no-border-bottom unselectable dont-leave-page">Select   <i class="far fa-square"></i></h5></div></div><div class="hide-on-wide-ipadscreen"><a href="/schools/thekitebar"><div id="narrow_item_seepage6" title="Click to go to school page" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px"><i class="fa fa-eye availability"></i>See Page   </div></div></a><div id="narrow_item_selected6" onclick="unselectItem(6)" title="Click to unselect this school" class="no-display"><div class="btn btn-unplug-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Selected   <i class="far fa-check-square"></i></div></div><div id="narrow_select_item6" onclick="selectItem(6)" title="Click to select this school" class="force-inline"><div class="btn btn-unplug-blue-min100 reactive-shadow force-margin-top-bottom-2px force-margin-left-right-3px">Select   <i class="far fa-square"></i></div><!--.btn.btn-unplug-blue-min100.reactive-shadow| Select   
i.far.fa-square
    --></div></div></div><div class="singleContact text-right no-display"><div class="row hide-on-wide-screen"><a href="https://unplug673641.typeform.com/to/gfUdfRBc?schoolname=The Kite Bar&amp;schoolnumber=+14153361554&amp;schoolnumbertext=tel:+14153361554&amp;destination=San Francisco" data-mode="drawer_right" class="book typeform-share"><!--a(href="tel:#{school.fields.phoneNumber}")--><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=The Kite Bar&amp;schoolemail=info@thekitebar.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div><div class="row hide-on-narrow-screen"><i aria-hidden="true" onclick="alert('Phone Number: +14153361554');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=The Kite Bar&amp;schoolemail=info@thekitebar.com&amp;destination=San Francisco" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div></div></div></div><script>$("#schoolItem"+'wide'+6).attr("hasLesson", "true")
</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('');
script.
  SchoolsListRENTALPRICE.push('');
script.
  SchoolsListDISTANCEAIRPORT.push('80km');
script.
  SchoolsListPREMIUMHIERARCHY.push('18');
script.
  SchoolsListLAT.push('38.03551059999999');
script.
  SchoolsListLON.push('-121.8834327');
script.
  SchoolsListSLUG.push('thekitebar');
script.
  SchoolsListPHONE.push('+14153361554');
script.
  SchoolsListEMAIL.push('info@thekitebar.com');
script.
  SchoolsListADDRESS.push(' 51 Marina Blvd c, Pittsburg, CA 94565, États-Unis');--><!--  if(school.fields.hasOwnProperty('logo'))--><!--      script.--><!--        SchoolsListLOGO.push('#{school.fields.logo.fields.file.url}');--><!--  else--><!--      script.--><!--        SchoolsListLOGO.push('');-->
</div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow0" lat="37.5734" lon="-122.2793" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/3rd-ave-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->3rd Ave, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>3rd Ave, California, next to San Mateo, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>15km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/3rd-ave-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/4ni7revp6BoZV0rjvEa3Fy/51e7b6fd524cffbb05bc0c34267a2d19/KiteforumLogo2872_46turIjw4Ap16hV7eCdmEr_import_0" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Shallow, Chop, Small waves and Medium waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/3rd-ave-california-usa"><div id="narrow_item_seepage0" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+0).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow1" lat="37.764" lon="-122.2737" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/alameda-beach-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Alameda Beach, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Alameda Beach, California, next to Alameda, Oakland, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>25km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/alameda-beach-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/7uTzy7kQ0OnWHsYIOx2B6z/3061d7abca4115cc23f4c086ba60ad23/KiteforumLogo3221_4LY9XzrDnDd8eAQPBhUaDu_import_0" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Beginner</div><div class="hide-on-wide-screen">Beginner Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Shallow and Chop </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/alameda-beach-california-usa"><div id="narrow_item_seepage1" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsBeginner = displayedSpotsBeginner + 0.5
$("#spotItem"+'wide'+1).attr("hasBeginner", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow2" lat="35.652" lon="-121.2216" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/arroyo-laguna-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Arroyo Laguna, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Arroyo Laguna, California, next to Salinas, San Simeon, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>315km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/arroyo-laguna-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/35Eki0729bQHeezm1VpuG3/f41662dc3f3420174a99d4669d25b295/GoogleImageSpotLogo1_Qbdp8x8qTznYY71rsfwF3_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Medium waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/arroyo-laguna-california-usa"><div id="narrow_item_seepage2" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+2).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow3" lat="37.8459" lon="-122.3014" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/berkeley-marina-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Berkeley Marina, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Berkeley Marina, California, next to Emeryville, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>35km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/berkeley-marina-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/1l4inmbPFDMaKNEsAP9qGT/1ffe0f2e24e58b795e3e1136896eabcc/KiteforumLogo1384_2ArQJkqiDdjvGBtX3Rgub0_import_0" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Chop </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/berkeley-marina-california-usa"><div id="narrow_item_seepage3" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+3).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow4" lat="38.3246" lon="-123.0398" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/bodega-bay-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Bodega Bay, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Bodega Bay, California, next to Santa Rosa, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>125km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/bodega-bay-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/5qNgSdKtZCWnqmparzaKj5/77f24f31cef616a29caae5c0428fc35e/GoogleImageSpotLogo1_9VAG9Sv90YpQLYLVpcrud_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Beginner</div><div class="hide-on-wide-screen">Beginner Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Shallow, Flat and Small waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/bodega-bay-california-usa"><div id="narrow_item_seepage4" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsBeginner = displayedSpotsBeginner + 0.5
$("#spotItem"+'wide'+4).attr("hasBeginner", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow5" lat="37.5895" lon="-122.3264" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/coyote-point-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Coyote Point, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Coyote Point, California, next to San Mateo, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>10km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/coyote-point-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/6eOk11SIW6dWi6t3DvhrHq/7257f5d846ed59716378508c38bb6087/KiteforumLogo1000_1q21foH7VmveLUmsUr7Xf8_import_0" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Flat and Chop </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/coyote-point-california-usa"><div id="narrow_item_seepage5" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+5).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow6" lat="37.8052" lon="-122.4594" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/crissy-field-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Crissy Field, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Crissy Field, California, next to San Francisco, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>30km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/crissy-field-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/49GtUTZdsfY01XcUeViJ3/e0ceee6fb9980e64688942bb1b076898/KiteforumLogo3352_4R1ATUBRo2p1X3hbWqnHk2_import_0" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Flat, Chop, Small waves and Medium waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/crissy-field-california-usa"><div id="narrow_item_seepage6" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+6).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow7" lat="38.2492" lon="-122.9683" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/dillon-beach-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Dillon Beach, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Dillon Beach, California, next to Petaluma, Dillon Beach, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>115km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/dillon-beach-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/PKiHvM6lAl9XOqk3irfS0/9d737f1e09db86b1c0d1bb93cbdd1566/KiteforumLogo6348_yNp1Vnht9nf81QZwF06xU_import_0" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Chop, Small waves and Medium waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/dillon-beach-california-usa"><div id="narrow_item_seepage7" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+7).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow8" lat="37.1655" lon="-122.3628" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/gazos-creek-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Gazos Creek, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Gazos Creek, California, next to Santa Cruz, Pescadero, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>65km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/gazos-creek-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/3V7Yo88WUr3VoxywTffwUA/15469b62b400d98ecd0ad93375649aca/GoogleImageSpotLogo1_3lzWsbCs4H8bXfqlyBdQDj_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Medium waves and Big waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/gazos-creek-california-usa"><div id="narrow_item_seepage8" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+8).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow9" lat="37.4553" lon="-122.4447" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/half-moon-bay-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Half Moon Bay, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Half Moon Bay, California, next to Half Moon Bay, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>25km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/half-moon-bay-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/3gIuUKqTd95Onqwxl1Tz37/6409db0e73fa89e8b38033877dd74521/GoogleImageSpotLogo1_1f0L3D7SD9MK7CYk1k58ds_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Beginner</div><div class="hide-on-wide-screen">Beginner Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Small waves and Medium waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/half-moon-bay-california-usa"><div id="narrow_item_seepage9" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsBeginner = displayedSpotsBeginner + 0.5
$("#spotItem"+'wide'+9).attr("hasBeginner", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow10" lat="37.9381" lon="-122.5081" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/larkspur-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Larkspur, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Larkspur, California, next to San Rafael, Larkspur, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>50km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/larkspur-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/1MroL0uIj9UhOTXOtXd5YV/706829fbcddd066e543f5ae0ef202b54/GoogleImageSpotLogo1_3hue2UslGKcokyPWDFWSXf_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Shallow and Flat </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/larkspur-california-usa"><div id="narrow_item_seepage10" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+10).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow11" lat="37.9083" lon="-122.3507" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/marina-bay-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Marina Bay, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Marina Bay, California, next to Richmond, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>40km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/marina-bay-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/7EsMK7yY9SavsXmCSDv1b1/b26c420ef227179744ab975f1a841fe0/GoogleImageSpotLogo1_31NK4yDkRXKUZV40nqeKHH_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Flat and Chop </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/marina-bay-california-usa"><div id="narrow_item_seepage11" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+11).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow12" lat="38.1069" lon="-122.8496" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/millerton-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Millerton, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Millerton, California, next to Point Reyes Station, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>90km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/millerton-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/4lxy5mymrKSmxGE8P6uU1H/7591d61b64bada42289cb0cb9120218c/GoogleImageSpotLogo1_5GXYcOcvAguUHHFoGutodh_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Flat and Chop </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/millerton-california-usa"><div id="narrow_item_seepage12" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+12).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow13" lat="37.7703" lon="-122.5121" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/ocean-beach-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Ocean Beach, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Ocean Beach, California, next to San Francisco, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>25km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/ocean-beach-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/4B9CYraMJnM0K62yrnYU8Z/874ae0d03800459dd5614d5b5a4fbf76/GoogleImageSpotLogo1_G3aW89hSiJBlEotP7wwN0_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Medium waves and Big waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/ocean-beach-california-usa"><div id="narrow_item_seepage13" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+13).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow14" lat="35.6146" lon="-121.148" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/pico-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Pico, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Pico, California, next to Cambria, San Simeon, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>325km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/pico-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/7FKrOGU7TiHh1A2oFfDqr1/123b784f0b55056d65f9b18f8199480b/GoogleImageSpotLogo1_4cytGcVzAyp4mx0DMGQ5Xz_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Small waves and Medium waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/pico-california-usa"><div id="narrow_item_seepage14" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+14).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow15" lat="37.5019" lon="-122.4756" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/pillar-point-harbor-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Pillar Point Harbor, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Pillar Point Harbor, California, next to Half Moon Bay, El Granada, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>20km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/pillar-point-harbor-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/m0DZCS5eyY0aTe5KUd2Zu/735a203a64bab7ef9e24da9287a0caa0/GoogleImageSpotLogo1_5kkSCduVKSXXPwgcsROs7T_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Flat </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/pillar-point-harbor-california-usa"><div id="narrow_item_seepage15" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+15).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow16" lat="37.8989" lon="-122.3251" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/point-isabel-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Point Isabel, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Point Isabel, California, next to Richmond, Berkeley, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>40km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/point-isabel-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/hG8RwBkPQr73XFDPHu6FS/0a77be2797aaf4b530711fb75e495e7f/GoogleImageSpotLogo1_5XfaBpPJIX6DknfXiroOYm_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Flat and Chop </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/point-isabel-california-usa"><div id="narrow_item_seepage16" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+16).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow17" lat="37.8889" lon="-122.3167" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/racetrack-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Racetrack, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Racetrack, California, next to Albany, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>40km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/racetrack-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/1uUhUJ24wF0MQDwQU8TVGw/99608689e56342b9d4b32f029ad3cd9c/KiteforumLogo4655_6GwpaZM318FgNPOIjlaHJA_import_0" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Flat, Chop and Small waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/racetrack-california-usa"><div id="narrow_item_seepage17" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+17).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow18" lat="37.9455" lon="-122.4822" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/rod-gun-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Rod &amp; Gun, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Rod &amp; Gun, California, next to San Rafael, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>50km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/rod-gun-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/3EhElmv5OMUpbJcaMnUfV9/c2b06cd67d191c1eb0f5e75cc727051e/GoogleImageSpotLogo1_1beSv0U1wBM3RWOrhzHiKO_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Expert</div><div class="hide-on-wide-screen">Expert Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Chop </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/rod-gun-california-usa"><div id="narrow_item_seepage18" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsExpert = displayedSpotsExpert + 0.5
$("#spotItem"+'wide'+18).attr("hasExpert", "true")
</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow19" lat="37.0392" lon="-122.2288" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/scott-creek-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Scott Creek, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Scott Creek, California, next to Santa Cruz, Davenport, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>85km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/scott-creek-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/7Fvp5Ol8Dik9CFYIRYjydK/6f49bf6296dc64011500de45848a91dc/GoogleImageSpotLogo1_1umpWYtJv3YuvDK3XFcc5U_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Small waves, Medium waves and Big waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/scott-creek-california-usa"><div id="narrow_item_seepage19" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+19).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow20" lat="38.0581" lon="-121.7876" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/sherman-island-county-park-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Sherman Island / County Park, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Sherman Island / County Park, California, next to Rio Vista, Antioch, San Francisco, Oakland, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>90km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/sherman-island-county-park-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/2Xok034silhCVeG0WJQzHB/5cc1ed3800d4ee52d15e779a90262703/KiteforumLogo2478_3NMeiEmb1hZ6Bjv4Dy8UD6_import_0" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Beginner</div><div class="hide-on-wide-screen">Beginner Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Shallow, Flat, Chop and Small waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/sherman-island-county-park-california-usa"><div id="narrow_item_seepage20" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsBeginner = displayedSpotsBeginner + 0.5
$("#spotItem"+'wide'+20).attr("hasBeginner", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow21" lat="41.7404" lon="-124.1657" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/south-beach-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->South Beach, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>South Beach, California, next to Crescent City, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>630km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/south-beach-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/13iUjJWSxnFmqDdUs0gDCY/24d52949f032365a109141ef27f29160/GoogleImageSpotLogo1_7v510Tw7OA7mEdfjyOUF5A_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Small waves and Medium waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/south-beach-california-usa"><div id="narrow_item_seepage21" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+21).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow22" lat="37.8977" lon="-122.6428" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/stinson-beach-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Stinson Beach, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Stinson Beach, California, next to Stinson Beach, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>50km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/stinson-beach-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/4yqU93R1nRpMvv7GGcNsIo/b594bbb2fbd2d9fbdd396355b626e0cc/GoogleImageSpotLogo1_1c5HcHwIpvu7s0l2KAOJLO_import_1" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Small waves and Medium waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/stinson-beach-california-usa"><div id="narrow_item_seepage22" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+22).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow23" lat="37.8248" lon="-122.3177" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/toll-plaza-beach-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Toll Plaza Beach, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Toll Plaza Beach, California, next to San Francisco, Oakland, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>30km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/toll-plaza-beach-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/6MuqOTEJGIwf5NnxkW0hiA/ee6bd218ac6d4436c6a65bc307c0b22d/KiteforumLogo5170_71FpFlo5wceoup4YnkbC8d_import_0" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Beginner</div><div class="hide-on-wide-screen">Beginner Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Shallow, Flat and Small waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/toll-plaza-beach-california-usa"><div id="narrow_item_seepage23" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsBeginner = displayedSpotsBeginner + 0.5
$("#spotItem"+'wide'+23).attr("hasBeginner", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow24" lat="37.0938" lon="-122.2773" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/waddell-creek-california-usa"><div id="container" class="thumbnail reactive hand-when-hover"><div class="row"><div class="thumbnail-header"><div class="thumbnail-header-title"><div class="col-sm-9 text-left"><!--a(href='/spots/' + spot.fields.slug)-->Waddell Creek, California (USA) <h6> <i class="fa fa-map-marker-alt availability"></i>Waddell Creek, California, next to Half Moon Bay, Santa Cruz, San Francisco, California (USA) </h6><h6> <i class="fa fa-plane-arrival availability"></i>75km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/waddell-creek-california-usa"><img src="//images.ctfassets.net/engeyisazyq7/6P0KV1Sppcx7DpL4p691xe/ff8a973a6cd889955939106ffc30f6d5/KiteforumLogo2865_46BxlFVIigJSQd1KAFVhPJ_import_0" alt="Spot" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><div class="hide-on-narrow-screen">Intermediate</div><div class="hide-on-wide-screen">Intermediate Spot</div></div></div></div></div></div></div><div class="row"><div class="col-sm-12"><div class="col-sm-8 text-left"><h5><i class="fas fa-align-right"></i><i class="fas fa-snowboarding availability"></i><b>Small waves, Medium waves and Big waves </b></h5></div><div class="col-sm-4 text-center force-no-padding">          <div class="hide-on-wide-screen"><a href="/spots/waddell-creek-california-usa"><div id="narrow_item_seepage24" class="force-inline force-margin-right-10px"><div class="btn btn-unplug-blue-min100 reactive-shadow"><i class="fa fa-eye availability"></i>See Page   </div></div></a></div></div></div></div><script>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+24).attr("hasIntermediate", "true")</script></div></a></div></div></div></div></div></div><script>var typeformMultiOpen = function(){
    window.typeformEmbed.makePopup(
        'https://unplug673641.typeform.com/to/AnAavU?schoolnames='+multipleContactNames+'&schoolemails='+multipleContactEmails+'&schoolnumber='+multipleContactItems.length
        , {
            mode: 'drawer_right',
            hideHeaders: true,
            hideFooter: true
          }).open()
  }
function typeformFunctionUpdate(){
    typeformMultiOpen = function(){
    window.typeformEmbed.makePopup(
        'https://unplug673641.typeform.com/to/AnAavU?schoolnames='+multipleContactNames+'&schoolemails='+multipleContactEmails+'&schoolnumber='+multipleContactItems.length
        , {
            mode: 'drawer_right',
            hideHeaders: true,
            hideFooter: true
          }).open()
  }
}
</script><div id="EndOfPage">    </div><div class="row"> <div class="col-md-2"></div><div class="col-md-6"><!--+renderDisqus()--></div><div class="col-md-4"></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><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='/pricing') Pricing--><li><a href="/privacy">Privacy Policy</a></li><li><a href="/terms-and-conditions">Terms and Conditions</a></li><!--lia(href='/') Confidentiality--><!--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><li><a href="https://twitter.com/unplug_team/" rel="tooltip" title="Twitter" target="_blank" class="icon-twitter"><span><i class="fab fa-twitter force-font-size-30px"></i></span></a></li><li><a href="https://www.tumblr.com/unplug-team/" rel="tooltip" title="Tumblr" target="_blank" class="icon-tumblr"><span><i class="fab fa-tumblr force-font-size-30px"></i></span></a></li><li><a href="https://www.instagram.com/unplug_team/" 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</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>