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

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

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

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

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

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

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

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

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

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

</script><!--+scriptGoogleTranslate--></head><body><script>function adaptGlobalDisplay(){
    
    ////////////////////////////////////////////////////////////
    //   FORMER TITLE RECTANLGES (Top on Mobile, Left on PC)  //
    ////////////////////////////////////////////////////////////
    /*
    //HIDEorSHOW SideColumn element #1 on NARROW
    if (document.getElementById("PartToHideWhenNarrowWindow1"))
      if (window.innerWidth < 992 && document.getElementById("PartToHideWhenNarrowWindow1").getBoundingClientRect().bottom > document.getElementById("MainColumnTop").getBoundingClientRect().top)
          document.getElementById("PartToHideWhenNarrowWindow1").style.visibility = 'hidden'
      else 
          document.getElementById("PartToHideWhenNarrowWindow1").style.visibility = 'visible'
          
    //HIDEorSHOW SideColumn element #2 on NARROW
    if (document.getElementById("PartToHideWhenNarrowWindow2"))
      if (window.innerWidth < 992 && document.getElementById("PartToHideWhenNarrowWindow2").getBoundingClientRect().bottom > document.getElementById("MainColumnTop").getBoundingClientRect().top)
              document.getElementById("PartToHideWhenNarrowWindow2").style.visibility = 'hidden'
      else 
              document.getElementById("PartToHideWhenNarrowWindow2").style.visibility = 'visible'
              
    //HIDEorSHOW SideColumn element #3 on NARROW          
    if (document.getElementById("PartToHideWhenNarrowWindow3"))
      if (window.innerWidth < 992 && document.getElementById("PartToHideWhenNarrowWindow3").getBoundingClientRect().bottom > document.getElementById("MainColumnTop").getBoundingClientRect().top)
              document.getElementById("PartToHideWhenNarrowWindow3").style.visibility = 'hidden'
      else 
              document.getElementById("PartToHideWhenNarrowWindow3").style.visibility = 'visible'
     */

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

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

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

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

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

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

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

window.onbeforeunload = showWaitingBlock

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

</script><div id="navbar" class="unselectable notranslate"><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="navbar-container"><!-- Brand and toggle get grouped for better mobile display--><!--a.navbar-brand(href='/').no-displayimg.unplug-logo(id='navbar-logo', src='/img/landing-page-unplug-cruising-on-flat-water0.jpg')--><a href="/" class="navbar-brand force-no-padding-right"><img id="navbar-logo" src="/img/logo-unplug-top.png" class="unplug-logo"></a><!--a.navbar-brand(href='#').force-no-padding-left#translate-container.btn.btn-unplug-blue-auto-width
  #google_translate_element--><!--#SocialMediaShareContainer.no-display+rendrerShareSocialMediaActionButton()          --><div id="UpdateShortcutContainer" class="hide-on-wide-screen"></div><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" class="navbar-toggle"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button></div><!-- Collect the nav links, forms, and other content for toggling--><div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse"><ul class="nav navbar-nav nav-right"> <li><a id="navbar-search" href="/searchnew"> <i class="fa fa-search availability reactiveX2"></i>Find School & Spot </a></li><li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle"><i class="fa fa-globe-americas availability reactiveX2"></i>Explore the World    <b class="caret"></b>                  <ul class="dropdown-menu"> <li><a href="/areas/france">  France</a></li><li><a href="/areas/spain-portugal">  Spain-Portugal</a></li><li><a href="/areas/italy">Italy</a></li><li><a href="/areas/greece">Greece</a></li><li><a href="/areas/north-europe">Northern Europe</a></li><li><a href="/areas/eastern-europe">Eastern Europe</a></li><li class="divider">      </li><li><a href="/areas/west-north-africa-canarias">West North Africa-Canarias</a></li><li><a href="/areas/east-south-africa">East South Africa</a></li><li class="divider">      </li><li><a href="/areas/brazil">Brazil</a></li><li><a href="/areas/latin-america">Latin America</a></li><li><a href="/areas/caribbean">Caribbean</a></li><li><a href="/areas/north-america">North America</a></li><li class="divider"></li><li><a href="/areas/middle-east">Middle East</a></li><li><a href="/areas/asia">Asia</a></li><li><a href="/areas/oceania">Oceania</a></li></ul></a></li><!--lia(id='navbar-kitetrips', href='/kitetrips') 
  i.fas.fa-handshake.availability.reactiveX2
  | Cashback Trips--><li><a id="navbar-kitetrips" href="/pricing"> <i class="fas fa-handshake availability reactiveX2"></i>Pricing Plans</a></li><li><a href="https://unplug673641.typeform.com/to/aTvCi6" data-mode="drawer_right" target="_blank" class="typeform-share"> <i class="fa fa-user-plus availability reactiveX2"></i>Add your Kitesurf School or Spot    </a></li><!--li.dropdowna.dropdown-toggle(href='#', data-toggle='dropdown')
  i.fa.fa-info.availability.reactiveX2 
  | About
  b.caret
  |                   
  ul.dropdown-menu 
    li
      a(href='/about')   About Us
    li
      a(href='/cashback')   Cashback Program
    li
      a(href='/pricing') Pricing
    li
      a.typeform-share(id='contact_typeform_3' , href='https://unplug673641.typeform.com/to/jA1qp4?Page=', data-mode='drawer_right', target='_blank') Help
      script.
        $(window).on('load', function() {
          document.getElementById("contact_typeform_3").href = document.getElementById("contact_typeform_3").href.replace('jA1qp4?Page=', 'jA1qp4?Page='+window.location.href);
        })--><!--lia.typeform-share(href='https://unplug673641.typeform.com/to/aTvCi6', data-mode='drawer_right', target='_blank') 
  i.far.fa-handshake.availability.reactiveX2
  | Share/rent your equipment
//+scriptTypeform()--><!--lia.typeform-share(id='contact_typeform_1', href='https://unplug673641.typeform.com/to/jA1qp4?Page=', data-mode='drawer_right', target='_blank')
    i.fa.fa-comments.availability.reactiveX2                
    | Contact us    
script.
  $(window).on('load', function() {
    document.getElementById("contact_typeform_1").href = document.getElementById("contact_typeform_1").href.replace('jA1qp4?Page=', 'jA1qp4?Page='+window.location.href);
  })
--></ul></div><!-- /.navbar-collapse--><!-- /.container-fluid--><div id="ScrollIndicator"><div class="header"><div class="progress-container"><div id="ScrollBar" class="progress-bar"></div></div></div></div></div></nav></div><div id="content" class="content-container"><div id="waiting-block" onclick="hideWaitingBlock()"><div class="content"><div class="text-center"><i class="fa fa-spinner fa-pulse fa-5x fa-fw"></i></div></div></div><script>document.getElementById('navbar-logo').addEventListener('mouseenter', function (event){
    document.getElementById('navbar-logo').src='/img/logo-unplug-yellow.png';
})
document.getElementById('navbar-logo').addEventListener('mouseleave', function (event){
    document.getElementById('navbar-logo').src='/img/logo-unplug.png';
})
$("#waiting-block").hide()</script><!--+rendrerShareSocialMedia('LinkToBeShared')--><script>document.title = '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-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": "25 rue de Ponthieu",
                "addressLocality": "Paris",
                "addressRegion": "FR",
                "postalCode": "75008",
                "addressCountry": "FR"
              },
              "geo": {
                "@type": "GeoCoordinates",
                "latitude": 48.8707684,
                "longitude": 2.3090453
              },
              "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.60000000000001"
