EXPLORE THE EXTRAORDINARY
Amazing Adventures
Experience new places. Meet new friends.
Gain a new perspective.
Explore Adventures →
DISCOVER NEW PLACES
Explore the Great Outdoors
Discover breathtaking landscapes,
incredible destinations, and unforgettable
outdoor experiences.
Discover More →
THE JOURNEY AWAITS
Adventure Beyond the Ordinary
From mountain trails to hidden destinations,
every adventure has a story worth sharing.
Explore Destinations →
COLLECT UNFORGETTABLE MOMENTS
Discover Nature’s Wonders
Experience spectacular scenery,
beautiful landscapes, and the excitement
of exploring new places.
Start Exploring →
YOUR NEXT ADVENTURE STARTS HERE
Come Join the Adventure
Make new memories, meet fellow travelers,
and discover a whole new perspective
on the world.
Join the Journey →
01
/
05
/* ==========================================
FULL-WIDTH ADVENTURE SLIDER
========================================== */
.nst-adventure-section {
width: 100%;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
font-family: “Montserrat”, Arial, sans-serif;
}
.nst-adventure-section *,
.nst-adventure-section *::before,
.nst-adventure-section *::after {
box-sizing: border-box;
}
/* MAIN SLIDER */
.nst-adventure-slider {
position: relative;
width: 100%;
height: 580px;
overflow: hidden;
background: #24392e;
isolation: isolate;
}
/* INDIVIDUAL SLIDES */
.nst-adventure-slide {
position: absolute;
inset: 0;
opacity: 0;
visibility: hidden;
z-index: 0;
transition:
opacity 0.6s ease,
visibility 0.6s ease;
}
.nst-adventure-slide.active {
opacity: 1;
visibility: visible;
z-index: 1;
}
/* IMAGES */
.nst-adventure-slide img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/* GRADIENT OVERLAY */
.nst-adventure-slide::after {
content: “”;
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(
90deg,
rgba(8, 24, 21, 0.75) 0%,
rgba(8, 24, 21, 0.43) 55%,
rgba(8, 24, 21, 0.15) 100%
);
}
/* CONTENT */
.nst-adventure-content {
position: absolute;
z-index: 2;
top: 50%;
left: max(9%, 55px);
transform: translateY(-50%);
width: min(650px, 78%);
color: #fff;
}
.nst-adventure-content > span {
display: block;
margin-bottom: 18px;
color: #e9bb82;
font-size: 12px;
font-weight: 700;
letter-spacing: 2.5px;
}
.nst-adventure-content h1,
.nst-adventure-content h2 {
margin: 0 0 23px;
color: #fff !important;
font-family: Georgia, serif;
font-size: clamp(36px, 5vw, 65px);
font-weight: 600;
line-height: 1.12;
}
.nst-adventure-content p {
max-width: 530px;
margin: 0 0 30px;
color: #f5f5f3;
font-size: 17px;
line-height: 1.75;
}
/* EXPLORE BUTTON */
.nst-adventure-content a {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 15px 30px;
background: #dca56b;
border-radius: 3px;
color: #20362b !important;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.5px;
text-decoration: none !important;
transition:
background 0.3s,
transform 0.3s;
}
.nst-adventure-content a:hover {
background: #edbf89;
transform: translateY(-2px);
}
/* NAVIGATION ARROWS */
.nst-adventure-prev,
.nst-adventure-next {
position: absolute;
z-index: 5;
top: 50%;
transform: translateY(-50%);
width: 45px;
height: 45px;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
background: rgba(0,0,0,0.25);
border: 1px solid rgba(255,255,255,0.55);
border-radius: 50%;
color: #fff;
font-size: 18px;
cursor: pointer;
}
.nst-adventure-prev {
left: 20px;
}
.nst-adventure-next {
right: 20px;
}
.nst-adventure-prev:hover,
.nst-adventure-next:hover {
background: #dca56b;
color: #20362b;
}
/* PAGINATION DOTS */
.nst-adventure-dots {
position: absolute;
z-index: 5;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
gap: 10px;
}
.nst-adventure-dot {
width: 10px;
height: 10px;
padding: 0;
border: none;
border-radius: 50%;
background: rgba(255,255,255,0.55);
cursor: pointer;
}
.nst-adventure-dot.active {
width: 30px;
border-radius: 8px;
background: #dca56b;
}
/* SLIDE COUNTER */
.nst-adventure-counter {
position: absolute;
z-index: 5;
right: 7%;
bottom: 27px;
color: #fff;
font-size: 14px;
letter-spacing: 2px;
}
.nst-adventure-current {
color: #e9bb82;
font-size: 21px;
font-weight: 700;
}
/* ACCESSIBILITY */
.nst-adventure-slider button:focus-visible,
.nst-adventure-content a:focus-visible {
outline: 3px solid #e9bb82;
outline-offset: 3px;
}
/* TABLET */
@media (max-width: 1024px) {
.nst-adventure-slider {
height: 520px;
}
.nst-adventure-content {
left: 9%;
}
}
/* MOBILE */
@media (max-width: 767px) {
.nst-adventure-slider {
height: 510px;
}
.nst-adventure-content {
left: 8%;
width: 84%;
}
.nst-adventure-content > span {
font-size: 10px;
letter-spacing: 1.7px;
}
.nst-adventure-content h1,
.nst-adventure-content h2 {
font-size: clamp(32px, 9vw, 43px);
margin-bottom: 17px;
}
.nst-adventure-content p {
font-size: 14px;
line-height: 1.6;
margin-bottom: 24px;
}
.nst-adventure-content a {
padding: 12px 22px;
font-size: 12px;
}
.nst-adventure-slide::after {
background: linear-gradient(
90deg,
rgba(8,24,21,0.83),
rgba(8,24,21,0.40)
);
}
.nst-adventure-prev,
.nst-adventure-next {
top: auto;
bottom: 65px;
transform: none;
width: 35px;
height: 35px;
}
.nst-adventure-prev {
left: 8%;
}
.nst-adventure-next {
right: 8%;
}
.nst-adventure-dots {
bottom: 80px;
gap: 7px;
}
.nst-adventure-dot {
width: 7px;
height: 7px;
}
.nst-adventure-dot.active {
width: 20px;
}
.nst-adventure-counter {
right: 8%;
bottom: 23px;
font-size: 11px;
}
}
/* REDUCED MOTION */
@media (prefers-reduced-motion: reduce) {
.nst-adventure-slide,
.nst-adventure-content a {
transition: none;
}
}
(function () {
function initAdventureSlider(slider) {
// Prevent duplicate initialization
if (slider.dataset.adventureReady === “true”) return;
slider.dataset.adventureReady = “true”;
const slides = Array.from(
slider.querySelectorAll(“.nst-adventure-slide”)
);
const dotsContainer = slider.querySelector(
“.nst-adventure-dots”
);
const prev = slider.querySelector(
“.nst-adventure-prev”
);
const next = slider.querySelector(
“.nst-adventure-next”
);
const counter = slider.querySelector(
“.nst-adventure-current”
);
const total = slider.querySelector(
“.nst-adventure-total”
);
if (!slides.length) return;
let current = 0;
let timer = null;
// ROTATION SPEED: 2000ms = 2 seconds
const speed = 2000;
const reduceMotion = window.matchMedia(
“(prefers-reduced-motion: reduce)”
).matches;
// Automatically generate dots based on slide count
dotsContainer.innerHTML = “”;
const dots = slides.map(function (slide, index) {
const dot = document.createElement(“button”);
dot.type = “button”;
dot.className = “nst-adventure-dot”;
dot.setAttribute(
“aria-label”,
“Go to adventure slide ” + (index + 1)
);
dot.addEventListener(“click”, function () {
showSlide(index);
restart();
});
dotsContainer.appendChild(dot);
return dot;
});
// Update total counter
total.textContent = String(slides.length).padStart(2, “0”);
function showSlide(index) {
current = (index + slides.length) % slides.length;
slides.forEach(function (slide, i) {
const active = i === current;
slide.classList.toggle(“active”, active);
slide.setAttribute(
“aria-hidden”,
String(!active)
);
slide.querySelectorAll(“a”).forEach(function (link) {
link.tabIndex = active ? 0 : -1;
});
// Prevent hidden slides from receiving keyboard focus
if (“inert” in slide) {
slide.inert = !active;
}
});
dots.forEach(function (dot, i) {
const active = i === current;
dot.classList.toggle(“active”, active);
dot.setAttribute(
“aria-current”,
String(active)
);
});
counter.textContent = String(
current + 1
).padStart(2, “0”);
}
function stop() {
if (timer !== null) {
clearInterval(timer);
timer = null;
}
}
function start() {
if (
slides.length > 1 &&
!reduceMotion &&
timer === null &&
!document.hidden
) {
timer = setInterval(function () {
showSlide(current + 1);
}, speed);
}
}
function restart() {
stop();
if (
!slider.matches(“:hover”) &&
!slider.contains(document.activeElement)
) {
start();
}
}
prev.addEventListener(“click”, function () {
showSlide(current – 1);
restart();
});
next.addEventListener(“click”, function () {
showSlide(current + 1);
restart();
});
slider.addEventListener(“mouseenter”, stop);
slider.addEventListener(“mouseleave”, restart);
slider.addEventListener(“focusin”, stop);
slider.addEventListener(“focusout”, function () {
setTimeout(restart, 0);
});
document.addEventListener(“visibilitychange”, function () {
if (document.hidden) {
stop();
} else {
restart();
}
});
showSlide(0);
start();
}
function initializeAdventureSliders() {
document.querySelectorAll(
“.nst-adventure-slider”
).forEach(initAdventureSlider);
}
if (document.readyState === “loading”) {
document.addEventListener(
“DOMContentLoaded”,
initializeAdventureSliders
);
} else {
initializeAdventureSliders();
}
})();
