livehaydenmartinez.com Open in urlscan Pro
45.154.183.183  Public Scan

URL: https://livehaydenmartinez.com/
Submission: On February 17 via api from US — Scanned from US

Form analysis 1 forms found in the DOM

POST /

<form method="post" action="/" id="form">
  <div class="aspNetHidden">
    <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
    <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
      value="92/oRYauD5IDySTaHzJQ92OtmL+m5uHzFMKOsmDePLoXuDyL6XF514hTTHGDiUIIe5wq0Bn4XuM3LSLiMpOBE8HJU770fUwxIUbhuz4egBrHd4Y+zAmXYZy4aQX95+0BlA6IEF2FX1bDac22bt7eIQF/0JFSopEGl1Lb9BfLS5Ys5r6gAaQIoQXzYNYnLPLMa7NqHJhofgFnBJ+/KnOMhVpsYncO+lMGsWqsZv/d7nrJ2MBTV9U+wpTJUvbd/wJLIkoNWMto1uvuBSHLO+X9mnU4lBluESHLRaJeSSVRfsOjTI6KbDKImO/73EAJrjv9sPT/fwZq/ShdjLt/pfsnSfy6eT9F+43iL+KYZ4KN1nZZ017fATFLzSGb6kKSYOyL9UQ3PCkFsZj7Zqx1WKGliL+GsLOUIBsW50UPUkjB4KD1mwTnVV/MP++kdRd7Y1/BrIwLZAtDeaVR5MySkEf/S6bTz+kp8tvzYnIcpeplxBphKt0O4wvskbnpyk3vXQ+BICmRJbUYjWm7ExGJK5cqfkJatWIQBDmSZm716f+l/e01ne78U5ttUJ/W3V9aK/4+QZ1t5wyYxTbLUBKcVIAF1A==">
  </div>
  <script type="text/javascript">
    //<![CDATA[
    var theForm = document.forms['form'];
    if (!theForm) {
      theForm = document.form;
    }

    function __doPostBack(eventTarget, eventArgument) {
      if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
      }
    }
    //]]>
  </script>
  <script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZLJliYB8TA_FIF9xlHcKd7ag0Vv3EWtMdA4IBxcPvyX2M5F_ORIargEI2RFqew7B_g2&amp;t=638368988483918269" type="text/javascript"></script>
  <input type="hidden" name="lng" id="lng" value="en-US">
  <script type="text/javascript">
    //<![CDATA[
    function PM_Postback(param) {
      if (window.top.HideScreenLockWarningAndSync) {
        window.top.HideScreenLockWarningAndSync(1080);
      }
      if (window.CMSContentManager) {
        CMSContentManager.allowSubmit = true;
      };
      __doPostBack('m$am', param);
    }

    function PM_Callback(param, callback, ctx) {
      if (window.top.HideScreenLockWarningAndSync) {
        window.top.HideScreenLockWarningAndSync(1080);
      }
      if (window.CMSContentManager) {
        CMSContentManager.storeContentChangedStatus();
      };
      WebForm_DoCallback('m$am', param, callback, ctx, null, true);
    }
    //]]>
  </script>
  <script src="/ScriptResource.axd?d=NJmAwtEo3Ipnlaxl6CMhvgm388C7z57L5COL7njlfxHabVp02JjeGBqhojV0DvhOls37naEdTKvtve-DZGAUfkLhXnkKZ0JM5n8W_iT84YozJbVtHk6XR7HfTxh00jaQbIJ5RlBvWf7fnz-N3zpSVKNk_Hm4b82dGd4p6rDl7rs1&amp;t=fffffffff055ad03"
    type="text/javascript"></script>
  <script src="/ScriptResource.axd?d=dwY9oWetJoJoVpgL6Zq8OBLhaBrqwBdVAb8vaEtP5p0RwE8U2clwoyTHecbvHf4xQfmyrJ2iJaF8M22aUIdHdYyU7qY-2hjISrIPPxmhFqA408i6Y0GxT1-SnCjYV3lgC3TXr_eJ0QD4CYVGcu8j6ZFo_C_b-R4EfAA4qAquMMk1&amp;t=fffffffff055ad03"
    type="text/javascript"></script>
  <script type="text/javascript">
    //<![CDATA[
    var CMS = CMS || {};
    CMS.Application = {
      "language": "en",
      "imagesUrl": "/CMSPages/GetResource.ashx?image=%5bImages.zip%5d%2f",
      "isDebuggingEnabled": false,
      "applicationUrl": "/",
      "isDialog": false,
      "isRTL": "false"
    };
    //]]>
  </script>
  <div class="aspNetHidden">
    <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="A5343185">
    <input type="hidden" name="__SCROLLPOSITIONX" id="__SCROLLPOSITIONX" value="0">
    <input type="hidden" name="__SCROLLPOSITIONY" id="__SCROLLPOSITIONY" value="0">
  </div>
  <script type="text/javascript">
    //<![CDATA[
    Sys.WebForms.PageRequestManager._initialize('manScript', 'form', ['tctxM', ''], [], [], 90, '');
    //]]>
  </script>
  <div id="ctxM">
  </div>
  <script language="javascript" type="text/javascript">
    $(document).ready(function() {
      var gtm = document.createElement('script');
      let GTMAccountNumber = 'GTM-PGXC6VC';
      var text = document.createTextNode(
        `<!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=${GTMAccountNumber}" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) -->`
        )
      gtm.appendChild(text)
      var bodyFirstChild = document.body.firstChild;
      bodyFirstChild.parentNode.insertBefore(gtm, bodyFirstChild);
    })
  </script>
  <!-- MediaViewer Added -->
  <script type="text/javascript">
    $(document).ready(function() {
      var disableOnMobile = 'False';
      var isSmallScreenDevice = $(window).width() <= 500;
      var cookie = f_getSessionCookie('showOnPageLoad');
      var endDate = '02/29/2024';
      var convertedEndDate = new Date(endDate + " 23:59:59");
      var today = new Date();
      var page = '~/';
      //should only popup for the home page
      if (page == "~/" && (!endDate || convertedEndDate > today)) {
        if (!cookie || 'True'.toLowerCase() == 'true') {
          if (('False'.toLowerCase() == 'true' || 'True'.toLowerCase() == 'true') && ((disableOnMobile.toLowerCase() == 'false' || !isSmallScreenDevice))) {
            f_showDialog(true);
          }
          f_setSessionCookie('showOnPageLoad', false);
        }
      }
      $(document).keydown(function(event) {
        if (event.keyCode == 27) {
          f_hideDialog();
        }
      });
    });

    function f_setSessionCookie(cookieName, value) {
      document.cookie = cookieName + "=" + value;
    }

    function f_getSessionCookie(cookieName) {
      var cookieValue = document.cookie;
      var cookieStart = cookieValue.indexOf(" " + cookieName + "=");
      if (cookieStart == -1) {
        cookieStart = cookieValue.indexOf(cookieName + "=");
      }
      if (cookieStart == -1) {
        cookieValue = null;
      } else {
        cookieStart = cookieValue.indexOf("=", cookieStart) + 1;
        var cookieEnd = cookieValue.indexOf(";", cookieStart);
        if (cookieEnd == -1) {
          cookieEnd = cookieValue.length;
        }
        cookieValue = unescape(cookieValue.substring(cookieStart, cookieEnd));
      }
      return cookieValue;
    }

    function f_showDialog(modal) {
      if ($('#popUpWindowDialog').length > 0) {
        $("#popup-overlay").show();
        $(".popUpWindowLightBox").fadeIn(300);
        if (modal) {
          $("#popup-overlay").unbind("click");
        } else {
          $("#popup-overlay").click(function() {
            f_hideDialog();
          });
        }
      }
    }

    function f_hideDialog() {
      $("#popup-overlay").hide();
      $(".popUpWindowLightBox").fadeOut(300);
    }
  </script>
  <div id="popup-overlay" class="popup-overlay" style="display: block;"></div>
  <div id="p_lt_zoneAnalytics_PopUp_PopUpWindow" class="popUpWindowLightBox" style="display: block;">
    <div id="popUpWindowDialog" class="popUpWindowDialog">
      <div id="popUpWindowHeader" class="popUpWindowHeader">
        <center>$500 Off Select Apartment Homes</center>
      </div>
      <div id="divCloseButton" class="divCloseButton"><a href="#" id="popBtnClose" onclick="f_hideDialog()" aria-label="Close Window" tab-index="0">Close</a></div>
      <div id="popUpWindowText" class="popUpWindowText">
        <p style="text-align: center;"><span style="font-size: 12px;">contact our leasing office for more details.&nbsp;</span></p>
        <p style="text-align: center;"><span style="font-size: 12px;">restrictions apply*</span></p>
      </div>
    </div>
  </div>
  <header class="head-wrap pattern" id="header">
    <div id="" class="header-container">
      <div id="menu-screen-overlay"></div>
      <div id="" class="toolbar">
        <div id="" class="header-phone">
          <a class="seo-number" href="tel:(925) 397-4847" onclick="f_analyticsSendEvent('general', 'click-phone-number', '(925) 397-4847')">(925) 397-4847</a>
        </div>
        <div id="" class="header-social">
          <div id="p_lt_zoneHeader_WebPartZone8_WebPartZone8_zone_SocialMedia1_pnlSocialNetworks" class="social_media">
          </div>
        </div>
      </div>
      <div id="" class="main-head">
        <div class="header-left">
          <a class="logo scroll-notice" href="/home" title="Home"><img id="p_lt_zoneHeader_WebPartZone7_WebPartZone7_zone_EditableImage_ucEditableImage_imgImage" src="https://capi.myleasestar.com/v2/dimg/127480387/300x200/127480387.png" alt="">

