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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

window.onbeforeunload = showWaitingBlock

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

</script><div id="navbar" class="unselectable notranslate"><nav role="navigation" class="navbar navbar-default navbar-fixed-top"><div class="navbar-container"><!-- Brand and toggle get grouped for better mobile display--><!--a.navbar-brand(href='/').no-displayimg.unplug-logo(id='navbar-logo', src='/img/landing-page-unplug-cruising-on-flat-water0.jpg')--><a href="/" class="navbar-brand force-no-padding-right"><img id="navbar-logo" src="/img/logo-unplug-top.png" class="unplug-logo"></a><!--a.navbar-brand(href='#').force-no-padding-left#translate-container.btn.btn-unplug-blue-auto-width
  #google_translate_element--><!--#SocialMediaShareContainer.no-display+rendrerShareSocialMediaActionButton()          --><div id="UpdateShortcutContainer" class="hide-on-wide-screen"></div><div class="navbar-header"><button type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" class="navbar-toggle"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button></div><!-- Collect the nav links, forms, and other content for toggling--><div id="bs-example-navbar-collapse-1" class="collapse navbar-collapse"><ul class="nav navbar-nav nav-right"> <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle"><i class="fa fa-globe-americas availability reactiveX2"></i>Explore the World    <b class="caret"></b>                  <ul class="dropdown-menu"> <li><a href="/areas/france">  France</a></li><li><a href="/areas/spain-portugal">  Spain-Portugal</a></li><li><a href="/areas/italy">Italy</a></li><li><a href="/areas/greece">Greece</a></li><li><a href="/areas/north-europe">Northern Europe</a></li><li><a href="/areas/eastern-europe">Eastern Europe</a></li><li class="divider">      </li><li><a href="/areas/west-north-africa-canarias">West North Africa-Canarias</a></li><li><a href="/areas/east-south-africa">East South Africa</a></li><li class="divider">      </li><li><a href="/areas/brazil">Brazil</a></li><li><a href="/areas/latin-america">Latin America</a></li><li><a href="/areas/caribbean">Caribbean</a></li><li><a href="/areas/north-america">North America</a></li><li class="divider"></li><li><a href="/areas/middle-east">Middle East</a></li><li><a href="/areas/asia">Asia</a></li><li><a href="/areas/oceania">Oceania</a></li></ul></a></li><li><a id="navbar-search" href="/searchnew"> <i class="fa fa-search availability reactiveX2"></i>Find School & Spot   </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><!--lia.typeform-share(href='https://unplug673641.typeform.com/to/aTvCi6', data-mode='drawer_right', target='_blank') 
  i.far.fa-handshake.availability.reactiveX2
  | Share/rent your equipment
//+scriptTypeform()--><li><a id="navbar-luxury" href="/luxury"> <i class="far fa-gem availability reactiveX2"></i>Luxury Kite Trips</a><!--+scriptTypeform()--></li><li><a href="https://unplug673641.typeform.com/to/jA1qp4" data-mode="drawer_right" target="_blank" class="typeform-share"><i class="fa fa-comments availability reactiveX2">               </i>Contact us        </a><!--+scriptTypeform()--></li></ul></div><!-- /.navbar-collapse--><!-- /.container-fluid--><div id="ScrollIndicator"><div class="header"><div class="progress-container"><div id="ScrollBar" class="progress-bar"></div></div></div></div></div></nav></div><div id="content" class="content-container"><div id="waiting-block" onclick="hideWaitingBlock()"><div class="content"><div class="text-center"><i class="fa fa-spinner fa-pulse fa-5x fa-fw"></i></div></div></div><script>document.getElementById('navbar-logo').addEventListener('mouseenter', function (event){
    document.getElementById('navbar-logo').src='/img/logo-unplug-yellow.png';
})
document.getElementById('navbar-logo').addEventListener('mouseleave', function (event){
    document.getElementById('navbar-logo').src='/img/logo-unplug.png';
})
$("#waiting-block").hide()</script><!--+rendrerShareSocialMedia('LinkToBeShared')--><script>document.title = 'Essaouira | Top 19 Kitesurf Spots and Schools in Essaouira, Morocco | Unplug'
</script><script>document.querySelector('meta[name="description"]').setAttribute("content", 
	'All about kitesurf in Essaouira!'+
	'Compare all prices and find the best of 19 kitesurf schools and spots in Essaouira, and best kitesurf spots. Reviews. Comments. Prices and easy booking.'
);
document.querySelector('meta[property="og:description"]').setAttribute("content", 
	'All about kitesurf in Essaouira! '+
	'Compare all prices and find the best of 19 kitesurf schools and spots in Essaouira, and best kitesurf spots. Reviews. Comments. Prices and easy booking.'
);</script><script>var el = document.createElement('script');
el.type = 'application/ld+json';

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

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

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

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

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

//GET NUMBER OF SCHOOLS
// 'x kitesurf schools in '
var kitesurfSchools = "10"
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 = "9"
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 = "EUR"
  structEURCCYrate = "1"
  if (structCCY == "USD" || structCCY == "EUR")
    structCCY = "€"
}

//FAQ RENTAL PRICE
var averageRentalAnswer = "" 
var averageRentalPrice = "60.833333333333336"
var averageRentalPriceEUR = "60.833333333333336"
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 Essaouira is <strong>"+averageRentalPrice+"</strong>"+averageRentalPriceEUR+"."+
                        " <br /> "+
                        "<a href="+structURL+"> Click here </a> to discover "+kitesurfSchools+"Essaouira.</p>"
  //Kitesurf question
  structQuestion = {
                "@type": "Question",
                "name": "What is the kitesurf rental cost in Essaouira?",
                "acceptedAnswer": {
                  "@type": "Answer",
                  "text": averageRentalAnswer
                }
              }
  structQuestions.push(structQuestion)
  //Kiteboarding question
  /*
  structQuestion = {
                "@type": "Question",
                "name": "What is the kiteboarding rental cost in Essaouira?",
                "acceptedAnswer": {
                  "@type": "Answer",
                  "text": averageRentalAnswer
                }
              }
  structQuestions.push(structQuestion)
  */

//FAQ LESSON PRICE
var averageLessonAnswer = "" 
var averageLessonPrice = "36.875"
var averageLessonPriceEUR = "36.875"
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 Essaouira is <strong>"+averageLessonPrice+"</strong>"+averageLessonPriceEUR+"."+
                        " <br /> "+
                        "<a href="+structURL+"> Click here </a> to discover "+kitesurfSchools+"Essaouira.</p>"
  //Kitesurf question
  structQuestion = {
                "@type": "Question",
                "name": "What is the cost of kitesurf lessons in Essaouira?",
                "acceptedAnswer": {
                  "@type": "Answer",
                  "text": averageLessonAnswer
                }
              }
  structQuestions.push(structQuestion)
  //Kiteboarding question
  /*
  structQuestion = {
                "@type": "Question",
                "name": "What is the cost of kiteboarding lessons in Essaouira?",
                "acceptedAnswer": {
                  "@type": "Answer",
                  "text": averageLessonAnswer
                }
              }
  structQuestions.push(structQuestion)
  */
  