var averageLessonPriceEUR = "104.60000000000001"
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 = "/img/i_de_lo/4GsXLMVHzANfnTC9Ty6THB_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></div><div class="col-sm-12">     <div class="row hide-on-narrow-ipadscreen"><div class="col-sm-12 force-no-margin-top"><!--#adGallery.carousel.slide(data-ride='carousel', data-interval='3000').text-center--><div id="adGallery" class="d-flex align-items-center justify-content-center text-center"><div id="adGallery1" class="reactive no-display"><a href="/schools/wind-voyager-mediterranean"><img src="/img/i_sc_lo/4EjahTTqbX17TJVAvgOcJW_Wind-Voyager.jpg" alt="Wind Voyager - Mediterranean" class="img-fluid"/><h3 style="font-size: vw;">Wind Voyager - Mediterranean</h3><h1><i class="fas fa-times"></i></h1><img src="/img/logo-unplug-blue.png" alt="UNPLUG" class="img-fluid"/><h4 style="font-size: vw;">in Ibiza    </h4></a></div><div id="adGallery2" class="reactive no-display"><a href="/schools/olsen-adventures"><img src="/img/i_sc_lo/4dXxAm60lAkbvuL9zOGybk_olsden.JPG" alt="Olsen Adventures" class="img-fluid"/><h3 style="font-size: vw;">Olsen Adventures</h3><h1><i class="fas fa-times"></i></h1><img src="/img/logo-unplug-blue.png" alt="UNPLUG" class="img-fluid"/><h4 style="font-size: vw;">in Keys</h4></a></div><div id="adGallery3" class="reactive no-display"><a href="/schools/thekitemag-clinics"><img src="/img/i_sc_lo/5XLIvfJj1ww2wwPfONPWuk_kite-clinics.png" alt="TheKiteMag Clinics" class="img-fluid"/><h3 style="font-size: vw;">TheKiteMag Clinics</h3><h1><i class="fas fa-times"></i></h1><img src="/img/logo-unplug-blue.png" alt="UNPLUG" class="img-fluid"/><h4 style="font-size: vw;">in Fortaleza / Cumbuco</h4></a></div></div><script>document.getElementById('adGallery').classList.add('force-no-margin-top')
//document.getElementById('adGallery2').classList.add('force-no-margin-top')
//document.getElementById('adGallery3').classList.add('force-no-margin-top')
</script></div></div></div></div><div id="MainColumnTop" class="col-md-6 single-item"><div class="hide-on-wide-screen"></div><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=KGB Kiteboarding California&amp;schoolslug=kgbswag&amp;schoolemail=info@kgbswag.com&amp;destination=San Francisco&amp;selectedbookingwhensubmitted=undefined" 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 KGB Kiteboarding Cal</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact11" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Boardsports California&amp;schoolslug=boardsportscalifornia&amp;schoolemail=info@boardsportscalifornia.com&amp;destination=San Francisco&amp;selectedbookingwhensubmitted=undefined" 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 Boardsports Californ</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact21" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=KiteTheBay&amp;schoolslug=kitethebay&amp;schoolemail=captainjohn@kitethebay.com&amp;destination=San Francisco&amp;selectedbookingwhensubmitted=undefined" 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 KiteTheBay</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact31" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Wind Over Water Kiteboarding&amp;schoolslug=wowkiteboarding&amp;schoolemail=info@wowkiteboarding.com&amp;destination=San Francisco&amp;selectedbookingwhensubmitted=undefined" 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 Wind Over Water Kite</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact41" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=KITE415&amp;schoolslug=kite415&amp;schoolemail=contact@kite415.com&amp;destination=San Francisco&amp;selectedbookingwhensubmitted=undefined" 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;schoolslug=benicia-kite&amp;schoolemail=chris@kitenaked.com&amp;destination=San Francisco&amp;selectedbookingwhensubmitted=undefined" 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;schoolslug=thekitebar&amp;schoolemail=info@thekitebar.com&amp;destination=San Francisco&amp;selectedbookingwhensubmitted=undefined" 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.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"><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="/img/i_sc_lo/2ZIGQGHJq0uA7KJ8HF6iO7_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"><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_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/kgbswag"><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=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;schoolslug=kgbswag&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;schoolslug=kgbswag&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'+0).attr("hasLesson", "true")
</script><script>displayedRentals = displayedRentals + 0.5
$("#schoolItem"+'wide'+0).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('1.238');
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="schoolItemwide1" 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"><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="/img/i_sc_lo/3yUbVIyUtD8SnIJENOnj2d_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 (15)      </h6><div class="hide-on-wide-ipadscreen"><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_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/boardsportscalifornia"><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=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;schoolslug=boardsportscalifornia&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;schoolslug=boardsportscalifornia&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'+1).attr("hasLesson", "true")
</script><script>displayedRentals = displayedRentals + 0.5
$("#schoolItem"+'wide'+1).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('1.2320000000000002');
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="schoolItemwide2" 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"><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="/img/i_sc_lo/2GnScD267n49H33AsRulGK_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.9/5 (23)      </h6><div class="hide-on-wide-ipadscreen"><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_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/kitethebay"><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=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;schoolslug=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;schoolslug=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'+2).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('1.1480000000000001');
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="schoolItemwide3" 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="/img/i_sc_lo/3zeIfnzwNPuEJra9vcTskF_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.5/5 (8)      </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_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/wowkiteboarding"><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=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;schoolslug=wowkiteboarding&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;schoolslug=wowkiteboarding&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'+3).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('1.04');
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="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"><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="/img/i_sc_lo/5NTO7A6KnVr56phVBfmZcW_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"><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;schoolslug=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;schoolslug=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('0.9359999999999999');
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"><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="/img/i_sc_lo/7MPiWjJRpWiSIsNcDWDlMk_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 (12)      </h6><div class="hide-on-wide-ipadscreen"><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;schoolslug=benicia-kite&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;schoolslug=benicia-kite&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('0.65');
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="/img/i_sc_lo/3RUzfpFWw4MSqTHASzKfOg_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;schoolslug=thekitebar&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;schoolslug=thekitebar&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('0.55');
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="/img/i_sp_lo/4ni7revp6BoZV0rjvEa3Fy_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="/img/i_sp_lo/7uTzy7kQ0OnWHsYIOx2B6z_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="/img/i_sp_lo/35Eki0729bQHeezm1VpuG3_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="/img/i_sp_lo/1l4inmbPFDMaKNEsAP9qGT_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="/img/i_sp_lo/5qNgSdKtZCWnqmparzaKj5_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="/img/i_sp_lo/6eOk11SIW6dWi6t3DvhrHq_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="/img/i_sp_lo/49GtUTZdsfY01XcUeViJ3_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="/img/i_sp_lo/PKiHvM6lAl9XOqk3irfS0_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="/img/i_sp_lo/3V7Yo88WUr3VoxywTffwUA_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="/img/i_sp_lo/3gIuUKqTd95Onqwxl1Tz37_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="/img/i_sp_lo/1MroL0uIj9UhOTXOtXd5YV_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="/img/i_sp_lo/7EsMK7yY9SavsXmCSDv1b1_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="/img/i_sp_lo/4lxy5mymrKSmxGE8P6uU1H_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="/img/i_sp_lo/4B9CYraMJnM0K62yrnYU8Z_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="/img/i_sp_lo/7FKrOGU7TiHh1A2oFfDqr1_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="/img/i_sp_lo/m0DZCS5eyY0aTe5KUd2Zu_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="/img/i_sp_lo/hG8RwBkPQr73XFDPHu6FS_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="/img/i_sp_lo/1uUhUJ24wF0MQDwQU8TVGw_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="/img/i_sp_lo/3EhElmv5OMUpbJcaMnUfV9_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="/img/i_sp_lo/7Fvp5Ol8Dik9CFYIRYjydK_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="/img/i_sp_lo/2Xok034silhCVeG0WJQzHB_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="/img/i_sp_lo/13iUjJWSxnFmqDdUs0gDCY_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="/img/i_sp_lo/4yqU93R1nRpMvv7GGcNsIo_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="/img/i_sp_lo/6MuqOTEJGIwf5NnxkW0hiA_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="/img/i_sp_lo/6P0KV1Sppcx7DpL4p691xe_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++
      BookingDescriptionPrompt = 'For info, the potential customer interest is to contact '+ selectedItems +' schools among 7 in San Francisco'
      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()
        BookingDescriptionPrompt.replace('1 ','')
      }
    }
    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.3146048, 37.83870570000001], 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.83870570000001, lng: -122.3146048})
        if (indexMarkerStayingVisible == 0 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/schools/kgbswag' ,'_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.4130812, 37.7936458], 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.7936458, lng: -122.4130812})
        if (indexMarkerStayingVisible == 1 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/schools/boardsportscalifornia' ,'_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.3712321, 37.815982700000006], 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.815982700000006, lng: -122.3712321})
        if (indexMarkerStayingVisible == 2 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/schools/kitethebay' ,'_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.3786345, 37.6636794], 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.6636794, lng: -122.3786345})
        if (indexMarkerStayingVisible == 3 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/schools/wowkiteboarding' ,'_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><!--API key 'destination'--><script async="async" defer="defer" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD8DyIikc0ZLdDHXHlF_K-eFrNtnsTVDVo&amp;callback=myMap"></script><!--ADD Shools on GoogleMap--><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'+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.83870570000001, lng: -122.3146048})
      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.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'+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.7936458, lng: -122.4130812})
      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.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'+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.815982700000006, lng: -122.3712321})
      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.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'+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.6636794, lng: -122.3786345})
      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) ){
        $("#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) ){
        $("#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) ){
        $("#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) ){
        $("#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) ){
        $("#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) ){
        $("#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) ){
        $("#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) ){
        $("#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) ){
        $("#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) ){
        $("#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) ){
        $("#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) ){
        $("#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) ){
        $("#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) ){
        $("#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) ){
        $("#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) ){
        $("#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) ){
        $("#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) ){
        $("#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) ){
        $("#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) ){
        $("#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) ){
        $("#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) ){
        $("#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) ){
        $("#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) ){
        $("#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) ){
        $("#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=KGB Kiteboarding California&amp;schoolslug=kgbswag&amp;schoolemail=info@kgbswag.com&amp;destination=San Francisco&amp;selectedbookingwhensubmitted=undefined" 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 KGB Kiteboarding Cal</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact12" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Boardsports California&amp;schoolslug=boardsportscalifornia&amp;schoolemail=info@boardsportscalifornia.com&amp;destination=San Francisco&amp;selectedbookingwhensubmitted=undefined" 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 Boardsports Californ</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact22" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=KiteTheBay&amp;schoolslug=kitethebay&amp;schoolemail=captainjohn@kitethebay.com&amp;destination=San Francisco&amp;selectedbookingwhensubmitted=undefined" 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 KiteTheBay</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact32" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Wind Over Water Kiteboarding&amp;schoolslug=wowkiteboarding&amp;schoolemail=info@wowkiteboarding.com&amp;destination=San Francisco&amp;selectedbookingwhensubmitted=undefined" 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 Wind Over Water Kite</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact42" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=KITE415&amp;schoolslug=kite415&amp;schoolemail=contact@kite415.com&amp;destination=San Francisco&amp;selectedbookingwhensubmitted=undefined" 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;schoolslug=benicia-kite&amp;schoolemail=chris@kitenaked.com&amp;destination=San Francisco&amp;selectedbookingwhensubmitted=undefined" 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;schoolslug=thekitebar&amp;schoolemail=info@thekitebar.com&amp;destination=San Francisco&amp;selectedbookingwhensubmitted=undefined" 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.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"><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="/img/i_sc_lo/2ZIGQGHJq0uA7KJ8HF6iO7_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"><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_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/kgbswag"><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=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;schoolslug=kgbswag&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;schoolslug=kgbswag&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'+0).attr("hasLesson", "true")
</script><script>displayedRentals = displayedRentals + 0.5
$("#schoolItem"+'wide'+0).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('1.238');
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="schoolItemnarrow1" 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"><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="/img/i_sc_lo/3yUbVIyUtD8SnIJENOnj2d_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 (15)      </h6><div class="hide-on-wide-ipadscreen"><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_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/boardsportscalifornia"><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=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;schoolslug=boardsportscalifornia&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;schoolslug=boardsportscalifornia&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'+1).attr("hasLesson", "true")
</script><script>displayedRentals = displayedRentals + 0.5
$("#schoolItem"+'wide'+1).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('1.2320000000000002');
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="schoolItemnarrow2" 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"><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="/img/i_sc_lo/2GnScD267n49H33AsRulGK_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.9/5 (23)      </h6><div class="hide-on-wide-ipadscreen"><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_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/kitethebay"><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=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;schoolslug=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;schoolslug=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'+2).attr("hasLesson", "true")
</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 130 $/hour');
script.
  SchoolsListRENTALPRICE.push('');
script.
  SchoolsListDISTANCEAIRPORT.push('30km');
script.
  SchoolsListPREMIUMHIERARCHY.push('1.1480000000000001');
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="schoolItemnarrow3" 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="/img/i_sc_lo/3zeIfnzwNPuEJra9vcTskF_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.5/5 (8)      </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_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/wowkiteboarding"><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=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;schoolslug=wowkiteboarding&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;schoolslug=wowkiteboarding&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'+3).attr("hasLesson", "true")
</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 105 $/hour');
script.
  SchoolsListRENTALPRICE.push('');
script.
  SchoolsListDISTANCEAIRPORT.push('6km');
script.
  SchoolsListPREMIUMHIERARCHY.push('1.04');
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="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"><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="/img/i_sc_lo/5NTO7A6KnVr56phVBfmZcW_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"><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;schoolslug=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;schoolslug=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('0.9359999999999999');
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"><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="/img/i_sc_lo/7MPiWjJRpWiSIsNcDWDlMk_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 (12)      </h6><div class="hide-on-wide-ipadscreen"><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;schoolslug=benicia-kite&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;schoolslug=benicia-kite&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('0.65');
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="/img/i_sc_lo/3RUzfpFWw4MSqTHASzKfOg_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;schoolslug=thekitebar&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;schoolslug=thekitebar&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('0.55');
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="thumbnail hide-on-wide-ipadscreen always"><div class="thumbnail-header-title padding-10px-right"><div class="row"><div class="col-sm-12 text-left-on-wide-center-on-narrow"><h5> <i class="far fa-handshake availability"> </i>Discover also...</h5></div></div><div class="row"><div class="col-sm-12"><!--#adGallery.carousel.slide(data-ride='carousel', data-interval='3000').text-center--><div id="adGalleryMobile" class="d-flex align-items-center justify-content-center text-center"><div id="adGalleryMobile1" class="reactive no-display"><a href="/schools/wind-voyager-mediterranean"><img src="/img/i_sc_lo/4EjahTTqbX17TJVAvgOcJW_Wind-Voyager.jpg" alt="Wind Voyager - Mediterranean" class="pxlimited-SmallLogo img-fluid img-thumbnail reactive"/><h4 style="font-size: 7vw;">Wind Voyager - Mediterranean</h4><h6 class="force-no-margin-top"><i class="fas fa-times"></i></h6><img src="/img/logo-unplug-blue.png" style="width: 60%" alt="UNPLUG" class="img-fluid"/><h4 style="font-size: 5vw;" class="force-no-margin">in Ibiza</h4></a></div><div id="adGalleryMobile2" class="reactive no-display"><a href="/schools/olsen-adventures"><img src="/img/i_sc_lo/4dXxAm60lAkbvuL9zOGybk_olsden.JPG" alt="Olsen Adventures" class="pxlimited-SmallLogo img-fluid img-thumbnail reactive"/><h4 style="font-size: 7vw;">Olsen Adventures</h4><h6 class="force-no-margin-top"><i class="fas fa-times"></i></h6><img src="/img/logo-unplug-blue.png" style="width: 60%" alt="UNPLUG" class="img-fluid"/><h4 style="font-size: 5vw;" class="force-no-margin">in Keys</h4></a></div><div id="adGalleryMobile3" class="reactive no-display"><a href="/schools/thekitemag-clinics"><img src="/img/i_sc_lo/5XLIvfJj1ww2wwPfONPWuk_kite-clinics.png" alt="TheKiteMag Clinics" class="pxlimited-SmallLogo img-fluid img-thumbnail reactive"/><h4 style="font-size: 7vw;">TheKiteMag Clinics</h4><h6 class="force-no-margin-top"><i class="fas fa-times"></i></h6><img src="/img/logo-unplug-blue.png" style="width: 60%" alt="UNPLUG" class="img-fluid"/><h4 style="font-size: 5vw;" class="force-no-margin">in Fortaleza / Cumbuco</h4></a></div></div><h2> </h2></div></div></div></div><script>$(document).ready(function() {
  var currentIndex = 1;
  var currentIndexMobile = 1;
  function showNextAdGallery() {
    $("#adGallery" + currentIndex).fadeOut("slow", function() {
      currentIndex = (currentIndex % 3) + 1;
      var nextAdGallery = $("#adGallery" + currentIndex);
      nextAdGallery.fadeIn("slow");
    });
  }
  function showNextAdGalleryMobile() {
    $("#adGalleryMobile" + currentIndexMobile).fadeOut("slow", function() {
      currentIndexMobile = (currentIndexMobile % 3) + 1;
      var nextAdGallery = $("#adGalleryMobile" + currentIndexMobile);
      nextAdGallery.fadeIn("slow");
    });
  }
  showNextAdGallery()
  showNextAdGalleryMobile()

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

</script><div class="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="/img/i_sp_lo/4ni7revp6BoZV0rjvEa3Fy_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="/img/i_sp_lo/7uTzy7kQ0OnWHsYIOx2B6z_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="/img/i_sp_lo/35Eki0729bQHeezm1VpuG3_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="/img/i_sp_lo/1l4inmbPFDMaKNEsAP9qGT_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="/img/i_sp_lo/5qNgSdKtZCWnqmparzaKj5_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="/img/i_sp_lo/6eOk11SIW6dWi6t3DvhrHq_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="/img/i_sp_lo/49GtUTZdsfY01XcUeViJ3_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="/img/i_sp_lo/PKiHvM6lAl9XOqk3irfS0_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="/img/i_sp_lo/3V7Yo88WUr3VoxywTffwUA_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="/img/i_sp_lo/3gIuUKqTd95Onqwxl1Tz37_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="/img/i_sp_lo/1MroL0uIj9UhOTXOtXd5YV_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="/img/i_sp_lo/7EsMK7yY9SavsXmCSDv1b1_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="/img/i_sp_lo/4lxy5mymrKSmxGE8P6uU1H_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="/img/i_sp_lo/4B9CYraMJnM0K62yrnYU8Z_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="/img/i_sp_lo/7FKrOGU7TiHh1A2oFfDqr1_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="/img/i_sp_lo/m0DZCS5eyY0aTe5KUd2Zu_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="/img/i_sp_lo/hG8RwBkPQr73XFDPHu6FS_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="/img/i_sp_lo/1uUhUJ24wF0MQDwQU8TVGw_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="/img/i_sp_lo/3EhElmv5OMUpbJcaMnUfV9_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="/img/i_sp_lo/7Fvp5Ol8Dik9CFYIRYjydK_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="/img/i_sp_lo/2Xok034silhCVeG0WJQzHB_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="/img/i_sp_lo/13iUjJWSxnFmqDdUs0gDCY_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="/img/i_sp_lo/4yqU93R1nRpMvv7GGcNsIo_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="/img/i_sp_lo/6MuqOTEJGIwf5NnxkW0hiA_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="/img/i_sp_lo/6P0KV1Sppcx7DpL4p691xe_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><!--lia(href='/cashback') Cashback Program--><li><a href="/pricing">Pricing</a></li><li><a id="contact_typeform_2" href="https://unplug673641.typeform.com/to/jA1qp4?Page=" data-mode="drawer_right" target="_blank" class="typeform-share">Help</a><script>$(window).on('load', function() {
  document.getElementById("contact_typeform_2").href = document.getElementById("contact_typeform_2").href.replace('jA1qp4?Page=', 'jA1qp4?Page='+window.location.href);
})</script></li><!--lia(href='/') Legal Terms--></ul></div><div class="col-md-3"><h5>Discover your Kitesurf escape</h5><ul class="list-unstyled notranslate"><li><a href="/areas/world">Explore World Map</a></li><li class="hide-on-narrow-ipadscreen"><a href="/">School Finder</a></li><li class="hide-on-wide-ipadscreen"><a href="/searchnew">School Finder</a></li><li><a href="/brands/all">Kitesurf Shops</a></li></ul></div><div class="col-md-3 notranslate"><h5>Best Kitesurfing areas</h5><ul class="list-unstyled"><li><a href="/areas/world">All Areas</a></li><li><a href="/areas/france">France</a></li><li><a href="/areas/spain-portugal">Spain & Portugal</a></li><li><a href="/areas/west-north-africa-canarias">West North Africa - Canarias</a></li><li><a href="/areas/east-south-africa">East South Africa</a></li><li><a href="/areas/caribbean">Caribbean</a></li><li><a href="/areas/brazil">Brazil</a></li></ul></div><div class="col-md-3 notranslate"><h5>Best Kitesurfing destinations</h5><ul class="list-unstyled"><li><a href="/destinations/dakhla">Dakhla</a></li><li><a href="/destinations/tarifa">Tarifa</a></li><li><a href="/destinations/bretagne">Bretagne</a></li><li><a href="/destinations/jericoacoara">Jericoacoara</a></li><li><a href="/destinations/fortaleza">Fortaleza</a></li><li><a href="/destinations/cape-town">Cape Town</a></li><li><a href="/destinations/san-francisco">San Francisco</a></li></ul></div><!--.col-md-3ul.list-unstyled
  li
      a(href='/destinations/antigua') Antigua
  li
      a(href='/destinations/cartagena') Cartagena
  li
      a(href='/destinations/jericoacoara') Jericoacoara
  li
      a(href='/destinations/squamish') Squamish
  li
      a(href='/destinations/fuerteventura') Fuerteventura
  li
      a(href='/destinations/rodrigues') Rodrigues
  li
      a(href='/destinations/israel') Israel
  li
      a(href='/destinations/bali') Bali
  li
      a(href='/destinations/new-zealand') New Zealand--><!--.col-md-3ul.list-unstyled
  li
      a(href='/destinations/bretagne') Bretagne
  li
      a(href='/destinations/marsala') Marsala
  li
      a(href='/destinations/athens') Athens
  li
      a(href='/destinations/netherlands') Netherlands
  li
      a(href='/destinations/croatia') Croatia
  li
      a(href='/destinations/cabarete') Cabarete
  li
      a(href='/destinations/buenos-aires') Buenos Aires
  li
      a(href='/destinations/hurghada') Hurghada
  li
      a(href='/destinations/mui-ne') Mui Ne
  li
      a(href='/destinations/queensland') Queensland
  li
      a(href='/destinations/essaouira') Essaouira
  li
      a(href='/destinations/alicante') Alicante
  li
      a(href='/destinations/olbia') Olbia
  li
      a(href='/destinations/sri-lanka') Sri Lanka
  li
      a(href='/destinations/toronto') Toronto
  li
      a(href='/destinations/porto-alegre') Porto Alegre
  li
      a(href='/destinations/martinique') Martinique
  li
      a(href='/destinations/jericoacoara') Jericoacoara
  li
      a(href='/destinations/bali') Bali
  li
      a(href='/destinations/san-francisco') San Francisco
  li
      a(href='/destinations/antigua') Antigua
  li
      a(href='/destinations/cabarete') Cabarete
  li
      a(href='/destinations/fortaleza') Fortaleza
  li
      a(href='/destinations/hurghada') Hurghada
  li
      a(href='/destinations/mui-ne') Mui Ne--></div></div></div><div class="row"><div class="col-md-12"> <ul class="list-unstyled social-icon"><li><a href="https://www.facebook.com/TeamUnplug/" rel="tooltip" title="Facebook" target="_blank" class="icon-facebook"><span><i class="fab fa-facebook-square force-font-size-30px"></i></span></a></li><!--lia.icon-twitter(href='https://twitter.com/unplug_kitesurf/', rel='tooltip', title='Twitter' target='_blank')
  span
    i.fab.fa-twitter.force-font-size-30px--><!--lia.icon-tumblr(href='https://www.tumblr.com/unplug-team/', rel='tooltip', title='Tumblr' target='_blank')
  span
    i.fab.fa-tumblr.force-font-size-30px--><li><a href="https://www.instagram.com/unplug_kitesurf/" rel="tooltip" title="Instagram" target="_blank" class="icon-instagram"><span><i class="fab fa-instagram force-font-size-30px"></i></span></a></li></ul></div></div><div class="row"><div class="col-md-12"><img src="/img/logo-unplug.png" class="unplug-logo"></div></div></div><!-- end:footer--><!-- begin:copyright--><!--COOKIE--><!--script(src='/js/jquery-eu-cookie-law-popup.js')--><div id="copyright" class="unselectable"><div class="container"><div class="row"><div class="col-md-12"><small>Copyright © 2019 unplug |  <a href="/privacy" class="color-always-white">Privacy Policy </a>| <a href="/terms-and-conditions" class="color-always-white">Terms and Conditions</a></small></div></div></div></div><!-- end:copyright--><script>/*document.querySelector('playpause').addEventListener('load', function(){
  document.getElementById("playpause").click()
  // The image is ready!
});*/

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