</a>
        </div>
        <div class="header-right">
          <div class="header-ctas">
            <a href="/contact.aspx" target="_self" class="button cta1">Schedule a Tour</a>
            <a href="/floor-plans.aspx" target="_self" class="button cta2">Apply Now</a>
          </div>
          <div id="" class="header-menu">
            <ul id="menuElem">
              <li class="homeNav active">
                <a href="/">Home</a>
              </li>
              <li class="amenitiesNav">
                <a href="/Amenities.aspx">Amenities</a>
              </li>
              <li class="floor-plansNav">
                <a href="/Floor-Plans.aspx">Floor Plans</a>
              </li>
              <li class="galleryNav">
                <a href="/Gallery.aspx">Gallery</a>
              </li>
              <li class="neighborhoodNav">
                <a href="/Neighborhood.aspx">Location</a>
              </li>
              <li class="residentsNav">
                <a href="/Residents.aspx">Residents</a>
              </li>
              <li class="contactNav">
                <a href="/Contact.aspx">Contact</a>
              </li>
            </ul>
            <ul class="menuElem">
              <li><a href="/contact.aspx" target="_self" class="button cta1">Schedule a Tour</a></li>
              <li><a href="/floor-plans.aspx" target="_self" class="button cta2">Apply Now</a></li>
              <li>
                <a class="seo-number" href="tel:(925) 397-4847" onclick="f_analyticsSendEvent('general', 'click-phone-number', '(925) 397-4847')">(925) 397-4847</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="sps-mobile-toggle-contain">
        <button class="sps-mobile-toggle" href="#" title="Open Menu" role="button" type="button">
          <i class="fa fa-bars fa-fw fa-remove"></i>
        </button>
      </div>
    </div>
  </header>
  <div id="wrapper" class="content-wrap" style="padding-top: 188px;">
    <section id="home" class="block-area container-fluid">
      <div id="" class="content-home content-row row">
        <div id="" class="hero-container pattern black-border">
          <div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneHomeSection_WebPartZone3_WebPartZone3_zone_WebPartLoader5_pnlContainer">
            <script type="text/javascript">
              $(function() {
                var target;
                var animType = 'slide';
                var slideshowSpeed = 3000;
                var overlayOpacity = 0;
                var timingRun = setInterval(function() {
                  f_rightClick(animType);
                }, slideshowSpeed);
                var bgImageHeight;
                var numBgImages;
                var rpbgId = '#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneHomeSection_WebPartZone3_WebPartZone3_zone_WebPartLoader5_ctl00_background_gallery';
                var backgroundGalleryLazyLoad = 'False';
                var backgroundGalleryImageSize = '1920x1080';
                var backgroundGalleryObserver;
                $(document).ready(function() {
                  $(window).on("menuStateChangeEvent", function(event, params) {
                    f_bgResize();
                  });
                  if (backgroundGalleryLazyLoad.toLowerCase() == 'true' && navigator.userAgent.toLocaleLowerCase().indexOf('safari') == -1) {
                    try {
                      backgroundGalleryObserver = new IntersectionObserver(bgIntersectCallback, intersectOptions);
                      backgroundGalleryObserver.observe(document.querySelector(rpbgId));
                      if ($('#head').length > 0) {
                        backgroundGalleryObserver.observe(document.querySelector('#head'));
                      }
                    } catch (err) {
                      console.warn(err);
                    }
                  } else {
                    f_convertBgImages();
                  }
                });
                var bgIntersectCallback = function(entries, observer) {
                  if (entries && entries[0].isIntersecting) {
                    f_convertBgImages();
                    backgroundGalleryObserver.unobserve(document.querySelector(rpbgId));
                  }
                }

                function f_convertBgImages() {
                  $('.bg-images li').each(function(i, v) {
                    var url = $(v).find('meta[itemprop="contentUrl"]').attr('content');
                    var newImageWidth = $(window).width() * window.devicePixelRatio;
                    newImageWidth = Math.round(newImageWidth) + 'x0';
                    url = url.replace('dimg', 'dimg-crop').replace(backgroundGalleryImageSize, newImageWidth);
                    $(v).css("background-image", 'url("' + url + '")');
                  });
                  if ('True'.toLowerCase() == 'true' && screen.width < 500) $(rpbgId + ' .dbg').remove();
                  else $(rpbgId + ' .mbg').remove();
                  if ('False'.toLowerCase() == 'true' || $(rpbgId + ' .background-gallery .bg-images li').length < 2 || animType == 'none') $(rpbgId + ' .bg-bullets').hide();
                  if ($(rpbgId + ' .background-gallery .bg-images li').length < 2 || animType == 'none') {
                    $(rpbgId + ' .bg-arrow-left').hide();
                    $(rpbgId + ' .bg-arrow-right').hide();
                  }
                  $(rpbgId + ' .background-gallery .li-image').addClass('overlay-opacity-' + overlayOpacity);
                  if (animType == 'none') {
                    $(rpbgId + ' .bg-images li').hide();
                    $(rpbgId + ' .bg-images li').first().show();
                  }
                  if (animType == 'slide' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) {
                    var firstImage = $(rpbgId + ' .bg-images li').first();
                    var lastImage = $(rpbgId + ' .background-gallery .bg-images li').last();
                    firstImage.clone().appendTo(rpbgId + ' .bg-images');
                    lastImage.clone().prependTo(rpbgId + ' .bg-images');
                  } else $(rpbgId + ' .bg-images li').first().css('opacity', 1);
                  bgImageHeight = $(rpbgId + '.background-gallery-container').parent().parent().height();
                  $(rpbgId + ' .background-gallery .bg-images').height(bgImageHeight);
                  window.addEventListener('resize', function() {
                    f_bgResize();
                  });
                  $(window).resize(function() {
                    f_bgResize();
                  });
                  numBgImages = $(rpbgId + ' .bg-images li').length;
                  f_bgResize();
                  if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) {
                    $(rpbgId + ' .background-gallery .bg-images').css('left', '-' + $(rpbgId + '.background-gallery-container').width() + 'px');
                  }
                  $(rpbgId + ' .bg-bullets li').first().addClass('bg-selected');
                  $(rpbgId + ' .bg-bullets li').click(function() {
                    if (!$(this).hasClass('bg-selected')) {
                      target = $(this).index();
                      f_sliderResponse(target, animType);
                      resetTiming(animType);
                    }
                  });
                  $(rpbgId + ' .bg-arrow-right').click(function() {
                    f_rightClick(animType);
                  });
                  $(rpbgId + ' .bg-arrow-left').click(function() {
                    f_leftClick(animType);
                  });
                  $(rpbgId + ' .bg-images li').on('swipeleft', function() {
                    f_rightClick('slide');
                  }).on('swiperight', function() {
                    f_leftClick('slide');
                  });
                }

                function f_sliderResponse(target, animType) {
                  $(rpbgId + ' .bg-images').stop(true, true);
                  var imageWidth = $(rpbgId + '.background-gallery-container').width();
                  if (animType != 'fade') $(rpbgId + ' .bg-images').animate({
                    'left': '-' + (imageWidth * (target + 1)) + 'px'
                  }, function() {});
                  else {
                    $($(rpbgId + ' .bg-images li')[target]).animate({
                      opacity: 1
                    }, function() {});
                    $(rpbgId + ' .bg-images li').each(function(i, v) {
                      if (i != target) $(v).animate({
                        opacity: 0
                      });
                    });
                  }
                  $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected');
                }

                function f_rightClick(animType) {
                  if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) {
                    $(rpbgId + ' .bg-images').stop(true, true);
                    var imageWidth = $(rpbgId + '.background-gallery-container').width();
                    var newPosition;
                    if (animType == 'slide') {
                      if ($(rpbgId + ' .bg-images').position().left % 1 != 0) f_bgResize();
                      newPosition = Math.round($(rpbgId + ' .bg-images').position().left) - imageWidth;
                      target = $(rpbgId + ' .bg-bullets li.bg-selected').index();
                      target === $(rpbgId + ' .background-gallery .bg-images li').length - 2 ? target = 0 : target = target + 1;
                      $(rpbgId + ' .bg-images').animate({
                        'left': newPosition + 'px'
                      }, function() {
                        if (Math.abs(newPosition) == ($(rpbgId + ' .background-gallery .bg-images li').length - 1) * imageWidth) {
                          $(rpbgId + ' .bg-images').css({
                            'left': '-' + imageWidth + 'px'
                          });
                          target = 0;
                          $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected');
                        }
                      });
                    } else if (animType == 'fade') {
                      target = $(rpbgId + ' .bg-bullets li.bg-selected').index();
                      target === $(rpbgId + ' .background-gallery .bg-images li').length - 1 ? target = 0 : target = target + 1;
                      $($(rpbgId + ' .bg-images li')[target]).animate({
                        opacity: 1
                      }, function() {});
                      $(rpbgId + ' .bg-images li').each(function(i, v) {
                        if (i != target) $(v).css('opacity', 0);
                      });
                      if (target == 0) $(rpbgId + ' .bg-images li').last().animate({
                        opacity: 0
                      }, function() {});
                    }
                    $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected');
                    resetTiming(animType);
                  }
                }

                function f_leftClick(animType) {
                  if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) {
                    $(rpbgId + ' .bg-images').stop(true, true);
                    var imageWidth = $(rpbgId + '.background-gallery-container').width();
                    var newPosition;
                    if (animType != 'fade') {
                      if ($(rpbgId + ' .bg-images').position().left % 1 != 0) f_bgResize();
                      newPosition = Math.round($(rpbgId + ' .bg-images').position().left + imageWidth);
                      target = $(rpbgId + ' .bg-bullets li.bg-selected').index();
                      target === 0 ? target = $(rpbgId + ' .background-gallery .bg-images li').length - 3 : target = target - 1;
                      $(rpbgId + ' .bg-images').animate({
                        'left': newPosition + 'px'
                      }, function() {
                        if (newPosition == 0) {
                          $(rpbgId + ' .bg-images').css({
                            'left': '-' + (($(rpbgId + ' .background-gallery .bg-images li').length - 2) * imageWidth) + 'px'
                          });
                          target = ($(rpbgId + ' .background-gallery .bg-images li').length - 3);
                          $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected');
                        }
                      });
                    } else if (animType == 'fade') {
                      target = $(rpbgId + ' .bg-bullets li.bg-selected').index();
                      target === 0 ? target = $(rpbgId + ' .background-gallery .bg-images li').length - 1 : target = target - 1;
                      $($(rpbgId + ' .bg-images li')[target]).animate({
                        opacity: 1
                      }, function() {});
                      $(rpbgId + ' .bg-images li').each(function(i, v) {
                        if (i != target) $(v).css('opacity', 0);
                      });
                    }
                    $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected');
                    resetTiming(animType);
                  }
                }

                function resetTiming(animType) {
                  clearInterval(timingRun);
                  timingRun = setInterval(function() {
                    f_rightClick(animType);
                  }, slideshowSpeed);
                }

                function f_bgResize() {
                  $(rpbgId + ' .bg-images').stop(true, true);
                  target = $(rpbgId + ' .bg-bullets li.bg-selected').index();
                  var newWidth = $(rpbgId + '.background-gallery-container').width() * (target + 1);
                  bgImageHeight = $(rpbgId + '.background-gallery-container').parent().parent().height();
                  $(rpbgId + ' .background-gallery .bg-images').height(bgImageHeight);
                  if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) $(rpbgId + ' .background-gallery .bg-images').css('left', '-' + newWidth + 'px');
                  $(rpbgId + ' .background-gallery .li-image').css('width', $(rpbgId + '.background-gallery-container').width() + 'px');
                  $(rpbgId + ' .background-gallery').css('width', $(rpbgId + '.background-gallery-container').width() + 'px');
                  $(rpbgId + ' .background-gallery ul.bg-images').css('width', ($(rpbgId + '.background-gallery-container').width() * numBgImages) + 'px');
                }
              });
            </script>
            <div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneHomeSection_WebPartZone3_WebPartZone3_zone_WebPartLoader5_ctl00_background_gallery" class="background-gallery-container">
              <div id="rpbg-p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneHomeSection_WebPartZone3_WebPartZone3_zone_WebPartLoader5_ctl00_background_gallery" class="background-gallery bg-slide" style="width: 1530px;">
                <ul class="bg-images dbg" style="height: 840px; left: -3060px; width: 16830px;">
                  <li class="li-image li-image-8 overlay-opacity-0" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/141538990/1600x0/141538990.jpg&quot;); width: 1530px;">
                    <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
                      <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141538990/1920x1080/141538990.jpg">
                      <meta itemprop="name" content="Pool &amp; Spa">
                    </div>
                    <div class="bg-caption-container">
                      <div class="bg-caption"></div>
                      <div class="bg-description"></div>
                    </div>
                  </li>
                  <li class="li-image li-image-0 overlay-opacity-0" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/141539184/1600x0/141539184.jpg&quot;); width: 1530px;">
                    <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
                      <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141539184/1920x1080/141539184.jpg">
                      <meta itemprop="name" content="Exterior">
                    </div>
                    <div class="bg-caption-container">
                      <div class="bg-caption"></div>
                      <div class="bg-description"></div>
                    </div>
                  </li>
                  <li class="li-image li-image-1 overlay-opacity-0" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/141538998/1600x0/141538998.jpg&quot;); width: 1530px;">
                    <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
                      <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141538998/1920x1080/141538998.jpg">
                      <meta itemprop="name" content="Pool &amp; Spa">
                    </div>
                    <div class="bg-caption-container">
                      <div class="bg-caption"></div>
                      <div class="bg-description"></div>
                    </div>
                  </li>
                  <li class="li-image li-image-2 overlay-opacity-0" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/141538997/1600x0/141538997.jpg&quot;); width: 1530px;">
                    <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
                      <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141538997/1920x1080/141538997.jpg">
                      <meta itemprop="name" content="Pool &amp; Spa">
                    </div>
                    <div class="bg-caption-container">
                      <div class="bg-caption"></div>
                      <div class="bg-description"></div>
                    </div>
                  </li>
                  <li class="li-image li-image-3 overlay-opacity-0" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/141538996/1600x0/141538996.jpg&quot;); width: 1530px;">
                    <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
                      <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141538996/1920x1080/141538996.jpg">
                      <meta itemprop="name" content="Pool &amp; Spa">
                    </div>
                    <div class="bg-caption-container">
                      <div class="bg-caption"></div>
                      <div class="bg-description"></div>
                    </div>
                  </li>
                  <li class="li-image li-image-4 overlay-opacity-0" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/141538995/1600x0/141538995.jpg&quot;); width: 1530px;">
                    <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
                      <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141538995/1920x1080/141538995.jpg">
                      <meta itemprop="name" content="Pool &amp; Spa">
                    </div>
                    <div class="bg-caption-container">
                      <div class="bg-caption"></div>
                      <div class="bg-description"></div>
                    </div>
                  </li>
                  <li class="li-image li-image-5 overlay-opacity-0" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/141538994/1600x0/141538994.jpg&quot;); width: 1530px;">
                    <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
                      <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141538994/1920x1080/141538994.jpg">
                      <meta itemprop="name" content="Pool &amp; Spa">
                    </div>
                    <div class="bg-caption-container">
                      <div class="bg-caption"></div>
                      <div class="bg-description"></div>
                    </div>
                  </li>
                  <li class="li-image li-image-6 overlay-opacity-0" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/141538993/1600x0/141538993.jpg&quot;); width: 1530px;">
                    <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
                      <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141538993/1920x1080/141538993.jpg">
                      <meta itemprop="name" content="Pool &amp; Spa">
                    </div>
                    <div class="bg-caption-container">
                      <div class="bg-caption"></div>
                      <div class="bg-description"></div>
                    </div>
                  </li>
                  <li class="li-image li-image-7 overlay-opacity-0" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/141538992/1600x0/141538992.jpg&quot;); width: 1530px;">
                    <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
                      <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141538992/1920x1080/141538992.jpg">
                      <meta itemprop="name" content="Pool &amp; Spa">
                    </div>
                    <div class="bg-caption-container">
                      <div class="bg-caption"></div>
                      <div class="bg-description"></div>
                    </div>
                  </li>
                  <li class="li-image li-image-8 overlay-opacity-0" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/141538990/1600x0/141538990.jpg&quot;); width: 1530px;">
                    <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
                      <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141538990/1920x1080/141538990.jpg">
                      <meta itemprop="name" content="Pool &amp; Spa">
                    </div>
                    <div class="bg-caption-container">
                      <div class="bg-caption"></div>
                      <div class="bg-description"></div>
                    </div>
                  </li>
                  <li class="li-image li-image-0 overlay-opacity-0" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/141539184/1600x0/141539184.jpg&quot;); width: 1530px;">
                    <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
                      <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141539184/1920x1080/141539184.jpg">
                      <meta itemprop="name" content="Exterior">
                    </div>
                    <div class="bg-caption-container">
                      <div class="bg-caption"></div>
                      <div class="bg-description"></div>
                    </div>
                  </li>
                </ul>
                <div class="bg-arrow-left dbg">&nbsp;</div>
                <div class="bg-arrow-right dbg">&nbsp;</div>
                <ul class="bg-bullets dbg">
                  <li class="bg-bullet-0">●</li>
                  <li class="bg-bullet-1 bg-selected">●</li>
                  <li class="bg-bullet-2">●</li>
                  <li class="bg-bullet-3">●</li>
                  <li class="bg-bullet-4">●</li>
                  <li class="bg-bullet-5">●</li>
                  <li class="bg-bullet-6">●</li>
                  <li class="bg-bullet-7">●</li>
                  <li class="bg-bullet-8">●</li>
                </ul>
              </div>
            </div>
          </div>
          <div id="" class="hero-content">
            <p><em>Welcome To</em></p>
            <p><strong>The Hayden</strong></p>
            <p><u>A Martinez, CA Community</u></p>
            <div class="scroll-button">
              <a href="#homeContent" class="rp-scroll" style="color:white;"><i class="fa fa-angle-down" aria-hidden="true"></i></a>
            </div>
          </div>
        </div>
        <div id="homeContent" class="home-main-content-wrapper row">
          <div class="clearfix col-lg-6 col-sm-12 col-xs-12 column-wrapper home-right-image">
            <div class="content-right home-column">
              <p>Your New Home</p>
              <p><strong>Awaits</strong></p>
            </div>
          </div>
          <div id="" class="clearfix col-lg-6 col-md-8 col-sm-10 col-xs-12 column-wrapper">
            <div class="content-left home-column clearfix">
              <div class="wrapper col-lg-12">
                <h1>Welcome Home</h1>
                <div><span style="font-size: 16px;">Welcome to The Hayden, a residential community featuring studio, one, and two-bedroom apartments in Martinez, CA. Spacious layouts and amenities welcome you home, along with exceptional service and
                    an ideal location within a short distance to shopping, dining, and entertainment options. Are you looking for an apartment for rent in Martinez, CA? Contact our friendly, professional office staff to schedule a tour today.</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section id="amenities" class="block-area container-fluid">
      <div id="" class="home-banner amenities-banner black-border row">
        <div class="banner-overlay"></div>
        <div class="banner-content">
          <h2>Amenities</h2>
        </div>
      </div>
      <div id="" class="amenities-content">
        <div class="col-lg-2 col-md-1 col-sm-1 hidden-xs"></div>
        <div class="clearfix col-lg-8 col-md-10 col-sm-10 col-xs-12 column-wrapper home-content-sub-content">
          <div class="home-column">
            <div class="wrapper">
              <h1>Amenities at The Hayden Apartments</h1>
              <div class="main-content">
                <span style="font-size: 16px;">The living spaces at The Hayden are thoughtfully designed with comfort and convenience in mind, and are stylishly appointed with the kind of premium materials and finishes you won’t find in any other
                  apartments for rent in Martinez.</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-2 col-md-1 col-sm-1 hidden-xs"></div>
      </div>
      <div class="container-fluid amenities-container">
        <div class="row amenities-row amenities-row-gallery">
          <div class="col-sm-1 hidden-lg hidden-md hidden-xs"></div>
          <div class="col-lg-12 col-sm-10 col-xs-12 amenities-gallery">
            <div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader4_pnlContainer">
              <script type="text/javascript">
                $(function() {
                  var target;
                  var animType = 'slide';
                  var slideshowSpeed = 3000;
                  var overlayOpacity = 0;
                  var timingRun = setInterval(function() {
                    f_rightClick(animType);
                  }, slideshowSpeed);
                  var bgImageHeight;
                  var numBgImages;
                  var rpbgId = '#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader4_ctl00_background_gallery';
                  var backgroundGalleryLazyLoad = 'False';
                  var backgroundGalleryImageSize = '1920x1080';
                  var backgroundGalleryObserver;
                  $(document).ready(function() {
                    $(window).on("menuStateChangeEvent", function(event, params) {
                      f_bgResize();
                    });
                    if (backgroundGalleryLazyLoad.toLowerCase() == 'true' && navigator.userAgent.toLocaleLowerCase().indexOf('safari') == -1) {
                      try {
                        backgroundGalleryObserver = new IntersectionObserver(bgIntersectCallback, intersectOptions);
                        backgroundGalleryObserver.observe(document.querySelector(rpbgId));
                        if ($('#head').length > 0) {
                          backgroundGalleryObserver.observe(document.querySelector('#head'));
                        }
                      } catch (err) {
                        console.warn(err);
                      }
                    } else {
                      f_convertBgImages();
                    }
                  });
                  var bgIntersectCallback = function(entries, observer) {
                    if (entries && entries[0].isIntersecting) {
                      f_convertBgImages();
                      backgroundGalleryObserver.unobserve(document.querySelector(rpbgId));
                    }
                  }

                  function f_convertBgImages() {
                    $('.bg-images li').each(function(i, v) {
                      var url = $(v).find('meta[itemprop="contentUrl"]').attr('content');
                      var newImageWidth = $(window).width() * window.devicePixelRatio;
                      newImageWidth = Math.round(newImageWidth) + 'x0';
                      url = url.replace('dimg', 'dimg-crop').replace(backgroundGalleryImageSize, newImageWidth);
                      $(v).css("background-image", 'url("' + url + '")');
                    });
                    if ('True'.toLowerCase() == 'true' && screen.width < 500) $(rpbgId + ' .dbg').remove();
                    else $(rpbgId + ' .mbg').remove();
                    if ('False'.toLowerCase() == 'true' || $(rpbgId + ' .background-gallery .bg-images li').length < 2 || animType == 'none') $(rpbgId + ' .bg-bullets').hide();
                    if ($(rpbgId + ' .background-gallery .bg-images li').length < 2 || animType == 'none') {
                      $(rpbgId + ' .bg-arrow-left').hide();
                      $(rpbgId + ' .bg-arrow-right').hide();
                    }
                    $(rpbgId + ' .background-gallery .li-image').addClass('overlay-opacity-' + overlayOpacity);
                    if (animType == 'none') {
                      $(rpbgId + ' .bg-images li').hide();
                      $(rpbgId + ' .bg-images li').first().show();
                    }
                    if (animType == 'slide' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) {
                      var firstImage = $(rpbgId + ' .bg-images li').first();
                      var lastImage = $(rpbgId + ' .background-gallery .bg-images li').last();
                      firstImage.clone().appendTo(rpbgId + ' .bg-images');
                      lastImage.clone().prependTo(rpbgId + ' .bg-images');
                    } else $(rpbgId + ' .bg-images li').first().css('opacity', 1);
                    bgImageHeight = $(rpbgId + '.background-gallery-container').parent().parent().height();
                    $(rpbgId + ' .background-gallery .bg-images').height(bgImageHeight);
                    window.addEventListener('resize', function() {
                      f_bgResize();
                    });
                    $(window).resize(function() {
                      f_bgResize();
                    });
                    numBgImages = $(rpbgId + ' .bg-images li').length;
                    f_bgResize();
                    if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) {
                      $(rpbgId + ' .background-gallery .bg-images').css('left', '-' + $(rpbgId + '.background-gallery-container').width() + 'px');
                    }
                    $(rpbgId + ' .bg-bullets li').first().addClass('bg-selected');
                    $(rpbgId + ' .bg-bullets li').click(function() {
                      if (!$(this).hasClass('bg-selected')) {
                        target = $(this).index();
                        f_sliderResponse(target, animType);
                        resetTiming(animType);
                      }
                    });
                    $(rpbgId + ' .bg-arrow-right').click(function() {
                      f_rightClick(animType);
                    });
                    $(rpbgId + ' .bg-arrow-left').click(function() {
                      f_leftClick(animType);
                    });
                    $(rpbgId + ' .bg-images li').on('swipeleft', function() {
                      f_rightClick('slide');
                    }).on('swiperight', function() {
                      f_leftClick('slide');
                    });
                  }

                  function f_sliderResponse(target, animType) {
                    $(rpbgId + ' .bg-images').stop(true, true);
                    var imageWidth = $(rpbgId + '.background-gallery-container').width();
                    if (animType != 'fade') $(rpbgId + ' .bg-images').animate({
                      'left': '-' + (imageWidth * (target + 1)) + 'px'
                    }, function() {});
                    else {
                      $($(rpbgId + ' .bg-images li')[target]).animate({
                        opacity: 1
                      }, function() {});
                      $(rpbgId + ' .bg-images li').each(function(i, v) {
                        if (i != target) $(v).animate({
                          opacity: 0
                        });
                      });
                    }
                    $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected');
                  }

                  function f_rightClick(animType) {
                    if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) {
                      $(rpbgId + ' .bg-images').stop(true, true);
                      var imageWidth = $(rpbgId + '.background-gallery-container').width();
                      var newPosition;
                      if (animType == 'slide') {
                        if ($(rpbgId + ' .bg-images').position().left % 1 != 0) f_bgResize();
                        newPosition = Math.round($(rpbgId + ' .bg-images').position().left) - imageWidth;
                        target = $(rpbgId + ' .bg-bullets li.bg-selected').index();
                        target === $(rpbgId + ' .background-gallery .bg-images li').length - 2 ? target = 0 : target = target + 1;
                        $(rpbgId + ' .bg-images').animate({
                          'left': newPosition + 'px'
                        }, function() {
                          if (Math.abs(newPosition) == ($(rpbgId + ' .background-gallery .bg-images li').length - 1) * imageWidth) {
                            $(rpbgId + ' .bg-images').css({
                              'left': '-' + imageWidth + 'px'
                            });
                            target = 0;
                            $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected');
                          }
                        });
                      } else if (animType == 'fade') {
                        target = $(rpbgId + ' .bg-bullets li.bg-selected').index();
                        target === $(rpbgId + ' .background-gallery .bg-images li').length - 1 ? target = 0 : target = target + 1;
                        $($(rpbgId + ' .bg-images li')[target]).animate({
                          opacity: 1
                        }, function() {});
                        $(rpbgId + ' .bg-images li').each(function(i, v) {
                          if (i != target) $(v).css('opacity', 0);
                        });
                        if (target == 0) $(rpbgId + ' .bg-images li').last().animate({
                          opacity: 0
                        }, function() {});
                      }
                      $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected');
                      resetTiming(animType);
                    }
                  }

                  function f_leftClick(animType) {
                    if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) {
                      $(rpbgId + ' .bg-images').stop(true, true);
                      var imageWidth = $(rpbgId + '.background-gallery-container').width();
                      var newPosition;
                      if (animType != 'fade') {
                        if ($(rpbgId + ' .bg-images').position().left % 1 != 0) f_bgResize();
                        newPosition = Math.round($(rpbgId + ' .bg-images').position().left + imageWidth);
                        target = $(rpbgId + ' .bg-bullets li.bg-selected').index();
                        target === 0 ? target = $(rpbgId + ' .background-gallery .bg-images li').length - 3 : target = target - 1;
                        $(rpbgId + ' .bg-images').animate({
                          'left': newPosition + 'px'
                        }, function() {
                          if (newPosition == 0) {
                            $(rpbgId + ' .bg-images').css({
                              'left': '-' + (($(rpbgId + ' .background-gallery .bg-images li').length - 2) * imageWidth) + 'px'
                            });
                            target = ($(rpbgId + ' .background-gallery .bg-images li').length - 3);
                            $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected');
                          }
                        });
                      } else if (animType == 'fade') {
                        target = $(rpbgId + ' .bg-bullets li.bg-selected').index();
                        target === 0 ? target = $(rpbgId + ' .background-gallery .bg-images li').length - 1 : target = target - 1;
                        $($(rpbgId + ' .bg-images li')[target]).animate({
                          opacity: 1
                        }, function() {});
                        $(rpbgId + ' .bg-images li').each(function(i, v) {
                          if (i != target) $(v).css('opacity', 0);
                        });
                      }
                      $(rpbgId + ' .bg-bullets li').removeClass('bg-selected').eq(target).addClass('bg-selected');
                      resetTiming(animType);
                    }
                  }

                  function resetTiming(animType) {
                    clearInterval(timingRun);
                    timingRun = setInterval(function() {
                      f_rightClick(animType);
                    }, slideshowSpeed);
                  }

                  function f_bgResize() {
                    $(rpbgId + ' .bg-images').stop(true, true);
                    target = $(rpbgId + ' .bg-bullets li.bg-selected').index();
                    var newWidth = $(rpbgId + '.background-gallery-container').width() * (target + 1);
                    bgImageHeight = $(rpbgId + '.background-gallery-container').parent().parent().height();
                    $(rpbgId + ' .background-gallery .bg-images').height(bgImageHeight);
                    if (animType != 'none' && $(rpbgId + ' .background-gallery .bg-images li').length > 1) $(rpbgId + ' .background-gallery .bg-images').css('left', '-' + newWidth + 'px');
                    $(rpbgId + ' .background-gallery .li-image').css('width', $(rpbgId + '.background-gallery-container').width() + 'px');
                    $(rpbgId + ' .background-gallery').css('width', $(rpbgId + '.background-gallery-container').width() + 'px');
                    $(rpbgId + ' .background-gallery ul.bg-images').css('width', ($(rpbgId + '.background-gallery-container').width() * numBgImages) + 'px');
                  }
                });
              </script>
              <div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader4_ctl00_background_gallery" class="background-gallery-container">
                <div id="rpbg-p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader4_ctl00_background_gallery" class="background-gallery bg-slide" style="width: 692px;">
                  <ul class="bg-images dbg" style="height: 550px; left: -1384px; width: 3460px;">
                    <li class="li-image li-image-2 overlay-opacity-0" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/127327457/1600x0/127327457.jpg&quot;); width: 692px;">
                      <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
                        <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/127327457/1920x1080/127327457.jpg">
                        <meta itemprop="name" content="Haven Martinez">
                      </div>
                      <div class="bg-caption-container">
                        <div class="bg-caption"></div>
                        <div class="bg-description"></div>
                      </div>
                    </li>
                    <li class="li-image li-image-0 overlay-opacity-0" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/127327484/1600x0/127327484.jpg&quot;); width: 692px;">
                      <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
                        <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/127327484/1920x1080/127327484.jpg">
                        <meta itemprop="name" content="Haven Martinez">
                      </div>
                      <div class="bg-caption-container">
                        <div class="bg-caption"></div>
                        <div class="bg-description"></div>
                      </div>
                    </li>
                    <li class="li-image li-image-1 overlay-opacity-0" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/127327472/1600x0/127327472.jpg&quot;); width: 692px;">
                      <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
                        <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/127327472/1920x1080/127327472.jpg">
                        <meta itemprop="name" content="Haven Martinez">
                      </div>
                      <div class="bg-caption-container">
                        <div class="bg-caption"></div>
                        <div class="bg-description"></div>
                      </div>
                    </li>
                    <li class="li-image li-image-2 overlay-opacity-0" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/127327457/1600x0/127327457.jpg&quot;); width: 692px;">
                      <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
                        <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/127327457/1920x1080/127327457.jpg">
                        <meta itemprop="name" content="Haven Martinez">
                      </div>
                      <div class="bg-caption-container">
                        <div class="bg-caption"></div>
                        <div class="bg-description"></div>
                      </div>
                    </li>
                    <li class="li-image li-image-0 overlay-opacity-0" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/127327484/1600x0/127327484.jpg&quot;); width: 692px;">
                      <div class="img_wrapper dbg" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject">
                        <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/127327484/1920x1080/127327484.jpg">
                        <meta itemprop="name" content="Haven Martinez">
                      </div>
                      <div class="bg-caption-container">
                        <div class="bg-caption"></div>
                        <div class="bg-description"></div>
                      </div>
                    </li>
                  </ul>
                  <div class="bg-arrow-left dbg">&nbsp;</div>
                  <div class="bg-arrow-right dbg">&nbsp;</div>
                  <ul class="bg-bullets dbg">
                    <li class="bg-bullet-0">●</li>
                    <li class="bg-bullet-1 bg-selected">●</li>
                    <li class="bg-bullet-2">●</li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="col-sm-1 hidden-lg hidden-md hidden-xs"></div>
        </div>
        <div class="row amenities-row amenities-row-widget">
          <div class="col-sm-1 hidden-lg hidden-md hidden-xs">
          </div>
          <div class="col-lg-12 col-sm-10 col-xs-12 amenities-container">
            <div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader1_pnlContainer">
              <script type="text/javascript">
                var unitAmenityExists = 'False';
                var inSelectUnitsText = '<span>*</span> In select units';
                $(document).ready(function() {
                  if ($('.view-more-community').length > 0) {
                    $('.view-more-community').click(function() {
                      $('.amenities-tabbed-dialog').show();
                      $('.amenities-tabbed-overlay').show();
                      $('body').addClass('modal-open');
                      $('.amenities-list-modal-div').show();
                      $('.apartment-amenities-list-modal-div').hide();
                    });
                  }
                  if ($('.view-more-apartment').length > 0) {
                    $('.view-more-apartment').click(function() {
                      $('.amenities-tabbed-dialog').show();
                      $('.amenities-tabbed-overlay').show();
                      $('body').addClass('modal-open');
                      $('.apartment-amenities-list-modal-div').show();
                      $('.amenities-list-modal-div').hide();
                    });
                  }
                  if (unitAmenityExists.toLowerCase() == 'true') {
                    if ($('.apt-amenities-view-more').length > 0) {
                      $('.apt-amenities-view-more').append('<div class="select-units-only">' + inSelectUnitsText + '</div>');
                      $('.apartment-amenities-list-modal-div').append('<div class="apt-amenities-modal-isu">' + inSelectUnitsText + '</div > ');
                    } else $('#client-panel-1').append('<div class="no-view-more-select-units-only">' + inSelectUnitsText + '</div>');
                    f_unitLabelShowHide();
                  }
                  $('.amenities-tabbed-overlay').click(function() {
                    f_hideAmenitiesModal();
                  });
                  var maxTabHeight = 0;
                  if (screen.width > 500) {
                    $('.tabs-panel').each(function(i, v) {
                      if ($(v).height() > maxTabHeight) maxTabHeight = $(v).height();
                    });
                    $('.tabs-panel').css('min-height', maxTabHeight);
                  }
                  $('.tabs-title .tabs-link').click(function() {
                    $('#example-tabs .tabs-title').removeClass('is-active');
                    $('.tabs-content .tabs-panel').removeClass('is-active');
                    $(this).parent().addClass('is-active');
                    var checkId = $(this).attr('data');
                    $(checkId).addClass('is-active');
                  });
                  var pixelRatio = ((window.devicePixelRatio) ? window.devicePixelRatio : 1);
                  var windowWidth = Math.floor(window.innerWidth * 0.80 * pixelRatio);
                  var windowHeight = Math.floor(window.innerHeight * 0.80 * pixelRatio);
                  var fullImageSizeString = windowWidth + 'x' + windowHeight;
                  $('.amenity-image-link').each(function(i, e) {
                    var selectedAmenityImageUrl = $(e).data('amenityimage');
                    selectedAmenityImageUrl = selectedAmenityImageUrl.replace('%s', fullImageSizeString);
                    $(e).attr('href', selectedAmenityImageUrl).attr('data-caption', $(e).html());
                    var groupName = 'amenity-image-gallery';
                    if ($(e).hasClass('amenity-image-modal-link')) groupName = 'amenity-image-modal-gallery';
                    $(e).attr('data-fancybox', groupName);
                  });
                  $('.amenity-image-link').fancybox({
                    fullScreen: {
                      autoStart: false
                    },
                    thumbs: {
                      autoStart: false,
                      hideOnClose: true
                    },
                    smallBtn: "auto",
                    afterLoad: function(instance, current) {
                      var pixelRatio = window.devicePixelRatio || 1;
                      if (pixelRatio > 1.5) {
                        current.width = current.width / pixelRatio;
                        current.height = current.height / pixelRatio;
                      }
                    }
                  });
                });

                function f_hideAmenitiesModal() {
                  $('.amenities-tabbed-dialog').hide();
                  $('.amenities-tabbed-overlay').hide();
                  $('body').removeClass('modal-open');
                }

                function f_unitLabelShowHide() {
                  $('.select-units-only').hide();
                  $('#client-panel-1 ul li').each(function() {
                    if ($(this).text().indexOf('*') > -1) {
                      $('.select-units-only').show();
                      return false;
                    }
                  });
                }
              </script>
              <div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader1_ctl00_pnlAmenitiesTabbed" class="amenities-tabbed-container columns">
                <div id="client-tabs-1" class="row p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneAmenities_WebPartZone2_WebPartZone2_zone_WebPartLoader1_ctl00_pnlAmenitiesTabbed">
                  <div class="columns at-container">
                    <ul data-tabs="data-tabs" id="example-tabs" class="tabs" role="tablist">
                      <li class="tabs-title is-active" tab-community-amenities="tab-community-amenities" role="presentation">
                        <button tabindex="0" class="tabs-link" data="#client-panel-0" role="tab" aria-controls="client-panel-0" aria-selected="false" id="client-panel-0-label" type="button">Community Amenities</button>
                      </li>
                      <li class="tabs-title" tab-apartment-amenities="tab-apartment-amenities" role="presentation">
                        <button class="tabs-link" tabindex="0" data="#client-panel-1" role="tab" aria-controls="client-panel-1" aria-selected="false" id="client-panel-1-label" type="button">Apartment Amenities</button>
                      </li>
                      <li class="tabs-title" tab-pet-policy="tab-pet-policy" role="presentation">
                        <button class="tabs-link" tabindex="0" data="#client-panel-2" role="tab" aria-controls="client-panel-2" aria-selected="false" id="client-panel-2-label" type="button">Pet Policy</button>
                      </li>
                      <li class="tabs-title" tab-parking-details="tab-parking-details" role="presentation">
                        <button tabindex="0" class="tabs-link" data="#client-panel-3" role="tab" aria-controls="client-panel-3" aria-selected="false" id="client-panel-3-label" type="button">Parking Details</button>
                      </li>
                    </ul>
                    <div data-tabs-content="example-tabs" class="tabs-content">
                      <div id="client-panel-0" class="tabs-panel is-active" style="min-height: 243px;">
                        <div class="row">
                          <div class="large-4 columns">
                            <ul class="at-comm-amenities">
                              <li class="tabbed-amenity ta-col-1"><span>Swimming Pool</span></li>
                              <li class="tabbed-amenity ta-col-1"><span>Spa</span></li>
                              <li class="tabbed-amenity ta-col-1"><span>Fitness Center</span></li>
                              <li class="tabbed-amenity ta-col-1"><span>Lounge Area</span></li>
                              <li class="tabbed-amenity ta-col-1"><span>Pet Park</span></li>
                              <li class="tabbed-amenity ta-col-1"><span>Outdoor Firepit</span></li>
                              <li class="tabbed-amenity ta-col-1"><span>BBQ</span></li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <div id="client-panel-1" class="tabs-panel" style="min-height: 243px;">
                        <div class="row">
                          <div class="large-4 columns">
                            <ul class="at-comm-amenities">
                              <li class="tabbed-amenity ta-col-1"><span>Washer/Dryer</span></li>
                              <li class="tabbed-amenity ta-col-1"><span>Vinyl Flooring</span></li>
                              <li class="tabbed-amenity ta-col-1"><span>Quartz Counters</span></li>
                              <li class="tabbed-amenity ta-col-1"><span>Newly renovated</span></li>
                              <li class="tabbed-amenity ta-col-1"><span>Central Heat and Air</span></li>
                              <li class="tabbed-amenity ta-col-1"><span>Stainless Steel Appliances</span></li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <div id="client-panel-2" class="tabs-panel" style="min-height: 243px;">
                        <div class="row">
                          <div class="large-6 columns">
                            <ul class="at-comm-amenities">
                              <li class="pet-item">Pet Policy Type: Cat, Dogs</li>
                              <li class="pet-item">Max Weight of Pets: 35</li>
                              <li class="pet-item">Pet Monthly Rent Min: <span class="range">$50</span></li>
                            </ul>
                          </div>
                          <div class="large-6 columns">
                            <ul class="at-comm-amenities">
                              <li class="pet-item">Max Number of Pets: 2</li>
                              <li class="pet-item">Pet Deposit Min/Max: $500</li>
                              <li class="pet-item">Pet Policy: Cats and Dogs under 35 lbs. are welcome. Up to two pets per apartment. Please see pet policy for restricted breeds. Please call our Leasing Office for complete Pet Policy information.
                              </li>
                              <li class="pet-item">Pet Rent Basis: Per Home</li>
                            </ul>
                          </div>
                        </div>
                      </div>
                      <div id="client-panel-3" class="tabs-panel" style="min-height: 243px;">
                        <div class="row">
                          <div class="large-6 columns">
                            <ul class="at-comm-amenities">
                              <li class="parking-item">Parking Type: Carport</li>
                              <li class="parking-item">Parking Comment: One assigned carport per home, additional reserved spaces available at $40/month. Open parking is first come, first serve.</li>
                            </ul>
                          </div>
                          <div class="large-6 columns">
                            <ul class="at-comm-amenities">
                              <li class="parking-item">Parking Space Fee: $40.00</li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="amenities-tabbed-overlay" style="display: none"></div>
                <div class="amenities-tabbed-dialog" style="display: none">
                  <div class="amenities-list-modal-div">
                    <div class="amenities-tabbed-header">
                      <h3>Amenities</h3><a><button onclick="f_hideAmenitiesModal()" aria-label="Close" type="button"><span aria-hidden="true" class="amenities-tabbed-standard-modal-close">×</span></button></a>
                    </div>
                    <div class="list-wrapper">
                      <ul class="amenities-list-modal">
                        <li class="amenity-item-modal"><span>Swimming Pool</span></li>
                        <li class="amenity-item-modal"><span>Spa</span></li>
                        <li class="amenity-item-modal"><span>Fitness Center</span></li>
                        <li class="amenity-item-modal"><span>Lounge Area</span></li>
                        <li class="amenity-item-modal"><span>Pet Park</span></li>
                        <li class="amenity-item-modal"><span>Outdoor Firepit</span></li>
                        <li class="amenity-item-modal"><span>BBQ</span></li>
                      </ul>
                    </div>
                  </div>
                  <div class="apartment-amenities-list-modal-div">
                    <div class="amenities-tabbed-header">
                      <h3>Apartment Amenities</h3><a><button onclick="f_hideAmenitiesModal()" aria-label="Close" type="button"><span aria-hidden="true" class="amenities-tabbed-standard-modal-close">×</span></button></a>
                    </div>
                    <div class="list-wrapper">
                      <ul class="apartment-amenities-list-modal">
                        <li class="apartment-amenity-item"><span>Washer/Dryer</span></li>
                        <li class="apartment-amenity-item"><span>Vinyl Flooring</span></li>
                        <li class="apartment-amenity-item"><span>Quartz Counters</span></li>
                        <li class="apartment-amenity-item"><span>Newly renovated</span></li>
                        <li class="apartment-amenity-item"><span>Central Heat and Air</span></li>
                        <li class="apartment-amenity-item"><span>Stainless Steel Appliances</span></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-sm-1 hidden-lg hidden-md hidden-xs">
          </div>
        </div>
      </div>
    </section>
    <section id="floor-plans" class="block-area container-fluid">
      <div id="" class="home-banner floor-plans-banner black-border row">
        <div class="banner-overlay"></div>
        <div class="banner-content">
          <h2>Floor Plans</h2>
        </div>
      </div>
      <div id="" class="clearfix">
        <div class="col-lg-2 col-md-1 col-sm-1"></div>
        <div class="clearfix col-lg-8 col-md-10 col-sm-10 col-xs-12 column-wrapper home-content-sub-content">
          <div class="home-column">
            <div class="wrapper">
              <h1>View The Hayden Apartments in Martinez, CA Floor Plans</h1>
              <div class="main-content">
                <span style="font-size: 16px;">One look at our spacious floor plans and it's easy to see how The Hayden is different from other apartments for rent in Martinez, CA. With a variety of floor plans to choose from, we’re certain there’s
                  one that’s just right for you. Browse our one and two-bedroom floor plans.</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-2 col-md-1 col-sm-1"></div>
      </div>
      <div id="floor-plan-widget" class="">
        <div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneFloorPlans_WebPartLoader_pnlContainer">
          <!--FLOORPLANLOADER BEGIN-->
          <div id="rpfloorplans" class="rpfp-container floorplans-widget-4">
            <div class="rpfp-filters" id="rpfpFilters">
              <div class="rpfp-filter-container">
                <div class="rpfp-filter-group rpfp-filter-group-bed">
                  <div class="rpfp-filter rpfp-bed">
                    <ul class="rpfp-select rpfp-bed-select" id="beds-filter">
                      <li data-rpfp-filter-beds="" data-value="All" role="button" class="rpfp-active" aria-label="show all bedrooms">All</li>
                      <li data-rpfp-filter-beds="" data-value="0" role="button" aria-label="show Studio bedrooms">Studio</li>
                      <li data-rpfp-filter-beds="" data-value="1" role="button" aria-label="show One Bedroom bedrooms">One Bedroom</li>
                      <li data-rpfp-filter-beds="" data-value="2" role="button" aria-label="show Two Bedrooms bedrooms">Two Bedrooms</li>
                    </ul>
                  </div>
                </div>
                <div class="rpfp-filter-group rpfp-filter-group-move-in">
                  <div class="rpfp-filter rpfp-move-in">
                    <div class="rpfp-dropdown-container rpfp-dropdown-container-availability hint--top hint--rounded" aria-label="Filter by Move in Date">
                      <button type="button" data-rpfp-filter-availability="" class="rpfp-button rpfp-button-dropdown rpfp-button-availability rpfp-active">02/16/2024</button>
                    </div>
                  </div>
                </div>
                <div class="rpfp-filter rpfp-dropdown-container rpfp-dropdown-container-clear hint--top hint--rounded" aria-label="Clear Filters">
                  <button type="button" data-rpfp-filter-clear="" class="rpfp-button rpfp-button-clear">Clear</button>
                </div>
              </div>
            </div>
            <div class="rpfp-discalaimer-container"></div>
            <div class="rpfp-extras" style="margin: 0px;"></div>
            <div class="rpfp-body">
              <div class="rpfp-cards">
                <div class="rpfp-card" data-availableunits="0" data-favorite="false" data-page="">
                  <div class="rpfp-card-inner">
                    <div class="rpfp-images">
                      <div>
                        <a class="rpfp-image rpfp-image-3d-furnished rpfp-image--fit itemPhoto" data-floorplanidx="4" data-idx="0" data-src="https://capi.myleasestar.com/v2/dimg/122947153/640x640/122947153.jpg" style="background-image: url(&quot;https://capi.myleasestar.com/v2/dimg/122947153/640x640/122947153.jpg&quot;);"></a>
                      </div>
                    </div>
                    <div class="rpfp-info">
                      <div class="rpfp-details">
                        <div data-rpfp-fp-name="" class="rpfp-name" data-id="10777521">2x2</div>
                        <div data-rpfp-fp-rentrange="" class="rpfp-rent">Please Call</div>
                      </div>
                      <div class="rpfp-details">
                        <span class="rpfp-beds"><strong data-rpfp-fp-bed="">2</strong> Bed</span>
                        <span class="rpfp-bath"><strong data-rpfp-fp-bath="">2</strong> Bath</span>
                        <span class="rpfp-sqft"><strong data-rpfp-fp-sqft="">903</strong> Sqft</span>
                      </div>
                    </div>
                    <div class="rpfp-actions">
                      <button type="button" class="rpfp-button rpfp-button--brochure" data-id="10777521">Brochure</button>
                      <button type="button" class="rpfp-button rpfp-button--availability rpfp-button--contact" data-idx="4">Contact Us</button>
                    </div>
                  </div>
                </div>
                <div class="rpfp-card" data-availableunits="0" data-favorite="false" data-page="">
                  <div class="rpfp-card-inner">
                    <div class="rpfp-images">
                      <div>
                        <a class="rpfp-image rpfp-image-3d-furnished rpfp-image--fit itemPhoto" data-floorplanidx="0" data-idx="0" data-src="https://capi.myleasestar.com/v2/dimg/122945350/640x640/122945350.jpg" style="background-image: url(&quot;https://capi.myleasestar.com/v2/dimg/122945350/640x640/122945350.jpg&quot;);"></a>
                      </div>
                    </div>
                    <div class="rpfp-info">
                      <div class="rpfp-details">
                        <div data-rpfp-fp-name="" class="rpfp-name" data-id="10777518">Studio</div>
                        <div data-rpfp-fp-rentrange="" class="rpfp-rent">From $1,828</div>
                      </div>
                      <div class="rpfp-details">
                        <span class="rpfp-beds"><strong data-rpfp-fp-bed="">Studio</strong> Bed</span>
                        <span class="rpfp-bath"><strong data-rpfp-fp-bath="">1</strong> Bath</span>
                        <span class="rpfp-sqft"><strong data-rpfp-fp-sqft="">550</strong> Sqft</span>
                      </div>
                    </div>
                    <div class="rpfp-actions">
                      <button type="button" class="rpfp-button rpfp-button--brochure" data-id="10777518">Brochure</button>
                      <button type="button" class="rpfp-button rpfp-button--availability rpfp-button--contact" data-idx="0">Contact Us</button>
                    </div>
                  </div>
                </div>
                <div class="rpfp-card" data-availableunits="1" data-favorite="false" data-page="">
                  <div class="rpfp-card-inner">
                    <div class="rpfp-images">
                      <div>
                        <a class="rpfp-image rpfp-image-3d-furnished rpfp-image--fit itemPhoto" data-floorplanidx="1" data-idx="0" data-src="https://capi.myleasestar.com/v2/dimg/122945869/640x640/122945869.jpg" style="background-image: url(&quot;https://capi.myleasestar.com/v2/dimg/122945869/640x640/122945869.jpg&quot;);"></a>
                      </div>
                    </div>
                    <div class="rpfp-info">
                      <div class="rpfp-details">
                        <div data-rpfp-fp-name="" class="rpfp-name" data-id="10777519">1x1</div>
                        <div data-rpfp-fp-rentrange="" class="rpfp-rent">From $2,014</div>
                      </div>
                      <div class="rpfp-details">
                        <span class="rpfp-beds"><strong data-rpfp-fp-bed="">1</strong> Bed</span>
                        <span class="rpfp-bath"><strong data-rpfp-fp-bath="">1</strong> Bath</span>
                        <span class="rpfp-sqft"><strong data-rpfp-fp-sqft="">682</strong> Sqft</span>
                      </div>
                    </div>
                    <div class="rpfp-actions">
                      <button type="button" class="rpfp-button rpfp-button--brochure" data-id="10777519">Brochure</button>
                      <button type="button" class="rpfp-button rpfp-button--availability" data-idx="1">Available Units <span class="rpfp-badge">1</span></button>
                    </div>
                  </div>
                </div>
                <div class="rpfp-card" data-availableunits="1" data-favorite="false" data-page="">
                  <div class="rpfp-card-inner">
                    <div class="rpfp-images">
                      <div>
                        <a class="rpfp-image rpfp-image-3d-furnished rpfp-image--fit itemPhoto" data-floorplanidx="2" data-idx="0" data-src="https://capi.myleasestar.com/v2/dimg/122946677/640x640/122946677.jpg" style="background-image: url(&quot;https://capi.myleasestar.com/v2/dimg/122946677/640x640/122946677.jpg&quot;);"></a>
                      </div>
                    </div>
                    <div class="rpfp-info">
                      <div class="rpfp-details">
                        <div data-rpfp-fp-name="" class="rpfp-name" data-id="10777520">2x1</div>
                        <div data-rpfp-fp-rentrange="" class="rpfp-rent">From $2,613</div>
                      </div>
                      <div class="rpfp-details">
                        <span class="rpfp-beds"><strong data-rpfp-fp-bed="">2</strong> Bed</span>
                        <span class="rpfp-bath"><strong data-rpfp-fp-bath="">1</strong> Bath</span>
                        <span class="rpfp-sqft"><strong data-rpfp-fp-sqft="">903</strong> Sqft</span>
                      </div>
                    </div>
                    <div class="rpfp-actions">
                      <button type="button" class="rpfp-button rpfp-button--brochure" data-id="10777520">Brochure</button>
                      <button type="button" class="rpfp-button rpfp-button--availability" data-idx="2">Available Units <span class="rpfp-badge">1</span></button>
                    </div>
                  </div>
                </div>
                <div class="rpfp-card" data-availableunits="1" data-favorite="false" data-page="">
                  <div class="rpfp-card-inner">
                    <div class="rpfp-images">
                      <div>
                        <a class="rpfp-image rpfp-image-3d-furnished rpfp-image--fit itemPhoto" data-floorplanidx="3" data-idx="0" data-src="https://capi.myleasestar.com/v2/dimg/122949169/640x640/122949169.jpg" style="background-image: url(&quot;https://capi.myleasestar.com/v2/dimg/122949169/640x640/122949169.jpg&quot;);"></a>
                      </div>
                    </div>
                    <div class="rpfp-info">
                      <div class="rpfp-details">
                        <div data-rpfp-fp-name="" class="rpfp-name" data-id="10777522">2x2 W/D</div>
                        <div data-rpfp-fp-rentrange="" class="rpfp-rent">From $2,667</div>
                      </div>
                      <div class="rpfp-details">
                        <span class="rpfp-beds"><strong data-rpfp-fp-bed="">2</strong> Bed</span>
                        <span class="rpfp-bath"><strong data-rpfp-fp-bath="">2</strong> Bath</span>
                        <span class="rpfp-sqft"><strong data-rpfp-fp-sqft="">903</strong> Sqft</span>
                      </div>
                    </div>
                    <div class="rpfp-actions">
                      <button type="button" class="rpfp-button rpfp-button--brochure" data-id="10777522">Brochure</button>
                      <button type="button" class="rpfp-button rpfp-button--availability" data-idx="3">Available Units <span class="rpfp-badge">1</span></button>
                    </div>
                  </div>
                </div>
              </div>
              <div class="rpfp-modals"></div>
              <div class="rpfp-empty rpfp-hide">
                <div class="rpfp-empty-message">No floorplans found</div>
              </div>
              <div class="rpfp-loader-wrapper">
                <div class="rpfp-loader">
                  <div style=""></div>
                  <div style=""></div>
                  <div style=""></div>
                  <div style=""></div>
                </div>
              </div>
            </div>
          </div>
          <script type="text/javascript">
            var templateId;
            if ('floorplan4' === 'floorplan1') templateId = 1;
            else if ('floorplan4' === 'floorplan2') templateId = 2;
            else if ('floorplan4' === 'floorplan3') templateId = 3;
            else if ('floorplan4' === 'floorplan4') templateId = 4;
            else if ('floorplan4' === 'floorplan5') templateId = 5;
            else if ('floorplan4' === 'floorplan6') templateId = 6;
            var RPFP_config = {
              target: '#rpfloorplans',
              template: templateId,
              templateColors: ['#ffffff', '#000000', '#000000', '#595858', '#f1f1f1', '#595858', '#f1f1f1', '#ffffff', '#ffffff'],
              propertyId: propertyId,
              pKey: propertyKey,
              ismApiUrl: 'https://ism.realpage.com',
              apiUrl: 'https://c-leasestar-api.realpage.com',
              useCarousel: false,
              carouselItems: 3,
              defaultLeaseTerm: 'bestprice',
              disclaimerText: '',
              floorplansPerPage: 0,
              showBuildingFilter: false,
              defaultSortOption: 0,
              dynamicRentRange: false,
              skipStepsEnabled: false,
              studentProperty: false,
              showAvailableFloorplansOnly: false,
              showBuildingName: false,
              fitThumbnail: true,
              hideAvailability: false,
              hideFloorplansPricing: false,
              hideUnitsPricing: false,
              hideSquareFeet: false,
              overrideNoUnitsText: '',
              overrideContactUsText: 'Contact Us',
              thirdPartyContactUrl: '',
              overrideLeaseNowText: '',
              thirdPartyLeasingUrl: '',
              onlineLeasingUrls: [{
                "SiteId": "8833410",
                "Url": "https://www.livehaydenmartinez.com/onlineleasing.aspx",
                "IsSelectedSite": false,
                "PartnerPropertyId": "4947214"
              }],
              internationalProperty: false,
              matchedSource: matchedSource,
              aholDisplay: false,
              aholContent: 'Looking for Affordable Homes?',
              aholText: 'Click Here',
              aholLink: 'https://www.livehaydenmartinez.com/OnlineLeasing.aspx?searchURL=https://www.livehaydenmartinez.com/floor-plans.aspx',
              ismEnabled: false,
              ismId: '',
              ismDefault: false,
              apiKey: '56de1441-025e-43f5-a09e-15629100fbc5',
              availableUnitColor: '#133d22',
              availableUnitHighlightColor: '#37623e',
              pinColor: '#031f4b',
              pinHighlightColor: '#035891',
              engrainedText: 'Interactive Map',
              engrainedUrl: '',
              hideBrochure: false,
              bmRedirect: false,
              bmCreditCards: '',
              bmEmail: '',
              bmApplicationFee: '',
              bmSerialNumber: '',
              leaseTermDetails: ('{"leaseTerms":[6,7,8,9,10,11,12]}' ? JSON.parse('{"leaseTerms":[6,7,8,9,10,11,12]}') : ''),
              templateVars: {
                cta1image: "",
                cta1title: "",
                cta1text: ""
              }
            }
          </script>
          <script src="https://cs-cdn.realpage.com/RFP/v1.0/loader.js" type="text/javascript"></script>
          <div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneFloorPlans_WebPartLoader_ctl00_ctl00_pnlFormInputs">
          </div>
          <!--FLOORPLANLOADER END-->
        </div>
      </div>
      <div class="sp-container">
      </div>
    </section>
    <section id="gallery" class="block-area container-fluid">
      <div id="" class="home-banner gallery-banner black-border row">
        <div class="banner-overlay"></div>
        <div class="banner-content">
          <h2>Gallery</h2>
        </div>
      </div>
      <div id="" class="clearfix">
        <div class="col-lg-2 col-md-1 col-sm-1"></div>
        <div class="clearfix col-lg-8 col-md-10 col-sm-10 column-wrapper home-content-sub-content">
          <div class="home-column">
            <div class="wrapper">
              <h1>Martinez, CA Apartments Gallery</h1>
              <div class="main-content">
                <span style="font-size: 16px;">Take a look below at our gallery and you’ll see our Martinez apartments interior and community photos.</span>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-2 col-md-1 col-sm-1"></div>
      </div>
      <div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_pnlContainer">
        <script type="text/javascript">
          var nestedGalleryLocation = 'top';
          var facebookBtnName = 'Facebook';
          var instagramBtnName = 'Instagram';
          var gallerySquareTilesLazyLoad = 'False';
          var imageSize = '1920x1080';
          var squareTilesObserver;
          var defaultColumnCount = '3';
          var itemsPerPageGallery = 'false';
          $(document).ready(function() {
            if (gallerySquareTilesLazyLoad.toLowerCase() == 'true' && navigator.userAgent.toLocaleLowerCase().indexOf('safari') == -1) {
              try {
                squareTilesObserver = new IntersectionObserver(gstIntersectCallback, intersectOptions);
                squareTilesObserver.observe(document.querySelector('#gstIntersect'));
                squareTilesObserver.observe(document.querySelector('#photosContainer'));
                squareTilesObserver.observe(document.querySelector('#gstFooterIntersect'));
                if ($('#head').length > 0) {
                  squareTilesObserver.observe(document.querySelector('#head'));
                }
              } catch (err) {
                console.warn(err);
              }
            } else {
              f_buildGallery();
            }
            if ($(window).width() < 768) f_resize();
            $(window).resize(function() {
              f_resize();
            });
          });
          var gstIntersectCallback = function(entries, observer) {
            if (entries && entries[0].isIntersecting) {
              f_buildGallery();
              squareTilesObserver.unobserve(document.querySelector('#gstIntersect'));
              squareTilesObserver.unobserve(document.querySelector('#photosContainer'));
              squareTilesObserver.unobserve(document.querySelector('#gstFooterIntersect'));
            }
          }

          function f_buildGallery() {
            var playSlideShow = false;
            var galleryIndex = 0;
            if ($('.side-container li').length <= 1) {
              $('.photolist').removeClass('nested-side');
              $('.photolist').addClass('nested-top');
            } else $('.side-container').removeClass('hide-side-cont');
            if ($('.top-container li').length > 1) {
              $('.top-container').removeClass('hide-top-cont');
            }
            if (nestedGalleryLocation == 'dropdown' && $('.top-dropdown option').length > 1 || $(window).width() < 1025 && $('.top-dropdown option').length > 1) $('.top-dropdown').removeClass('hide-dropdown');
            var pixelRatio = ((window.devicePixelRatio) ? window.devicePixelRatio : 1);
            var windowWidth = Math.floor(window.innerWidth * 0.80 * pixelRatio);
            var windowHeight = Math.floor(window.innerHeight * 0.80 * pixelRatio);
            var fullImageSizeString = windowWidth + 'x' + windowHeight;
            var defaultImageWidth = Math.floor($('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer').width() * pixelRatio / 3);
            var thumbImageSizeString = defaultImageWidth.toString() + 'x' + defaultImageWidth.toString();
            $('#widget_header_buttons .columnSelector').click(function() {
              $('#widget_header_buttons .columnSelector').removeClass('selected');
              $('#widget_header_buttons .mosaic').removeClass('selected');
              $(this).addClass('selected');
              var columnCount = $(this).data('columns');
              $('#photosContainer').removeAttr('class');
              $('#photosContainer').addClass('columns' + columnCount);
              $('.photolist').hide();
              f_convertImages(fullImageSizeString, thumbImageSizeString, columnCount);
              if ($('.nested-gst').length > 0 && $('.nested-gst:visible').length > 0) galleryIndex = $('.nested-gst.selected').attr('data-index');
              else galleryIndex = $('.top-dropdown option:selected').attr('data-index');
              $('#photoList' + galleryIndex).show();
              $('.grid').hide();
              var minHeight = 0;
              $('.photolist img:visible').each(function() {
                if ($(this).height() > minHeight) minHeight = $(this).height();
              });
              $('.gallerySquareContainer .img_wrapper img').css('min-height', minHeight);
            });
            $('#widget_header_buttons #btnMosaic').on('click', function() {
              $('#widget_header_buttons .columnSelector').removeClass('selected');
              $(this).addClass('selected');
              $('#photosContainer').removeAttr('class');
              $('.photolist').hide();
              $('.grid').hide();
              if ($('.nested-gst').length > 0 && $('.nested-gst:visible').length > 0) galleryIndex = $('.nested-gst.selected').attr('data-index');
              else galleryIndex = $('.top-dropdown option:selected').attr('data-index');
              $('#grid' + galleryIndex).show();
              f_convertMosaicImages(fullImageSizeString, thumbImageSizeString);
              if ($('.side-container li').length > 0 && $('.nested-gst').length > 1 && $(window).width() > 1024) {
                $('.grid').css('width', '80%');
              } else $('.grid').css('width', '100%');
              $('.grid').masonry({
                itemSelector: '.grid-item',
                columnWidth: '.grid-sizer',
                percentPosition: true
              });
            });
            $('#widget_header_buttons #btnPlaySlideshow').on('click', function() {
              playSlideShow = true;
              if ($('.nested-gst').length > 0 && $('.nested-gst:visible').length > 0) galleryIndex = $('.nested-gst.selected').attr('data-index');
              else galleryIndex = $('.top-dropdown option:selected').attr('data-index');
              if ($('.headerButton.selected').attr('data-columns') == 'mosaic') $('#grid' + galleryIndex + ' a').first().trigger('click', [true]);
              else $('#photoList' + galleryIndex + ' a').first().trigger('click', [true]);
            });
            $('.nested-gst').click(function() {
              $('.nested-gst').removeClass('selected');
              $(this).addClass('selected');
              $('.top-dropdown option[data-index="' + $(this).attr('data-index') + '"]').prop('selected', true);
              $('.grid').hide();
              $('.photolist').hide();
              if ($('.headerButton.selected').attr('data-columns') == 'mosaic') {
                f_convertMosaicImages(fullImageSizeString, thumbImageSizeString);
                $('#grid' + $(this).attr('data-index')).show();
                $('#grid' + $(this).attr('data-index')).masonry({
                  itemSelector: '.grid-item',
                  columnWidth: '.grid-sizer',
                  percentPosition: true
                });
              } else {
                var column_count = $('.headerButton.selected').attr('data-columns');
                f_convertImages(fullImageSizeString, thumbImageSizeString, column_count);
                $('#photoList' + $(this).attr('data-index')).show();
                var minHeight = 0;
                $('.photolist img:visible').each(function() {
                  if ($(this).height() > minHeight) minHeight = $(this).height();
                });
                $('.gallerySquareContainer .img_wrapper img').css('min-height', minHeight);
              }
            });
            $('.top-dropdown').change(function() {
              $('.grid').hide();
              $('.photolist').hide();
              if ($('.headerButton.selected').attr('data-columns') == 'mosaic') {
                f_convertMosaicImages(fullImageSizeString, thumbImageSizeString);
                $('#grid' + $('.top-dropdown option:selected').attr('data-index')).show();
                $('#grid' + $('.top-dropdown option:selected').attr('data-index')).masonry({
                  itemSelector: '.grid-item',
                  columnWidth: '.grid-sizer',
                  percentPosition: true
                });
              } else {
                var column_count = $('.headerButton.selected').attr('data-columns');
                f_convertImages(fullImageSizeString, thumbImageSizeString, column_count);
                $('#photoList' + $('.top-dropdown option:selected').attr('data-index')).show();
                var minHeight = 0;
                $('.photolist img:visible').each(function() {
                  if ($(this).height() > minHeight) minHeight = $(this).height();
                });
                $('.gallerySquareContainer .img_wrapper img').css('min-height', minHeight);
              }
            });
            if (p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer.defaultView.toLowerCase() == 'mosaic') {
              $('#widget_header_buttons #btnMosaic').click();
            } else $('.headerButton.column' + p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer.defaultView).click();
            if (p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer.hideColumnSelector.toUpperCase() == "TRUE") {
              $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer .columnSelector').hide();
              $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer #widget_header_buttons #btnMosaic').hide();
            }
            $(".headerButton").tooltip({
              position: {
                my: "center bottom-20",
                at: "center top",
                using: function(position, feedback) {
                  $(this).css(position);
                  $("<div>").addClass("arrow").addClass(feedback.vertical).addClass(feedback.horizontal).appendTo(this);
                }
              }
            });
            f_convertImages(fullImageSizeString, thumbImageSizeString, defaultColumnCount);
            if ($(window).width() < 1025) {
              $('.photolist').removeClass('nested-side');
              $('.photolist').addClass('nested-top');
            }
            $('.fancybox3').fancybox({
              fullScreen: {
                autoStart: false
              },
              thumbs: {
                autoStart: false,
                hideOnClose: true
              },
              smallBtn: "auto",
              afterLoad: function(instance, current) {
                if (current.$image) {
                  current.$image.attr('alt', current.opts.$orig.find('meta[itemprop="name"]').attr('content'));
                }
                var pixelRatio = window.devicePixelRatio || 1;
                if (pixelRatio > 1.5) {
                  current.width = current.width / pixelRatio;
                  current.height = current.height / pixelRatio;
                }
              }
            });
          }

          function f_convertImages(fullImageSizeString, thumbImageSizeString, defaultColumnCount) {
            var galleryIndex = 0;
            if ($('.nested-gst').length > 0 && $('.nested-gst:visible').length > 0) galleryIndex = $('.nested-gst.selected').attr('data-index');
            else galleryIndex = $('.top-dropdown option:selected').attr('data-index');
            $('#photoList' + galleryIndex + ' a.fancybox3').each(function(index, imageContainer) {
              var imageSrc = $(imageContainer).attr('href');
              var imageThumbSrc;
              if ($('.top-dropdown option:selected').html() == instagramBtnName || $('.top-dropdown option:selected').html() == facebookBtnName) {
                imageThumbSrc = $(imageContainer).find('.img_wrapper').data('thumbnail-url');
              } else if ($(window).width() > 1025 && $('.nested-gst.selected').length > 0 && $('.nested-gst.selected').html() == instagramBtnName || $('.nested-gst.selected').html() == facebookBtnName) {
                imageThumbSrc = $(imageContainer).find('.img_wrapper').data('thumbnail-url');
              } else {
                $(imageContainer).attr('href', imageSrc.replace(imageSize, fullImageSizeString));
                imageThumbSrc = imageSrc.replace('dimg', 'dimg-crop').replace(fullImageSizeString, thumbImageSizeString).replace(imageSize, thumbImageSizeString);
                var imageThumbAltText = $(imageContainer).find('.img_wrapper meta[itemprop="name"]').attr('content');
              }
              $(imageContainer).find('.img_wrapper').css('background-image', 'url(' + imageThumbSrc.replace(imageSize, $(window).width() + 'x' + $(window).height()) + ')');
              $(imageContainer).addClass('fancybox3');
              $(imageContainer).click(function(e, isFromPlayButton) {
                if (!isFromPlayButton) {
                  var imageId = $(this).data('mediaid');
                  f_analyticsSendEvent('gallery', 'click-gallery-image', imageId.toString());
                }
              });
            });
            var minHeight = 0;
            $('.photolist img:visible').each(function() {
              if ($(this).height() > minHeight) minHeight = $(this).height();
            });
            $('.gallerySquareContainer .img_wrapper img').css('min-height', minHeight);
            var gallery_tab = $('#photoList' + galleryIndex);
            f_createPaginationGallerySquares(gallery_tab, defaultColumnCount);
          }

          function f_convertMosaicImages(fullImageSizeString, thumbImageSizeString) {
            var galleryIndex = 0;
            if ($('.nested-gst').length > 0 && $('.nested-gst:visible').length > 0) galleryIndex = $('.nested-gst.selected').attr('data-index');
            else galleryIndex = $('.top-dropdown option:selected').attr('data-index');
            $('#grid' + galleryIndex + ' .mosaic-img').each(function() {
              var url = $(this).find('meta[itemprop="contentUrl"]').attr('content');
              $(this).css('background-image', 'url(' + url.replace(imageSize, $(window).width() + 'x' + $(window).height()) + ')');
            });
            $('#grid' + galleryIndex + ' a.fancybox3').each(function(index, imageContainer) {
              var imageSrc = $(imageContainer).attr('href');
              var imageThumbSrc;
              if ($('.top-dropdown option:selected').html() == instagramBtnName || $('.top-dropdown option:selected').html() == facebookBtnName) {
                imageThumbSrc = $(imageContainer).find('.img_wrapper').data('thumbnail-url');
              } else if ($('.nested-gst.selected').length > 0 && $('.nested-gst.selected').html() == instagramBtnName || $('.nested-gst.selected').html() == facebookBtnName) {
                imageThumbSrc = $(imageContainer).find('.img_wrapper').data('thumbnail-url');
              } else {
                $(imageContainer).attr('href', imageSrc.replace(imageSize, fullImageSizeString));
                imageThumbSrc = imageSrc.replace('dimg', 'dimg-crop').replace(fullImageSizeString, thumbImageSizeString).replace(imageSize, thumbImageSizeString);
                var imageThumbAltText = $(imageContainer).find('.img_wrapper meta[itemprop="name"]').attr('content');
              }
              $(imageContainer).find('.img_wrapper').html('<img src="' + imageThumbSrc + '" ' + (imageThumbAltText ? 'alt="' + imageThumbAltText + '"' : '') + ' />');
              $(imageContainer).addClass('fancybox3');
              $(imageContainer).click(function(e, isFromPlayButton) {
                if (!isFromPlayButton) {
                  var imageId = $(this).data('mediaid');
                  f_analyticsSendEvent('gallery', 'click-gallery-image', imageId.toString());
                }
              });
            });
            var gallery_tab = $('#grid' + galleryIndex);
            f_createPaginationGallerySquares(gallery_tab, 'mosaic');
          }

          function f_createPaginationGallerySquares(gallery_tab, defaultColumnCount) {
            var gallery_tab_selector = '#' + gallery_tab.attr('id');
            var galleryCount = 0;
            $(gallery_tab_selector + ' .pagination-item').each(function() {
              galleryCount++;
            });
            // If there is no need for the pagination don't create pagination
            if (itemsPerPageGallery == 'false' || itemsPerPageGallery >= galleryCount) {
              return;
            }
            // Create Pagination
            else {
              $(gallery_tab).attr('data-page', '');
              $(gallery_tab_selector + ' .div-list-pagination-bot-gallery').remove();
              var pageNum = (itemsPerPageGallery == '1' ? 0 : 1);
              if (itemsPerPageGallery == '0') return;
              else {
                $(gallery_tab_selector + ' .pagination-item').each(function(i, v) {
                  // Increment page number whenever in a new page
                  if (itemsPerPageGallery == '1' || (i + 1 > itemsPerPageGallery && (i + 1) % itemsPerPageGallery == 1)) pageNum++;
                  $(v).attr('data-page', pageNum);
                });
                if (pageNum > 1) {
                  var botPaginationHtml =
                    '<div class="div-list-pagination-bot-gallery div-list-pagination-gallery"><ul class="list-pagination-bot list-pagination-gallery"><li><a aria-label="Previous" id="previous-page" onclick="f_previousPageGallerySquares(this);"><span aria-hidden="true">&laquo; Prev</span></a></li>';
                  for (var i = 1; i <= pageNum; i++) {
                    botPaginationHtml += '<li class="page-numbers" data-page="' + i + '"><a onclick="f_loadPageGallerySquares(' + i + ', this)">' + i + '</a></li>';
                  }
                  botPaginationHtml += '<li><a aria-label="Next" id="next-page" onclick="f_nextPageGallerySquares(this);"><span aria-hidden=""true"">Next &raquo; </span></a></li></ul></div>';
                  $(gallery_tab).append(botPaginationHtml);
                  f_loadPageGallerySquares('1', gallery_tab);
                }
              }
            }
          }

          function f_loadPageGallerySquares(pageNum, elm) {
            if ($(elm).hasClass('pagination-parent')) {
              elmId = $(elm).attr('id');
            } else {
              elmId = $(elm).parents('.pagination-parent').attr('id');
            }
            var gallery_tab_selector = '#' + elmId;
            $(gallery_tab_selector + ' .pagination-item').hide();
            $(gallery_tab_selector + ' .pagination-item[data-page="' + pageNum + '"]').show();
            if ($(gallery_tab_selector).hasClass('grid')) {
              var $grid = $(gallery_tab_selector).masonry({
                initLayout: true,
                itemSelector: '.grid-item',
                columnWidth: '.grid-sizer',
                percentPosition: true
              });
              // bind event
              $grid.masonry('on', 'layoutComplete', function() {
                console.log('layout is complete');
              });
              // trigger initial layout
              $grid.masonry();
            }
            $(gallery_tab_selector + ' .list-pagination-gallery li').removeClass('active-page');
            $(gallery_tab_selector + ' .list-pagination-gallery li[data-page="' + pageNum + '"]').addClass('active-page');
            $(gallery_tab_selector + ' .list-pagination-gallery li').show();
            $(gallery_tab_selector + ' .list-pagination-gallery li').each(function(i, v) {
              if (parseInt($(v).attr('data-page')) > (parseInt(pageNum) + 3) || parseInt($(v).attr('data-page')) < (parseInt(pageNum) - 3)) $(v).hide();
            });
            if ($(gallery_tab_selector + ' .pagination-item[data-page="' + (parseInt(pageNum) + 1) + '"]').length == 0) $(gallery_tab_selector + ' .list-pagination-gallery li:last-child').hide();
            if ($(gallery_tab_selector + ' .pagination-item[data-page="' + (parseInt(pageNum) - 1) + '"]').length == 0) $(gallery_tab_selector + ' .list-pagination-gallery li:first-child').hide();
          }

          function f_nextPageGallerySquares(elm) {
            var gallery_tab_selector = '#' + $(elm).parents('.pagination-parent').attr('id');
            var currentPage = $(gallery_tab_selector + ' .pagination-item:visible').first().attr('data-page');
            if ($(gallery_tab_selector + ' .pagination-item[data-page="' + (parseInt(currentPage) + 1) + '"]').length > 0) f_loadPageGallerySquares(parseInt(currentPage) + 1, gallery_tab_selector);
          }

          function f_previousPageGallerySquares(elm) {
            var gallery_tab_selector = '#' + $(elm).parents('.pagination-parent').attr('id');
            var currentPage = $(gallery_tab_selector + ' .pagination-item:visible').first().attr('data-page');
            if ($(gallery_tab_selector + ' .pagination-item[data-page="' + (parseInt(currentPage) - 1) + '"]').length > 0) f_loadPageGallerySquares(parseInt(currentPage) - 1, gallery_tab_selector);
          }

          function f_resize() {
            $('.gallerySquareContainer .img_wrapper img').css('min-height', 0);
            if (nestedGalleryLocation == 'side' && $(window).width() < 1025) {
              $('.photolist').removeClass('nested-side');
              $('.photolist').addClass('nested-top');
            } else if (nestedGalleryLocation == 'side') {
              $('.photolist').addClass('nested-side');
              $('.photolist').removeClass('nested-top');
            }
            if ($(window).width() < 1025 && $('.top-dropdown option').length > 1) $('.top-dropdown').removeClass('hide-dropdown');
            if ($(window).width() > 1025 && nestedGalleryLocation != 'dropdown') $('.top-dropdown').addClass('hide-dropdown');
            if ($(window).width() < 768 && $('.headerButton.selected').attr('data-columns') == 'mosaic') {
              if (p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer.defaultView.toLowerCase() == '4') $('.headerButton.column4').click();
              else $('.headerButton.column3').click();
            }
            var minHeight = 0;
            $('.photolist img:visible').each(function() {
              if ($(this).height() > minHeight) minHeight = $(this).height();
            });
            $('.gallerySquareContainer .img_wrapper img').css('min-height', minHeight);
          }
        </script>
        <div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneGallery_WebPartLoader2_ctl00_GalleryContainer" class="gallerySquareContainer">
          <div id="gstIntersect" class="widget_head">
            <div id="widget_header_buttons" aria-label="Photo Gallery Layout Selection Buttons">
              <!--googleoff: all-->
              <button type="button" class="headerButton" id="btnPlaySlideshow" title="" aria-label="Play Slideshow" data-original-title="Play Slideshow">Play Slideshow</button>
              <button type="button" class="headerButton columnSelector column3 selected" data-columns="3" title="" aria-label="3 Column Photo Gallery" data-original-title="3 Columns">3 Columns</button>
              <button type="button" class="headerButton columnSelector column4" data-columns="4" title="" aria-label="4 Column Photo Gallery" data-original-title="4 Columns">4 Columns</button>
              <button type="button" class="headerButton mosaic" id="btnMosaic" data-columns="mosaic" title="" aria-label="Mosaic Photo Gallery" data-original-title="Mosaic">Mosaic</button>
              <!--googleon: all-->
            </div>
            <ul class="top-container">
              <li class="gallery-nav gallery-nav-top"><button type="button" class="nested-gst nested-gst-top selected" data-index="0" aria-label="Community">Community</button></li>
              <li class="gallery-nav gallery-nav-top"><button type="button" class="nested-gst nested-gst-top" data-index="1" aria-label="Apartment">Apartment</button></li>
            </ul>
            <select class="top-dropdown hide-dropdown" aria-label="Photo Layout Selection Dropdown Menu">
              <option class="gst-drop-item" data-index="0" aria-label="Community">Community</option>
              <option class="gst-drop-item" data-index="1" aria-label="Apartment">Apartment</option>
            </select>
          </div>
          <div id="photosContainer" class="columns3">
            <ul id="photoList0" class="photolist pagination-parent nested-top" style="display: inline-block;"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/141752020/1280x960/141752020.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752020/1920x1080/141752020.jpg">
                                    <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141752020/1920x1080/141752020.jpg">
                                    <li class="mix">
                                        <div class="meta name">
                                            <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Community" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/141752020/523x523/141752020.jpg&quot;);">
                                                <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752020/950x950/141752020.jpg"><meta itemprop="name" content="Community"></div>
                                    </div></li>
                                </a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/141752049/1280x960/141752049.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752049/1920x1080/141752049.jpg">
                                    <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141752049/1920x1080/141752049.jpg">
                                    <li class="mix">
                                        <div class="meta name">
                                            <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Community" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/141752049/523x523/141752049.jpg&quot;);">
                                                <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752049/950x950/141752049.jpg"><meta itemprop="name" content="Community"></div>
                                    </div></li>
                                </a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/141752050/1280x960/141752050.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752050/1920x1080/141752050.jpg">
                                    <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141752050/1920x1080/141752050.jpg">
                                    <li class="mix">
                                        <div class="meta name">
                                            <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Community" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/141752050/523x523/141752050.jpg&quot;);">
                                                <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752050/950x950/141752050.jpg"><meta itemprop="name" content="Community"></div>
                                    </div></li>
                                </a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/141752051/1280x960/141752051.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752051/1920x1080/141752051.jpg">
                                    <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141752051/1920x1080/141752051.jpg">
                                    <li class="mix">
                                        <div class="meta name">
                                            <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Community" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/141752051/523x523/141752051.jpg&quot;);">
                                                <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752051/950x950/141752051.jpg"><meta itemprop="name" content="Community"></div>
                                    </div></li>
                                </a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/141752052/1280x960/141752052.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752052/1920x1080/141752052.jpg">
                                    <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141752052/1920x1080/141752052.jpg">
                                    <li class="mix">
                                        <div class="meta name">
                                            <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Community" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/141752052/523x523/141752052.jpg&quot;);">
                                                <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752052/950x950/141752052.jpg"><meta itemprop="name" content="Community"></div>
                                    </div></li>
                                </a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/141752053/1280x960/141752053.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752053/1920x1080/141752053.jpg">
                                    <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141752053/1920x1080/141752053.jpg">
                                    <li class="mix">
                                        <div class="meta name">
                                            <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Community" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/141752053/523x523/141752053.jpg&quot;);">
                                                <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752053/950x950/141752053.jpg"><meta itemprop="name" content="Community"></div>
                                    </div></li>
                                </a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/141752054/1280x960/141752054.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752054/1920x1080/141752054.jpg">
                                    <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141752054/1920x1080/141752054.jpg">
                                    <li class="mix">
                                        <div class="meta name">
                                            <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Community" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/141752054/523x523/141752054.jpg&quot;);">
                                                <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752054/950x950/141752054.jpg"><meta itemprop="name" content="Community"></div>
                                    </div></li>
                                </a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/141752075/1280x960/141752075.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752075/1920x1080/141752075.jpg">
                                    <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141752075/1920x1080/141752075.jpg">
                                    <li class="mix">
                                        <div class="meta name">
                                            <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Community" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/141752075/523x523/141752075.jpg&quot;);">
                                                <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752075/950x950/141752075.jpg"><meta itemprop="name" content="Community"></div>
                                    </div></li>
                                </a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-0" href="//capi.myleasestar.com/v2/dimg/141752076/1280x960/141752076.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752076/1920x1080/141752076.jpg">
                                    <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141752076/1920x1080/141752076.jpg">
                                    <li class="mix">
                                        <div class="meta name">
                                            <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Community" style="background-image: url(&quot;//capi.myleasestar.com/v2/dimg-crop/141752076/523x523/141752076.jpg&quot;);">
                                                <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752076/950x950/141752076.jpg"><meta itemprop="name" content="Community"></div>
                                    </div></li>
                                </a></ul>
            <ul id="photoList1" class="photolist pagination-parent nested-top" style="display: none;"><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-1" href="//capi.myleasestar.com/v2/dimg/141752119/1920x1080/141752119.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752119/1920x1080/141752119.jpg">
                                    <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141752119/1920x1080/141752119.jpg">
                                    <li class="mix">
                                        <div class="meta name">
                                            <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Apartment">
                                                <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752119/950x950/141752119.jpg"><meta itemprop="name" content="Apartment"></div>
                                    </div></li>
                                </a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-1" href="//capi.myleasestar.com/v2/dimg/141752120/1920x1080/141752120.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752120/1920x1080/141752120.jpg">
                                    <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141752120/1920x1080/141752120.jpg">
                                    <li class="mix">
                                        <div class="meta name">
                                            <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Apartment">
                                                <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752120/950x950/141752120.jpg"><meta itemprop="name" content="Apartment"></div>
                                    </div></li>
                                </a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-1" href="//capi.myleasestar.com/v2/dimg/141752121/1920x1080/141752121.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752121/1920x1080/141752121.jpg">
                                    <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141752121/1920x1080/141752121.jpg">
                                    <li class="mix">
                                        <div class="meta name">
                                            <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Apartment">
                                                <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752121/950x950/141752121.jpg"><meta itemprop="name" content="Apartment"></div>
                                    </div></li>
                                </a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-1" href="//capi.myleasestar.com/v2/dimg/141752122/1920x1080/141752122.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752122/1920x1080/141752122.jpg">
                                    <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141752122/1920x1080/141752122.jpg">
                                    <li class="mix">
                                        <div class="meta name">
                                            <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Apartment">
                                                <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752122/950x950/141752122.jpg"><meta itemprop="name" content="Apartment"></div>
                                    </div></li>
                                </a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-1" href="//capi.myleasestar.com/v2/dimg/141752134/1920x1080/141752134.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752134/1920x1080/141752134.jpg">
                                    <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141752134/1920x1080/141752134.jpg">
                                    <li class="mix">
                                        <div class="meta name">
                                            <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Apartment">
                                                <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752134/950x950/141752134.jpg"><meta itemprop="name" content="Apartment"></div>
                                    </div></li>
                                </a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-1" href="//capi.myleasestar.com/v2/dimg/141752135/1920x1080/141752135.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752135/1920x1080/141752135.jpg">
                                    <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141752135/1920x1080/141752135.jpg">
                                    <li class="mix">
                                        <div class="meta name">
                                            <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Apartment">
                                                <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752135/950x950/141752135.jpg"><meta itemprop="name" content="Apartment"></div>
                                    </div></li>
                                </a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-1" href="//capi.myleasestar.com/v2/dimg/141752136/1920x1080/141752136.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752136/1920x1080/141752136.jpg">
                                    <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141752136/1920x1080/141752136.jpg">
                                    <li class="mix">
                                        <div class="meta name">
                                            <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Apartment">
                                                <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752136/950x950/141752136.jpg"><meta itemprop="name" content="Apartment"></div>
                                    </div></li>
                                </a><a class="fancybox3 gallery-item pagination-item" itemscope="itemscope" itemtype="http://schema.org/ImageObject" aria-label="Expand Image" data-fancybox="gallery-1" href="//capi.myleasestar.com/v2/dimg/141752137/1920x1080/141752137.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752137/1920x1080/141752137.jpg">
                                    <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg/141752137/1920x1080/141752137.jpg">
                                    <li class="mix">
                                        <div class="meta name">
                                            <div class="img_wrapper" itemprop="thumbnail" itemscope="itemscope" itemtype="http://schema.org/ImageObject" role="img" aria-label="Apartment">
                                                <meta itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752137/950x950/141752137.jpg"><meta itemprop="name" content="Apartment"></div>
                                    </div></li>
                                </a></ul>
            <div id="grid0" class="grid pagination-parent" style="display:none">
              <div class="grid-sizer"></div>
              <div class="grid-item pagination-item grid-item--width2 grid-item--height2"><a class="mosaic-img fancybox3" aria-label="Expand Image of Community" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/141752020/1920x1080/141752020.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752020/1920x1080/141752020.jpg">
                                                        <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752020/0x640/141752020.jpg">
                                </a></div>
              <div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of Community" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/141752049/1920x1080/141752049.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752049/1920x1080/141752049.jpg">
                                                        <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752049/0x360/141752049.jpg">
                                </a></div>
              <div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of Community" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/141752050/1920x1080/141752050.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752050/1920x1080/141752050.jpg">
                                                        <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752050/0x360/141752050.jpg">
                                </a></div>
              <div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of Community" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/141752051/1920x1080/141752051.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752051/1920x1080/141752051.jpg">
                                                        <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752051/0x360/141752051.jpg">
                                </a></div>
              <div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of Community" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/141752052/1920x1080/141752052.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752052/1920x1080/141752052.jpg">
                                                        <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752052/0x360/141752052.jpg">
                                </a></div>
              <div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of Community" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/141752053/1920x1080/141752053.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752053/1920x1080/141752053.jpg">
                                                        <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752053/0x360/141752053.jpg">
                                </a></div>
              <div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of Community" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/141752054/1920x1080/141752054.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752054/1920x1080/141752054.jpg">
                                                        <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752054/0x360/141752054.jpg">
                                </a></div>
              <div class="grid-item pagination-item grid-item--width2 grid-item--height2"><a class="mosaic-img fancybox3" aria-label="Expand Image of Community" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/141752075/1920x1080/141752075.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752075/1920x1080/141752075.jpg">
                                                        <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752075/0x640/141752075.jpg">
                                </a></div>
              <div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of Community" data-fancybox="mosaic-gallery-0" href="//capi.myleasestar.com/v2/dimg/141752076/1920x1080/141752076.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752076/1920x1080/141752076.jpg">
                                                        <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752076/0x360/141752076.jpg">
                                </a></div>
            </div>
            <div id="grid1" class="grid pagination-parent" style="display:none">
              <div class="grid-sizer"></div>
              <div class="grid-item pagination-item grid-item--width2 grid-item--height2"><a class="mosaic-img fancybox3" aria-label="Expand Image of Apartment" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/141752119/1920x1080/141752119.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752119/1920x1080/141752119.jpg">
                                                        <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752119/0x640/141752119.jpg">
                                </a></div>
              <div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of Apartment" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/141752120/1920x1080/141752120.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752120/1920x1080/141752120.jpg">
                                                        <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752120/0x360/141752120.jpg">
                                </a></div>
              <div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of Apartment" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/141752121/1920x1080/141752121.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752121/1920x1080/141752121.jpg">
                                                        <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752121/0x360/141752121.jpg">
                                </a></div>
              <div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of Apartment" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/141752122/1920x1080/141752122.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752122/1920x1080/141752122.jpg">
                                                        <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752122/0x360/141752122.jpg">
                                </a></div>
              <div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of Apartment" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/141752134/1920x1080/141752134.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752134/1920x1080/141752134.jpg">
                                                        <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752134/0x360/141752134.jpg">
                                </a></div>
              <div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of Apartment" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/141752135/1920x1080/141752135.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752135/1920x1080/141752135.jpg">
                                                        <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752135/0x360/141752135.jpg">
                                </a></div>
              <div class="grid-item pagination-item"><a class="mosaic-img fancybox3" aria-label="Expand Image of Apartment" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/141752136/1920x1080/141752136.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752136/1920x1080/141752136.jpg">
                                                        <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752136/0x360/141752136.jpg">
                                </a></div>
              <div class="grid-item pagination-item grid-item--width2"><a class="mosaic-img fancybox3" aria-label="Expand Image of Apartment" data-fancybox="mosaic-gallery-1" href="//capi.myleasestar.com/v2/dimg/141752137/1920x1080/141752137.jpg" data-mediaid="//capi.myleasestar.com/v2/dimg/141752137/1920x1080/141752137.jpg">
                                                        <meta data-u="image" itemprop="contentUrl" content="//capi.myleasestar.com/v2/dimg-crop/141752137/0x360/141752137.jpg">
                                </a></div>
            </div>
          </div>
        </div>
        <div id="gstFooterIntersect" class="clear"></div>
      </div>
    </section>
    <section id="neighborhood" class="block-area container-fluid">
      <div id="" class="home-banner neighborhood-banner black-border row">
        <div class="banner-overlay"></div>
        <div class="banner-content">
          <h2>Neighborhood</h2>
        </div>
      </div>
      <div id="" class="map-plus-bar row">
        <div id="" class="">
          <div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneLocation_WebPartZone_WebPartZone_zone_WebPartLoader3_pnlContainer">
            <div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneLocation_WebPartZone_WebPartZone_zone_WebPartLoader3_ctl00_pnlNeighborhoodFullWidth" class="widget neighborhood-widget">
              <script src="/CMSScripts/Custom/RPWebParts/spiderfier/oms.min.js" type="text/javascript"></script>
              <script type="text/javascript">
                var overrideGetDirections = 'https://www.google.com/maps/dir/Current+Location/486 Morello Avenue CA';
                var overridePropertyLink = 'https://www.google.com/maps/place/The+Hayden/@37.9944786,-122.0976358,16z/';
                var propertyMarker;
                var mapFullWidth;
                var mapService;
                var markersArray = [];
                var origin;
                var infoWindow;
                var zoomLevels = {
                  '402.33': 16,
                  '804.67': 15,
                  '1609.34': 14,
                  '4023.36': 13,
                  '8046.72': 12,
                  '16093.4': 11,
                  '32186.9': 10,
                  '48280.3': 9
                };
                var defaultZoom = (typeof searchRadius !== 'undefined') ? zoomLevels[searchRadius] : 15;
                var currentRadius = (typeof searchRadius !== 'undefined') ? searchRadius : 804.67;
                var currentKeyword = '';
                var currentIcon = '';
                var overlays = [];
                var clicked = false;
                var customMapPinsObj = '[]' ? JSON.parse('[]') : '';
                var oms;
                //Google Maps Lazyloading
                let lazyLoaded = false;
                $(document).on("ready", function() {
                  let script = document.createElement('script')
                  //Register Event Listeners so we can look for the widget container
                  smRegisterListener('load', smLazyLoad);
                  smRegisterListener('scroll', smLazyLoad);
                  smRegisterListener('resize', smLazyLoad);
                  //Load the map script if the widget is in the view port
                  function smLazyLoad() {
                    if (smIsInViewport(document.getElementById("mapFullWidth")) && lazyLoaded === false) {
                      $('.neighborhood-widget__loader').show();
                      lazyLoaded = true;
                      // adds the script tag to the document
                      if (document.getElementsByTagName('body')[0]) {
                        document.getElementsByTagName('body')[0].appendChild(script)
                      } else {
                        document.getElementsByTagName('html')[0].appendChild(script)
                      }
                      // baseline config for script tag
                      script.src = 'https://maps.googleapis.com/maps/api/js?key=AIzaSyDS1oKsJ_hSSZqIslqkR4EdK1VndKUOPYM&libraries=places,geometry'
                      script.async = true
                      script.defer = true
                      //after the google map script has loaded we can call the widget script
                      script.onload = function() {
                        loadMap();
                        $('.neighborhood-widget__loader').hide('slow');
                      }
                    }
                  }
                  //check if the widget is in the view port
                  function smIsInViewport(el) {
                    var rect = el.getBoundingClientRect();
                    return (rect.bottom >= 0 && rect.right >= 0 && rect.top <= (window.innerHeight || document.documentElement.clientHeight) && rect.left <= (window.innerWidth || document.documentElement.clientWidth));
                  }
                  //This is where our event listeners are being created
                  function smRegisterListener(event, func) {
                    if (window.addEventListener) {
                      if (event == 'resize') {
                        window.addEventListener(event, smDebounce(func));
                      } else if (event == 'scroll') {
                        window.addEventListener(event, smThrottle(func, 500));
                      } else {
                        window.addEventListener(event, func)
                      }
                    } else {
                      window.attachEvent('on' + event, func)
                    }
                  }

                  function smDebounce(func) {
                    var timer;
                    return function(event) {
                      if (timer) clearTimeout(timer);
                      timer = setTimeout(func, 0, event);
                    };
                  }

                  function smThrottle(func, wait) {
                    var time = Date.now();
                    return function() {
                      if ((time + wait - Date.now()) < 0) {
                        func();
                        time = Date.now();
                      }
                    }
                  }
                });
                //End Google Maps Lazyloading
                function loadMap() {
                  $(function() {
                    initMap();
                  });

                  function initMap() {
                    origin = new google.maps.LatLng(latitude, longitude);
                    var stylesObj = [{
                      elementType: 'geometry',
                      stylers: [{
                        color: '#f5f5f5'
                      }]
                    }, {
                      elementType: 'labels.icon',
                      stylers: [{
                        visibility: 'off'
                      }]
                    }, {
                      elementType: 'labels.text.fill',
                      stylers: [{
                        color: '#616161'
                      }]
                    }, {
                      elementType: 'labels.text.stroke',
                      stylers: [{
                        color: '#f5f5f5'
                      }]
                    }, {
                      featureType: 'administrative.land_parcel',
                      elementType: 'labels.text.fill',
                      stylers: [{
                        color: '#bdbdbd'
                      }]
                    }, {
                      featureType: 'poi',
                      elementType: 'geometry',
                      stylers: [{
                        color: '#eeeeee'
                      }]
                    }, {
                      featureType: 'poi',
                      elementType: 'labels.text.fill',
                      stylers: [{
                        color: '#757575'
                      }]
                    }, {
                      featureType: 'poi.park',
                      elementType: 'geometry',
                      stylers: [{
                        color: '#e5e5e5'
                      }]
                    }, {
                      featureType: 'poi.park',
                      elementType: 'labels.text.fill',
                      stylers: [{
                        color: '#9e9e9e'
                      }]
                    }, {
                      featureType: 'road',
                      elementType: 'geometry',
                      stylers: [{
                        color: '#ffffff'
                      }]
                    }, {
                      featureType: 'road.arterial',
                      elementType: 'labels.text.fill',
                      stylers: [{
                        color: '#757575'
                      }]
                    }, {
                      featureType: 'road.highway',
                      elementType: 'geometry',
                      stylers: [{
                        color: '#dadada'
                      }]
                    }, {
                      featureType: 'road.highway',
                      elementType: 'labels.text.fill',
                      stylers: [{
                        color: '#616161'
                      }]
                    }, {
                      featureType: 'road.local',
                      elementType: 'labels.text.fill',
                      stylers: [{
                        color: '#9e9e9e'
                      }]
                    }, {
                      featureType: 'transit.line',
                      elementType: 'geometry',
                      stylers: [{
                        color: '#e5e5e5'
                      }]
                    }, {
                      featureType: 'transit.station',
                      elementType: 'geometry',
                      stylers: [{
                        color: '#eeeeee'
                      }]
                    }, {
                      featureType: 'water',
                      elementType: 'geometry',
                      stylers: [{
                        color: '#c9c9c9'
                      }]
                    }, {
                      featureType: 'water',
                      elementType: 'labels.text.fill',
                      stylers: [{
                        color: '#9e9e9e'
                      }]
                    }];
                    mapFullWidth = new google.maps.Map(document.getElementById('mapFullWidth'), {
                      center: origin,
                      zoom: defaultZoom,
                      mapTypeControl: false,
                      scrollwheel: false,
                      minZoom: 10
                      //gestureHandling: 'greedy'
                    });
                    mapService = new google.maps.places.PlacesService(mapFullWidth);
                    oms = new OverlappingMarkerSpiderfier(mapFullWidth, {
                      markersWontMove: true,
                      markersWontHide: true,
                      basicFormatEvents: false,
                      keepSpiderfied: true,
                      nearbyDistance: 22,
                      spiralFootSeparation: 28,
                      spiralLengthStart: 18,
                      spiralLengthFactor: 5
                    });
                    mapFullWidth.setOptions({
                      styles: stylesObj
                    });
                    var markerIconNormal = {
                      path: 'M54.549,17.947c-12.314,0-22.332,10.02-22.332,22.334c0,11.854,20.262,39.548,21.125,40.721l0.805,1.096,c0.094,0.129,0.244,0.204,0.402,0.204c0.16,0,0.309-0.075,0.404-0.204l0.805-1.096c0.863-1.173,21.125-28.867,21.125-40.721,C76.883,27.967,66.863,17.947,54.549,17.947z M54.549,32.281c4.412,0,8,3.588,8,8c0,4.41-3.588,8-8,8c-4.41,0-8-3.59-8-8,C46.549,35.869,50.139,32.281,54.549,32.281z',
                      fillColor: '#000000',
                      fillOpacity: 1,
                      scale: .75,
                      strokeWeight: 0,
                      anchor: new google.maps.Point(55, 80)
                    };
                    var markerOptions = {
                      position: origin,
                      map: mapFullWidth,
                      icon: markerIconNormal,
                      geometry: {
                        location: origin
                      },
                      name: name,
                      vicinity: addressLine1,
                      addressState: addressState,
                      addressPostalCode: addressPostalCode,
                      phonesNumber: phonesNumber,
                      website: website,
                      city: city
                    };
                    propertyMarker = new google.maps.Marker(markerOptions);
                    google.maps.event.addListener(propertyMarker, 'spider_format', function(status) {
                      if (status == OverlappingMarkerSpiderfier.markerStatus.SPIDERFIED) {
                        propertyMarker.setIcon({
                          path: 'M54.549,17.947c-12.314,0-22.332,10.02-22.332,22.334c0,11.854,20.262,39.548,21.125,40.721l0.805,1.096,c0.094,0.129,0.244,0.204,0.402,0.204c0.16,0,0.309-0.075,0.404-0.204l0.805-1.096c0.863-1.173,21.125-28.867,21.125-40.721,C76.883,27.967,66.863,17.947,54.549,17.947z M54.549,32.281c4.412,0,8,3.588,8,8c0,4.41-3.588,8-8,8c-4.41,0-8-3.59-8-8,C46.549,35.869,50.139,32.281,54.549,32.281z',
                          fillColor: '#000000',
                          fillOpacity: 1,
                          scale: .5,
                          strokeWeight: 0,
                          anchor: new google.maps.Point(55, 45)
                        });
                      } else {
                        propertyMarker.setIcon({
                          path: 'M54.549,17.947c-12.314,0-22.332,10.02-22.332,22.334c0,11.854,20.262,39.548,21.125,40.721l0.805,1.096,c0.094,0.129,0.244,0.204,0.402,0.204c0.16,0,0.309-0.075,0.404-0.204l0.805-1.096c0.863-1.173,21.125-28.867,21.125-40.721,C76.883,27.967,66.863,17.947,54.549,17.947z M54.549,32.281c4.412,0,8,3.588,8,8c0,4.41-3.588,8-8,8c-4.41,0-8-3.59-8-8,C46.549,35.869,50.139,32.281,54.549,32.281z',
                          fillColor: '#000000',
                          fillOpacity: 1,
                          scale: .75,
                          strokeWeight: 0,
                          anchor: new google.maps.Point(55, 80)
                        });
                      }
                    });
                    oms.addMarker(propertyMarker);
                    var content = '<div class="neighborhood-widget__marker neighborhood-widget__marker-property">' + '<h4><a href="' + overridePropertyLink + '" target="_blank">' + name + '</a></h4>' + '<p>' + addressLine1.replace(/,/g, '<br />') +
                      '<br />' + city + ', ' + addressState + ' ' + addressPostalCode + '</p>' + '<p><strong>' + phonesNumber + '</strong></p>' + '<p><a href=" ' + overrideGetDirections + ' " target ="_blank"><strong>Get Directions</strong></a></p>';
                    content += '</div>';
                    google.maps.event.addListener(propertyMarker, 'spider_click', function() {
                      if (infoWindow != undefined) {
                        infoWindow.close();
                      }
                      infoWindow = new google.maps.InfoWindow({
                        content: content
                      });
                      infoWindow.open(mapFullWidth, propertyMarker);
                      $('.neighborhood-widget__marker').parent().parent().parent().prev().find('> div').eq(7).css('border-top', '3px solid #000000;');
                    });
                    var center;

                    function calculateCenter() {
                      center = mapFullWidth.getCenter();
                    }
                    google.maps.event.addDomListener(mapFullWidth, 'idle', function() {
                      calculateCenter();
                    });
                    google.maps.event.addListener(mapFullWidth, 'spider_click', function(event) {
                      infoWindow.close();
                      clicked = false;
                      if ($(window).width() < 543) {
                        hideCategories();
                      }
                    });
                    google.maps.event.addDomListener(window, 'resize', function() {
                      mapFullWidth.setCenter(center);
                    });
                    google.maps.event.addListener(mapFullWidth, 'zoom_changed', boundsUpdated);
                    $(customMapPinsObj).each(function(i, v) {
                      if (v.Category == null) {
                        var generalIcon = {
                          url: '\CMSScripts\Custom\RPWebParts\spiderfier\general.png', //placeResult.icon,
                          scaledSize: new google.maps.Size(26, 26),
                          anchor: new google.maps.Point(13, 13),
                        };
                        var customMarkerOptions = {
                          position: new google.maps.LatLng(v.Latitude, v.Longitude),
                          map: mapFullWidth,
                          icon: generalIcon,
                          geometry: {
                            location: new google.maps.LatLng(v.Latitude, v.Longitude)
                          },
                          name: v.Name,
                          vicinity: v.Address,
                          addressState: v.State,
                          addressPostalCode: v.Zip,
                          website: v.Url,
                          city: v.City
                        };
                        var customMarker = new google.maps.Marker(customMarkerOptions);
                        markersArray.push(customMarker);
                        var customPin = '<div class="neighborhood-widget__marker neighborhood-widget__marker-custom">' + '<h4><a href="' + v.Url + '" target="_blank">' + v.Name + '</a></h4>' + '<p>' + v.Address + '<br />' + v.City + ', ' + v
                          .State + ' ' + v.Zip + '</p>' + '<p><a href="https://www.google.com/maps/dir/?api=1&destination=' + v.Address.replace(/ /g, '+') + ',' + v.City.replace(/ /g, '+') + ',' + v.State +
                          '" target="_blank"><strong>Get Directions</strong></a></p></div>';
                        google.maps.event.addListener(customMarker, 'spider_click', function() {
                          if (infoWindow != undefined) {
                            infoWindow.close();
                          }
                          infoWindow = new google.maps.InfoWindow({
                            content: customPin
                          });
                          infoWindow.open(mapFullWidth, customMarker);
                          $('.neighborhood-widget__marker').parent().parent().parent().prev().find('> div').eq(7).css('border-top', '3px solid #000000;');
                        });
                      }
                    });
                  }

                  function circleDrawHandler(radius) {
                    while (overlays[0]) {
                      overlays.pop().setMap(null);
                    }
                    var circle = new google.maps.Circle({
                      center: origin,
                      clickable: true,
                      draggable: false,
                      editable: false,
                      fillColor: '#004de8',
                      fillOpacity: 0.27,
                      map: mapFullWidth,
                      radius: radius,
                      strokeColor: '#004de8',
                      strokeOpacity: 0.62,
                      strokeWeight: 1
                    });
                    overlays.push(circle);
                    google.maps.event.addListener(circle, 'rightclick', polygonDestructionHandler);
                  };
                  polygonDestructionHandler = function() {
                    return this.setMap(null);
                  };

                  function boundsUpdated(event) {
                    var z = mapFullWidth.getZoom();
                    var bounds = mapFullWidth.getBounds();
                    var center = mapFullWidth.getCenter();
                    var ne = bounds.getNorthEast();
                    var sw = bounds.getSouthWest();
                    var nw = new google.maps.LatLng(ne.lat(), sw.lng());
                    var se = new google.maps.LatLng(sw.lat(), ne.lng());
                    if (bounds && center) {
                      var b = google.maps.geometry.spherical.computeDistanceBetween(nw, ne) / 2;
                      var h = google.maps.geometry.spherical.computeDistanceBetween(center, ne);
                      var radius = ((h - b) / 400);
                    }
                  }

                  function createMarker(placeResult, icon) {
                    var iconList = ["entertainment", "schools", "food", "nightlife", "recreation", "professional", "residences", "shopping", "travel"];
                    if (iconList.indexOf(icon) < 0) {
                      icon = 'general';
                    }
                    var markerIconUrl = '/templateresources/global/icons/map-icons/' + icon + '.png';
                    var markerIcon = {
                      url: markerIconUrl,
                      scaledSize: new google.maps.Size(26, 26),
                      anchor: new google.maps.Point(13, 13),
                    };
                    var markerOptions = {
                      map: mapFullWidth,
                      position: placeResult.geometry.location,
                      icon: markerIcon,
                      zIndex: 1
                    };
                    var marker = new google.maps.Marker(markerOptions);
                    google.maps.event.addListener(marker, 'spider_format', function(status) {
                      if (status == OverlappingMarkerSpiderfier.markerStatus.SPIDERFIABLE) {
                        marker.setIcon({
                          url: '/CMSScripts/Custom/RPWebParts/spiderfier/general-plus.png',
                          scaledSize: new google.maps.Size(26, 26),
                          anchor: new google.maps.Point(13, 13)
                        });
                      } else {
                        marker.setIcon({
                          url: markerIconUrl,
                          scaledSize: new google.maps.Size(26, 26),
                          anchor: new google.maps.Point(13, 13),
                        });
                      }
                    });
                    oms.addMarker(marker);
                    markersArray.push(marker);
                    google.maps.event.addListener(marker, 'spider_click', function() {
                      clicked = true;
                      getPlaceDetails(placeResult, marker);
                      this.setOptions({
                        zIndex: 10
                      });
                    });
                    google.maps.event.addListener(marker, 'closeclick', function() {
                      clicked = false;
                    });
                  }

                  function isValid(input1, input2) {
                    if (input1 != undefined || input2 != undefined) {
                      return true;
                    } else {
                      return false;
                    }
                  }

                  function getPlaceDetails(placeResult, marker) {
                    if (infoWindow != undefined) {
                      infoWindow.close();
                    }
                    var request = {
                      reference: placeResult.reference
                    };
                    mapService.getDetails(request, function(details, status) {
                      var priceRating = '';
                      if (details.price_level != undefined) {
                        for (i = 1; i <= details.price_level; i++) {
                          priceRating += '$';
                        }
                      }
                      var photoUrl = '';
                      if (details.photos != undefined) {
                        if (details.photos.length > 0) {
                          photoUrl = details.photos[0].getUrl({
                            'maxWidth': 300,
                            'maxHeight': 300
                          });
                        }
                      }
                      var addr = details.address_components;
                      var content = '<div class="neighborhood-widget__marker ' + ((photoUrl != '') ? 'has-photo' : '') + '">';
                      content += (photoUrl != '') ? '<div class="photo" style="background-image: url(' + photoUrl + ')"></div>' : '';
                      content += '<h4><a href="' + details.url + '" target="_blank">' + details.name + '</a></h4>';
                      content += (details.rating != undefined) ? '<span class="rating">' + details.rating + '</span>' : '';
                      content += '<p>';
                      content += (getAddressComponent(addr, 'street_number') != undefined) ? getAddressComponent(addr, 'street_number') + ' ' : '';
                      content += (getAddressComponent(addr, 'route', 'short') != undefined) ? getAddressComponent(addr, 'route', 'short') : '';
                      content += (isValid(getAddressComponent(addr, 'street_number'), getAddressComponent(addr, 'route', 'short'))) ? '<br />' : '';
                      content += (getAddressComponent(addr, 'locality') != undefined) ? getAddressComponent(addr, 'locality') + ', ' : '';
                      content += (getAddressComponent(addr, 'administrative_area_level_1', 'short') != undefined) ? getAddressComponent(addr, 'administrative_area_level_1', 'short') + ' ' : '';
                      content += (getAddressComponent(addr, 'postal_code', 'short') != undefined) ? getAddressComponent(addr, 'postal_code', 'short') : '';
                      content += '</p>';
                      content += (details.formatted_phone_number != undefined) ? '<p><strong>' + details.formatted_phone_number + '</strong></p>' : '';
                      content += '<p><a href="https://www.google.com/maps/dir/?api=1&destination=' + details.formatted_address + '" target="_blank"><strong>Get Directions</strong></a>' + ((priceRating != '') ? ' &bullet; <span class="price">' +
                        priceRating + '</span>' : '') + '</p>';
                      content += '</div>';
                      infoWindow = new google.maps.InfoWindow({
                        content: content
                      });
                      infoWindow.open(mapFullWidth, marker);
                    });
                  }

                  function getAddressComponent(components, type, length) {
                    var str;
                    $(components).each(function() {
                      if (this.types[0] == type) {
                        str = (length == 'short') ? this.short_name : this.long_name;
                        return;
                      }
                    });
                    return str;
                  }

                  function findByKeyword(keyword, icon) {
                    currentKeyword = keyword;
                    currentIcon = icon;
                    var excludedKeywords = $.parseJSON('[]');
                    var excludedBusinesses = $.parseJSON('[]');
                    var filteredWords = "sex,strip club,adult entertainment,strip bar,XXX,porn,escort,adult video,gentlemen's club,adult bookstore,adult club";
                    if (excludedKeywords.length > 0) {
                      filteredWords += ',' + excludedKeywords.join(',');
                    }
                    if (excludedBusinesses.length > 0) {
                      filteredWords += ',' + excludedBusinesses.join(',');
                    }
                    var fwordsArray = filteredWords.split(",");
                    var request = {
                      keyword: keyword,
                      location: origin,
                      radius: currentRadius
                    };
                    $('.neighborhood-widget__loader').show();
                    mapService.nearbySearch(request, function(results, status) {
                      deleteOverlays();
                      var customPinExists = false;
                      $(customMapPinsObj).each(function(i, v) {
                        $(v.Category).each(function(j, w) {
                          if (w == icon || (!icon && keyword && w == keyword.trim())) {
                            customPinExists = true;
                            var markerIconUrl = '/templateresources/global/icons/map-icons/' + (icon ? icon : 'general') + '.png';
                            var markerIcon = {
                              url: markerIconUrl,
                              scaledSize: new google.maps.Size(26, 26),
                              anchor: new google.maps.Point(13, 13)
                            };
                            var customMarkerOptions = {
                              position: new google.maps.LatLng(v.Latitude, v.Longitude),
                              map: mapFullWidth,
                              icon: markerIcon,
                              geometry: {
                                location: new google.maps.LatLng(v.Latitude, v.Longitude)
                              },
                              name: v.Name,
                              vicinity: v.Address,
                              addressState: v.State,
                              addressPostalCode: v.Zip,
                              website: v.Url,
                              city: v.City
                            };
                            var customMarker = new google.maps.Marker(customMarkerOptions);
                            google.maps.event.addListener(customMarker, 'spider_format', function(status) {
                              if (status == OverlappingMarkerSpiderfier.markerStatus.SPIDERFIABLE) {
                                customMarker.setIcon({
                                  url: '/CMSScripts/Custom/RPWebParts/spiderfier/general-plus.png',
                                  scaledSize: new google.maps.Size(26, 26),
                                  anchor: new google.maps.Point(13, 13)
                                });
                              } else {
                                customMarker.setIcon({
                                  url: markerIconUrl,
                                  scaledSize: new google.maps.Size(26, 26),
                                  anchor: new google.maps.Point(13, 13),
                                });
                              }
                            });
                            oms.addMarker(customMarker);
                            markersArray.push(customMarker);
                            var customPin = '<div class="neighborhood-widget__marker neighborhood-widget__marker-custom">' + '<h4><a href="' + v.Url + '" target="_blank">' + v.Name + '</a></h4>' + '<p>' + v.Address + '<br />' + v.City +
                              ', ' + v.State + ' ' + v.Zip + '</p>' + '<p><a href="https://www.google.com/maps/dir/?api=1&destination=' + v.Address.replace(/ /g, '+') + ',' + v.City.replace(/ /g, '+') + ',' + v.State +
                              '" target="_blank"><strong>Get Directions</strong></a></p></div>';
                            google.maps.event.addListener(customMarker, 'spider_click', function() {
                              if (infoWindow != undefined) {
                                infoWindow.close();
                              }
                              infoWindow = new google.maps.InfoWindow({
                                content: customPin
                              });
                              infoWindow.open(mapFullWidth, customMarker);
                              $('.neighborhood-widget__marker').parent().parent().parent().prev().find('> div').eq(7).css('border-top', '3px solid #000000;');
                            });
                          }
                        });
                      });
                      if (status == google.maps.places.PlacesServiceStatus.OK) {
                        $(results).each(function() {
                          var temp = 0;
                          for (var i = 0; i < fwordsArray.length; i++) {
                            var re = new RegExp('(^|\\s+)' + fwordsArray[i] + '(\\s+|$)', 'gi');
                            if (this.name.match(re) != null) {
                              temp += this.name.match(re);
                            }
                          }
                          if (temp == 0 && ('false' == 'false')) {
                            createMarker(this, currentIcon);
                          }
                        });
                        if (markersArray.length > 0) {
                          var bounds = new google.maps.LatLngBounds();
                          for (var i = 0; i < markersArray.length; i++) {
                            bounds.extend(markersArray[i].getPosition());
                          }
                          bounds.extend(origin);
                          mapFullWidth.fitBounds(bounds);
                        }
                      }
                      if ((status == "ZERO_RESULTS" && !customPinExists) || (markersArray.length == 0)) {
                        $('.search-no-results').addClass('show-message');
                      } else {
                        $('.search-no-results').removeClass('show-message');
                      }
                      $('.neighborhood-widget__loader').hide('slow');
                    });
                  }

                  function deleteOverlays() {
                    if (markersArray) {
                      while (markersArray[0]) {
                        markersArray.pop().setMap(null);
                      }
                    }
                  }
                  var categoriesHidden = false;
                  $(function() {
                    var mainKeywords = 'entertainment|schools|nightlife|professional|residences|travel';
                    $.each(mainKeywords.split('|'), function(idx, val) {
                      if (val != '') {
                        $('.neighborhood-widget__categories ul li[data-icon=' + val + ']').hide();
                      }
                    });
                    var customKeywords = $.parseJSON('["Schools","Transportation"]');
                    $.each(customKeywords, function(idx, val) {
                      keywordItem = '<li role="button" aria-label="' + val + '" data-icon=""><span class="fa fa-circle-o"></span><div class="neighborhood-button-text"> ' + val + '</div></li>';
                      $('.neighborhood-widget__categories ul').append(keywordItem);
                    });
                    $('.neighborhood-widget__categories li').click(function() {
                      $(this).addClass('active');
                      $(this).siblings().removeClass('active');
                      findByKeyword($(this).text(), $(this).data('icon'));
                      $('.neighborhood-widget__search input').val($(this).text());
                      if ($(window).width() < 768) {
                        hideCategories();
                      }
                    });
                    $('.neighborhood-widget__handle').click(function() {
                      if (!categoriesHidden) {
                        hideCategories();
                      } else {
                        showCategories();
                      }
                    });
                    $('.neighborhood-widget__search input').click(function(e) {
                      $('.search-no-results').removeClass('show-message');
                      showCategories();
                      if ($(window).width() < 768 && $('.neighborhood-widget__nav').hasClass('expanded')) {
                        blur();
                      }
                    });
                    $('.neighborhood-widget__search input').keypress(function(e) {
                      if (e.which == 13) {
                        findByKeyword($(this).val(), 'general');
                        hideCategories();
                        $('.neighborhood-widget__categories li').removeClass('active');
                        $('.neighborhood-widget__search input').blur();
                        return false;
                      }
                    });
                    $('.neighborhood-widget__search .fa-search').click(function() {
                      findByKeyword($('.neighborhood-widget__search input').val(), 'general');
                      hideCategories();
                      $('.neighborhood-widget__categories li').removeClass('active');
                    });
                    var navPosition = $('.neighborhood-widget__nav').position();
                    var walkScoreHeight = ($('.walk-score-container').length > 0) ? $('.neighborhood-widget__walkscore').height() + 30 : 0;
                    $('.neighborhood-widget__categories').css('max-height', $('.neighborhood-widget__categories').parent().parent().height() - (90 + navPosition.top) - walkScoreHeight);

                    function hideCategories() {
                      $('.neighborhood-widget__categories').css({
                        'margin-top': -$('.neighborhood-widget__categories').innerHeight(),
                        'opacity': 0
                      })
                      $('.neighborhood-widget__nav').removeClass('expanded');
                      categoriesHidden = true;
                    }

                    function showCategories() {
                      $('.neighborhood-widget__categories').css({
                        'margin-top': 0,
                        'opacity': 1
                      });
                      $('.neighborhood-widget__nav').addClass('expanded');
                      categoriesHidden = false;
                    }
                    $(window).resize(function() {
                      var navPosition = $('.neighborhood-widget__nav').position();
                      var walkScoreHeight = ($('.walk-score-container').length > 0) ? $('.neighborhood-widget__walkscore').height() + 30 : 0;
                      $('.neighborhood-widget__categories').css('max-height', $('.neighborhood-widget__categories').parent().parent().height() - (90 + navPosition.top) - walkScoreHeight);
                    });
                  });
                }
              </script>
              <div id="mapFullWidth"></div>
              <div class="neighborhood-widget__loader">
                <div class="loader">
                  <svg class="circular" viewBox="25 25 50 50" style="">
                    <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" style=""></circle>
                  </svg>
                </div>
              </div>
              <div class="neighborhood-widget__nav expanded">
                <div class="neighborhood-widget__search">
                  <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search..." aria-label="search" tabindex="0"> <span class="fa fa-search" aria-hidden="true"></span>
                  </div>
                </div>
                <div class="neighborhood-widget__categories">
                  <ul>
                    <li data-icon="entertainment" role="button" aria-label="arts and entertainment"><span class="fa fa-paint-brush"></span>
                      <div class="neighborhood-button-text"> Arts &amp; Entertainment</div>
                    </li>
                    <li data-icon="schools" role="button" aria-label="colleges and universities"><span class="fa fa-graduation-cap"></span>
                      <div class="neighborhood-button-text"> Colleges &amp; Universities</div>
                    </li>
                    <li data-icon="food" role="button" aria-label="food"><span class="fa fa-cutlery"></span>
                      <div class="neighborhood-button-text"> Food</div>
                    </li>
                    <li data-icon="nightlife" role="button" aria-label="nightlife spots"><span class="fa fa-beer"></span>
                      <div class="neighborhood-button-text"> Nightlife Spots</div>
                    </li>
                    <li data-icon="recreation" role="button" aria-label="outdoors and recreation"><span class="fa fa-soccer-ball-o"></span>
                      <div class="neighborhood-button-text"> Outdoors &amp; Recreation</div>
                    </li>
                    <li data-icon="professional" role="button" aria-label="professional"><span class="fa fa-suitcase"></span>
                      <div class="neighborhood-button-text"> Professional</div>
                    </li>
                    <li data-icon="residences" role="button" aria-label="residences"><span class="fa fa-building"></span>
                      <div class="neighborhood-button-text"> Residences</div>
                    </li>
                    <li data-icon="shopping" role="button" aria-label="shops and services"><span class="fa fa-shopping-bag"></span>
                      <div class="neighborhood-button-text"> Shops &amp; Services</div>
                    </li>
                    <li data-icon="travel" role="button" aria-label="travel and transport"><span class="fa fa-bus"></span>
                      <div class="neighborhood-button-text"> Travel &amp; Transport</div>
                    </li>
                  </ul>
                </div>
                <div class="neighborhood-widget__handle">
                  <span class="icon-bar"></span>
                  <span class="icon-bar"></span>
                </div>
              </div>
              <div class="neighborhood-widget__walkscore"></div>
              <div class="search-no-results">No Results Found</div>
            </div>
          </div>
        </div>
        <div class="address-info-bar">
          <div id="info-address" class="col-sm-8"><i class="fa fa-map-marker" aria-hidden="true"></i>486 Morello Avenue, Martinez, CA 94553 </div>
          <a href="http://maps.google.com/?q=486 Morello Avenue, Martinez, CA 94553" target="_blank" id="directionsLink" role="button" class="col-sm-4">Get Directions</a>
          <div class="clearfix"></div>
        </div>
        <div id="" class="clearfix">
          <div class="col-lg-2 col-md-1 col-sm-1"></div>
          <div class="clearfix col-lg-8 col-md-10 col-sm-10 column-wrapper home-content-sub-content">
            <div class="home-column">
              <div class="wrapper col-lg-12">
                <h1>The Hayden in Martinez, CA for Rent</h1>
                <div class="main-content">
                  <span style="font-size: 16px;">The Hayden Apartments in Martinez is ideally situated to give you easy access to the best of what the area has to offer. Browse the categories for local services and attractions near you.</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <section id="residents" class="block-area container-fluid">
      <div id="" class="home-banner residents-banner black-border row">
        <div class="banner-overlay"></div>
        <div class="content">
          <h2>Residents</h2>
          <ul class="resident-links resident-links-desktop">
            <li>
              <a id="resident-login" class="resident-link" href="https://havenmartinez.activebuilding.com/" target="_blank">
        Pay Rent
    </a>
            </li>
            <li>
              <a id="resident-login" class="resident-link" href="https://havenmartinez.activebuilding.com/" target="_blank">
        Resident Login
    </a>
            </li>
            <li>
              <a id="resident-login" class="resident-link" href="https://havenmartinez.activebuilding.com/" target="_blank">
        Service Request
    </a>
            </li>
          </ul>
        </div>
      </div>
      <ul class="resident-links resident-links-mobile">
        <li>
          <a id="resident-login" class="resident-link" href="https://havenmartinez.activebuilding.com/" target="_blank">
        Pay Rent
        </a>
        </li>
        <li>
          <a id="resident-login" class="resident-link" href="https://havenmartinez.activebuilding.com/" target="_blank">
        Resident Login
        </a>
        </li>
        <li>
          <a id="resident-login" class="resident-link" href="https://havenmartinez.activebuilding.com/" target="_blank">
        Service Request
        </a>
        </li>
      </ul>
      <div id="" class="clearfix">
        <div class="row res-row">
          <div class="col-lg-2 col-md-1 col-sm-1"></div>
          <div class="clearfix col-lg-8 col-md-10 col-sm-10 column-wrapper home-content-sub-content">
            <div class="home-column">
              <div class="wrapper col-lg-12">
                <h1>Convenient Online Services</h1>
                <div class="main-content">
                  <span style="font-size: 16px;">We've set up a quick and easy way for you to pay your rent online so you can focus on the more important and fun things in life. Visit our Resident Portal and pay rent with a simple click of the
                    button.</span>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-2 col-md-1 col-sm-1"></div>
        </div>
      </div>
    </section>
    <section id="contact" class="block-area container-fluid">
      <div class="col-lg-12">
        <hr class="floor-plans-divider">
      </div>
      <div class="contact-title-container">
        <h2 class="contact-title">Contact</h2>
      </div>
      <div id="" class="clearfix">
        <div class="col-lg-3 col-md-1 col-sm-1"></div>
        <div class="clearfix col-lg-6 col-md-10 col-sm-10 column-wrapper home-content-sub-content">
          <div class="home-column">
            <div class="wrapper">
              <h1>Contact Us About Our Martinez Apartments</h1>
              <div class="main-content container-fluid">
                <span style="font-size: 16px;">Feel free to contact us by phone or send us a note by using the form below. You can also drop by The Hayden office to learn more about our apartments for rent. We'd be delighted to give you a tour of our
                  community located in Martinez, CA and look forward to hearing from you.&nbsp;</span><br>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-3 col-md-1 col-sm-1"></div>
      </div>
      <div class="container-fluid">
        <div class="row">
          <div class="col-lg-1"></div>
          <div id="" class="col-lg-6 contact-form-container">
            <script type="text/javascript">
              var rpData = null;
              var listofReasons = '';
              var defaultSource = '';
              var hideRefer = 'false';
              var hideBed = 'false';
              var enablePrivacyPolicy = 'false';
              var pmcName = 'TruAmerica Multifamily LLC';
              var overridePrivacy = 'href="/Privacy-policy.aspx" target="_blank"';
              var contactLeadSources =
                '<select tabindex="7" class="body-txt1" id="usersource" name="usersource"><option value="">-Select Source-</option><option value="46">Apartment List</option><option value="52">ApartmentRatings.com</option><option value="59">ApartmentSearch.com by CORT</option><option value="226">Costar Network</option><option value="309">Facebook.com</option><option value="328">Flyer</option><option value="366">Google</option><option value="2749">Outbound</option><option value="4887">Paid Advertising</option><option value="970">Property Website</option><option value="750">RentPath</option><option value="2875">Resident Referral</option><option value="818">Signage</option><option value="2953">Sister Property Referral</option><option value="942">Walk In</option><option value="1007">Zillow Rental Network</option><option value="1015">Zumper</option></select>';
              var internationalProperty = 'false'; //internationalProperty = 'true';//debug
              var disableReferralTracking = 'False';
              var countryCode = 'USA';
              var enableRecaptcha = 'true';
              var pageName = 'General';
              var cmsSiteId = '62367';
              var widgetName = 'rpWebpart_GoogleRecaptcha';
              var timeoutValue = 120000;
              var googleAnalyticsId = '';
              var formSuccess = false;
              var captchaToken = "";
              var o = {};
              var kpv = {
                "Studio+": {
                  "key": 192,
                  "bed": 0,
                  "bath": 0
                },
                "S Bed /1 Bath": {
                  "key": 192,
                  "bed": 5,
                  "bath": 1
                },
                "S Bed /1.5 Bath": {
                  "key": 192,
                  "bed": 5,
                  "bath": 1.5
                },
                "1 Bed /1 Bath": {
                  "key": 193,
                  "bed": 1,
                  "bath": 1
                },
                "1 Bed /1.5 Bath": {
                  "key": 193,
                  "bed": 1,
                  "bath": 1.5
                },
                "1 Bed /2 Bath": {
                  "key": 194,
                  "bed": 1,
                  "bath": 2
                },
                "1 Bed /2.5 Bath": {
                  "key": 194,
                  "bed": 1,
                  "bath": 2.5
                },
                "2 Bed /1 Bath": {
                  "key": 195,
                  "bed": 2,
                  "bath": 1
                },
                "2 Bed /1.5 Bath": {
                  "key": 195,
                  "bed": 2,
                  "bath": 1.5
                },
                "2 Bed /2 Bath": {
                  "key": 196,
                  "bed": 2,
                  "bath": 2
                },
                "2 Bed /2.5 Bath": {
                  "key": 196,
                  "bed": 2,
                  "bath": 2.5
                },
                "3 Bed /1 Bath": {
                  "key": 197,
                  "bed": 3,
                  "bath": 1
                },
                "3 Bed /1.5 Bath": {
                  "key": 197,
                  "bed": 3,
                  "bath": 1.5
                },
                "3 Bed /2 Bath": {
                  "key": 198,
                  "bed": 3,
                  "bath": 2
                },
                "3 Bed /2.5 Bath": {
                  "key": 198,
                  "bed": 3,
                  "bath": 2.5
                },
                "3 Bed /3 Bath": {
                  "key": 199,
                  "bed": 3,
                  "bath": 3
                },
                "3 Bed /3.5 Bath": {
                  "key": 199,
                  "bed": 3,
                  "bath": 3.5
                },
                "4 Bed /1 Bath": {
                  "key": 200,
                  "bed": 4,
                  "bath": 1
                },
                "4 Bed /1.5 Bath": {
                  "key": 200,
                  "bed": 4,
                  "bath": 1.5
                },
                "4 Bed /2 Bath": {
                  "key": 201,
                  "bed": 4,
                  "bath": 2
                },
                "4 Bed /2.5 Bath": {
                  "key": 201,
                  "bed": 4,
                  "bath": 2.5
                },
                "4 Bed /3 Bath": {
                  "key": 202,
                  "bed": 4,
                  "bath": 3
                },
                "4 Bed /3.5 Bath": {
                  "key": 202,
                  "bed": 4,
                  "bath": 3.5
                },
                "5 Bed /1 Bath": {
                  "key": 202,
                  "bed": 5,
                  "bath": 1
                },
                "5 Bed /1.5 Bath": {
                  "key": 202,
                  "bed": 5,
                  "bath": 1.5
                },
                "5 Bed /2 Bath": {
                  "key": 202,
                  "bed": 5,
                  "bath": 2
                },
                "5 Bed /2.5 Bath": {
                  "key": 202,
                  "bed": 5,
                  "bath": 2.5
                },
                "5 Bed /3 Bath": {
                  "key": 202,
                  "bed": 5,
                  "bath": 3
                },
                "5 Bed /3.5 Bath": {
                  "key": 202,
                  "bed": 5,
                  "bath": 3.5
                }
              };
              $(document).ready(function() {
                var datePicker_dateFormat = (internationalProperty == 'true') ? "dd/mm/yy" : "mm/dd/yy";
                $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf_movedate').datepicker({
                  startDate: new Date(),
                  autoHide: true,
                  dateFormat: datePicker_dateFormat,
                  autoclose: true
                });
                $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf_movedate').on('pick.datepicker', function(e) {
                  var postDate = $(this).datepicker('formatDate', e.date);
                  $(this).val(postDate);
                  isFieldValid($(this));
                  $(this).data('post-data', postDate);
                });
                $.ajax({
                  type: 'GET',
                  url: 'CmsSiteManager/callback.aspx?act=Proxy/GetFloorPlans',
                  dataType: 'jsonp',
                  timeout: timeoutValue,
                  success: function(data) {
                    rpData = data;
                    buildBedRoomSelect();
                  },
                  error: function(response) {
                    if (response.statusText === "timeout") {
                      $('#pnlMobile').html(
                        "<div class='timeout-message'><div class='timeout-icon'><img src='/globalresources/widgets/images/TimeOutSessionIcon.png' /></div><div class='timeout-text-message'><b>Time Out Error</b>.<br> Refresh Page or Try Again Later</div></div>"
                        );
                    }
                  }
                });
                $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contactus-float-input-div.reason').append(contactLeadSources);
                if (hideBed.toLowerCase() == 'true') {
                  $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contactus-float-input-div.bed').hide();
                }
                if (hideRefer.toLowerCase() == 'true') {
                  $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contactus-float-input-div.reason').hide();
                } else $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf #contact .contactus-float-input-div.comments-txt').css('height', '186px');
                if (defaultSource == 0) $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf #usersource').val('');
                else if (defaultSource) $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf #usersource').val(defaultSource);
                else $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf #usersource').val('');
                if (disableReferralTracking.toLowerCase() != 'true' && matchedSourceId) {
                  $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #usersource').val(matchedSourceId);
                  $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #contactusReason').hide();
                }
                $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf #dayPhone1').on("keyup", function() {
                  var value = $(this).val();
                  var regex1 = /[^[0-9 +]]*/gi;
                  var regex2 = /[^[0-9]]*/gi;
                  var newValue = value.substring(0, 1).replace(regex1, '') + value.substring(1).replace(regex2, '');
                  $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf #dayPhone1').val(newValue);
                });
              });

              function buildBedRoomSelect() {
                var bathRooms = 0;
                var bedRooms = 0;
                var countUnit = 1;
                for (var i = 0; i < rpData.floorplans.length; i++) {
                  var currentbathRooms = rpData.floorplans[i].bathRooms;
                  var currentbedRooms = rpData.floorplans[i].bedRooms;
                  if (bathRooms != currentbathRooms || bedRooms != currentbedRooms) {
                    var str = currentbedRooms + ' Bed /' + currentbathRooms + ' Bath';
                    try {
                      $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf #bedbathid').append('<option value="' + kpv[str]["key"] + '" class="text">' + str + '</option>');
                    } catch (err) {
                      //This error typically happens when it cannot find the str and consaquently cannot find the key.
                    }
                    bathRooms = currentbathRooms;
                    bedRooms = currentbedRooms;
                    countUnit++;
                  }
                }
              }

              function f_getCookie(cookieName) {
                var cookieValue = document.cookie;
                var cookieStart = cookieValue.indexOf(" " + cookieName + "=");
                if (cookieStart == -1) {
                  cookieStart = cookieValue.indexOf(cookieName + "=");
                }
                if (cookieStart == -1) {
                  cookieValue = null;
                } else {
                  cookieStart = cookieValue.indexOf("=", cookieStart) + 1;
                  var cookieEnd = cookieValue.indexOf(";", cookieStart);
                  if (cookieEnd == -1) {
                    cookieEnd = cookieValue.length;
                  }
                  cookieValue = unescape(cookieValue.substring(cookieStart, cookieEnd));
                }
                return cookieValue;
              }

              function floatValidPhone(b) {
                var a = window.event ? b.keyCode : b.which;
                if (internationalProperty == 'true' && $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf #dayPhone1').val().length == 0 && b.shiftKey && b.keyCode == 43) return true;
                if (a == 0 || a == 8) return true;
                if (a > 47 && a < 58) return true;
                else return false;
              }
            </script>
            <style data-cssvars="skip" data-cssvars-job="1">
              .contact-mobile-form .reqErr {
                border: 1px solid red !important;
              }

              .contact-mobile-form .error-msg {
                display: inline-block;
                color: red;
                margin-top: 10px;
              }

              .grecaptcha-badge {
                bottom: 100px !important;
              }
            </style>
            <div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf">
              <div id="pnlMobile" class="mobile cf-pnlMobile timeout-error-contact">
                <div class="contact-mobile-form">
                  <input name="pid" type="hidden" id="pid">
                  <input name="lcid" type="hidden" id="lcid">
                  <input name="cid" type="hidden" id="cid">
                  <input name="trackingid" type="hidden" id="trackingid">
                  <div id="contactusFirstName" class="contactus-float-input-div">
                    <input id="firstname" name="firstname" type="text" placeholder="First name" maxlength="40" tabindex="0" class="body-txt1 required" title="First name" aria-label="first name">
                    <span class="required-field">*</span>
                  </div>
                  <div id="contactusLastName" class="contactus-float-input-div">
                    <input id="lastname" name="lastname" type="text" placeholder="Last name" maxlength="40" tabindex="0" class="body-txt1 required" title="Last name" aria-label="last name">
                    <span class="required-field">*</span>
                  </div>
                  <div id="contactusEmail" class="contactus-float-input-div">
                    <input id="email" name="email" type="text" placeholder="Email" maxlength="40" tabindex="0" class="body-txt1 required email" title="Email" aria-label="email">
                    <span class="required-field">*</span>
                  </div>
                  <div id="contactusEmailCtrl" class="contactus-float-input-div">
                    <input tabindex="-1" id="e-mail" type="text" class="hpInput">
                    <p style="display:none">Do not fill out this input form, it is for bot control purposes only.</p>
                  </div>
                  <div id="contactusPhone" class="contactus-float-input-div">
                    <input id="dayPhone1" name="dayPhone1" type="text" placeholder="Phone number" maxlength="21" tabindex="0" class="body-txt1 required" title="Phone number" aria-label="phone number" onkeypress="return floatValidPhone(event);">
                    <span class="required-field">*</span>
                  </div>
                  <div id="contactusBedBath" class="contactus-float-input-div bed">
                    <select id="bedbathid" name="bedbathid" tabindex="0" class="body-txt1" aria-label="bedrooms">
                      <option value="">Select Bedrooms</option>
                      <option value="192" class="text">S Bed /1 Bath</option>
                      <option value="193" class="text">1 Bed /1 Bath</option>
                      <option value="195" class="text">2 Bed /1 Bath</option>
                      <option value="196" class="text">2 Bed /2 Bath</option>
                    </select>
                  </div>
                  <div id="contactusMoveDate" class="contactus-float-input-div move-in">
                    <input id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf_movedate" name="movedate" tabindex="0" type="text" class="body-txt1 required" readonly="readonly"
                      aria-label="move in date" title="Move In Date" placeholder="Move In Date">
                    <span class="required-field">*</span>
                  </div>
                  <div id="contactusReason" class="contactus-float-input-div reason"><select tabindex="7" class="body-txt1" id="usersource" name="usersource">
                      <option value="">-Select Source-</option>
                      <option value="46">Apartment List</option>
                      <option value="52">ApartmentRatings.com</option>
                      <option value="59">ApartmentSearch.com by CORT</option>
                      <option value="226">Costar Network</option>
                      <option value="309">Facebook.com</option>
                      <option value="328">Flyer</option>
                      <option value="366">Google</option>
                      <option value="2749">Outbound</option>
                      <option value="4887">Paid Advertising</option>
                      <option value="970">Property Website</option>
                      <option value="750">RentPath</option>
                      <option value="2875">Resident Referral</option>
                      <option value="818">Signage</option>
                      <option value="2953">Sister Property Referral</option>
                      <option value="942">Walk In</option>
                      <option value="1007">Zillow Rental Network</option>
                      <option value="1015">Zumper</option>
                    </select></div>
                  <div id="contactusComments" class="contactus-float-input-div comments-txt">
                    <textarea id="msg" name="msg" rows="3" cols="20" tabindex="0" class="body-txt1" title="Comments" placeholder="Comments" aria-label="comments"></textarea>
                  </div>
                  <div id="contactusPrivacy" class="contactus-float-input-div privacy">
                    <input id="privacyid" name="privacyid" type="checkbox" class="privacy-check" value="Agree" tabindex="0" aria-label="privacy policy agreement">
                    <label for="privacyid">I have read and agreed to the TruAmerica Multifamily LLC Privacy Policy.</label> <a href="/Privacy-policy.aspx" target="_blank">Read More</a>
                    <span class="required-field">*</span>
                  </div>
                  <div class="required-info"><span>*</span> Required Information</div>
                  <div class="submitbutton">
                    <button type="button" id="btnSubmit" class="cf-submit" aria-label="Submit Form" name="button">Submit</button>
                  </div>
                  <p id="errorMessage" class="error-msg"></p>
                  <div class="disclaimerText"></div>
                  <script type="text/javascript">
                    var enablePrivacyPolicy = 'false';
                    $(document).ready(function($) {
                      if (enablePrivacyPolicy.toLowerCase() == 'false') {
                        $('#privacyid').removeClass("required");
                      } else {
                        $('#contactusPrivacy').show();
                        $('#privacyid').addClass("required");
                      }
                    });

                    function setFormErrorMessage(message) {
                      $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf #errorMessage').html(message);
                    }

                    function setInputValidity($input, isValid) {
                      if (isValid) {
                        $input.removeAttr("aria-invalid");
                        $input.removeClass('reqErr');
                      } else {
                        $input.attr("aria-invalid", "true");
                        $input.addClass('reqErr');
                      }
                    }

                    function isFieldValid($input) {
                      var bIsValid = false;
                      if ($input.hasClass("email")) {
                        bIsValid = validateEmail($input);
                      } else if ($input.hasClass("privacy-check")) {
                        if ($input.is(":not(:checked)")) {
                          bIsValid = false;
                          $("label[for=" + $input.attr("id") + "]").addClass('reqErr');
                        } else {
                          bIsValid = true;
                          $("label[for=" + $input.attr("id") + "]").removeClass('reqErr');
                        }
                      } else {
                        //just do a required check... field must have content
                        bIsValid = $input.val() != "";
                      }
                      setInputValidity($input, bIsValid);
                      //check to see we need to clear out the error message
                      if ($('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form input.required.reqErr').length == 0) {
                        setFormErrorMessage("");
                      }
                      return bIsValid;
                    }
                    $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form input.required').blur(function() {
                      isFieldValid($(this));
                    });
                    $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form select.required').blur(function() {
                      isFieldValid($(this));
                    });
                    $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form input.requiredR').blur(function() {
                      isFieldValid($(this));
                    });

                    function validateEmail($input) {
                      var reg = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
                      return reg.test($input.val());
                    }
                    $('.contact-us-enhanced .required-group input[type="checkbox"]').each(function() {
                      if ($(this).is(":not(:checked)")) {
                        var msg = $(this).attr("aria-label");
                        $(this).attr("aria-invalid", "true");
                        $(this).addClass('validate-field');
                        $("label[for=" + $(this).attr("id") + "]").addClass('validate-field');
                      } else {
                        $(this).removeAttr("aria-invalid");
                        $(this).removeClass('validate-field');
                        $("label[for=" + $(this).attr("id") + "]").removeClass('validate-field');
                      }
                    });

                    function changeMessage() {
                      alert("error loading");
                    }

                    function sendContactInfo() {
                      if (enableRecaptcha == "true") {
                        o['cmsSiteId'] = cmsSiteId;
                        o['pageName'] = pageName;
                        o['widgetName'] = widgetName;
                      }
                      o['googleAnalyticsId'] = googleAnalyticsId;
                      $("#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form input").each(function() {
                        var postData = $(this).data('post-data');
                        o[$(this).attr('name')] = (postData == null || postData == undefined) ? $(this).val() : postData;
                      });
                      $("#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form select").each(function() {
                        if ($(this).attr('name') == 'usersource') o[$(this).attr('name')] = $('option:selected', this).text();
                        else o[$(this).attr('name')] = $(this).val();
                      });
                      $("#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form textarea").each(function() {
                        o[$(this).attr('name')] = escape($(this).val());
                      });
                      if ($('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #e-mail').val().length == 0) {
                        var id = $("#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #bedbathid option:selected").val();
                        try {
                          //format number before Hash
                          var formatPhone = rptracker.formatPhoneNumber($('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #dayPhone1').val(), countryCode);
                          //Hash all the parts before sending them to RPTracker.
                          var first_name = rptracker.hash($('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #firstname').val());
                          var last_name = rptracker.hash($('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #lastname').val());
                          var phone = rptracker.hash(formatPhone);
                          var email = rptracker.hash($('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #email').val());
                          var source = $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #usersource option:selected').text();
                          var bed = 0;
                          var bath = 0;
                          for (var key in kpv) {
                            // skip loop if the property is from prototype
                            if (!kpv.hasOwnProperty(key)) continue;
                            var item = kpv[key];
                            if (item.key === parseInt(id)) {
                              bed = item.bed;
                              bath = item.bath;
                              break;
                            }
                          }
                          //Send the informaiton back over to RPTracker.
                          rptracker.track('Form Submitted', {
                            first_name: first_name,
                            last_name: last_name,
                            email: email,
                            phone_number: phone,
                            bed: bed,
                            bath: bath,
                            movein_date: $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #movedate').val(),
                            source: source,
                            comments: escape(($('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #msg').val() === undefined || $(
                              '#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #msg').val().length <= 0 ? "" : $(
                              '#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #msg').val()))
                          });
                        } catch (err) {
                          console.log("RPTracker failed but it is not a dependancy for the contact form. Please continue.");
                        }
                        $.ajax({
                          type: "POST",
                          dataType: "json",
                          cache: false,
                          timeout: timeoutValue,
                          url: "CMSSiteManager/Callback.aspx?act=set_contact",
                          data: o,
                          success: function(json) {
                            if (json.ErrorNumber) {
                              formSuccess = false;
                              setFormErrorMessage("Failed to submit guest card.");
                              $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .cf-submit').prop('value', 'Submit');
                              $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .cf-submit').prop('disabled', false);
                            } else {
                              try {
                                $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .cf-pnlMobile').hide();
                                let customDimensions = {}
                                customDimensions.dimension15 = json.LeaseStarLeadId;
                                if (json.Lead2LeaseLeadId != 0) customDimensions.dimension17 = json.Lead2LeaseLeadId;
                                f_analyticsSendEvent('Contact', 'Information Request', 'Thank you', customDimensions);
                              } catch (e) {}
                              window.open('/Thank-You.aspx', '_self');
                            }
                          },
                          beforeSend: function(json) {
                            formSuccess = true;
                            $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .cf-submit').prop('value', 'Sending...');
                            $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .cf-submit').prop('disabled', true);
                            setFormErrorMessage("");
                          },
                          error: function(e) {
                            formSuccess = false;
                            $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .cf-submit').prop('value', 'Submit');
                            $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .cf-submit').prop('disabled', false);
                            setFormErrorMessage("There was an error submitting your information.");
                          }
                        });
                      }
                    }
                    $("#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf  .contact-mobile-form #btnSubmit").click(function() {
                      setFormErrorMessage("");
                      var bAllValid = true;
                      // Validate form
                      $($("#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form input.required").get()).each(function() {
                        if (!isFieldValid($(this))) {
                          bAllValid = false;
                        }
                      });
                      if (bAllValid) {
                        if (formSuccess == true) {
                          return false;
                        }
                        $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #pid').val(propertyId);
                        var lcid = f_getCookie('RP_LSWS_LCID');
                        lcid = lcid ? lcid : "4";
                        $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #lcid').val(lcid);
                        var cid = f_getCookie('RP_LSWS_SEM');
                        cid = cid ? cid : "Property Website";
                        if (cid != "Property Website") {
                          $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #cid').val(
                          matchedSource); //The logic for setting the matchedSource based on the cid value in the commondata.ascx file
                        }
                        googleAnalyticsId = f_getCookie('_ga');
                        var trackingId = f_analyticsGetTrackingId() || '';
                        $('#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form #trackingid').val(trackingId);
                        sendContactInfo();
                      } else {
                        $("#p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_ContactUs_Floating_rpcf .contact-mobile-form input.required.reqErr:last").focus();
                        setFormErrorMessage("Please enter all required information.")
                      }
                    });
                  </script>
                </div>
              </div>
            </div>
          </div>
          <div class="col-lg-1"></div>
          <div class="col-lg-4  col-sm-12 col-xs-12 contact-info-container">
            <div class="contact-info-wrapper">
              <div class="col-lg-12 col-sm-6 col-xs-12">
                <div class="contact-office-hours">
                  <h3 class="home-contact-title">office hours</h3>
                  <style data-cssvars="skip" data-cssvars-job="1">
                    .contact-hours ul {
                      margin: 0;
                      padding: 0;
                      list-style: none;
                    }
                  </style>
                  <div id="p_lt_zonePagePlaceholder_pageplaceholder_p_lt_zoneContact_WebPartZone4_WebPartZone4_zone_WebPartZone5_WebPartZone5_zone_ContactHours_pnlContactHours" class="widget">
                    <div class="contact-hours">
                      <ul class="contact-hours-list">
                        <li><span class="contact-hours-day">Monday - Friday:</span><span class="contact-hours-time"> 9:00AM to 5:00PM</span></li>
                        <li><span class="contact-hours-day">Saturday:</span><span class="contact-hours-time"> 10:00AM to 4:00PM</span></li>
                        <li><span class="contact-hours-day">Sunday:</span><span class="contact-hours-text"> Closed</span></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-lg-12 col-sm-6 col-xs-12">
                <div class="contact-address">
                  <h3 class="home-contact-title">address</h3>
                  <div class="prop-name">The Hayden</div>
                  <a href="http://maps.google.com/?q=486 Morello Avenue, Martinez, CA 94553" target="_blank" id="footerDirectionsLink">
  <div>486 Morello Avenue </div>
  <div>Martinez, CA 94553</div>
