Exceptional Living

A rare opportunity to live in a natural, safe haven.

Sta. Elena Golf Club

An award-winning, all-weather 27-hole golf course.

The Fun Farm

An inspired outdoor playspace for the whole family. 

🍪 Privacy Notice

We collect your personal information when you make an inquiry or you subscribe to our mailing list to receive information about our products, services or marketing materials; when you make a lot purchase, avail of our services, book/visit our facilities or attend our events; and when you apply as employees, vendors or contractors.  The personal information that we collect and process may include your name, gender, birthday, citizenship, personal status, phone/mobile number, email address, home address, and possibly other contact information.  

SEPI shall retain your personal information until it serves its purpose, after which it shall be securely disposed of.

Readmore
Accept
/* ========================= FLOATING CONTAINER ========================= */ #eventFloatingWrapper { position:fixed; right:20px; bottom:20px; z-index:9998; display:flex; align-items:center; gap:9px; } /* ========================= UPCOMING EVENT MESSAGE ========================= */ #eventFloatingMessage { background:#fff; color:#222; font-size:13px; font-weight:700; padding:8px 12px; border-radius:18px; box-shadow:0 4px 15px rgba(0,0,0,0.25); white-space:nowrap; animation:eventMessageFloat 2.5s ease-in-out infinite; } /* Arrow */ #eventFloatingMessage::after { content:""; position:absolute; margin-left:8px; margin-top:3px; border-width:5px 0 5px 6px; border-style:solid; border-color: transparent transparent transparent #fff; } /* ========================= FLOATING CIRCLE ========================= */ #eventFloatingButton { position:relative; width:52px; height:52px; padding:0; border:3px solid #fff; border-radius:50%; overflow:visible; cursor:pointer; background:#fff; box-shadow: 0 3px 12px rgba(0,0,0,0.3), 0 0 0 0 rgba(255,255,255,0.8); animation:eventButtonPulse 2s infinite; transition:transform 0.2s ease; } /* Image */ #eventFloatingButton img { width:100%; height:100%; border-radius:50%; object-fit:cover; display:block; } /* Hover */ #eventFloatingButton:hover { transform:scale(1.10); } /* ========================= NOTIFICATION DOT ========================= */ #eventNotificationDot { position:absolute; top:-3px; right:-3px; width:13px; height:13px; background:#ff3b30; border:2px solid #fff; border-radius:50%; animation:eventDotPulse 1.5s infinite; } /* ========================= CIRCLE PULSE ========================= */ @keyframes eventButtonPulse { 0% { box-shadow: 0 3px 12px rgba(0,0,0,0.3), 0 0 0 0 rgba(255,255,255,0.7); } 70% { box-shadow: 0 3px 12px rgba(0,0,0,0.3), 0 0 0 10px rgba(255,255,255,0); } 100% { box-shadow: 0 3px 12px rgba(0,0,0,0.3), 0 0 0 0 rgba(255,255,255,0); } } /* ========================= NOTIFICATION DOT PULSE ========================= */ @keyframes eventDotPulse { 0%, 100% { transform:scale(1); } 50% { transform:scale(1.25); } } /* ========================= MESSAGE FLOAT ========================= */ @keyframes eventMessageFloat { 0%, 100% { transform:translateY(0); } 50% { transform:translateY(-3px); } } /* ========================= MOBILE ========================= */ @media screen and (max-width:600px) { #eventFloatingWrapper { right:12px; bottom:12px; gap:7px; } #eventFloatingButton { width:46px; height:46px; } #eventFloatingMessage { font-size:11px; padding:7px 10px; } #eventNotificationDot { width:11px; height:11px; } }