//FAQ BEST MONTHS
var bestMonthsAnswer = ""
var bestMonths = "April,May,June,July,August,September,October"
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 Essaouira are <strong>"+bestMonths+"</strong>."+
                    " <br />"+
                    " <a href="+structURL+"> Click here </a> to discover "+kitesurfPlaces+"Essaouira.</p>"
  //Kitesurf question
  structQuestion = {
                "@type": "Question",
                "name": "What is the best time for kitesurf in Essaouira?",
                "acceptedAnswer": {
                  "@type": "Answer",
                  "text": bestMonthsAnswer
                }
              }
  structQuestions.push(structQuestion)
  //Kiteboarding question
  /*
  structQuestion = {
                "@type": "Question",
                "name": "What is the best time for kiteboarding in Essaouira?",
                "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 = "19"
var structCCY = "EUR"
var structLessonPrice = "0"
var structRentalPrice = "0"
var structName = "Essaouira"
var structSlug = "essaouira"
var structLabel = "Essaouira | Unplug"

var structlogo = "//images.ctfassets.net/engeyisazyq7/7EPbfB6wsqCddExYTtxeEg/2bdb32459eeec15011409f81f482fd2b/GoogleImageLogo1_2sJgRYCtW0uAuI6cM4aoEu_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-essaouira",
              "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 = '10';
displayedSchools = '10';
totalSpots = '9';
displayedSpots = '9';
totalItems = '19';
displayedItems = '19';
$('#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", 31.51319456261372)
$("#navbar-search").attr("lon", -9.763443508247633)
$("#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/west-north-africa-canarias">West North Africa-Canarias</a></li><li><a href="#">Essaouira</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 (10)</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 (10)</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 (10)</h6></div><div id="wideFilterSchoolSectionLessonsOff" onclick="FilterInLessons()" class="unselectable no-display"><h6 class="text-left"><i class="far fa-square availability"></i>Lessons (10)</h6></div><div id="wideFilterSchoolSectionRentalOn" onclick="FilterOutRentals()" class="unselectable no-display"><h6 class="text-left"><i class="far fa-check-square availability"></i>Rental (6)</h6></div><div id="wideFilterSchoolSectionRentalOff" onclick="FilterInRentals()" class="unselectable"><h6 class="text-left"><i class="far fa-square availability"></i>Rental (6)</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 (9)</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 (9)</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 (3)</h6></div><div id="wideFilterSpotSectionBeginnerOff" onclick="FilterInBeginnerSpots()" class="unselectable no-display"><h6 class="text-left"><i class="far fa-square availability"></i>Beginner (3)</h6></div><div id="wideFilterSpotSectionIntermediateOn" onclick="FilterOutIntermediateSpots()" class="unselectable"><h6 class="text-left"><i class="far fa-check-square availability"></i>Intermediate (6)</h6></div><div id="wideFilterSpotSectionIntermediateOff" onclick="FilterInIntermediateSpots()" class="unselectable no-display"><h6 class="text-left"><i class="far fa-square availability"></i>Intermediate (6)</h6></div><div id="wideFilterSpotSectionExpertOn" onclick="FilterOutExpertSpots()" class="unselectable"><h6 class="text-left"><i class="far fa-check-square availability"></i>Expert (0)</h6></div><div id="wideFilterSpotSectionExpertOff" onclick="FilterInExpertSpots()" class="unselectable no-display"><h6 class="text-left"><i class="far fa-square availability"></i>Expert (0)</h6></div></div><h5 class="force-no-padding force-margin-top-10px"></h5><div class="row"><div onclick="ResetFilterMenuSchoolsSpots()" class="col-sm-12 text-center hand-when-hover"><h6 class="hand-when-hover"><i class="fas fa-trash-alt availability"></i>Reset Filters</h6></div></div></div></div></div><!--#AdMenu.thumbnail.force-no-padding
  .highlight-background
    .thumbnail-header-title.text-center
      if schools.length != 0
        | Featured Schools
        +renderAdSchools(schools)
--></div></div><div id="MainColumnTop" class="col-md-6 single-item"><div class="thumbnail-details"><div class="thumbnail-info text-title"><div class="row thumbnail-header"><div class="col-sm-6"><h3>Essaouira, Morocco</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(25, 44, 39, 47, 46, 49, 60, 40, 34, 29, 23, 15)
var maxValue = Math.min(100,Math.round(maxwind/10)*10)
var janwind = 25
var febwind = 44
var marwind = 39
var aprwind = 47
var maywind = 46
var junwind = 49
var julwind = 60
var augwind = 40
var sepwind = 34
var octwind = 29
var novwind = 23
var decwind = 15

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: April, May, June, July, August, September and October</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=31.51319456261372&amp;lon=-9.763443508247633&amp;zoom=5&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=31.51319456261372&amp;detailLon=-9.763443508247633&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: APR, MAY, JUN, JUL, AUG, SEP, OCT</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: APR, MAY, JUN, JUL, AUG, SEP, OCT
--><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: Euro - EUR(€)</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>Essaouira </b>(ESU), 215km <b>Marrakech Menara </b>(RAK), 380km <b>Casablanca Mohamed V. </b>(CMN).</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=Essaouira+Kitesurfing" target="_blank" class="reactiveX2">See Photos of Essaouira</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 (10)</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 (10)</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 (10)</h6></div><div id="narrowFilterSchoolSectionLessonsOff" onclick="FilterInLessons()" class="unselectable no-display"><h6 class="text-left"><i class="far fa-square availability"></i>Lessons (10)</h6></div><div id="narrowFilterSchoolSectionRentalOn" onclick="FilterOutRentals()" class="unselectable no-display"><h6 class="text-left"><i class="far fa-check-square availability"></i>Rental (6)</h6></div><div id="narrowFilterSchoolSectionRentalOff" onclick="FilterInRentals()" class="unselectable"><h6 class="text-left"><i class="far fa-square availability"></i>Rental (6)</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 (9)</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 (9)</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 (3)</h6></div><div id="narrowFilterSpotSectionBeginnerOff" onclick="FilterInBeginnerSpots()" class="unselectable no-display"><h6 class="text-left"><i class="far fa-square availability"></i>Beginner (3)</h6></div><div id="narrowFilterSpotSectionIntermediateOn" onclick="FilterOutIntermediateSpots()" class="unselectable"><h6 class="text-left"><i class="far fa-check-square availability"></i>Intermediate (6)</h6></div><div id="narrowFilterSpotSectionIntermediateOff" onclick="FilterInIntermediateSpots()" class="unselectable no-display"><h6 class="text-left"><i class="far fa-square availability"></i>Intermediate (6)</h6></div><div id="narrowFilterSpotSectionExpertOn" onclick="FilterOutExpertSpots()" class="unselectable"><h6 class="text-left"><i class="far fa-check-square availability"></i>Expert (0)</h6></div><div id="narrowFilterSpotSectionExpertOff" onclick="FilterInExpertSpots()" class="unselectable no-display"><h6 class="text-left"><i class="far fa-square availability"></i>Expert (0)</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 19 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=Essaouira Gliss City&amp;schoolemail=essaouiraglisscity@gmail.com" 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 Essaouira Gliss City</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact11" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Essaouira Kite Paradised&amp;schoolemail=contact@essaouira-kiteparadise.com" 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 Essaouira Kite Parad</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact21" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Ananas kitesurfing&amp;schoolemail=anas@ananaskitesurfing.com" 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 Ananas kitesurfing</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact31" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=MOGASURF&amp;schoolemail=info@mogasurf.com" 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 MOGASURF</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact41" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Atlanticzin Watersports&amp;schoolemail=contact@atlanticzinwatersports.com" 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 Atlanticzin Waterspo</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact51" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Océan Vagabond Essaouira&amp;schoolemail=reservation@oceanvagabond.com" 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 Océan Vagabond Essao</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact61" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=BleuKite Essaouira&amp;schoolemail=info@bleukite.com" 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 BleuKite Essaouira</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact71" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Explora Watersports&amp;schoolemail=info@explorawatersports.com" data-mode="drawer_right" class="typeform-share"><div id="SingleContactButton1"><div id="SingleContactButton_7_1" class="btn btn-unplug-240px reactive force-font-size-20px no-display"><i class="fa fa-paper-plane availability"> </i>Contact Explora Watersports</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact81" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Essaouira kitesurf&amp;schoolemail=essaouirakitesurf@yahoo.fr" data-mode="drawer_right" class="typeform-share"><div id="SingleContactButton1"><div id="SingleContactButton_8_1" class="btn btn-unplug-240px reactive force-font-size-20px no-display"><i class="fa fa-paper-plane availability"> </i>Contact Essaouira kitesurf</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact91" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Surf Essaouira&amp;schoolemail=info@surfessaouira.com" data-mode="drawer_right" class="typeform-share"><div id="SingleContactButton1"><div id="SingleContactButton_9_1" class="btn btn-unplug-240px reactive force-font-size-20px no-display"><i class="fa fa-paper-plane availability"> </i>Contact Surf Essaouira</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="31.5043488" lon="-9.763603" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><!--hyperlink without open when left click (preview instead)--><a href="/schools/essaouiraglisscity" 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">Essaouira Gliss City </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="Great surf club! Went there to learn to surf. In two hours time we were catching waves and standing on the surf board! All thanks to great instructor! After first lesson we went back two time to rent the equipment and to surf our own. Thanks guys for giving us the joy of surfing!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Great surf club! Went there to learn to surf. In two hours ...<i class="fas fa-quote-right availability-left"></i></i><i title="Great surf club! Went there to learn to surf. In two hours time we were catching waves and standing on the surf board! All thanks to great instructor! After first lesson we went back two time to rent the equipment and to surf our own. Thanks guys for giving us the joy of surfing!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Great surf club! Went there to lea...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>Avenue Mohammed V, Essaouira 44000, Maroc </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>15km </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/essaouiraglisscity"><img src="//images.ctfassets.net/engeyisazyq7/4OdBPw6kxgUq3ckRwu74LB/9c3e87d01fba422bae8f39f2388cfafa/e4cb86c76be7-Logo_EGC_2016_4.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="fa fa-star"> </i> 4.8/5 (32)      </h6><div class="hide-on-wide-ipadscreen"><i title="Great surf club! Went there to learn to surf. In two hours time we were catching waves and standing on the surf board! All thanks to great instructor! After first lesson we went back two time to rent the equipment and to surf our own. Thanks guys for giving us the joy of surfing!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Great surf club! Went there to learn to surf. In two hours ...<i class="fas fa-quote-right availability-left"></i></i><i title="Great surf club! Went there to learn to surf. In two hours time we were catching waves and standing on the surf board! All thanks to great instructor! After first lesson we went back two time to rent the equipment and to surf our own. Thanks guys for giving us the joy of surfing!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Great surf club! Went there to lea...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>Avenue Mohammed V, Essaouira 44000, Maroc </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>15km </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: 59 €/hour</h5></div><div class="col-sm-4 text-left"></div><div class="col-sm-1"></div><div class="col-sm-3 text-center force-no-padding"><div class="multipleContact text-center"><div class="hide-on-narrow-ipadscreen"><div id="wide_item_selected0" onclick="unselectItem(0)" title="Click to unselect this school" class="no-display dont-leave-page"><div class="btn btn-unplug-min100 reactive-shadow dont-leave-page">Selected   <i class="far fa-check-square"></i></div></div><div id="wide_select_item0" onclick="selectItem(0)" title="Click to select this school" class="no-display"><h5 class="force-no-padding-bottom force-no-border-bottom unselectable dont-leave-page">Select   <i class="far fa-square"></i></h5></div></div><div class="hide-on-wide-ipadscreen"><a href="/schools/essaouiraglisscity"><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="tel:+212661758514"><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Essaouira Gliss City&amp;schoolemail=essaouiraglisscity@gmail.com" 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: +212661758514');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Essaouira Gliss City&amp;schoolemail=essaouiraglisscity@gmail.com" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div></div></div></div><script>$("#schoolItem"+'wide'+0).attr("hasLesson", "true")
</script><script>SchoolsListNAME.push('Essaouira Gliss City');</script><script>SchoolsListEMAIL.push('essaouiraglisscity@gmail.com');</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 59 €/hour');
script.
  SchoolsListRENTALPRICE.push('');
script.
  SchoolsListDISTANCEAIRPORT.push('15km');
script.
  SchoolsListPREMIUMHIERARCHY.push('48');
script.
  SchoolsListLAT.push('31.5043488');
script.
  SchoolsListLON.push('-9.763603');
script.
  SchoolsListSLUG.push('essaouiraglisscity');
script.
  SchoolsListPHONE.push('+212661758514');
script.
  SchoolsListEMAIL.push('essaouiraglisscity@gmail.com');
script.
  SchoolsListADDRESS.push('Avenue Mohammed V, Essaouira 44000, Maroc');--><!--  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="31.503539" lon="-9.7621016" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><!--hyperlink without open when left click (preview instead)--><a href="/schools/essaouira-kiteparadise" 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">Essaouira Kite Paradised </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="We booked the lesson and two hours later we already started our first surf experience. Our teacher was Anass and he is one of the loveliest people we met in Marokko. He really cares about your well being so you are not nervous if its your first time surfing. He is always in the water with you to help, so you feel save tue whole time. We saw other teacher outside, shouting at their students with a whistle. He really has a passion for surfing and shares that with you. Also the rest of the team always welcomes you, everybody gives you a good vibe. Futhermore it was my sisters birthday. Anass organzized a big cake with presents and we celebrated at his friends house (also from the surf club). All in all it was the best time we had in Marokko, very grateful for this amazing experience!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>We booked the lesson and two hours later we already started...<i class="fas fa-quote-right availability-left"></i></i><i title="We booked the lesson and two hours later we already started our first surf experience. Our teacher was Anass and he is one of the loveliest people we met in Marokko. He really cares about your well being so you are not nervous if its your first time surfing. He is always in the water with you to help, so you feel save tue whole time. We saw other teacher outside, shouting at their students with a whistle. He really has a passion for surfing and shares that with you. Also the rest of the team always welcomes you, everybody gives you a good vibe. Futhermore it was my sisters birthday. Anass organzized a big cake with presents and we celebrated at his friends house (also from the surf club). All in all it was the best time we had in Marokko, very grateful for this amazing experience!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>We booked the lesson and two hours...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>Rue Lalla Hasna, Essaouira 44000, Maroc </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>15km </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/essaouira-kiteparadise"><img src="//images.ctfassets.net/engeyisazyq7/lPjxGvWz8RpEeCpFzbkoV/13a70b15cb3a588280be96cc668aba2e/Capture_d___e__cran_2021-11-10_a___01.26.50.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.7/5 (43)      </h6><div class="hide-on-wide-ipadscreen"><i title="We booked the lesson and two hours later we already started our first surf experience. Our teacher was Anass and he is one of the loveliest people we met in Marokko. He really cares about your well being so you are not nervous if its your first time surfing. He is always in the water with you to help, so you feel save tue whole time. We saw other teacher outside, shouting at their students with a whistle. He really has a passion for surfing and shares that with you. Also the rest of the team always welcomes you, everybody gives you a good vibe. Futhermore it was my sisters birthday. Anass organzized a big cake with presents and we celebrated at his friends house (also from the surf club). All in all it was the best time we had in Marokko, very grateful for this amazing experience!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>We booked the lesson and two hours later we already started...<i class="fas fa-quote-right availability-left"></i></i><i title="We booked the lesson and two hours later we already started our first surf experience. Our teacher was Anass and he is one of the loveliest people we met in Marokko. He really cares about your well being so you are not nervous if its your first time surfing. He is always in the water with you to help, so you feel save tue whole time. We saw other teacher outside, shouting at their students with a whistle. He really has a passion for surfing and shares that with you. Also the rest of the team always welcomes you, everybody gives you a good vibe. Futhermore it was my sisters birthday. Anass organzized a big cake with presents and we celebrated at his friends house (also from the surf club). All in all it was the best time we had in Marokko, very grateful for this amazing experience!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>We booked the lesson and two hours...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>Rue Lalla Hasna, Essaouira 44000, Maroc </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>15km </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: 27 €/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: 60 €/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/essaouira-kiteparadise"><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="tel:+212607078666"><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Essaouira Kite Paradised&amp;schoolemail=contact@essaouira-kiteparadise.com" 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: +212607078666');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Essaouira Kite Paradised&amp;schoolemail=contact@essaouira-kiteparadise.com" 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('Essaouira Kite Paradised');</script><script>SchoolsListEMAIL.push('contact@essaouira-kiteparadise.com');</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 27 €/hour');
script.
  SchoolsListRENTALPRICE.push('Rental: 60 €/day');
script.
  SchoolsListDISTANCEAIRPORT.push('15km');
script.
  SchoolsListPREMIUMHIERARCHY.push('46.5');
script.
  SchoolsListLAT.push('31.503539');
script.
  SchoolsListLON.push('-9.7621016');
script.
  SchoolsListSLUG.push('essaouira-kiteparadise');
script.
  SchoolsListPHONE.push('+212607078666');
script.
  SchoolsListEMAIL.push('contact@essaouira-kiteparadise.com');
script.
  SchoolsListADDRESS.push('Rue Lalla Hasna, Essaouira 44000, Maroc');--><!--  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="31.508376162838868" lon="-9.767193227539066" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><!--hyperlink without open when left click (preview instead)--><a href="/schools/ananas-kitesurfing" 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">Ananas kitesurfing </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>Av. Mohammed V, Essaouira 44000, Maroc </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>20km </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/ananas-kitesurfing"><img src="//images.ctfassets.net/engeyisazyq7/3hmLANjCrIuSPQUYRGTvZc/3870329da56ece0b2845bc116a4028d5/f5a2b279c6c7-EF71DB3B_2348_4892_AD56_FB78C85B1179-2.jpeg" 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 (17)      </h6><div class="hide-on-wide-ipadscreen"><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>Av. Mohammed V, Essaouira 44000, Maroc </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>20km </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: 45 €/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: 60 €/day</h5></div><div class="col-sm-1"></div><div class="col-sm-3 text-center force-no-padding"><div class="multipleContact text-center"><div class="hide-on-narrow-ipadscreen"><div id="wide_item_selected2" onclick="unselectItem(2)" title="Click to unselect this school" class="no-display dont-leave-page"><div class="btn btn-unplug-min100 reactive-shadow dont-leave-page">Selected   <i class="far fa-check-square"></i></div></div><div id="wide_select_item2" onclick="selectItem(2)" title="Click to select this school" class="no-display"><h5 class="force-no-padding-bottom force-no-border-bottom unselectable dont-leave-page">Select   <i class="far fa-square"></i></h5></div></div><div class="hide-on-wide-ipadscreen"><a href="/schools/ananas-kitesurfing"><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="tel:+212629523899"><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Ananas kitesurfing&amp;schoolemail=anas@ananaskitesurfing.com" 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: +212629523899');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Ananas kitesurfing&amp;schoolemail=anas@ananaskitesurfing.com" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div></div></div></div><script>$("#schoolItem"+'wide'+2).attr("hasLesson", "true")
</script><script>displayedRentals = displayedRentals + 0.5
$("#schoolItem"+'wide'+2).attr("hasRental", "true")</script><script>SchoolsListNAME.push('Ananas kitesurfing');</script><script>SchoolsListEMAIL.push('anas@ananaskitesurfing.com');</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 45 €/hour');
script.
  SchoolsListRENTALPRICE.push('Rental: 60 €/day');
script.
  SchoolsListDISTANCEAIRPORT.push('20km');
script.
  SchoolsListPREMIUMHIERARCHY.push('42.5');
script.
  SchoolsListLAT.push('31.508376162838868');
script.
  SchoolsListLON.push('-9.767193227539066');
script.
  SchoolsListSLUG.push('ananas-kitesurfing');
script.
  SchoolsListPHONE.push('+212629523899');
script.
  SchoolsListEMAIL.push('anas@ananaskitesurfing.com');
script.
  SchoolsListADDRESS.push('Av. Mohammed V, Essaouira 44000, Maroc');--><!--  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="31.508492600000004" lon="-9.7595041" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><!--hyperlink without open when left click (preview instead)--><a href="/schools/mogasurf" 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">MOGASURF </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="Great time surfing with Mogasurf! We had a day trip package and we're taken to Sidi Kaouki. The weather was rather windy and rainy but this didn't scare our coach so we got inspired too! I'm a horrible beginner but our coach didn't give up on me, was really kind and patient, and gave a lot of good advice and support. Would highly recommend!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Great time surfing with Mogasurf! We had a day trip package...<i class="fas fa-quote-right availability-left"></i></i><i title="Great time surfing with Mogasurf! We had a day trip package and we're taken to Sidi Kaouki. The weather was rather windy and rainy but this didn't scare our coach so we got inspired too! I'm a horrible beginner but our coach didn't give up on me, was really kind and patient, and gave a lot of good advice and support. Would highly recommend!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Great time surfing with Mogasurf! ...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>Essaouira, Maroc </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>20km </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/mogasurf"><img src="//images.ctfassets.net/engeyisazyq7/6JXanNpYcXZjzgY9543Yih/870525c95e42269e604634eb8f6ca308/a55b4543bc72-mogasurf_kitesurf_surf_yoga_essaouira_morocco.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.7/5 (53)      </h6><div class="hide-on-wide-ipadscreen"><i title="Great time surfing with Mogasurf! We had a day trip package and we're taken to Sidi Kaouki. The weather was rather windy and rainy but this didn't scare our coach so we got inspired too! I'm a horrible beginner but our coach didn't give up on me, was really kind and patient, and gave a lot of good advice and support. Would highly recommend!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Great time surfing with Mogasurf! We had a day trip package...<i class="fas fa-quote-right availability-left"></i></i><i title="Great time surfing with Mogasurf! We had a day trip package and we're taken to Sidi Kaouki. The weather was rather windy and rainy but this didn't scare our coach so we got inspired too! I'm a horrible beginner but our coach didn't give up on me, was really kind and patient, and gave a lot of good advice and support. Would highly recommend!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Great time surfing with Mogasurf! ...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>Essaouira, Maroc </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>20km </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_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/mogasurf"><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="tel:+212618910431"><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=MOGASURF&amp;schoolemail=info@mogasurf.com" 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: +212618910431');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=MOGASURF&amp;schoolemail=info@mogasurf.com" 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('MOGASURF');</script><script>SchoolsListEMAIL.push('info@mogasurf.com');</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('');
script.
  SchoolsListRENTALPRICE.push('');
script.
  SchoolsListDISTANCEAIRPORT.push('20km');
script.
  SchoolsListPREMIUMHIERARCHY.push('38');
script.
  SchoolsListLAT.push('31.508492600000004');
script.
  SchoolsListLON.push('-9.7595041');
script.
  SchoolsListSLUG.push('mogasurf');
script.
  SchoolsListPHONE.push('+212618910431');
script.
  SchoolsListEMAIL.push('info@mogasurf.com');
script.
  SchoolsListADDRESS.push('Essaouira, Maroc');--><!--  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="31.5056341" lon="-9.762763800000016" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><!--hyperlink without open when left click (preview instead)--><a href="/schools/atlanticzin_watersports" 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">Atlanticzin Watersports </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="We're very happy with our 4 days of kitesurf lessons and accommodation for me and my 13yo son. Everything was perfect, professional and warm. Thank you to all the team!! Highly recommended!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>We're very happy with our 4 days of kitesurf lessons and ac...<i class="fas fa-quote-right availability-left"></i></i><i title="We're very happy with our 4 days of kitesurf lessons and accommodation for me and my 13yo son. Everything was perfect, professional and warm. Thank you to all the team!! Highly recommended!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>We're very happy with our 4 days o...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>21 Avenue Princesse Lalla Amina, Essaouira 44000, Morocco </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>15km </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/atlanticzin_watersports"><img src="//images.ctfassets.net/engeyisazyq7/2wNN8eXJu4mkGie5idB6qm/25904228f5060237f1bd73baad140cc3/cb9b28900220-LOGO_WATERSPORT.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 (36)      </h6><div class="hide-on-wide-ipadscreen"><i title="We're very happy with our 4 days of kitesurf lessons and accommodation for me and my 13yo son. Everything was perfect, professional and warm. Thank you to all the team!! Highly recommended!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>We're very happy with our 4 days of kitesurf lessons and ac...<i class="fas fa-quote-right availability-left"></i></i><i title="We're very happy with our 4 days of kitesurf lessons and accommodation for me and my 13yo son. Everything was perfect, professional and warm. Thank you to all the team!! Highly recommended!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>We're very happy with our 4 days o...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>21 Avenue Princesse Lalla Amina, Essaouira 44000, Morocco </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>15km </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: 25 €/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/atlanticzin_watersports"><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="tel:+212604820709"><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Atlanticzin Watersports&amp;schoolemail=contact@atlanticzinwatersports.com" 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: +212604820709');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Atlanticzin Watersports&amp;schoolemail=contact@atlanticzinwatersports.com" 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('Atlanticzin Watersports');</script><script>SchoolsListEMAIL.push('contact@atlanticzinwatersports.com');</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 25 €/hour');
script.
  SchoolsListRENTALPRICE.push('');
script.
  SchoolsListDISTANCEAIRPORT.push('15km');
script.
  SchoolsListPREMIUMHIERARCHY.push('36');
script.
  SchoolsListLAT.push('31.5056341');
script.
  SchoolsListLON.push('-9.762763800000016');
script.
  SchoolsListSLUG.push('atlanticzin_watersports');
script.
  SchoolsListPHONE.push('+212604820709');
script.
  SchoolsListEMAIL.push('contact@atlanticzinwatersports.com');
script.
  SchoolsListADDRESS.push('21 Avenue Princesse Lalla Amina, Essaouira 44000, Morocco');--><!--  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="31.507858" lon="-9.76548600000001" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><!--hyperlink without open when left click (preview instead)--><a href="/schools/ocean-vagabond-essaouira" 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">Océan Vagabond Essaouira </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="Amazing private surf lessons given by Zakaria. It was our first ever lesson and he explained perfectly and made the experience really fun. The cafe is also a cute spot to have lunch or a drink." style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Amazing private surf lessons given by Zakaria. It was our f...<i class="fas fa-quote-right availability-left"></i></i><i title="Amazing private surf lessons given by Zakaria. It was our first ever lesson and he explained perfectly and made the experience really fun. The cafe is also a cute spot to have lunch or a drink." style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Amazing private surf lessons given...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>20, Boulevard Mohamed V, Essaouira 44000, Maroc </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>20km </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/ocean-vagabond-essaouira"><img src="//images.ctfassets.net/engeyisazyq7/OpRc3F4uekqCuO2kWciEK/2d0a65c38a216b40cc5e643e2493f786/ocean-vagabond.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="far fa-star"></i><!--nothing--> 4.1/5 (140)      </h6><div class="hide-on-wide-ipadscreen"><i title="Amazing private surf lessons given by Zakaria. It was our first ever lesson and he explained perfectly and made the experience really fun. The cafe is also a cute spot to have lunch or a drink." style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Amazing private surf lessons given by Zakaria. It was our f...<i class="fas fa-quote-right availability-left"></i></i><i title="Amazing private surf lessons given by Zakaria. It was our first ever lesson and he explained perfectly and made the experience really fun. The cafe is also a cute spot to have lunch or a drink." style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Amazing private surf lessons given...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>20, Boulevard Mohamed V, Essaouira 44000, Maroc </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>20km </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: 38 €/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: 70 €/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_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/ocean-vagabond-essaouira"><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="tel:+212 524 78 39 34"><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Océan Vagabond Essaouira&amp;schoolemail=reservation@oceanvagabond.com" 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: +212 524 78 39 34');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Océan Vagabond Essaouira&amp;schoolemail=reservation@oceanvagabond.com" 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>displayedRentals = displayedRentals + 0.5
$("#schoolItem"+'wide'+5).attr("hasRental", "true")</script><script>SchoolsListNAME.push('Océan Vagabond Essaouira');</script><script>SchoolsListEMAIL.push('reservation@oceanvagabond.com');</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 38 €/hour');
script.
  SchoolsListRENTALPRICE.push('Rental: 70 €/day');
script.
  SchoolsListDISTANCEAIRPORT.push('20km');
script.
  SchoolsListPREMIUMHIERARCHY.push('34.5');
script.
  SchoolsListLAT.push('31.507858');
script.
  SchoolsListLON.push('-9.76548600000001');
script.
  SchoolsListSLUG.push('ocean-vagabond-essaouira');
script.
  SchoolsListPHONE.push('+212 524 78 39 34');
script.
  SchoolsListEMAIL.push('reservation@oceanvagabond.com');
script.
  SchoolsListADDRESS.push('20, Boulevard Mohamed V, Essaouira 44000, Maroc');--><!--  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="31.503539" lon="-9.7621016" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><!--hyperlink without open when left click (preview instead)--><a href="/schools/bleukite" 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">BleuKite Essaouira </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="Fantastic experience. The team is great, very friendly and helping a lot. I also stayed at their accommodation, very nice and comfortable apartment. Very good location next to the beach. Thanks a lot guys!!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Fantastic experience. The team is great, very friendly and ...<i class="fas fa-quote-right availability-left"></i></i><i title="Fantastic experience. The team is great, very friendly and helping a lot. I also stayed at their accommodation, very nice and comfortable apartment. Very good location next to the beach. Thanks a lot guys!!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Fantastic experience. The team is ...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>Lalla Hasna st, Quartier des dunes, Essaouira 44000, Maroc </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>15km </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/bleukite"><img src="//images.ctfassets.net/engeyisazyq7/2kIJwzhkWWvwZODb0u55i4/e99da95fb8f5d120b6454b0c6a32c639/BleuKite_Essaouira.PNG" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><h6 class="notranslate"><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i> 4.8/5 (112)      </h6><div class="hide-on-wide-ipadscreen"><i title="Fantastic experience. The team is great, very friendly and helping a lot. I also stayed at their accommodation, very nice and comfortable apartment. Very good location next to the beach. Thanks a lot guys!!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Fantastic experience. The team is great, very friendly and ...<i class="fas fa-quote-right availability-left"></i></i><i title="Fantastic experience. The team is great, very friendly and helping a lot. I also stayed at their accommodation, very nice and comfortable apartment. Very good location next to the beach. Thanks a lot guys!!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Fantastic experience. The team is ...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>Lalla Hasna st, Quartier des dunes, Essaouira 44000, Maroc </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>15km </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: 26 €/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: 60 €/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_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/bleukite"><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="tel:+212678352031"><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=BleuKite Essaouira&amp;schoolemail=info@bleukite.com" 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: +212678352031');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=BleuKite Essaouira&amp;schoolemail=info@bleukite.com" 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>displayedRentals = displayedRentals + 0.5
$("#schoolItem"+'wide'+6).attr("hasRental", "true")</script><script>SchoolsListNAME.push('BleuKite Essaouira');</script><script>SchoolsListEMAIL.push('info@bleukite.com');</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 26 €/hour');
script.
  SchoolsListRENTALPRICE.push('Rental: 60 €/day');
script.
  SchoolsListDISTANCEAIRPORT.push('15km');
script.
  SchoolsListPREMIUMHIERARCHY.push('33.5');
script.
  SchoolsListLAT.push('31.503539');
script.
  SchoolsListLON.push('-9.7621016');
script.
  SchoolsListSLUG.push('bleukite');
script.
  SchoolsListPHONE.push('+212678352031');
script.
  SchoolsListEMAIL.push('info@bleukite.com');
script.
  SchoolsListADDRESS.push('Lalla Hasna st, Quartier des dunes, Essaouira 44000, Maroc');--><!--  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="schoolItemwide7" lat="31.5135804" lon="-9.768994500000002" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><!--hyperlink without open when left click (preview instead)--><a href="/schools/explorawatersports" 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">Explora Watersports </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="First time on a surfboard and it was awesome. We booked a 12 hrs course and made a huge progress. Even catched some small green waves at the end of the course. Hamza was our instructor and he was awesome. He always tried to correct our mistakes but never forgot the fun.

Highly recommended!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>First time on a surfboard and it was awesome. We booked a 1...<i class="fas fa-quote-right availability-left"></i></i><i title="First time on a surfboard and it was awesome. We booked a 12 hrs course and made a huge progress. Even catched some small green waves at the end of the course. Hamza was our instructor and he was awesome. He always tried to correct our mistakes but never forgot the fun.

Highly recommended!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>First time on a surfboard and it w...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>Avenue de l'Istiqlal, Essaouira, Maroc </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>20km </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/explorawatersports"><img src="//images.ctfassets.net/engeyisazyq7/2bdxS4sqzhFv5ThOYcRYj/0ef7a73e1b6f321524cbd8d4dce58dde/Explora_Watersports.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 (124)      </h6><div class="hide-on-wide-ipadscreen"><i title="First time on a surfboard and it was awesome. We booked a 12 hrs course and made a huge progress. Even catched some small green waves at the end of the course. Hamza was our instructor and he was awesome. He always tried to correct our mistakes but never forgot the fun.

Highly recommended!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>First time on a surfboard and it was awesome. We booked a 1...<i class="fas fa-quote-right availability-left"></i></i><i title="First time on a surfboard and it was awesome. We booked a 12 hrs course and made a huge progress. Even catched some small green waves at the end of the course. Hamza was our instructor and he was awesome. He always tried to correct our mistakes but never forgot the fun.

Highly recommended!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>First time on a surfboard and it w...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>Avenue de l'Istiqlal, Essaouira, Maroc </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>20km </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: 50 €/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: 65 €/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_selected7" onclick="unselectItem(7)" 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_item7" onclick="selectItem(7)" 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/explorawatersports"><div id="narrow_item_seepage7" 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_selected7" onclick="unselectItem(7)" 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_item7" onclick="selectItem(7)" 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="tel:+212611475188"><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Explora Watersports&amp;schoolemail=info@explorawatersports.com" 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: +212611475188');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Explora Watersports&amp;schoolemail=info@explorawatersports.com" 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'+7).attr("hasLesson", "true")
</script><script>displayedRentals = displayedRentals + 0.5
$("#schoolItem"+'wide'+7).attr("hasRental", "true")</script><script>SchoolsListNAME.push('Explora Watersports');</script><script>SchoolsListEMAIL.push('info@explorawatersports.com');</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 50 €/hour');
script.
  SchoolsListRENTALPRICE.push('Rental: 65 €/day');
script.
  SchoolsListDISTANCEAIRPORT.push('20km');
script.
  SchoolsListPREMIUMHIERARCHY.push('28.5');
script.
  SchoolsListLAT.push('31.5135804');
script.
  SchoolsListLON.push('-9.768994500000002');
script.
  SchoolsListSLUG.push('explorawatersports');
script.
  SchoolsListPHONE.push('+212611475188');
script.
  SchoolsListEMAIL.push('info@explorawatersports.com');
script.
  SchoolsListADDRESS.push('Avenue de l'Istiqlal, Essaouira, Maroc');--><!--  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="schoolItemwide8" lat="31.5043488" lon="-9.763603" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><!--hyperlink without open when left click (preview instead)--><a href="/schools/essaouirakitesurf" 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">Essaouira kitesurf </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>Avenue Mohammed V, Essaouira, Maroc </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>15km </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/essaouirakitesurf"><img src="//images.ctfassets.net/engeyisazyq7/7EN8hPGJHGV2CTV9BK5wdQ/c3ad1e467f87d3f5b3ab8b8c8d9dafdc/Essaouira_kitesurf.PNG" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><h6 class="notranslate"><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i> 4.8/5</h6><div class="hide-on-wide-ipadscreen"><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>Avenue Mohammed V, Essaouira, Maroc </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>15km </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: 25 €/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: 50 €/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_selected8" onclick="unselectItem(8)" 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_item8" onclick="selectItem(8)" 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/essaouirakitesurf"><div id="narrow_item_seepage8" 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_selected8" onclick="unselectItem(8)" 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_item8" onclick="selectItem(8)" 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="tel:+212680916618"><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Essaouira kitesurf&amp;schoolemail=essaouirakitesurf@yahoo.fr" 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: +212680916618');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Essaouira kitesurf&amp;schoolemail=essaouirakitesurf@yahoo.fr" 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'+8).attr("hasLesson", "true")
</script><script>displayedRentals = displayedRentals + 0.5
$("#schoolItem"+'wide'+8).attr("hasRental", "true")</script><script>SchoolsListNAME.push('Essaouira kitesurf');</script><script>SchoolsListEMAIL.push('essaouirakitesurf@yahoo.fr');</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 25 €/hour');
script.
  SchoolsListRENTALPRICE.push('Rental: 50 €/day');
script.
  SchoolsListDISTANCEAIRPORT.push('15km');
script.
  SchoolsListPREMIUMHIERARCHY.push('28.5');
script.
  SchoolsListLAT.push('31.5043488');
script.
  SchoolsListLON.push('-9.763603');
script.
  SchoolsListSLUG.push('essaouirakitesurf');
script.
  SchoolsListPHONE.push('+212680916618');
script.
  SchoolsListEMAIL.push('essaouirakitesurf@yahoo.fr');
script.
  SchoolsListADDRESS.push('Avenue Mohammed V, Essaouira, Maroc');--><!--  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="schoolItemwide9" lat="31.514458500000003" lon="-9.7685439" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><!--hyperlink without open when left click (preview instead)--><a href="/schools/surfessaouira" 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">Surf Essaouira </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="Great morning of lessons followed by afternoon of putting it in practice, with simple but delicious lunch in the middle. Pick up from and drop off to our hotel, group was just 5 people so perfect number." style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Great morning of lessons followed by afternoon of putting i...<i class="fas fa-quote-right availability-left"></i></i><i title="Great morning of lessons followed by afternoon of putting it in practice, with simple but delicious lunch in the middle. Pick up from and drop off to our hotel, group was just 5 people so perfect number." style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Great morning of lessons followed ...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>Rue Abdelazziz Al Fachtali, Essaouira, Maroc </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>20km </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/surfessaouira"><img src="//images.ctfassets.net/engeyisazyq7/476LCYgL4yxTbSibbTquV7/5f90edc8dcfb33943a5052ec1f4a7b08/Surf_Essaouira.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 (6)      </h6><div class="hide-on-wide-ipadscreen"><i title="Great morning of lessons followed by afternoon of putting it in practice, with simple but delicious lunch in the middle. Pick up from and drop off to our hotel, group was just 5 people so perfect number." style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Great morning of lessons followed by afternoon of putting i...<i class="fas fa-quote-right availability-left"></i></i><i title="Great morning of lessons followed by afternoon of putting it in practice, with simple but delicious lunch in the middle. Pick up from and drop off to our hotel, group was just 5 people so perfect number." style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Great morning of lessons followed ...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>Rue Abdelazziz Al Fachtali, Essaouira, Maroc </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>20km </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_selected9" onclick="unselectItem(9)" 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_item9" onclick="selectItem(9)" 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/surfessaouira"><div id="narrow_item_seepage9" 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_selected9" onclick="unselectItem(9)" 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_item9" onclick="selectItem(9)" 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="tel:+212611225457"><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Surf Essaouira&amp;schoolemail=info@surfessaouira.com" 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: +212611225457');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Surf Essaouira&amp;schoolemail=info@surfessaouira.com" 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'+9).attr("hasLesson", "true")
</script><script>SchoolsListNAME.push('Surf Essaouira');</script><script>SchoolsListEMAIL.push('info@surfessaouira.com');</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('');
script.
  SchoolsListRENTALPRICE.push('');
script.
  SchoolsListDISTANCEAIRPORT.push('20km');
script.
  SchoolsListPREMIUMHIERARCHY.push('18');
script.
  SchoolsListLAT.push('31.514458500000003');
script.
  SchoolsListLON.push('-9.7685439');
script.
  SchoolsListSLUG.push('surfessaouira');
script.
  SchoolsListPHONE.push('+212611225457');
script.
  SchoolsListEMAIL.push('info@surfessaouira.com');
script.
  SchoolsListADDRESS.push('Rue Abdelazziz Al Fachtali, Essaouira, Maroc');--><!--  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="31.2661" lon="-9.8052" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/aghnajane-morocco" 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)-->Aghnajane, Morocco <h6> <i class="fa fa-map-marker-alt availability"></i>Aghnajane, Morocco, next to Had-Smimou, Aghnajane, Casablanca, Agadir, Morocco </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/aghnajane-morocco"><img src="//images.ctfassets.net/engeyisazyq7/1vJbIw8ROomvCAxTbOzynJ/4600bcfdce04796ecd32af652b0e14a9/GoogleImageSpotLogo1_67FcnRs3OcbSGldBF1bGHn_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/aghnajane-morocco"><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="31.7946" lon="-9.5824" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/biba-morocco" 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)-->Biba, Morocco <h6> <i class="fa fa-map-marker-alt availability"></i>Biba, Morocco, next to Moulay, Agadir, Essaouira, Morocco </h6><h6> <i class="fa fa-plane-arrival availability"></i>60km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/biba-morocco"><img src="//images.ctfassets.net/engeyisazyq7/PgOZCEPcH1FEElHPdRnhW/2140900c0896ac37248ad7ddd05b6f2d/GoogleImageSpotLogo1_2JeVeyZsHLdAIgQ6tnJrBm_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/biba-morocco"><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>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+1).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide2" lat="31.5013" lon="-9.7633" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/essaouira-bay-morocco" 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)-->Essaouira Bay, Morocco <h6> <i class="fa fa-map-marker-alt availability"></i>Essaouira Bay, Morocco, next to Essaouira, Agadir, Marrakesh, Morocco </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/essaouira-bay-morocco"><img src="//images.ctfassets.net/engeyisazyq7/2Er9imxSYPMezuVgXG4F3j/c381db5053ecca628160a0213335287a/KiteforumLogo153_5jLPCbgCsTRkUtsuDqTgQZ_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/essaouira-bay-morocco"><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>displayedSpotsBeginner = displayedSpotsBeginner + 0.5
$("#spotItem"+'wide'+2).attr("hasBeginner", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide3" lat="31.3354" lon="-9.7974" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/l-oued-de-kaouki-morocco" 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)-->L'Oued de Kaouki, Morocco <h6> <i class="fa fa-map-marker-alt availability"></i>L'Oued de Kaouki, Morocco, next to Sidi Kaouki, Casablanca, Agadir, Morocco </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/l-oued-de-kaouki-morocco"><img src="//images.ctfassets.net/engeyisazyq7/51o7VwCAsR1OYQ6AnGtKaf/19f2366234026d3ece943b2d24722e60/GoogleImageSpotLogo1_4BCSwVEko5zU5DIYCKKfvt_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/l-oued-de-kaouki-morocco"><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>displayedSpotsBeginner = displayedSpotsBeginner + 0.5
$("#spotItem"+'wide'+3).attr("hasBeginner", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide4" lat="31.6643" lon="-9.6751" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/moulay-morocco" 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)-->Moulay, Morocco <h6> <i class="fa fa-map-marker-alt availability"></i>Moulay, Morocco, next to Essaouira, Agadir, Marrakesh, Morocco </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/moulay-morocco"><img src="//images.ctfassets.net/engeyisazyq7/2bYsLyp8SvnpawtpdEHi0Q/591c530b80bf0ba0a0b996bd47caa4dc/KiteforumLogo4341_5ZJarXOIVqKzsYLbwjaAWZ_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/moulay-morocco"><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>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+4).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide5" lat="31.3187" lon="-9.7946" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/secret-bay-morocco" 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)-->Secret Bay, Morocco <h6> <i class="fa fa-map-marker-alt availability"></i>Secret Bay, Morocco, next to Sidi Kaouki, Casablanca, Agadir, Morocco </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/secret-bay-morocco"><img src="//images.ctfassets.net/engeyisazyq7/7zrJCehrhH9B9k3AuWLbf1/3cf02f8a75bd6d15f0768e792e44d66f/GoogleImageSpotLogo1_2n5nCUd9xl4bGbYauCGhMm_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/secret-bay-morocco"><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="31.3529" lon="-9.798" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/sidi-kaouki-morocco" 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)-->Sidi Kaouki, Morocco <h6> <i class="fa fa-map-marker-alt availability"></i>Sidi Kaouki, Morocco, next to Sidi Kaouki, Marrakesh, Agadir, Essaouira, Morocco </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/sidi-kaouki-morocco"><img src="//images.ctfassets.net/engeyisazyq7/4aKmajuSOcWFhjCrS6Z9IQ/f9d39991587f4f44ab2785ee5d7ea99e/KiteforumLogo2317_3gSIeFMnyjd2pWElA14OfH_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, 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/sidi-kaouki-morocco"><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>displayedSpotsBeginner = displayedSpotsBeginner + 0.5
$("#spotItem"+'wide'+6).attr("hasBeginner", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemwide7" lat="31.0812" lon="-9.8165" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/tafadna-morocco" 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)-->Tafadna, Morocco <h6> <i class="fa fa-map-marker-alt availability"></i>Tafadna, Morocco, next to Smimou, Agadir, Morocco </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/tafadna-morocco"><img src="//images.ctfassets.net/engeyisazyq7/2ZqAjnvNlgUJ6nNXX7xvPE/14fdcfb4a69ad8cf169fab55b8ece684/GoogleImageSpotLogo1_BKDIofTgHi7XI3XaEBgHO_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/tafadna-morocco"><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="31.3776" lon="-9.8102" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><!--hyperlink without open when left click (preview instead)--><a href="/spots/taguinza-morocco" 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)-->Taguinza, Morocco <h6> <i class="fa fa-map-marker-alt availability"></i>Taguinza, Morocco, next to Essaouira, Sidi Kaouki, Agadir, Morocco </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/taguinza-morocco"><img src="//images.ctfassets.net/engeyisazyq7/5MDH10HerHa6kduv4T4xaW/01d0be4906aea6c1c8d224b1fadb363f/GoogleImageSpotLogo1_7wfPWrVzk9n3TYQGI6H1YD_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/taguinza-morocco"><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><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>10)
          document.getElementById("spotItemwide"+index).querySelector("#container").classList.add("always");
        else
          document.getElementById("schoolItemwide"+index).querySelector("#container").classList.add("always");
      }
      break
    case 'MAPBOX':
      if(type == 'spot'){
        if(!(document.getElementById("spotPreviewItem"+index))){
          $('#spotPreview').append('<div id="spotPreviewItem'+index+'">' + TempHtml + '</div>');
          
          document.getElementById("spotPreviewItem"+index).addEventListener('mouseenter', function (event){
              showMapMarker(index, 'spot')
          });
          
          document.getElementById("spotPreviewItem"+index).addEventListener('mouseleave', function (event){
              defaultMapMarker(index, 'spot')
          }); 
        }
        $('[id^="spotPreviewItem"]').hide();
        $("#spotPreviewItem"+index).fadeIn();
        indexMarkerStayingVisible = index
        break

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

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

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

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

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

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

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

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

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

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

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

</script><script>document.getElementById("spotItemwide"+0).addEventListener('mouseenter', function (event){
    showMapMarker(10+0, 'spot')
})
document.getElementById("spotItemwide"+0).addEventListener('mouseleave', function (event){
    defaultMapMarker(10+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: [-9.8052, 31.2661], zoom: zoomMapListItem}) 
        if (9 > 1  || true)
        {
          showPreview(0,'spot')
          showPopup(10+0)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(10+0, 'spot')    
        if (indexMarkerStayingVisible == 10+0 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/aghnajane-morocco' ,'_self') 
        }
        showPreview(0,'spot')
        if (9 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 10+0  
        defaultAllMapMarker()

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

</script><script>document.getElementById("spotItemwide"+1).addEventListener('mouseenter', function (event){
    showMapMarker(10+1, 'spot')
})
document.getElementById("spotItemwide"+1).addEventListener('mouseleave', function (event){
    defaultMapMarker(10+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: [-9.5824, 31.7946], zoom: zoomMapListItem}) 
        if (9 > 1  || true)
        {
          showPreview(1,'spot')
          showPopup(10+1)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(10+1, 'spot')    
        if (indexMarkerStayingVisible == 10+1 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/biba-morocco' ,'_self') 
        }
        showPreview(1,'spot')
        if (9 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 10+1  
        defaultAllMapMarker()

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

</script><script>document.getElementById("spotItemwide"+2).addEventListener('mouseenter', function (event){
    showMapMarker(10+2, 'spot')
})
document.getElementById("spotItemwide"+2).addEventListener('mouseleave', function (event){
    defaultMapMarker(10+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: [-9.7633, 31.5013], zoom: zoomMapListItem}) 
        if (9 > 1  || true)
        {
          showPreview(2,'spot')
          showPopup(10+2)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(10+2, 'spot')    
        if (indexMarkerStayingVisible == 10+2 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/essaouira-bay-morocco' ,'_self') 
        }
        showPreview(2,'spot')
        if (9 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 10+2  
        defaultAllMapMarker()

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

</script><script>document.getElementById("spotItemwide"+3).addEventListener('mouseenter', function (event){
    showMapMarker(10+3, 'spot')
})
document.getElementById("spotItemwide"+3).addEventListener('mouseleave', function (event){
    defaultMapMarker(10+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: [-9.7974, 31.3354], zoom: zoomMapListItem}) 
        if (9 > 1  || true)
        {
          showPreview(3,'spot')
          showPopup(10+3)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(10+3, 'spot')    
        if (indexMarkerStayingVisible == 10+3 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/l-oued-de-kaouki-morocco' ,'_self') 
        }
        showPreview(3,'spot')
        if (9 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 10+3  
        defaultAllMapMarker()

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

</script><script>document.getElementById("spotItemwide"+4).addEventListener('mouseenter', function (event){
    showMapMarker(10+4, 'spot')
})
document.getElementById("spotItemwide"+4).addEventListener('mouseleave', function (event){
    defaultMapMarker(10+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: [-9.6751, 31.6643], zoom: zoomMapListItem}) 
        if (9 > 1  || true)
        {
          showPreview(4,'spot')
          showPopup(10+4)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(10+4, 'spot')    
        if (indexMarkerStayingVisible == 10+4 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/moulay-morocco' ,'_self') 
        }
        showPreview(4,'spot')
        if (9 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 10+4  
        defaultAllMapMarker()

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

</script><script>document.getElementById("spotItemwide"+5).addEventListener('mouseenter', function (event){
    showMapMarker(10+5, 'spot')
})
document.getElementById("spotItemwide"+5).addEventListener('mouseleave', function (event){
    defaultMapMarker(10+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: [-9.7946, 31.3187], zoom: zoomMapListItem}) 
        if (9 > 1  || true)
        {
          showPreview(5,'spot')
          showPopup(10+5)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(10+5, 'spot')    
        if (indexMarkerStayingVisible == 10+5 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/secret-bay-morocco' ,'_self') 
        }
        showPreview(5,'spot')
        if (9 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 10+5  
        defaultAllMapMarker()

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

</script><script>document.getElementById("spotItemwide"+6).addEventListener('mouseenter', function (event){
    showMapMarker(10+6, 'spot')
})
document.getElementById("spotItemwide"+6).addEventListener('mouseleave', function (event){
    defaultMapMarker(10+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: [-9.798, 31.3529], zoom: zoomMapListItem}) 
        if (9 > 1  || true)
        {
          showPreview(6,'spot')
          showPopup(10+6)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(10+6, 'spot')    
        if (indexMarkerStayingVisible == 10+6 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/sidi-kaouki-morocco' ,'_self') 
        }
        showPreview(6,'spot')
        if (9 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 10+6  
        defaultAllMapMarker()

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

</script><script>document.getElementById("spotItemwide"+7).addEventListener('mouseenter', function (event){
    showMapMarker(10+7, 'spot')
})
document.getElementById("spotItemwide"+7).addEventListener('mouseleave', function (event){
    defaultMapMarker(10+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: [-9.8165, 31.0812], zoom: zoomMapListItem}) 
        if (9 > 1  || true)
        {
          showPreview(7,'spot')
          showPopup(10+7)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(10+7, 'spot')    
        if (indexMarkerStayingVisible == 10+7 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/tafadna-morocco' ,'_self') 
        }
        showPreview(7,'spot')
        if (9 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 10+7  
        defaultAllMapMarker()

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

</script><script>document.getElementById("spotItemwide"+8).addEventListener('mouseenter', function (event){
    showMapMarker(10+8, 'spot')
})
document.getElementById("spotItemwide"+8).addEventListener('mouseleave', function (event){
    defaultMapMarker(10+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: [-9.8102, 31.3776], zoom: zoomMapListItem}) 
        if (9 > 1  || true)
        {
          showPreview(8,'spot')
          showPopup(10+8)
        }
        else
        {
          this.style.cursor='progress'
        }
        break
      case 'GOOGLEMAPS':
        activateGoogleMapMarkerIcon(10+8, 'spot')    
        if (indexMarkerStayingVisible == 10+8 && !$(event.target).hasClass('dont-leave-page')){
          window.open('/spots/taguinza-morocco' ,'_self') 
        }
        showPreview(8,'spot')
        if (9 == 1 && false)
        {
          this.style.cursor='progress'
        }
        if(selectedItems==1){
          //unselectItem(lastselectedItem)
        }
        indexMarkerStayingVisible = 10+8  
        defaultAllMapMarker()

        hideAllMapPopup()
        infowindows[10+8].open(map, markers[10+8]);
        
        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">10 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() > 0)
  zoomMapBase = Math.round(-1)
if ( window.innerWidth <= 320 )
  zoomMapBase--;
centerMapBase = {lat: 31.51319456261372, lng: -9.763443508247633};
function myMap() {      
  var mapProp= {
    center: centerMapBase,
    zoom: zoomMapBase,
    scaleControl: true,
    zoomControl: true,
    mapTypeControl: true,
    streetViewControl: true,
    rotateControl: false,
    fullscreenControl: true,
    //gestureHandling: 'greedy'
    streetViewControlOptions: {
        position: google.maps.ControlPosition.LEFT_BOTTOM,
    }
  };
  map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
  if ( window.innerWidth <= 320 )
    map.setOptions({mapTypeControl: false});
  if ( window.innerWidth > 768 ){
    map.setOptions({mapTypeControl: false});
    map.setOptions({streetViewControl: false});
    //map.setOptions({fullscreenControl: false});
    map.setOptions({zoomControl: false});
  }
  document.getElementById("googleMap").addEventListener('mouseenter', function (event) {
    if ( window.innerWidth > 768 ){
      map.setOptions({mapTypeControl: true});
      map.setOptions({streetViewControl: true});
      //map.setOptions({fullscreenControl: true});
      map.setOptions({zoomControl: true});
    }
  })
  document.getElementById("googleMap").addEventListener('mouseleave', function (event) {
    if ( window.innerWidth > 768 ){
      map.setOptions({mapTypeControl: false});
      map.setOptions({streetViewControl: false});
      //map.setOptions({fullscreenControl: false});
      map.setOptions({zoomControl: false});
    }
  })
  function zoomReset(event) {
      ResetFilterMenuSchoolsSpots()
      if(indexMarkerStayingVisible!=-1)
        document.getElementsByClassName("always")[0].classList.remove("always");   
      indexMarkerStayingVisible = -1;
      turnGoogleMapAllActive()
      google.maps.event.trigger(map, 'maptypeid_changed');
      hideAllMapPopup()
      map.setZoom(zoomMapBase);
      map.panTo(centerMapBase);
      $("#googleMapCenter").hide()
      //google.maps.event.trigger(map, 'maptypeid_changed');
      //$('[id^="ShowAllItemsToggle_"]').hide()
  }
  document.getElementById("googleMapCenter").addEventListener('click', function (event) {zoomReset(event)})
  //document.getElementById("ShowAllItemsToggle_active_wide").addEventListener('click', function (event) {zoomReset(event)})
  $("#googleMapCenter").hide()
  //$('[id^="ShowAllItemsToggle_"]').hide()
  $("#googleMapFullScreen").hide()
  $("#googleMapFullScreenBack").hide()
  document.getElementById("googleMapFullScreen").addEventListener('click', function (event) {
      document.getElementsByClassName("gm-control-active gm-fullscreen-control")[0].click()
      //$("#googleMapFullScreenBack").fadeIn()
      //$("#googleMapFullScreen").hide()
  })
  google.maps.event.addListener(map,'maptypeid_changed', function () {
      adaptGoogleMapMarkeIcons()
  })
}
</script><script async="async" defer="defer" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDjRLnstlqyShYBOiTQ6BaFZluD8KaPay8&amp;callback=myMap"></script><!--ADD Shools on GoogleMap--><script>$(window).on('load', function() {
  myLatLng = {lat: 31.5043488, lng: -9.763603};
  var marker = new google.maps.Marker({
      position: myLatLng, 
      url:"/schools/" + "essaouiraglisscity", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['school_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Essaouira Gliss City", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Essaouira Gliss City'}, 
      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'>" + 
                  "Essaouira Gliss City" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-user-graduate availability'>"+"</i>"+
                  "School" +
                "</h6>" +
                "<a href='/schools/" + "essaouiraglisscity" + "'>"+
                  "<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/" + "essaouiraglisscity" + "'>"+
                  "<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: 31.5043488, lng: -9.763603})
      if (10 > 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: 31.503539, lng: -9.7621016};
  var marker = new google.maps.Marker({
      position: myLatLng, 
      url:"/schools/" + "essaouira-kiteparadise", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['school_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Essaouira Kite Paradised", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Essaouira Kite Paradised'}, 
      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'>" + 
                  "Essaouira Kite Paradised" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-user-graduate availability'>"+"</i>"+
                  "School" +
                "</h6>" +
                "<a href='/schools/" + "essaouira-kiteparadise" + "'>"+
                  "<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/" + "essaouira-kiteparadise" + "'>"+
                  "<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: 31.503539, lng: -9.7621016})
      if (10 > 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: 31.508376162838868, lng: -9.767193227539066};
  var marker = new google.maps.Marker({
      position: myLatLng, 
      url:"/schools/" + "ananas-kitesurfing", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['school_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Ananas kitesurfing", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Ananas kitesurfing'}, 
      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'>" + 
                  "Ananas kitesurfing" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-user-graduate availability'>"+"</i>"+
                  "School" +
                "</h6>" +
                "<a href='/schools/" + "ananas-kitesurfing" + "'>"+
                  "<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/" + "ananas-kitesurfing" + "'>"+
                  "<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: 31.508376162838868, lng: -9.767193227539066})
      if (10 > 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: 31.508492600000004, lng: -9.7595041};
  var marker = new google.maps.Marker({
      position: myLatLng, 
      url:"/schools/" + "mogasurf", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['school_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "MOGASURF", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//MOGASURF'}, 
      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'>" + 
                  "MOGASURF" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-user-graduate availability'>"+"</i>"+
                  "School" +
                "</h6>" +
                "<a href='/schools/" + "mogasurf" + "'>"+
                  "<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/" + "mogasurf" + "'>"+
                  "<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: 31.508492600000004, lng: -9.7595041})
      if (10 > 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: 31.5056341, lng: -9.762763800000016};
  var marker = new google.maps.Marker({
      position: myLatLng, 
      url:"/schools/" + "atlanticzin_watersports", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['school_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Atlanticzin Watersports", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Atlanticzin Watersports'}, 
      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'>" + 
                  "Atlanticzin Watersports" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-user-graduate availability'>"+"</i>"+
                  "School" +
                "</h6>" +
                "<a href='/schools/" + "atlanticzin_watersports" + "'>"+
                  "<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/" + "atlanticzin_watersports" + "'>"+
                  "<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: 31.5056341, lng: -9.762763800000016})
      if (10 > 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: 31.507858, lng: -9.76548600000001};
  var marker = new google.maps.Marker({
      position: myLatLng, 
      url:"/schools/" + "ocean-vagabond-essaouira", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['school_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Océan Vagabond Essaouira", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Océan Vagabond Essaouira'}, 
      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'>" + 
                  "Océan Vagabond Essaouira" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-user-graduate availability'>"+"</i>"+
                  "School" +
                "</h6>" +
                "<a href='/schools/" + "ocean-vagabond-essaouira" + "'>"+
                  "<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/" + "ocean-vagabond-essaouira" + "'>"+
                  "<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: 31.507858, lng: -9.76548600000001})
      if (10 > 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: 31.503539, lng: -9.7621016};
  var marker = new google.maps.Marker({
      position: myLatLng, 
      url:"/schools/" + "bleukite", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['school_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "BleuKite Essaouira", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//BleuKite Essaouira'}, 
      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'>" + 
                  "BleuKite Essaouira" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-user-graduate availability'>"+"</i>"+
                  "School" +
                "</h6>" +
                "<a href='/schools/" + "bleukite" + "'>"+
                  "<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/" + "bleukite" + "'>"+
                  "<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: 31.503539, lng: -9.7621016})
      if (10 > 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><script>$(window).on('load', function() {
  myLatLng = {lat: 31.5135804, lng: -9.768994500000002};
  var marker = new google.maps.Marker({
      position: myLatLng, 
      url:"/schools/" + "explorawatersports", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['school_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Explora Watersports", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Explora Watersports'}, 
      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'>" + 
                  "Explora Watersports" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-user-graduate availability'>"+"</i>"+
                  "School" +
                "</h6>" +
                "<a href='/schools/" + "explorawatersports" + "'>"+
                  "<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/" + "explorawatersports" + "'>"+
                  "<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'+7).attr("excluded") == "false"){
      showMapMarker(7, 'school')
    }
  })
  google.maps.event.addListener(marker, 'mouseout', function (event){
    if($("#"+'school'+'Item'+'wide'+7).attr("excluded") == "false"){
      defaultMapMarker(7,'school')
    }
  })        
  google.maps.event.addListener(marker, 'click', function (event){
    if($("#"+'school'+'Item'+'wide'+7).attr("excluded") == "false"){
      infowindows[7].open(map, markers[7]);
      activateGoogleMapMarkerIcon(7, 'school') 
      //showMapMarker(7, 'school') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 31.5135804, lng: -9.768994500000002})
      if (10 > 1)
      {
        showPreview(7,'school')
      }
      indexMarkerStayingVisible = 7;
      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',7,'school',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 31.5043488, lng: -9.763603};
  var marker = new google.maps.Marker({
      position: myLatLng, 
      url:"/schools/" + "essaouirakitesurf", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['school_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Essaouira kitesurf", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Essaouira kitesurf'}, 
      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'>" + 
                  "Essaouira kitesurf" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-user-graduate availability'>"+"</i>"+
                  "School" +
                "</h6>" +
                "<a href='/schools/" + "essaouirakitesurf" + "'>"+
                  "<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/" + "essaouirakitesurf" + "'>"+
                  "<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'+8).attr("excluded") == "false"){
      showMapMarker(8, 'school')
    }
  })
  google.maps.event.addListener(marker, 'mouseout', function (event){
    if($("#"+'school'+'Item'+'wide'+8).attr("excluded") == "false"){
      defaultMapMarker(8,'school')
    }
  })        
  google.maps.event.addListener(marker, 'click', function (event){
    if($("#"+'school'+'Item'+'wide'+8).attr("excluded") == "false"){
      infowindows[8].open(map, markers[8]);
      activateGoogleMapMarkerIcon(8, 'school') 
      //showMapMarker(8, 'school') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 31.5043488, lng: -9.763603})
      if (10 > 1)
      {
        showPreview(8,'school')
      }
      indexMarkerStayingVisible = 8;
      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',8,'school',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 31.514458500000003, lng: -9.7685439};
  var marker = new google.maps.Marker({
      position: myLatLng, 
      url:"/schools/" + "surfessaouira", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['school_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Surf Essaouira", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Surf Essaouira'}, 
      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'>" + 
                  "Surf Essaouira" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-user-graduate availability'>"+"</i>"+
                  "School" +
                "</h6>" +
                "<a href='/schools/" + "surfessaouira" + "'>"+
                  "<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/" + "surfessaouira" + "'>"+
                  "<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'+9).attr("excluded") == "false"){
      showMapMarker(9, 'school')
    }
  })
  google.maps.event.addListener(marker, 'mouseout', function (event){
    if($("#"+'school'+'Item'+'wide'+9).attr("excluded") == "false"){
      defaultMapMarker(9,'school')
    }
  })        
  google.maps.event.addListener(marker, 'click', function (event){
    if($("#"+'school'+'Item'+'wide'+9).attr("excluded") == "false"){
      infowindows[9].open(map, markers[9]);
      activateGoogleMapMarkerIcon(9, 'school') 
      //showMapMarker(9, 'school') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 31.514458500000003, lng: -9.7685439})
      if (10 > 1)
      {
        showPreview(9,'school')
      }
      indexMarkerStayingVisible = 9;
      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',9,'school',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><!--ADD Airports on GoogleMap--><script>$(window).on('load', function() {
  myLatLng = {lat: 31.4030456, lng: -9.68818340000007};
  var markerA = new google.maps.Marker({
      position:myLatLng,
      icon: {url: icons['airport_inactive'].icon, 
            scaledSize: new google.maps.Size(20, 20)},
      title: "Essaouira (ESU)",
      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: 31.6047881, lng: -8.021050500000001};
  var markerA = new google.maps.Marker({
      position:myLatLng,
      icon: {url: icons['airport_inactive'].icon, 
            scaledSize: new google.maps.Size(20, 20)},
      title: "Marrakech Menara (RAK)",
      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: 33.3734949, lng: -7.581127599999945};
  var markerA = new google.maps.Marker({
      position:myLatLng,
      icon: {url: icons['airport_inactive'].icon, 
            scaledSize: new google.maps.Size(20, 20)},
      title: "Casablanca Mohamed V. (CMN)",
      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: 31.2661, lng: -9.8052};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "aghnajane-morocco", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Aghnajane, Morocco", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Aghnajane, Morocco'}, 
      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>" + 
                  "Aghnajane, Morocco" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "aghnajane-morocco" + "'>"+
                  "<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/" + "aghnajane-morocco" + "'>"+
                  "<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(10+0, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+0).attr("excluded") == "false"){
      defaultMapMarker(10+0,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+0).attr("excluded") == "false"){
      infowindows[10+0].open(map, markers[10+0]);
      activateGoogleMapMarkerIcon(10+0, 'spot') 
      //showMapMarker(0, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 31.2661, lng: -9.8052})
      if (9 > 1)
      {
        showPreview(0, 'spot')
      }
      indexMarkerStayingVisible = 10+0;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      var NorthBound = map.getBounds().getNorthEast().lat()
      var SouthBound = map.getBounds().getSouthWest().lat()
      var EastBound = map.getBounds().getNorthEast().lng()
      var WestBound = map.getBounds().getSouthWest().lng()
      checkAndHideListItem('spotItem',0,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 31.7946, lng: -9.5824};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "biba-morocco", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Biba, Morocco", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Biba, Morocco'}, 
      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>" + 
                  "Biba, Morocco" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "biba-morocco" + "'>"+
                  "<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/" + "biba-morocco" + "'>"+
                  "<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(10+1, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+1).attr("excluded") == "false"){
      defaultMapMarker(10+1,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+1).attr("excluded") == "false"){
      infowindows[10+1].open(map, markers[10+1]);
      activateGoogleMapMarkerIcon(10+1, 'spot') 
      //showMapMarker(1, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 31.7946, lng: -9.5824})
      if (9 > 1)
      {
        showPreview(1, 'spot')
      }
      indexMarkerStayingVisible = 10+1;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      var NorthBound = map.getBounds().getNorthEast().lat()
      var SouthBound = map.getBounds().getSouthWest().lat()
      var EastBound = map.getBounds().getNorthEast().lng()
      var WestBound = map.getBounds().getSouthWest().lng()
      checkAndHideListItem('spotItem',1,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 31.5013, lng: -9.7633};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "essaouira-bay-morocco", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Essaouira Bay, Morocco", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Essaouira Bay, Morocco'}, 
      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>" + 
                  "Essaouira Bay, Morocco" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Beginner Spot" +
                "</h6>" +
                "<a href='/spots/" + "essaouira-bay-morocco" + "'>"+
                  "<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/" + "essaouira-bay-morocco" + "'>"+
                  "<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(10+2, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+2).attr("excluded") == "false"){
      defaultMapMarker(10+2,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+2).attr("excluded") == "false"){
      infowindows[10+2].open(map, markers[10+2]);
      activateGoogleMapMarkerIcon(10+2, 'spot') 
      //showMapMarker(2, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 31.5013, lng: -9.7633})
      if (9 > 1)
      {
        showPreview(2, 'spot')
      }
      indexMarkerStayingVisible = 10+2;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      var NorthBound = map.getBounds().getNorthEast().lat()
      var SouthBound = map.getBounds().getSouthWest().lat()
      var EastBound = map.getBounds().getNorthEast().lng()
      var WestBound = map.getBounds().getSouthWest().lng()
      checkAndHideListItem('spotItem',2,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 31.3354, lng: -9.7974};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "l-oued-de-kaouki-morocco", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "L'Oued de Kaouki, Morocco", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//L'Oued de Kaouki, Morocco'}, 
      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>" + 
                  "L'Oued de Kaouki, Morocco" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Beginner Spot" +
                "</h6>" +
                "<a href='/spots/" + "l-oued-de-kaouki-morocco" + "'>"+
                  "<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/" + "l-oued-de-kaouki-morocco" + "'>"+
                  "<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(10+3, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+3).attr("excluded") == "false"){
      defaultMapMarker(10+3,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+3).attr("excluded") == "false"){
      infowindows[10+3].open(map, markers[10+3]);
      activateGoogleMapMarkerIcon(10+3, 'spot') 
      //showMapMarker(3, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 31.3354, lng: -9.7974})
      if (9 > 1)
      {
        showPreview(3, 'spot')
      }
      indexMarkerStayingVisible = 10+3;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      var NorthBound = map.getBounds().getNorthEast().lat()
      var SouthBound = map.getBounds().getSouthWest().lat()
      var EastBound = map.getBounds().getNorthEast().lng()
      var WestBound = map.getBounds().getSouthWest().lng()
      checkAndHideListItem('spotItem',3,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 31.6643, lng: -9.6751};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "moulay-morocco", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Moulay, Morocco", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Moulay, Morocco'}, 
      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>" + 
                  "Moulay, Morocco" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "moulay-morocco" + "'>"+
                  "<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/" + "moulay-morocco" + "'>"+
                  "<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(10+4, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+4).attr("excluded") == "false"){
      defaultMapMarker(10+4,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+4).attr("excluded") == "false"){
      infowindows[10+4].open(map, markers[10+4]);
      activateGoogleMapMarkerIcon(10+4, 'spot') 
      //showMapMarker(4, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 31.6643, lng: -9.6751})
      if (9 > 1)
      {
        showPreview(4, 'spot')
      }
      indexMarkerStayingVisible = 10+4;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      var NorthBound = map.getBounds().getNorthEast().lat()
      var SouthBound = map.getBounds().getSouthWest().lat()
      var EastBound = map.getBounds().getNorthEast().lng()
      var WestBound = map.getBounds().getSouthWest().lng()
      checkAndHideListItem('spotItem',4,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 31.3187, lng: -9.7946};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "secret-bay-morocco", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Secret Bay, Morocco", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Secret Bay, Morocco'}, 
      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>" + 
                  "Secret Bay, Morocco" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "secret-bay-morocco" + "'>"+
                  "<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/" + "secret-bay-morocco" + "'>"+
                  "<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(10+5, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+5).attr("excluded") == "false"){
      defaultMapMarker(10+5,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+5).attr("excluded") == "false"){
      infowindows[10+5].open(map, markers[10+5]);
      activateGoogleMapMarkerIcon(10+5, 'spot') 
      //showMapMarker(5, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 31.3187, lng: -9.7946})
      if (9 > 1)
      {
        showPreview(5, 'spot')
      }
      indexMarkerStayingVisible = 10+5;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      var NorthBound = map.getBounds().getNorthEast().lat()
      var SouthBound = map.getBounds().getSouthWest().lat()
      var EastBound = map.getBounds().getNorthEast().lng()
      var WestBound = map.getBounds().getSouthWest().lng()
      checkAndHideListItem('spotItem',5,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 31.3529, lng: -9.798};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "sidi-kaouki-morocco", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Sidi Kaouki, Morocco", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Sidi Kaouki, Morocco'}, 
      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>" + 
                  "Sidi Kaouki, Morocco" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Beginner Spot" +
                "</h6>" +
                "<a href='/spots/" + "sidi-kaouki-morocco" + "'>"+
                  "<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/" + "sidi-kaouki-morocco" + "'>"+
                  "<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(10+6, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+6).attr("excluded") == "false"){
      defaultMapMarker(10+6,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+6).attr("excluded") == "false"){
      infowindows[10+6].open(map, markers[10+6]);
      activateGoogleMapMarkerIcon(10+6, 'spot') 
      //showMapMarker(6, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 31.3529, lng: -9.798})
      if (9 > 1)
      {
        showPreview(6, 'spot')
      }
      indexMarkerStayingVisible = 10+6;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      var NorthBound = map.getBounds().getNorthEast().lat()
      var SouthBound = map.getBounds().getSouthWest().lat()
      var EastBound = map.getBounds().getNorthEast().lng()
      var WestBound = map.getBounds().getSouthWest().lng()
      checkAndHideListItem('spotItem',6,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 31.0812, lng: -9.8165};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "tafadna-morocco", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Tafadna, Morocco", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Tafadna, Morocco'}, 
      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>" + 
                  "Tafadna, Morocco" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "tafadna-morocco" + "'>"+
                  "<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/" + "tafadna-morocco" + "'>"+
                  "<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(10+7, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+7).attr("excluded") == "false"){
      defaultMapMarker(10+7,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+7).attr("excluded") == "false"){
      infowindows[10+7].open(map, markers[10+7]);
      activateGoogleMapMarkerIcon(10+7, 'spot') 
      //showMapMarker(7, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 31.0812, lng: -9.8165})
      if (9 > 1)
      {
        showPreview(7, 'spot')
      }
      indexMarkerStayingVisible = 10+7;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      var NorthBound = map.getBounds().getNorthEast().lat()
      var SouthBound = map.getBounds().getSouthWest().lat()
      var EastBound = map.getBounds().getNorthEast().lng()
      var WestBound = map.getBounds().getSouthWest().lng()
      checkAndHideListItem('spotItem',7,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script><script>$(window).on('load', function() {
  myLatLng = {lat: 31.3776, lng: -9.8102};
  var markerSp = new google.maps.Marker({
      position: myLatLng, 
      url:"/spots/" + "taguinza-morocco", 
      //animation: google.maps.Animation.DROP,
      icon: {url: icons['spot_inactive'].icon, 
              scaledSize: new google.maps.Size(20, 20)},
      title: "Taguinza, Morocco", 
      label: {color: 'black', 
              fontSize: '10px', 
              fontWeight: 'bold', 
              text: ' '},//Taguinza, Morocco'}, 
      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>" + 
                  "Taguinza, Morocco" +
                "</h5>" +
                "<h6 class='hide-on-narrow-screen'>" + 
                  "<i class='fas fa-snowboarding availability'>"+"</i>"+
                  "Intermediate Spot" +
                "</h6>" +
                "<a href='/spots/" + "taguinza-morocco" + "'>"+
                  "<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/" + "taguinza-morocco" + "'>"+
                  "<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(10+8, 'spot')
    }
  })
  google.maps.event.addListener(markerSp, 'mouseout', function (event){
    if($("#"+'spot'+'Item'+'wide'+8).attr("excluded") == "false"){
      defaultMapMarker(10+8,'spot')
    }
  })        
  google.maps.event.addListener(markerSp, 'click', function (event){
    if($("#"+'spot'+'Item'+'wide'+8).attr("excluded") == "false"){
      infowindows[10+8].open(map, markers[10+8]);
      activateGoogleMapMarkerIcon(10+8, 'spot') 
      //showMapMarker(8, 'spot') //bounce
      zoomMapListItem = 12
      //map.setZoom(zoomMapListItem)
      map.panTo({lat: 31.3776, lng: -9.8102})
      if (9 > 1)
      {
        showPreview(8, 'spot')
      }
      indexMarkerStayingVisible = 10+8;
      defaultAllMapMarker()
      hideAllMapPopup()
    }
  })
  markers.push(markerSp);
  markersSpotOnly.push(markerSp);
  google.maps.event.addListener(map,'bounds_changed', function () {
      if ( (map.getZoom()!=zoomMapBase) || (Math.abs(map.getCenter().lng()-centerMapBase['lng'])>0.000001) || (Math.abs(map.getCenter().lat()-centerMapBase['lat'])>0.000001) ){
        console.log('fadeiiiin')
        $("#googleMapCenter").fadeIn()
      }
      var NorthBound = map.getBounds().getNorthEast().lat()
      var SouthBound = map.getBounds().getSouthWest().lat()
      var EastBound = map.getBounds().getNorthEast().lng()
      var WestBound = map.getBounds().getSouthWest().lng()
      checkAndHideListItem('spotItem',8,'spot',NorthBound,SouthBound,EastBound,WestBound)
  });
})
</script></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=Essaouira Gliss City&amp;schoolemail=essaouiraglisscity@gmail.com" 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 Essaouira Gliss City</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact12" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Essaouira Kite Paradised&amp;schoolemail=contact@essaouira-kiteparadise.com" 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 Essaouira Kite Parad</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact22" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Ananas kitesurfing&amp;schoolemail=anas@ananaskitesurfing.com" 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 Ananas kitesurfing</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact32" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=MOGASURF&amp;schoolemail=info@mogasurf.com" 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 MOGASURF</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact42" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Atlanticzin Watersports&amp;schoolemail=contact@atlanticzinwatersports.com" 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 Atlanticzin Waterspo</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact52" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Océan Vagabond Essaouira&amp;schoolemail=reservation@oceanvagabond.com" 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 Océan Vagabond Essao</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact62" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=BleuKite Essaouira&amp;schoolemail=info@bleukite.com" 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 BleuKite Essaouira</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact72" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Explora Watersports&amp;schoolemail=info@explorawatersports.com" data-mode="drawer_right" class="typeform-share"><div id="SingleContactButton2"><div id="SingleContactButton_7_2" class="btn btn-unplug-240px reactive force-font-size-20px no-display"><i class="fa fa-paper-plane availability"> </i>Contact Explora Watersports</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact82" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Essaouira kitesurf&amp;schoolemail=essaouirakitesurf@yahoo.fr" data-mode="drawer_right" class="typeform-share"><div id="SingleContactButton2"><div id="SingleContactButton_8_2" class="btn btn-unplug-240px reactive force-font-size-20px no-display"><i class="fa fa-paper-plane availability"> </i>Contact Essaouira kitesurf</div></div></a></div><!--Single button--><div class="text-center"><a id="typeform_singlecontact92" href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Surf Essaouira&amp;schoolemail=info@surfessaouira.com" data-mode="drawer_right" class="typeform-share"><div id="SingleContactButton2"><div id="SingleContactButton_9_2" class="btn btn-unplug-240px reactive force-font-size-20px no-display"><i class="fa fa-paper-plane availability"> </i>Contact Surf Essaouira</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="31.5043488" lon="-9.763603" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><a href="/schools/essaouiraglisscity"><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">Essaouira Gliss City </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="Great surf club! Went there to learn to surf. In two hours time we were catching waves and standing on the surf board! All thanks to great instructor! After first lesson we went back two time to rent the equipment and to surf our own. Thanks guys for giving us the joy of surfing!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Great surf club! Went there to learn to surf. In two hours ...<i class="fas fa-quote-right availability-left"></i></i><i title="Great surf club! Went there to learn to surf. In two hours time we were catching waves and standing on the surf board! All thanks to great instructor! After first lesson we went back two time to rent the equipment and to surf our own. Thanks guys for giving us the joy of surfing!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Great surf club! Went there to lea...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>Avenue Mohammed V, Essaouira 44000, Maroc </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>15km </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/essaouiraglisscity"><img src="//images.ctfassets.net/engeyisazyq7/4OdBPw6kxgUq3ckRwu74LB/9c3e87d01fba422bae8f39f2388cfafa/e4cb86c76be7-Logo_EGC_2016_4.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="fa fa-star"> </i> 4.8/5 (32)      </h6><div class="hide-on-wide-ipadscreen"><i title="Great surf club! Went there to learn to surf. In two hours time we were catching waves and standing on the surf board! All thanks to great instructor! After first lesson we went back two time to rent the equipment and to surf our own. Thanks guys for giving us the joy of surfing!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Great surf club! Went there to learn to surf. In two hours ...<i class="fas fa-quote-right availability-left"></i></i><i title="Great surf club! Went there to learn to surf. In two hours time we were catching waves and standing on the surf board! All thanks to great instructor! After first lesson we went back two time to rent the equipment and to surf our own. Thanks guys for giving us the joy of surfing!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Great surf club! Went there to lea...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>Avenue Mohammed V, Essaouira 44000, Maroc </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>15km </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: 59 €/hour</h5></div><div class="col-sm-4 text-left"></div><div class="col-sm-1"></div><div class="col-sm-3 text-center force-no-padding"><div class="multipleContact text-center"><div class="hide-on-narrow-ipadscreen"><div id="wide_item_selected0" onclick="unselectItem(0)" title="Click to unselect this school" class="no-display dont-leave-page"><div class="btn btn-unplug-min100 reactive-shadow dont-leave-page">Selected   <i class="far fa-check-square"></i></div></div><div id="wide_select_item0" onclick="selectItem(0)" title="Click to select this school" class="no-display"><h5 class="force-no-padding-bottom force-no-border-bottom unselectable dont-leave-page">Select   <i class="far fa-square"></i></h5></div></div><div class="hide-on-wide-ipadscreen"><a href="/schools/essaouiraglisscity"><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="tel:+212661758514"><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Essaouira Gliss City&amp;schoolemail=essaouiraglisscity@gmail.com" 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: +212661758514');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Essaouira Gliss City&amp;schoolemail=essaouiraglisscity@gmail.com" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div></div></div></div><script>$("#schoolItem"+'wide'+0).attr("hasLesson", "true")
</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 59 €/hour');
script.
  SchoolsListRENTALPRICE.push('');
script.
  SchoolsListDISTANCEAIRPORT.push('15km');
script.
  SchoolsListPREMIUMHIERARCHY.push('48');
script.
  SchoolsListLAT.push('31.5043488');
script.
  SchoolsListLON.push('-9.763603');
script.
  SchoolsListSLUG.push('essaouiraglisscity');
script.
  SchoolsListPHONE.push('+212661758514');
script.
  SchoolsListEMAIL.push('essaouiraglisscity@gmail.com');
script.
  SchoolsListADDRESS.push('Avenue Mohammed V, Essaouira 44000, Maroc');--><!--  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="31.503539" lon="-9.7621016" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><a href="/schools/essaouira-kiteparadise"><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">Essaouira Kite Paradised </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="We booked the lesson and two hours later we already started our first surf experience. Our teacher was Anass and he is one of the loveliest people we met in Marokko. He really cares about your well being so you are not nervous if its your first time surfing. He is always in the water with you to help, so you feel save tue whole time. We saw other teacher outside, shouting at their students with a whistle. He really has a passion for surfing and shares that with you. Also the rest of the team always welcomes you, everybody gives you a good vibe. Futhermore it was my sisters birthday. Anass organzized a big cake with presents and we celebrated at his friends house (also from the surf club). All in all it was the best time we had in Marokko, very grateful for this amazing experience!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>We booked the lesson and two hours later we already started...<i class="fas fa-quote-right availability-left"></i></i><i title="We booked the lesson and two hours later we already started our first surf experience. Our teacher was Anass and he is one of the loveliest people we met in Marokko. He really cares about your well being so you are not nervous if its your first time surfing. He is always in the water with you to help, so you feel save tue whole time. We saw other teacher outside, shouting at their students with a whistle. He really has a passion for surfing and shares that with you. Also the rest of the team always welcomes you, everybody gives you a good vibe. Futhermore it was my sisters birthday. Anass organzized a big cake with presents and we celebrated at his friends house (also from the surf club). All in all it was the best time we had in Marokko, very grateful for this amazing experience!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>We booked the lesson and two hours...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>Rue Lalla Hasna, Essaouira 44000, Maroc </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>15km </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/essaouira-kiteparadise"><img src="//images.ctfassets.net/engeyisazyq7/lPjxGvWz8RpEeCpFzbkoV/13a70b15cb3a588280be96cc668aba2e/Capture_d___e__cran_2021-11-10_a___01.26.50.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.7/5 (43)      </h6><div class="hide-on-wide-ipadscreen"><i title="We booked the lesson and two hours later we already started our first surf experience. Our teacher was Anass and he is one of the loveliest people we met in Marokko. He really cares about your well being so you are not nervous if its your first time surfing. He is always in the water with you to help, so you feel save tue whole time. We saw other teacher outside, shouting at their students with a whistle. He really has a passion for surfing and shares that with you. Also the rest of the team always welcomes you, everybody gives you a good vibe. Futhermore it was my sisters birthday. Anass organzized a big cake with presents and we celebrated at his friends house (also from the surf club). All in all it was the best time we had in Marokko, very grateful for this amazing experience!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>We booked the lesson and two hours later we already started...<i class="fas fa-quote-right availability-left"></i></i><i title="We booked the lesson and two hours later we already started our first surf experience. Our teacher was Anass and he is one of the loveliest people we met in Marokko. He really cares about your well being so you are not nervous if its your first time surfing. He is always in the water with you to help, so you feel save tue whole time. We saw other teacher outside, shouting at their students with a whistle. He really has a passion for surfing and shares that with you. Also the rest of the team always welcomes you, everybody gives you a good vibe. Futhermore it was my sisters birthday. Anass organzized a big cake with presents and we celebrated at his friends house (also from the surf club). All in all it was the best time we had in Marokko, very grateful for this amazing experience!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>We booked the lesson and two hours...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>Rue Lalla Hasna, Essaouira 44000, Maroc </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>15km </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: 27 €/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: 60 €/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/essaouira-kiteparadise"><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="tel:+212607078666"><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Essaouira Kite Paradised&amp;schoolemail=contact@essaouira-kiteparadise.com" 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: +212607078666');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Essaouira Kite Paradised&amp;schoolemail=contact@essaouira-kiteparadise.com" 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: 27 €/hour');
script.
  SchoolsListRENTALPRICE.push('Rental: 60 €/day');
script.
  SchoolsListDISTANCEAIRPORT.push('15km');
script.
  SchoolsListPREMIUMHIERARCHY.push('46.5');
script.
  SchoolsListLAT.push('31.503539');
script.
  SchoolsListLON.push('-9.7621016');
script.
  SchoolsListSLUG.push('essaouira-kiteparadise');
script.
  SchoolsListPHONE.push('+212607078666');
script.
  SchoolsListEMAIL.push('contact@essaouira-kiteparadise.com');
script.
  SchoolsListADDRESS.push('Rue Lalla Hasna, Essaouira 44000, Maroc');--><!--  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="31.508376162838868" lon="-9.767193227539066" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><a href="/schools/ananas-kitesurfing"><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">Ananas kitesurfing </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>Av. Mohammed V, Essaouira 44000, Maroc </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>20km </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/ananas-kitesurfing"><img src="//images.ctfassets.net/engeyisazyq7/3hmLANjCrIuSPQUYRGTvZc/3870329da56ece0b2845bc116a4028d5/f5a2b279c6c7-EF71DB3B_2348_4892_AD56_FB78C85B1179-2.jpeg" 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 (17)      </h6><div class="hide-on-wide-ipadscreen"><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>Av. Mohammed V, Essaouira 44000, Maroc </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>20km </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: 45 €/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: 60 €/day</h5></div><div class="col-sm-1"></div><div class="col-sm-3 text-center force-no-padding"><div class="multipleContact text-center"><div class="hide-on-narrow-ipadscreen"><div id="wide_item_selected2" onclick="unselectItem(2)" title="Click to unselect this school" class="no-display dont-leave-page"><div class="btn btn-unplug-min100 reactive-shadow dont-leave-page">Selected   <i class="far fa-check-square"></i></div></div><div id="wide_select_item2" onclick="selectItem(2)" title="Click to select this school" class="no-display"><h5 class="force-no-padding-bottom force-no-border-bottom unselectable dont-leave-page">Select   <i class="far fa-square"></i></h5></div></div><div class="hide-on-wide-ipadscreen"><a href="/schools/ananas-kitesurfing"><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="tel:+212629523899"><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Ananas kitesurfing&amp;schoolemail=anas@ananaskitesurfing.com" 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: +212629523899');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Ananas kitesurfing&amp;schoolemail=anas@ananaskitesurfing.com" data-mode="drawer_right" class="typeform-share"><i aria-hidden="true" class="fa fa-envelope thumbnail-header-icons reactive-shadow"></i></a></div></div></div></div><script>$("#schoolItem"+'wide'+2).attr("hasLesson", "true")
</script><script>displayedRentals = displayedRentals + 0.5
$("#schoolItem"+'wide'+2).attr("hasRental", "true")</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 45 €/hour');
script.
  SchoolsListRENTALPRICE.push('Rental: 60 €/day');
script.
  SchoolsListDISTANCEAIRPORT.push('20km');
script.
  SchoolsListPREMIUMHIERARCHY.push('42.5');
script.
  SchoolsListLAT.push('31.508376162838868');
script.
  SchoolsListLON.push('-9.767193227539066');
script.
  SchoolsListSLUG.push('ananas-kitesurfing');
script.
  SchoolsListPHONE.push('+212629523899');
script.
  SchoolsListEMAIL.push('anas@ananaskitesurfing.com');
script.
  SchoolsListADDRESS.push('Av. Mohammed V, Essaouira 44000, Maroc');--><!--  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="31.508492600000004" lon="-9.7595041" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><a href="/schools/mogasurf"><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">MOGASURF </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="Great time surfing with Mogasurf! We had a day trip package and we're taken to Sidi Kaouki. The weather was rather windy and rainy but this didn't scare our coach so we got inspired too! I'm a horrible beginner but our coach didn't give up on me, was really kind and patient, and gave a lot of good advice and support. Would highly recommend!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Great time surfing with Mogasurf! We had a day trip package...<i class="fas fa-quote-right availability-left"></i></i><i title="Great time surfing with Mogasurf! We had a day trip package and we're taken to Sidi Kaouki. The weather was rather windy and rainy but this didn't scare our coach so we got inspired too! I'm a horrible beginner but our coach didn't give up on me, was really kind and patient, and gave a lot of good advice and support. Would highly recommend!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Great time surfing with Mogasurf! ...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>Essaouira, Maroc </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>20km </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/mogasurf"><img src="//images.ctfassets.net/engeyisazyq7/6JXanNpYcXZjzgY9543Yih/870525c95e42269e604634eb8f6ca308/a55b4543bc72-mogasurf_kitesurf_surf_yoga_essaouira_morocco.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.7/5 (53)      </h6><div class="hide-on-wide-ipadscreen"><i title="Great time surfing with Mogasurf! We had a day trip package and we're taken to Sidi Kaouki. The weather was rather windy and rainy but this didn't scare our coach so we got inspired too! I'm a horrible beginner but our coach didn't give up on me, was really kind and patient, and gave a lot of good advice and support. Would highly recommend!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Great time surfing with Mogasurf! We had a day trip package...<i class="fas fa-quote-right availability-left"></i></i><i title="Great time surfing with Mogasurf! We had a day trip package and we're taken to Sidi Kaouki. The weather was rather windy and rainy but this didn't scare our coach so we got inspired too! I'm a horrible beginner but our coach didn't give up on me, was really kind and patient, and gave a lot of good advice and support. Would highly recommend!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Great time surfing with Mogasurf! ...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>Essaouira, Maroc </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>20km </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_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/mogasurf"><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="tel:+212618910431"><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=MOGASURF&amp;schoolemail=info@mogasurf.com" 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: +212618910431');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=MOGASURF&amp;schoolemail=info@mogasurf.com" 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('');
script.
  SchoolsListRENTALPRICE.push('');
script.
  SchoolsListDISTANCEAIRPORT.push('20km');
script.
  SchoolsListPREMIUMHIERARCHY.push('38');
script.
  SchoolsListLAT.push('31.508492600000004');
script.
  SchoolsListLON.push('-9.7595041');
script.
  SchoolsListSLUG.push('mogasurf');
script.
  SchoolsListPHONE.push('+212618910431');
script.
  SchoolsListEMAIL.push('info@mogasurf.com');
script.
  SchoolsListADDRESS.push('Essaouira, Maroc');--><!--  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="31.5056341" lon="-9.762763800000016" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><a href="/schools/atlanticzin_watersports"><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">Atlanticzin Watersports </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="We're very happy with our 4 days of kitesurf lessons and accommodation for me and my 13yo son. Everything was perfect, professional and warm. Thank you to all the team!! Highly recommended!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>We're very happy with our 4 days of kitesurf lessons and ac...<i class="fas fa-quote-right availability-left"></i></i><i title="We're very happy with our 4 days of kitesurf lessons and accommodation for me and my 13yo son. Everything was perfect, professional and warm. Thank you to all the team!! Highly recommended!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>We're very happy with our 4 days o...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>21 Avenue Princesse Lalla Amina, Essaouira 44000, Morocco </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>15km </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/atlanticzin_watersports"><img src="//images.ctfassets.net/engeyisazyq7/2wNN8eXJu4mkGie5idB6qm/25904228f5060237f1bd73baad140cc3/cb9b28900220-LOGO_WATERSPORT.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 (36)      </h6><div class="hide-on-wide-ipadscreen"><i title="We're very happy with our 4 days of kitesurf lessons and accommodation for me and my 13yo son. Everything was perfect, professional and warm. Thank you to all the team!! Highly recommended!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>We're very happy with our 4 days of kitesurf lessons and ac...<i class="fas fa-quote-right availability-left"></i></i><i title="We're very happy with our 4 days of kitesurf lessons and accommodation for me and my 13yo son. Everything was perfect, professional and warm. Thank you to all the team!! Highly recommended!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>We're very happy with our 4 days o...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>21 Avenue Princesse Lalla Amina, Essaouira 44000, Morocco </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>15km </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: 25 €/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/atlanticzin_watersports"><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="tel:+212604820709"><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Atlanticzin Watersports&amp;schoolemail=contact@atlanticzinwatersports.com" 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: +212604820709');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Atlanticzin Watersports&amp;schoolemail=contact@atlanticzinwatersports.com" 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: 25 €/hour');
script.
  SchoolsListRENTALPRICE.push('');
script.
  SchoolsListDISTANCEAIRPORT.push('15km');
script.
  SchoolsListPREMIUMHIERARCHY.push('36');
script.
  SchoolsListLAT.push('31.5056341');
script.
  SchoolsListLON.push('-9.762763800000016');
script.
  SchoolsListSLUG.push('atlanticzin_watersports');
script.
  SchoolsListPHONE.push('+212604820709');
script.
  SchoolsListEMAIL.push('contact@atlanticzinwatersports.com');
script.
  SchoolsListADDRESS.push('21 Avenue Princesse Lalla Amina, Essaouira 44000, Morocco');--><!--  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="31.507858" lon="-9.76548600000001" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><a href="/schools/ocean-vagabond-essaouira"><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">Océan Vagabond Essaouira </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="Amazing private surf lessons given by Zakaria. It was our first ever lesson and he explained perfectly and made the experience really fun. The cafe is also a cute spot to have lunch or a drink." style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Amazing private surf lessons given by Zakaria. It was our f...<i class="fas fa-quote-right availability-left"></i></i><i title="Amazing private surf lessons given by Zakaria. It was our first ever lesson and he explained perfectly and made the experience really fun. The cafe is also a cute spot to have lunch or a drink." style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Amazing private surf lessons given...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>20, Boulevard Mohamed V, Essaouira 44000, Maroc </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>20km </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/ocean-vagabond-essaouira"><img src="//images.ctfassets.net/engeyisazyq7/OpRc3F4uekqCuO2kWciEK/2d0a65c38a216b40cc5e643e2493f786/ocean-vagabond.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="far fa-star"></i><!--nothing--> 4.1/5 (140)      </h6><div class="hide-on-wide-ipadscreen"><i title="Amazing private surf lessons given by Zakaria. It was our first ever lesson and he explained perfectly and made the experience really fun. The cafe is also a cute spot to have lunch or a drink." style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Amazing private surf lessons given by Zakaria. It was our f...<i class="fas fa-quote-right availability-left"></i></i><i title="Amazing private surf lessons given by Zakaria. It was our first ever lesson and he explained perfectly and made the experience really fun. The cafe is also a cute spot to have lunch or a drink." style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Amazing private surf lessons given...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>20, Boulevard Mohamed V, Essaouira 44000, Maroc </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>20km </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: 38 €/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: 70 €/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_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/ocean-vagabond-essaouira"><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="tel:+212 524 78 39 34"><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Océan Vagabond Essaouira&amp;schoolemail=reservation@oceanvagabond.com" 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: +212 524 78 39 34');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Océan Vagabond Essaouira&amp;schoolemail=reservation@oceanvagabond.com" 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>displayedRentals = displayedRentals + 0.5
$("#schoolItem"+'wide'+5).attr("hasRental", "true")</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 38 €/hour');
script.
  SchoolsListRENTALPRICE.push('Rental: 70 €/day');
script.
  SchoolsListDISTANCEAIRPORT.push('20km');
script.
  SchoolsListPREMIUMHIERARCHY.push('34.5');
script.
  SchoolsListLAT.push('31.507858');
script.
  SchoolsListLON.push('-9.76548600000001');
script.
  SchoolsListSLUG.push('ocean-vagabond-essaouira');
script.
  SchoolsListPHONE.push('+212 524 78 39 34');
script.
  SchoolsListEMAIL.push('reservation@oceanvagabond.com');
script.
  SchoolsListADDRESS.push('20, Boulevard Mohamed V, Essaouira 44000, Maroc');--><!--  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="31.503539" lon="-9.7621016" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><a href="/schools/bleukite"><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">BleuKite Essaouira </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="Fantastic experience. The team is great, very friendly and helping a lot. I also stayed at their accommodation, very nice and comfortable apartment. Very good location next to the beach. Thanks a lot guys!!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Fantastic experience. The team is great, very friendly and ...<i class="fas fa-quote-right availability-left"></i></i><i title="Fantastic experience. The team is great, very friendly and helping a lot. I also stayed at their accommodation, very nice and comfortable apartment. Very good location next to the beach. Thanks a lot guys!!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Fantastic experience. The team is ...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>Lalla Hasna st, Quartier des dunes, Essaouira 44000, Maroc </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>15km </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/bleukite"><img src="//images.ctfassets.net/engeyisazyq7/2kIJwzhkWWvwZODb0u55i4/e99da95fb8f5d120b6454b0c6a32c639/BleuKite_Essaouira.PNG" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><h6 class="notranslate"><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i> 4.8/5 (112)      </h6><div class="hide-on-wide-ipadscreen"><i title="Fantastic experience. The team is great, very friendly and helping a lot. I also stayed at their accommodation, very nice and comfortable apartment. Very good location next to the beach. Thanks a lot guys!!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Fantastic experience. The team is great, very friendly and ...<i class="fas fa-quote-right availability-left"></i></i><i title="Fantastic experience. The team is great, very friendly and helping a lot. I also stayed at their accommodation, very nice and comfortable apartment. Very good location next to the beach. Thanks a lot guys!!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Fantastic experience. The team is ...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>Lalla Hasna st, Quartier des dunes, Essaouira 44000, Maroc </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>15km </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: 26 €/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: 60 €/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_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/bleukite"><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="tel:+212678352031"><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=BleuKite Essaouira&amp;schoolemail=info@bleukite.com" 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: +212678352031');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=BleuKite Essaouira&amp;schoolemail=info@bleukite.com" 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>displayedRentals = displayedRentals + 0.5
$("#schoolItem"+'wide'+6).attr("hasRental", "true")</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 26 €/hour');
script.
  SchoolsListRENTALPRICE.push('Rental: 60 €/day');
script.
  SchoolsListDISTANCEAIRPORT.push('15km');
script.
  SchoolsListPREMIUMHIERARCHY.push('33.5');
script.
  SchoolsListLAT.push('31.503539');
script.
  SchoolsListLON.push('-9.7621016');
script.
  SchoolsListSLUG.push('bleukite');
script.
  SchoolsListPHONE.push('+212678352031');
script.
  SchoolsListEMAIL.push('info@bleukite.com');
script.
  SchoolsListADDRESS.push('Lalla Hasna st, Quartier des dunes, Essaouira 44000, Maroc');--><!--  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="schoolItemnarrow7" lat="31.5135804" lon="-9.768994500000002" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><a href="/schools/explorawatersports"><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">Explora Watersports </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="First time on a surfboard and it was awesome. We booked a 12 hrs course and made a huge progress. Even catched some small green waves at the end of the course. Hamza was our instructor and he was awesome. He always tried to correct our mistakes but never forgot the fun.

Highly recommended!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>First time on a surfboard and it was awesome. We booked a 1...<i class="fas fa-quote-right availability-left"></i></i><i title="First time on a surfboard and it was awesome. We booked a 12 hrs course and made a huge progress. Even catched some small green waves at the end of the course. Hamza was our instructor and he was awesome. He always tried to correct our mistakes but never forgot the fun.

Highly recommended!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>First time on a surfboard and it w...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>Avenue de l'Istiqlal, Essaouira, Maroc </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>20km </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/explorawatersports"><img src="//images.ctfassets.net/engeyisazyq7/2bdxS4sqzhFv5ThOYcRYj/0ef7a73e1b6f321524cbd8d4dce58dde/Explora_Watersports.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 (124)      </h6><div class="hide-on-wide-ipadscreen"><i title="First time on a surfboard and it was awesome. We booked a 12 hrs course and made a huge progress. Even catched some small green waves at the end of the course. Hamza was our instructor and he was awesome. He always tried to correct our mistakes but never forgot the fun.

Highly recommended!" style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>First time on a surfboard and it was awesome. We booked a 1...<i class="fas fa-quote-right availability-left"></i></i><i title="First time on a surfboard and it was awesome. We booked a 12 hrs course and made a huge progress. Even catched some small green waves at the end of the course. Hamza was our instructor and he was awesome. He always tried to correct our mistakes but never forgot the fun.

Highly recommended!" style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>First time on a surfboard and it w...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>Avenue de l'Istiqlal, Essaouira, Maroc </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>20km </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: 50 €/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: 65 €/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_selected7" onclick="unselectItem(7)" 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_item7" onclick="selectItem(7)" 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/explorawatersports"><div id="narrow_item_seepage7" 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_selected7" onclick="unselectItem(7)" 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_item7" onclick="selectItem(7)" 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="tel:+212611475188"><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Explora Watersports&amp;schoolemail=info@explorawatersports.com" 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: +212611475188');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Explora Watersports&amp;schoolemail=info@explorawatersports.com" 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'+7).attr("hasLesson", "true")
</script><script>displayedRentals = displayedRentals + 0.5
$("#schoolItem"+'wide'+7).attr("hasRental", "true")</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 50 €/hour');
script.
  SchoolsListRENTALPRICE.push('Rental: 65 €/day');
script.
  SchoolsListDISTANCEAIRPORT.push('20km');
script.
  SchoolsListPREMIUMHIERARCHY.push('28.5');
script.
  SchoolsListLAT.push('31.5135804');
script.
  SchoolsListLON.push('-9.768994500000002');
script.
  SchoolsListSLUG.push('explorawatersports');
script.
  SchoolsListPHONE.push('+212611475188');
script.
  SchoolsListEMAIL.push('info@explorawatersports.com');
script.
  SchoolsListADDRESS.push('Avenue de l'Istiqlal, Essaouira, Maroc');--><!--  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="schoolItemnarrow8" lat="31.5043488" lon="-9.763603" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><a href="/schools/essaouirakitesurf"><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">Essaouira kitesurf </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>Avenue Mohammed V, Essaouira, Maroc </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>15km </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/essaouirakitesurf"><img src="//images.ctfassets.net/engeyisazyq7/7EN8hPGJHGV2CTV9BK5wdQ/c3ad1e467f87d3f5b3ab8b8c8d9dafdc/Essaouira_kitesurf.PNG" alt="Responsive image" class="pxlimited-SmallLogo img-fluid img-thumbnail rounded float-right reactive"/></a></div></div><div class="row"><div class="col-sm-12 text-center"><h6 class="notranslate"><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i><i class="fa fa-star"> </i> 4.8/5</h6><div class="hide-on-wide-ipadscreen"><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>Avenue Mohammed V, Essaouira, Maroc </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>15km </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: 25 €/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: 50 €/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_selected8" onclick="unselectItem(8)" 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_item8" onclick="selectItem(8)" 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/essaouirakitesurf"><div id="narrow_item_seepage8" 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_selected8" onclick="unselectItem(8)" 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_item8" onclick="selectItem(8)" 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="tel:+212680916618"><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Essaouira kitesurf&amp;schoolemail=essaouirakitesurf@yahoo.fr" 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: +212680916618');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Essaouira kitesurf&amp;schoolemail=essaouirakitesurf@yahoo.fr" 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'+8).attr("hasLesson", "true")
</script><script>displayedRentals = displayedRentals + 0.5
$("#schoolItem"+'wide'+8).attr("hasRental", "true")</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('Lesson: 25 €/hour');
script.
  SchoolsListRENTALPRICE.push('Rental: 50 €/day');
script.
  SchoolsListDISTANCEAIRPORT.push('15km');
script.
  SchoolsListPREMIUMHIERARCHY.push('28.5');
script.
  SchoolsListLAT.push('31.5043488');
script.
  SchoolsListLON.push('-9.763603');
script.
  SchoolsListSLUG.push('essaouirakitesurf');
script.
  SchoolsListPHONE.push('+212680916618');
script.
  SchoolsListEMAIL.push('essaouirakitesurf@yahoo.fr');
script.
  SchoolsListADDRESS.push('Avenue Mohammed V, Essaouira, Maroc');--><!--  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="schoolItemnarrow9" lat="31.514458500000003" lon="-9.7685439" inmapbound="true" displayed="true" excluded="false" hasLesson="false" hasRental="false"><a href="/schools/surfessaouira"><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">Surf Essaouira </div></div><div class="hide-on-narrow-ipadscreen"><div class="row col-sm-12"><i title="Great morning of lessons followed by afternoon of putting it in practice, with simple but delicious lunch in the middle. Pick up from and drop off to our hotel, group was just 5 people so perfect number." style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Great morning of lessons followed by afternoon of putting i...<i class="fas fa-quote-right availability-left"></i></i><i title="Great morning of lessons followed by afternoon of putting it in practice, with simple but delicious lunch in the middle. Pick up from and drop off to our hotel, group was just 5 people so perfect number." style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Great morning of lessons followed ...<i class="fas fa-quote-right availability-left"></i></i></div><div class="row col-sm-12"><h6 class="text-left force-no-margin-bottom"><i class="fa fa-map-marker-alt availability"></i>Rue Abdelazziz Al Fachtali, Essaouira, Maroc </h6></div><div class="row col-sm-12"><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>20km </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/surfessaouira"><img src="//images.ctfassets.net/engeyisazyq7/476LCYgL4yxTbSibbTquV7/5f90edc8dcfb33943a5052ec1f4a7b08/Surf_Essaouira.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 (6)      </h6><div class="hide-on-wide-ipadscreen"><i title="Great morning of lessons followed by afternoon of putting it in practice, with simple but delicious lunch in the middle. Pick up from and drop off to our hotel, group was just 5 people so perfect number." style="white-space: nowrap" class="force-font-12px hide-on-narrow-ipadscreen"><i class="fas fa-quote-left availability"></i>Great morning of lessons followed by afternoon of putting i...<i class="fas fa-quote-right availability-left"></i></i><i title="Great morning of lessons followed by afternoon of putting it in practice, with simple but delicious lunch in the middle. Pick up from and drop off to our hotel, group was just 5 people so perfect number." style="white-space: nowrap" class="force-font-12px hide-on-wide-ipadscreen"><i class="fas fa-quote-left availability"></i>Great morning of lessons followed ...<i class="fas fa-quote-right availability-left"></i></i><h6 class="text-left"><i class="fa fa-map-marker-alt availability"></i>Rue Abdelazziz Al Fachtali, Essaouira, Maroc </h6><h6 class="text-left"><i class="fa fa-plane-arrival availability"></i>20km </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_selected9" onclick="unselectItem(9)" 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_item9" onclick="selectItem(9)" 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/surfessaouira"><div id="narrow_item_seepage9" 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_selected9" onclick="unselectItem(9)" 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_item9" onclick="selectItem(9)" 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="tel:+212611225457"><i aria-hidden="true" class="fa fa-phone thumbnail-header-icons reactive-shadow">    </i></a><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Surf Essaouira&amp;schoolemail=info@surfessaouira.com" 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: +212611225457');" class="fa fa-phone thumbnail-header-icons reactive-shadow hand-when-hover"></i><a href="https://unplug673641.typeform.com/to/W65RcJ?schoolname=Surf Essaouira&amp;schoolemail=info@surfessaouira.com" 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'+9).attr("hasLesson", "true")
</script></div><!--FOR PREVIEW  script.
  SchoolsListLESSONPRICE.push('');
script.
  SchoolsListRENTALPRICE.push('');
script.
  SchoolsListDISTANCEAIRPORT.push('20km');
script.
  SchoolsListPREMIUMHIERARCHY.push('18');
script.
  SchoolsListLAT.push('31.514458500000003');
script.
  SchoolsListLON.push('-9.7685439');
script.
  SchoolsListSLUG.push('surfessaouira');
script.
  SchoolsListPHONE.push('+212611225457');
script.
  SchoolsListEMAIL.push('info@surfessaouira.com');
script.
  SchoolsListADDRESS.push('Rue Abdelazziz Al Fachtali, Essaouira, Maroc');--><!--  if(school.fields.hasOwnProperty('logo'))--><!--      script.--><!--        SchoolsListLOGO.push('#{school.fields.logo.fields.file.url}');--><!--  else--><!--      script.--><!--        SchoolsListLOGO.push('');-->
</div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow0" lat="31.2661" lon="-9.8052" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/aghnajane-morocco"><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)-->Aghnajane, Morocco <h6> <i class="fa fa-map-marker-alt availability"></i>Aghnajane, Morocco, next to Had-Smimou, Aghnajane, Casablanca, Agadir, Morocco </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/aghnajane-morocco"><img src="//images.ctfassets.net/engeyisazyq7/1vJbIw8ROomvCAxTbOzynJ/4600bcfdce04796ecd32af652b0e14a9/GoogleImageSpotLogo1_67FcnRs3OcbSGldBF1bGHn_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/aghnajane-morocco"><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="31.7946" lon="-9.5824" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/biba-morocco"><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)-->Biba, Morocco <h6> <i class="fa fa-map-marker-alt availability"></i>Biba, Morocco, next to Moulay, Agadir, Essaouira, Morocco </h6><h6> <i class="fa fa-plane-arrival availability"></i>60km </h6></div><div class="col-sm-3 text-center"><div class="row"><div class="col-sm-12 text-center"><a href="/spots/biba-morocco"><img src="//images.ctfassets.net/engeyisazyq7/PgOZCEPcH1FEElHPdRnhW/2140900c0896ac37248ad7ddd05b6f2d/GoogleImageSpotLogo1_2JeVeyZsHLdAIgQ6tnJrBm_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/biba-morocco"><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>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+1).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow2" lat="31.5013" lon="-9.7633" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/essaouira-bay-morocco"><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)-->Essaouira Bay, Morocco <h6> <i class="fa fa-map-marker-alt availability"></i>Essaouira Bay, Morocco, next to Essaouira, Agadir, Marrakesh, Morocco </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/essaouira-bay-morocco"><img src="//images.ctfassets.net/engeyisazyq7/2Er9imxSYPMezuVgXG4F3j/c381db5053ecca628160a0213335287a/KiteforumLogo153_5jLPCbgCsTRkUtsuDqTgQZ_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/essaouira-bay-morocco"><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>displayedSpotsBeginner = displayedSpotsBeginner + 0.5
$("#spotItem"+'wide'+2).attr("hasBeginner", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow3" lat="31.3354" lon="-9.7974" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/l-oued-de-kaouki-morocco"><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)-->L'Oued de Kaouki, Morocco <h6> <i class="fa fa-map-marker-alt availability"></i>L'Oued de Kaouki, Morocco, next to Sidi Kaouki, Casablanca, Agadir, Morocco </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/l-oued-de-kaouki-morocco"><img src="//images.ctfassets.net/engeyisazyq7/51o7VwCAsR1OYQ6AnGtKaf/19f2366234026d3ece943b2d24722e60/GoogleImageSpotLogo1_4BCSwVEko5zU5DIYCKKfvt_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/l-oued-de-kaouki-morocco"><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>displayedSpotsBeginner = displayedSpotsBeginner + 0.5
$("#spotItem"+'wide'+3).attr("hasBeginner", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow4" lat="31.6643" lon="-9.6751" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/moulay-morocco"><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)-->Moulay, Morocco <h6> <i class="fa fa-map-marker-alt availability"></i>Moulay, Morocco, next to Essaouira, Agadir, Marrakesh, Morocco </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/moulay-morocco"><img src="//images.ctfassets.net/engeyisazyq7/2bYsLyp8SvnpawtpdEHi0Q/591c530b80bf0ba0a0b996bd47caa4dc/KiteforumLogo4341_5ZJarXOIVqKzsYLbwjaAWZ_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/moulay-morocco"><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>displayedSpotsIntermediate = displayedSpotsIntermediate + 0.5
$("#spotItem"+'wide'+4).attr("hasIntermediate", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow5" lat="31.3187" lon="-9.7946" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/secret-bay-morocco"><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)-->Secret Bay, Morocco <h6> <i class="fa fa-map-marker-alt availability"></i>Secret Bay, Morocco, next to Sidi Kaouki, Casablanca, Agadir, Morocco </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/secret-bay-morocco"><img src="//images.ctfassets.net/engeyisazyq7/7zrJCehrhH9B9k3AuWLbf1/3cf02f8a75bd6d15f0768e792e44d66f/GoogleImageSpotLogo1_2n5nCUd9xl4bGbYauCGhMm_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/secret-bay-morocco"><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="31.3529" lon="-9.798" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/sidi-kaouki-morocco"><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)-->Sidi Kaouki, Morocco <h6> <i class="fa fa-map-marker-alt availability"></i>Sidi Kaouki, Morocco, next to Sidi Kaouki, Marrakesh, Agadir, Essaouira, Morocco </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/sidi-kaouki-morocco"><img src="//images.ctfassets.net/engeyisazyq7/4aKmajuSOcWFhjCrS6Z9IQ/f9d39991587f4f44ab2785ee5d7ea99e/KiteforumLogo2317_3gSIeFMnyjd2pWElA14OfH_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, 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/sidi-kaouki-morocco"><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>displayedSpotsBeginner = displayedSpotsBeginner + 0.5
$("#spotItem"+'wide'+6).attr("hasBeginner", "true")</script></div></a></div></div></div><div class="row"><div class="col-sm-12"><div id="spotItemnarrow7" lat="31.0812" lon="-9.8165" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/tafadna-morocco"><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)-->Tafadna, Morocco <h6> <i class="fa fa-map-marker-alt availability"></i>Tafadna, Morocco, next to Smimou, Agadir, Morocco </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/tafadna-morocco"><img src="//images.ctfassets.net/engeyisazyq7/2ZqAjnvNlgUJ6nNXX7xvPE/14fdcfb4a69ad8cf169fab55b8ece684/GoogleImageSpotLogo1_BKDIofTgHi7XI3XaEBgHO_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/tafadna-morocco"><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="31.3776" lon="-9.8102" inmapbound="true" displayed="true" excluded="false" hasBeginner="false" hasIntermediate="false" hasExpert="false"><a href="/spots/taguinza-morocco"><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)-->Taguinza, Morocco <h6> <i class="fa fa-map-marker-alt availability"></i>Taguinza, Morocco, next to Essaouira, Sidi Kaouki, Agadir, Morocco </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/taguinza-morocco"><img src="//images.ctfassets.net/engeyisazyq7/5MDH10HerHa6kduv4T4xaW/01d0be4906aea6c1c8d224b1fadb363f/GoogleImageSpotLogo1_7wfPWrVzk9n3TYQGI6H1YD_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/taguinza-morocco"><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></div></div><script>var typeformMultiOpen = function(){
    window.typeformEmbed.makePopup(
        'https://unplug673641.typeform.com/to/AnAavU?schoolnames='+multipleContactNames+'&schoolemails='+multipleContactEmails+'&schoolnumber='+multipleContactItems.length
        , {
            mode: 'drawer_right',
            hideHeaders: true,
            hideFooter: true
          }).open()
  }
function typeformFunctionUpdate(){
    typeformMultiOpen = function(){
    window.typeformEmbed.makePopup(
        'https://unplug673641.typeform.com/to/AnAavU?schoolnames='+multipleContactNames+'&schoolemails='+multipleContactEmails+'&schoolnumber='+multipleContactItems.length
        , {
            mode: 'drawer_right',
            hideHeaders: true,
            hideFooter: true
          }).open()
  }
}
</script><div id="EndOfPage">    </div><div class="row"> <div class="col-md-2"></div><div class="col-md-6"><!--+renderDisqus()--></div><div class="col-md-4"></div></div></div></div></div><div class="eupopup eupopup-bottom"></div></body><!-- begin:footer--><footer class="hide-on-narrow-screen"><div id="footer" class="unselectable"><div class="container"><div class="row sitemap"><div class="col-md-12"><div class="col-md-3"><h5 class="notranslate">About</h5><ul class="list-unstyled"><li><a href="/about">About us</a></li><li><a href="https://unplug673641.typeform.com/to/jA1qp4" data-mode="drawer_right" target="_blank" class="typeform-share">Help</a></li><!--lia(href='/pricing') Pricing--><li><a href="/privacy">Privacy Policy</a></li><li><a href="/terms-and-conditions">Terms and Conditions</a></li><!--lia(href='/') Confidentiality--><!--lia(href='/') Legal Terms--></ul></div><div class="col-md-3"><h5>Discover your Kitesurf escape</h5><ul class="list-unstyled notranslate"><li><a href="/areas/world">Explore World Map</a></li><li class="hide-on-narrow-ipadscreen"><a href="/">School Finder</a></li><li class="hide-on-wide-ipadscreen"><a href="/searchnew">School Finder</a></li><li><a href="/luxury">Luxury Kite Trips</a></li></ul></div><div class="col-md-3 notranslate"><h5>Best Kitesurfing areas</h5><ul class="list-unstyled"><li><a href="/areas/world">All Areas</a></li><li><a href="/areas/france">France</a></li><li><a href="/areas/spain-portugal">Spain & Portugal</a></li><li><a href="/areas/west-north-africa-canarias">West North Africa - Canarias</a></li><li><a href="/areas/east-south-africa">East South Africa</a></li><li><a href="/areas/caribbean">Caribbean</a></li><li><a href="/areas/brazil">Brazil</a></li></ul></div><div class="col-md-3 notranslate"><h5>Best Kitesurfing destinations</h5><ul class="list-unstyled"><li><a href="/destinations/dakhla">Dakhla</a></li><li><a href="/destinations/tarifa">Tarifa</a></li><li><a href="/destinations/bretagne">Bretagne</a></li><li><a href="/destinations/jericoacoara">Jericoacoara</a></li><li><a href="/destinations/fortaleza">Fortaleza</a></li><li><a href="/destinations/cape-town">Cape Town</a></li><li><a href="/destinations/san-francisco">San Francisco</a></li></ul></div><!--.col-md-3ul.list-unstyled
  li
      a(href='/destinations/antigua') Antigua
  li
      a(href='/destinations/cartagena') Cartagena
  li
      a(href='/destinations/jericoacoara') Jericoacoara
  li
      a(href='/destinations/squamish') Squamish
  li
      a(href='/destinations/fuerteventura') Fuerteventura
  li
      a(href='/destinations/rodrigues') Rodrigues
  li
      a(href='/destinations/israel') Israel
  li
      a(href='/destinations/bali') Bali
  li
      a(href='/destinations/new-zealand') New Zealand--><!--.col-md-3ul.list-unstyled
  li
      a(href='/destinations/bretagne') Bretagne
  li
      a(href='/destinations/marsala') Marsala
  li
      a(href='/destinations/athens') Athens
  li
      a(href='/destinations/netherlands') Netherlands
  li
      a(href='/destinations/croatia') Croatia
  li
      a(href='/destinations/cabarete') Cabarete
  li
      a(href='/destinations/buenos-aires') Buenos Aires
  li
      a(href='/destinations/hurghada') Hurghada
  li
      a(href='/destinations/mui-ne') Mui Ne
  li
      a(href='/destinations/queensland') Queensland
  li
      a(href='/destinations/essaouira') Essaouira
  li
      a(href='/destinations/alicante') Alicante
  li
      a(href='/destinations/olbia') Olbia
  li
      a(href='/destinations/sri-lanka') Sri Lanka
  li
      a(href='/destinations/toronto') Toronto
  li
      a(href='/destinations/porto-alegre') Porto Alegre
  li
      a(href='/destinations/martinique') Martinique
  li
      a(href='/destinations/jericoacoara') Jericoacoara
  li
      a(href='/destinations/bali') Bali
  li
      a(href='/destinations/san-francisco') San Francisco
  li
      a(href='/destinations/antigua') Antigua
  li
      a(href='/destinations/cabarete') Cabarete
  li
      a(href='/destinations/fortaleza') Fortaleza
  li
      a(href='/destinations/hurghada') Hurghada
  li
      a(href='/destinations/mui-ne') Mui Ne--></div></div></div><div class="row"><div class="col-md-12"> <ul class="list-unstyled social-icon"><li><a href="https://www.facebook.com/TeamUnplug/" rel="tooltip" title="Facebook" target="_blank" class="icon-facebook"><span><i class="fab fa-facebook-square force-font-size-30px"></i></span></a></li><li><a href="https://twitter.com/unplug_team/" rel="tooltip" title="Twitter" target="_blank" class="icon-twitter"><span><i class="fab fa-twitter force-font-size-30px"></i></span></a></li><li><a href="https://www.tumblr.com/unplug-team/" rel="tooltip" title="Tumblr" target="_blank" class="icon-tumblr"><span><i class="fab fa-tumblr force-font-size-30px"></i></span></a></li><li><a href="https://www.instagram.com/unplug_team/" rel="tooltip" title="Instagram" target="_blank" class="icon-instagram"><span><i class="fab fa-instagram force-font-size-30px"></i></span></a></li></ul></div></div><div class="row"><div class="col-md-12"><img src="/img/logo-unplug.png" class="unplug-logo"></div></div></div><!-- end:footer--><!-- begin:copyright--><!--COOKIE--><!--script(src='/js/jquery-eu-cookie-law-popup.js')--><div id="copyright" class="unselectable"><div class="container"><div class="row"><div class="col-md-12"><small>Copyright © 2019 unplug</small></div></div></div></div><!-- end:copyright--><script>/*document.querySelector('playpause').addEventListener('load', function(){
  document.getElementById("playpause").click()
  // The image is ready!
});*/

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