</a>
                </div>
              </div>
              <div class="col-lg-12 col-sm-6 col-xs-12">
                <a class="seo-number" href="tel:(925) 397-4847" onclick="f_analyticsSendEvent('general', 'click-phone-number', '(925) 397-4847')">(925) 397-4847</a>
              </div>
            </div>
          </div>
          <div class="col-lg-1"></div>
        </div>
      </div>
    </section>
  </div>
  <footer id="footer" class="container-fluid">
    <div class="row footer-row-2">
      <div id="" class="col-lg-4 col-sm-12 footer-content-left">
        <div class="rplogo" id="rplogo"><a href="https://www.realpage.com/apartment-marketing/" target="_blank"><img src="/TemplateResources/Global/images/rplogo-white.png" alt="RealPage, Inc."></a></div>
        <div id="" class="footer-icons">
          <div id="ADA-HUD-Links"><a id="link-HUD" href="https://docs.google.com/document/d/1bc6sMqFeujbZ3ggh9V-9N2DhWnT5I0k-zEbKiasxtGA/" title="HUD" target="_blank">Rental assistance website (opens in a new tab)<svg id="housingSVG" data-name="housingSVG" xmlns="http://www.w3.org/2000/svg" width="539.2" height="515.23" viewBox="0 0 539.2 515.23">
  <title>HUD</title>
  <g>
    <polygon points="61.89 421.07 40.79 421.07 40.79 429.43 60.17 429.43 60.17 436.48 40.79 436.48 40.79 446.74 62.82 446.74 62.82 453.79 32.66 453.79 32.66 414.04 61.89 414.04 61.89 421.07 61.89 421.07" fill-rule="evenodd"></polygon>
    <path d="M202.69,476.83l4,3.75a9.67,9.67,0,0,1-4.48,1.06c-4.49,0-10.8-2.76-10.8-13.89s6.32-13.89,10.8-13.89S213,456.64,213,467.76a17.78,17.78,0,0,1-1.82,8.54L207,472.37l-4.26,4.46ZM221.46,486l-4.33-4.07c2.44-3.1,4.16-7.64,4.16-14.18,0-18.65-13.84-20.92-19.1-20.92s-19.09,2.26-19.09,20.92,13.84,20.92,19.09,20.92A20.52,20.52,0,0,0,212.37,486l4.71,4.49,4.37-4.49Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path>
    <path d="M260.37,473.75c0,10.44-6.32,14.94-16.34,14.94-3.65,0-9.07-.88-12.62-4.81-2.15-2.42-3-5.66-3.09-9.63V447.89h8.47v25.78c0,5.56,3.21,8,7.08,8,5.71,0,8-2.76,8-7.59V447.89h8.48v25.85Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path>
    <path d="M282.61,456.86h.12l4.92,15.72H277.51l5.1-15.72Zm-7.32,22.56H290l2.55,8.21h9l-14-39.75H278l-14.17,39.75h8.75l2.76-8.21Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path>
    <polygon points="202.19 446.59 221.95 446.59 221.95 453.79 193.88 453.79 193.88 414.04 202.19 414.04 202.19 446.59 202.19 446.59" fill-rule="evenodd"></polygon>
    <polygon points="253.44 435.95 253.44 453.79 245.15 453.79 245.15 414.04 253.44 414.04 253.44 429.09 268.94 429.09 268.94 414.04 277.23 414.04 277.23 453.79 268.94 453.79 268.94 435.95 253.44 435.95 253.44 435.95" fill-rule="evenodd"></polygon>
    <path d="M407.18,467.76c0-11.12,6.32-13.89,10.79-13.89s10.81,2.76,10.81,13.89-6.31,13.89-10.81,13.89-10.79-2.76-10.79-13.89Zm-8.29,0c0,18.66,13.85,20.92,19.08,20.92s19.12-2.26,19.12-20.92S423.25,446.85,418,446.85s-19.08,2.26-19.08,20.92Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path>
    <path d="M476.72,473.75c0,10.44-6.32,14.94-16.34,14.94-3.65,0-9.06-.88-12.62-4.81-2.16-2.42-3-5.66-3.09-9.63V447.89h8.46v25.78c0,5.56,3.22,8,7.1,8,5.7,0,8-2.76,8-7.59V447.89h8.47v25.85Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path>
    <path d="M491.92,475.4c.07,2.21,1.19,6.42,8.43,6.42,3.93,0,8.31-.94,8.31-5.17,0-3.08-3-3.92-7.19-4.92l-4.27-1c-6.44-1.49-12.64-2.91-12.64-11.66,0-4.43,2.39-12.24,15.29-12.24,12.18,0,15.45,8,15.51,12.84h-8c-.22-1.76-.88-6-8.13-6-3.15,0-6.92,1.16-6.92,4.76,0,3.12,2.55,3.75,4.2,4.14l9.69,2.38c5.43,1.33,10.4,3.55,10.4,10.68,0,12-12.17,13-15.66,13-14.49,0-17-8.36-17-13.28Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path>
    <polygon points="417.6 453.79 409.32 453.79 409.32 414.04 417.6 414.04 417.6 453.79 417.6 453.79" fill-rule="evenodd"></polygon>
    <polygon points="450.76 414.04 458.5 414.04 458.5 453.79 450.21 453.79 434 425.44 433.86 425.44 433.86 453.79 426.13 453.79 426.13 414.04 434.87 414.04 450.63 441.72 450.76 441.72 450.76 414.04 450.76 414.04" fill-rule="evenodd"></polygon>
    <path d="M600.42,466.22H617v21.42h-5.53l-.83-5c-2.1,2.41-5.14,6-12.4,6-9.57,0-18.25-6.86-18.25-20.8,0-10.84,6-21.09,19.42-21,12.2,0,17,7.9,17.43,13.4h-8.29c0-1.56-2.83-6.54-8.69-6.54S588.46,457.8,588.46,468c0,10.86,5.93,13.67,11.57,13.67,1.82,0,7.93-.71,9.63-8.75h-9.24v-6.69Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path>
    <path d="M153.32,528.15c0-11.12,6.31-13.9,10.79-13.9s10.79,2.77,10.79,13.9-6.31,13.9-10.79,13.9-10.79-2.79-10.79-13.9Zm-8.3,0c0,18.65,13.84,20.94,19.09,20.94s19.09-2.29,19.09-20.94-13.84-20.92-19.09-20.92S145,509.49,145,528.15Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path>
    <path d="M206,526.81V515.12h6.59c5.14,0,7.3,1.62,7.3,5.5,0,1.77,0,6.19-6.21,6.19Zm0,6.87h9.51c10.69,0,12.67-9.08,12.67-12.67,0-7.8-4.64-12.73-12.34-12.73H197.66V548H206V533.68Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path>
    <path d="M250.67,526.81V515.12h6.58c5.15,0,7.31,1.62,7.31,5.5,0,1.77,0,6.19-6.19,6.19Zm0,6.87h9.52c10.68,0,12.68-9.08,12.68-12.67,0-7.8-4.64-12.73-12.34-12.73H242.37V548h8.31V533.68Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path>
    <path d="M293.63,528.15c0-11.12,6.29-13.9,10.8-13.9s10.79,2.77,10.79,13.9-6.32,13.9-10.79,13.9-10.8-2.79-10.8-13.9Zm-8.3,0c0,18.65,13.83,20.94,19.1,20.94s19.08-2.29,19.08-20.94-13.84-20.92-19.08-20.92-19.1,2.26-19.1,20.92Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path>
    <path d="M346.1,525.77V515.12h10.34c4.87,0,5.8,3.12,5.8,5.22,0,3.93-2.09,5.43-6.41,5.43ZM337.95,548h8.16V532.46h8.56c6.15,0,6.49,2.1,6.49,7.53a26.77,26.77,0,0,0,.87,8h9.2v-1.07c-1.77-.65-1.77-2.1-1.77-7.89,0-7.45-1.77-8.65-5-10.09,3.93-1.32,6.13-5.09,6.13-9.45,0-3.44-1.93-11.24-12.5-11.24H337.95V548Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path>
    <polygon points="287.36 514.17 279.06 514.17 279.06 481.46 267.05 481.46 267.05 474.42 299.38 474.42 299.38 481.46 287.36 481.46 287.36 514.17 287.36 514.17" fill-rule="evenodd"></polygon>
    <path d="M458.06,534.11c0,10.46-6.31,15-16.33,15-3.64,0-9.06-.92-12.61-4.85-2.16-2.42-3-5.64-3.09-9.62V508.28h8.46v25.78c0,5.54,3.22,8,7.09,8,5.7,0,8-2.79,8-7.6V508.28h8.47v25.84Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path>
    <polygon points="384.11 474.42 391.87 474.42 391.87 514.17 383.55 514.17 367.33 485.82 367.25 485.82 367.25 514.17 359.48 514.17 359.48 474.42 368.22 474.42 384.01 502.1 384.11 502.1 384.11 474.42 384.11 474.42" fill-rule="evenodd"></polygon>
    <polygon points="415.29 514.17 406.97 514.17 406.97 474.42 415.29 474.42 415.29 514.17 415.29 514.17" fill-rule="evenodd"></polygon>
    <polygon points="447.7 514.17 439.4 514.17 439.4 481.46 427.41 481.46 427.41 474.42 459.72 474.42 459.72 481.46 447.7 481.46 447.7 514.17 447.7 514.17" fill-rule="evenodd"></polygon>
    <polygon points="491.11 514.17 482.8 514.17 482.8 499.16 469.08 474.42 478.87 474.42 487.12 491.7 494.99 474.42 504.39 474.42 491.11 499.27 491.11 514.17 491.11 514.17" fill-rule="evenodd"></polygon>
    <path d="M381.73,33.85l-267.6,131.8v61.91h30V413.27H617.36V227.56h36V165.65L381.73,33.85ZM559.46,357.34H202V187.62L381.73,95.76l177.73,91.86V357.34Z" transform="translate(-114.13 -33.85)" fill-rule="evenodd"></path>
    <polygon points="349.46 213.66 183.73 213.66 183.73 153.77 349.46 153.77 349.46 213.66 349.46 213.66" fill-rule="evenodd"></polygon>
    <polygon points="349.46 299.57 183.73 299.57 183.73 239.63 349.46 239.63 349.46 299.57 349.46 299.57" fill-rule="evenodd"></polygon>
  </g></svg></a><a id="link-ADA" href="https://www.hud.gov/program_offices/fair_housing_equal_opp/disabilities/accessibilityR" title="ADA" target="_blank">Information for disabled persons website (opens in a new tab)<svg id="handicapSVG" data-name="handicapSVG" xmlns="http://www.w3.org/2000/svg" width="483.22" height="551.43" viewBox="0 0 483.22 551.43">
  <title>ADA</title>
  <path d="M-54,93.12c25-2.3,44.36-23.81,44.36-49A49.25,49.25,0,0,0-58.81-5,49.25,49.25,0,0,0-108,44.16,51.06,51.06,0,0,0-101.83,68l17.52,246.47,180.4,0,74,173.37,97.14-38.1-15-35.82-54.37,19.63L126.22,268.28-41.51,269.4l-2.3-31.21,121.42,0V192.06l-126.05,0ZM127.42,446.59C97,506.78,33.25,546.43-34.73,546.43-134.57,546.43-216,465-216,365.16c0-70.1,42.49-135.24,105.88-164.12l4.1,53.54c-37.5,23.63-60.61,66.26-60.61,111,0,72.43,59.07,131.5,131.5,131.5,66.26,0,122.76-50.85,130.47-116.09Z" transform="translate(216 5)"></path>
</svg></a></div><em class="icon-no-smoking" title="Non-Smoking" aria-label="non-smoking"></em><em class="fa fa-paw" title="Pet Friendly" aria-label="pet friendly"></em>
        </div>
      </div>
      <div id="" class="col-lg-4 col-sm-12 footer-content-center">
        <div class="content footer-content-social">
          <div id="p_lt_zoneFooterRow2_WebPartZone4_WebPartZone4_zone_SocialMedia_pnlSocialNetworks" class="social_media">
          </div><a href="https://www.avenue5.com/" target="_blank"><img id="p_lt_zoneFooterRow2_WebPartZone4_WebPartZone4_zone_EditableImage1_ucEditableImage_imgImage" src="https://capi.myleasestar.com/v2/dimg/142829653/235x125/142829653.png" alt="">

</a>
        </div>
      </div>
      <div id="" class="col-lg-4 col-sm-12 footer-content-right">
        <ul class="footer-links">
          <li><a class="privacy" href="/Privacy-policy.aspx" title="">Privacy Policy</a></li>
          <li><a class="additional-footer-link" href="https://docs.google.com/document/d/1v_wYyjY3RKBGoXEIj964-OobIRLb4EXQMQPRhopkGHk" target="null" title="">Broker Licenses and Disclosures</a></li>
          <li><a class="additional-footer-link" href="/AccessibilityStatement.aspx" target="_blank" title="Accessibility Statement">Accessibility Statement</a></li>
          <li><a class="additional-footer-link" href="/FairHousingStatement.aspx" target="_blank" title="Fair Housing Statement">Fair Housing Statement</a></li>
          <li><span class="copyright-text">© 2024 The Hayden. All Rights Reserved. </span></li>
        </ul>
      </div>
    </div>
    <div class="row">
    </div>
  </footer>
  <script type="text/javascript">
    //<![CDATA[
    WebForm_InitCallback();
    theForm.oldSubmit = theForm.submit;
    theForm.submit = WebForm_SaveScrollPositionSubmit;
    theForm.oldOnSubmit = theForm.onsubmit;
    theForm.onsubmit = WebForm_SaveScrollPositionOnSubmit;
    //]]>
  </script>
</form>

Text Content

Press Alt+1 for screen-reader mode, Alt+0 to cancelAccessibility Screen-Reader
Guide, Feedback, and Issue Reporting


$500 Off Select Apartment Homes
Close

contact our leasing office for more details. 

restrictions apply*

(925) 397-4847

Schedule a Tour Apply Now
 * Home
 * Amenities
 * Floor Plans
 * Gallery
 * Location
 * Residents
 * Contact

 * Schedule a Tour
 * Apply Now
 * (925) 397-4847


 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 

 
 
 * ●
 * ●
 * ●
 * ●
 * ●
 * ●
 * ●
 * ●
 * ●

Welcome To

The Hayden

A Martinez, CA Community



Your New Home

Awaits


WELCOME HOME

Welcome to The Hayden, a residential community featuring studio, one, and
two-bedroom apartments in Martinez, CA. Spacious layouts and amenities welcome
you home, along with exceptional service and an ideal location within a short
distance to shopping, dining, and entertainment options. Are you looking for an
apartment for rent in Martinez, CA? Contact our friendly, professional office
staff to schedule a tour today.


AMENITIES


AMENITIES AT THE HAYDEN APARTMENTS

The living spaces at The Hayden are thoughtfully designed with comfort and
convenience in mind, and are stylishly appointed with the kind of premium
materials and finishes you won’t find in any other apartments for rent in
Martinez.

 * 
 * 
 * 
 * 
 * 

 
 
 * ●
 * ●
 * ●


 * Community Amenities
 * Apartment Amenities
 * Pet Policy
 * Parking Details

 * Swimming Pool
 * Spa
 * Fitness Center
 * Lounge Area
 * Pet Park
 * Outdoor Firepit
 * BBQ

 * Washer/Dryer
 * Vinyl Flooring
 * Quartz Counters
 * Newly renovated
 * Central Heat and Air
 * Stainless Steel Appliances

 * Pet Policy Type: Cat, Dogs
 * Max Weight of Pets: 35
 * Pet Monthly Rent Min: $50

 * Max Number of Pets: 2
 * Pet Deposit Min/Max: $500
 * Pet Policy: Cats and Dogs under 35 lbs. are welcome. Up to two pets per
   apartment. Please see pet policy for restricted breeds. Please call our
   Leasing Office for complete Pet Policy information.
 * Pet Rent Basis: Per Home

 * Parking Type: Carport
 * Parking Comment: One assigned carport per home, additional reserved spaces
   available at $40/month. Open parking is first come, first serve.

 * Parking Space Fee: $40.00




AMENITIES

×
 * Swimming Pool
 * Spa
 * Fitness Center
 * Lounge Area
 * Pet Park
 * Outdoor Firepit
 * BBQ


APARTMENT AMENITIES

×
 * Washer/Dryer
 * Vinyl Flooring
 * Quartz Counters
 * Newly renovated
 * Central Heat and Air
 * Stainless Steel Appliances




FLOOR PLANS


VIEW THE HAYDEN APARTMENTS IN MARTINEZ, CA FLOOR PLANS

One look at our spacious floor plans and it's easy to see how The Hayden is
different from other apartments for rent in Martinez, CA. With a variety of
floor plans to choose from, we’re certain there’s one that’s just right for you.
Browse our one and two-bedroom floor plans.

 * All
 * Studio
 * One Bedroom
 * Two Bedrooms

02/16/2024
Clear


2x2
Please Call
2 Bed 2 Bath 903 Sqft
Brochure Contact Us
Studio
From $1,828
Studio Bed 1 Bath 550 Sqft
Brochure Contact Us
1x1
From $2,014
1 Bed 1 Bath 682 Sqft
Brochure Available Units 1
2x1
From $2,613
2 Bed 1 Bath 903 Sqft
Brochure Available Units 1
2x2 W/D
From $2,667
2 Bed 2 Bath 903 Sqft
Brochure Available Units 1

No floorplans found





GALLERY


MARTINEZ, CA APARTMENTS GALLERY

Take a look below at our gallery and you’ll see our Martinez apartments interior
and community photos.

Play Slideshow 3 Columns 4 Columns Mosaic
 * Community
 * Apartment

CommunityApartment




NEIGHBORHOOD

 * Arts & Entertainment
 * Colleges & Universities
 * Food
 * Nightlife Spots
 * Outdoors & Recreation
 * Professional
 * Residences
 * Shops & Services
 * Travel & Transport



No Results Found
486 Morello Avenue, Martinez, CA 94553
Get Directions



THE HAYDEN IN MARTINEZ, CA FOR RENT

The Hayden Apartments in Martinez is ideally situated to give you easy access to
the best of what the area has to offer. Browse the categories for local services
and attractions near you.


RESIDENTS

 * Pay Rent
 * Resident Login
 * Service Request

 * Pay Rent
 * Resident Login
 * Service Request


CONVENIENT ONLINE SERVICES

We've set up a quick and easy way for you to pay your rent online so you can
focus on the more important and fun things in life. Visit our Resident Portal
and pay rent with a simple click of the button.


--------------------------------------------------------------------------------


CONTACT


CONTACT US ABOUT OUR MARTINEZ APARTMENTS

Feel free to contact us by phone or send us a note by using the form below. You
can also drop by The Hayden office to learn more about our apartments for rent.
We'd be delighted to give you a tour of our community located in Martinez, CA
and look forward to hearing from you. 


*
*
*

Do not fill out this input form, it is for bot control purposes only.

*
Select Bedrooms S Bed /1 Bath1 Bed /1 Bath2 Bed /1 Bath2 Bed /2 Bath
*
-Select Source-Apartment ListApartmentRatings.comApartmentSearch.com by
CORTCostar NetworkFacebook.comFlyerGoogleOutboundPaid AdvertisingProperty
WebsiteRentPathResident ReferralSignageSister Property ReferralWalk InZillow
Rental NetworkZumper

I have read and agreed to the TruAmerica Multifamily LLC Privacy Policy. Read
More *
* Required Information
Submit







OFFICE HOURS

 * Monday - Friday: 9:00AM to 5:00PM
 * Saturday: 10:00AM to 4:00PM
 * Sunday: Closed


ADDRESS

The Hayden
486 Morello Avenue
Martinez, CA 94553
(925) 397-4847

Rental assistance website (opens in a new tab) HUD Information for disabled
persons website (opens in a new tab) ADA

 * Privacy Policy
 * Broker Licenses and Disclosures
 * Accessibility Statement
 * Fair Housing Statement
 * © 2024 The Hayden. All Rights Reserved.


Cookies Button
By clicking “Accept All Cookies”, you agree to the storing of cookies on your
device to enhance site navigation, analyze site usage, and assist in our
marketing efforts.
Accept All Cookies
Cookies Settings



PRIVACY PREFERENCE CENTER

When you visit any website, it may store or retrieve information on your
browser, mostly in the form of cookies. This information might be about you,
your preferences or your device and is mostly used to make the site work as you
expect it to. The information does not usually directly identify you, but it can
give you a more personalized web experience. Because we respect your right to
privacy, you can choose not to allow some types of cookies. Click on the
different category headings to find out more and change our default settings.
However, blocking some types of cookies may impact your experience of the site
and the services we are able to offer.
More information
Allow All


MANAGE CONSENT PREFERENCES

STRICTLY NECESSARY COOKIES

Always Active

These cookies are necessary for the website to function and cannot be switched
off in our systems. They are usually only set in response to actions made by you
which amount to a request for services, such as setting your privacy
preferences, logging in or filling in forms. You can set your browser to block
or alert you about these cookies, but some parts of the site will not then work.
These cookies do not store any personally identifiable information.

Cookies Details‎

PERFORMANCE COOKIES

Performance Cookies

These cookies allow us to count visits and traffic sources so we can measure and
improve the performance of our site. They help us to know which pages are the
most and least popular and see how visitors move around the site. All
information these cookies collect is aggregated and therefore anonymous. If you
do not allow these cookies we will not know when you have visited our site, and
will not be able to monitor its performance.

Cookies Details‎

TARGETING COOKIES

Targeting Cookies

These cookies may be set through our site by our advertising partners. They may
be used by those companies to build a profile of your interests and show you
relevant adverts on other sites. They do not store directly personal
information, but are based on uniquely identifying your browser and internet
device. If you do not allow these cookies, you will experience less targeted
advertising.

Cookies Details‎
Back Button


COOKIE LIST



Search Icon
Filter Icon

Clear
checkbox label label
Apply Cancel
Consent Leg.Interest
checkbox label label
checkbox label label
checkbox label label

Reject All Confirm My Choices