.s4-hero-slider {
display: flex;
width: 100%;
}
.s4-hero-slider .s4-hero-slider__carousel {
display: flex; width: 100%;
}
.s4-hero-slider .s4-hero-slider__carousel .s4-hero-slider__track {
display: flex;
width: 100%;
}
.s4-hero-slider .s4-hero-slider__carousel .s4-hero-slider__track .s4-hero-slider__slide {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
min-height: 100vh;
padding: clamp(200px, 10vw, 400px) clamp(20px, 4vw, 80px);
}
.s4-hero-slider .s4-hero-slider__carousel .s4-hero-slider__track .s4-hero-slider__slide .s4-hero-slider__content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.s4-hero-slider .s4-hero-slider__carousel .s4-hero-slider__track .s4-hero-slider__slide .s4-hero-slider__content .s4-hero-slider__title {
font-family: "melindaevania", sans-serif;
font-size: clamp(2rem, 9vw, 4.5rem);
color: #fff;
text-align: center;
line-height: 1;
margin-bottom: 10px;
text-wrap: balance;
}
.s4-hero-slider .s4-hero-slider__carousel .s4-hero-slider__track .s4-hero-slider__slide .s4-hero-slider__content .s4-hero-slider__subtitle {
font-family: "melindaevania", sans-serif;
font-size: clamp(1.2rem, 5vw, 3rem);
color: #fff;
text-align: center;
line-height: 1;
margin-bottom: clamp(20px, 2vw, 40px);
}
.s4-hero-slider .s4-hero-slider__carousel .s4-hero-slider__track .s4-hero-slider__slide::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(88, 0, 0, 0) 100%);
z-index: 1;
opacity: 0.4;
}
.s4-hero-slider .s4-hero-slider__carousel .s4-hero-slider__track .s4-hero-slider__slide::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
background: linear-gradient(0deg, var(--s4-hero-slider-overlay-color, rgba(151, 1, 18, 1)) 0%, rgba(0, 0, 0, 0) 100%);
z-index: 1;
opacity: 0.4;
}
.s4-hero-slider .s4-hero-slider__carousel .s4-hero-slider__track .s4-hero-slider__slide .s4-hero-slider__media {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
}
.s4-hero-slider .s4-hero-slider__carousel .s4-hero-slider__pagination {
position: absolute;
left: 50%;
bottom: clamp(24px, 4vw, 40px)!important;
z-index: 2;
transform: translateX(-50%);
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
}
.s4-hero-slider .s4-hero-slider__carousel .s4-hero-slider__pagination .swiper-pagination-bullet {
width: 14px;
height: 14px;
margin: 0 !important;
border: 1px solid transparent;
border-radius: 50%;
background: transparent;
opacity: 1;
position: relative;
transition: border-color 0.35s ease, transform 0.35s ease;
}
.s4-hero-slider .s4-hero-slider__carousel .s4-hero-slider__pagination .swiper-pagination-bullet::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 7px;
height: 7px;
border-radius: 50%;
background: #fff;
transform: translate(-50%, -50%) scale(1);
opacity: 1;
transition: transform 0.35s ease, opacity 0.35s ease;
}
.s4-hero-slider .s4-hero-slider__carousel .s4-hero-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: #fff;
transform: scale(1.05);
}
.s4-hero-slider .s4-hero-slider__carousel .s4-hero-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
transform: translate(-50%, -50%) scale(0.3);
opacity: 0;
}
.s4-hero-slider .s4-hero-slider__carousel .s4-hero-slider__progress {
position: absolute;
bottom: 0;
left: 0;
z-index: 3;
width: 100%;
height: 3px;
background: transparent;
pointer-events: none;
}
.s4-hero-slider .s4-hero-slider__carousel .s4-hero-slider__progress .s4-hero-slider__progress-bar {
display: block;
width: 100%;
height: 100%;
background: #D6BB81;
transform: scaleX(0);
transform-origin: left center;
will-change: transform;
}
.s4-hero-slider .s4-hero-slider__carousel .s4-hero-slider__progress .s4-hero-slider__progress-bar.is-running {
animation: s4HeroSliderProgress var(--s4-autoplay-duration, 5000ms) linear forwards;
}
@keyframes s4HeroSliderProgress {
from {
transform: scaleX(0);
}
to {
transform: scaleX(1);
}
}.s4-google-rating-cta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 32px;
}
.google-reviews-rating-summary {
--gr-main-color: #76020E;
--gr-bg-color: #FFFFFF;
--gr-star-fill-color: #76020E;
--gr-star-empty-color: #E3C7CB;
display: inline-block;
background: var(--gr-bg-color);
padding: 15px;
display: flex;
align-items: flex-start;
gap: 16px;
width: fit-content;
}
.google-reviews-rating-summary__top {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}
.google-reviews-rating-summary__value {
font-size: 1.6rem;
font-weight: 500;
line-height: 1;
color: var(--gr-main-color);
}
.google-reviews-rating-summary__stars {
padding-top: 4px;
display: flex;
align-items: center;
gap: 4px;
}
.google-reviews-rating-summary__star {
position: relative;
width: clamp(14px, 0.9vw, 18px);
height: clamp(14px, 0.9vw, 18px);
line-height: 1;
display: inline-flex;
}
.google-reviews-rating-summary__star svg,
.google-reviews-rating-summary__star-fill,
.google-reviews-rating-summary__star-empty {
width: 100%;
height: 100%;
display: block;
}
.google-reviews-rating-summary__star-fill {
position: absolute;
top: 0;
left: 0;
width: 100%;
overflow: hidden;
-webkit-clip-path: inset(0 calc(100% - var(--fill, 0%)) 0 0);
clip-path: inset(0 calc(100% - var(--fill, 0%)) 0 0);
}
.google-reviews-rating-summary__count {
font-size: max(0.95rem, 12px);
line-height: 1.1;
color: var(--gr-main-color);
}
.google-reviews-rating-summary__error {
color: #B42318;
font-size: 14px;
}
.google-review-cta {
display: flex;
border-radius: 4px;
overflow: hidden;
}
.google-review-cta__cta-icon {
display: flex;
justify-content: center;
align-items: center;
background: #fff;
padding: 8px;
}
.google-review-cta__cta-icon svg {
width: clamp(26px, 1.3vw, 34px);
height: clamp(26px, 1.3vw, 34px);
}
.google-review-cta__cta-text {
background: #4085F5;
color: #FFFFFF;
padding: 8px;
display: flex;
flex-wrap: wrap;
align-items: center;
font-size: clamp(11px, 0.9vw, 14px);
text-align: center;
max-width: 170px;
line-height: 1.2;
}
@media screen and (max-width: 1399px) {
.s4-google-rating-cta {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
}.s4-scroll-down {
display: flex;
flex-direction: column;
align-items: center;
gap: 14px;
text-decoration: none;
cursor: pointer;
}
.s4-scroll-down.s4-scroll-down--static {
cursor: default;
}
.s4-scroll-down .s4-scroll-down__text {
color: #fff;
font-family: "melindaevania", sans-serif;
font-size: max(1rem, 13px);
text-transform: uppercase;
writing-mode: vertical-rl;
text-orientation: mixed;
transform: rotate(180deg);
font-weight: 400;
}
.s4-scroll-down .s4-scroll-down__bar {
position: relative;
display: block;
width: 2px;
height: clamp(60px, 5vw, 100px);
border-radius: 999px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.85) 20%, rgba(255, 255, 255, 1) 100%);
}
.s4-scroll-down .s4-scroll-down__bar::after {
content: "";
position: absolute;
left: 50%;
top: 20%;
width: 8px;
height: 8px;
border-radius: 50%;
background: #fff;
transform: translate(-50%, -50%);
animation: s4-scroll-down-indicator-travel 2.6s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}
@keyframes s4-scroll-down-indicator-travel {
0%,
100% {
top: 20%;
}
50% {
top: 80%;
}
}.s4-content-slider {
--s4-content-slider-manuscrit-color: #74030F;
--s4-content-slider-text-color: #FFFFFF;
height: 100%;
width: 100%;
}
.s4-content-slider .s4-content-slider__manuscrit {
color: var(--s4-content-slider-manuscrit-color);
}
.s4-content-slider .s4-content-slider__title,
.s4-content-slider .s4-content-slider__subtitle {
color: var(--s4-content-slider-text-color);
}
.s4-content-slider .s4-content-slider__carousel {
position: relative;
width: 100%;
height: 100%;
}
.s4-content-slider .s4-content-slider__track {
width: 100%;
}
.s4-content-slider .s4-content-slider__carousel .s4-content-slider__track .s4-content-slider__slide {
display: flex;
justify-content: center;
align-items: center;
width: 100%; padding: clamp(100px, 10vw, 200px);
}
.s4-content-slider .s4-content-slider__carousel .s4-content-slider__track .s4-content-slider__slide .s4-content-slider__content {
position: relative;
display: flex;
flex-direction: column;
gap: 25px;
max-width: 700px;
}
.s4-content-slider .s4-content-slider__carousel .s4-content-slider__track .s4-content-slider__slide .s4-content-slider__content .s4-content-slider__manuscrit {
position: absolute;
top: -80px;
left: -60px;
font-family: "margista", sans-serif;
font-size: 5rem;
transform: rotate(-3deg);
line-height: .8; padding: .3em .6em .35em .4em;
margin: -.3em -.6em -.35em -.4em;
} .s4-content-slider .s4-content-slider__carousel .s4-content-slider__track .s4-content-slider__slide .s4-content-slider__content .s4-content-slider__subtitle {
font-size: max(1.1rem, 14px);
}
.s4-content-slider .s4-content-slider__carousel .s4-content-slider__track .s4-content-slider__slide .s4-content-slider__content .s4-content-slider__link {
margin-top: 20px;
}
.s4-content-slider .s4-content-slider__carousel .s4-content-slider__pagination {
position: absolute;
left: 50%;
bottom: clamp(30px, 2vw, 40px) !important;
z-index: 2;
transform: translateX(-50%);
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
}
.s4-content-slider .s4-content-slider__carousel .s4-content-slider__pagination .swiper-pagination-bullet {
width: 14px;
height: 14px;
margin: 0 !important;
border: 1px solid transparent;
border-radius: 50%;
background: transparent;
opacity: 1;
position: relative;
transition: border-color 0.35s ease, transform 0.35s ease;
}
.s4-content-slider .s4-content-slider__carousel .s4-content-slider__pagination .swiper-pagination-bullet::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 7px;
height: 7px;
border-radius: 50%;
background: #fff;
transform: translate(-50%, -50%) scale(1);
opacity: 1;
transition: transform 0.35s ease, opacity 0.35s ease;
}
.s4-content-slider .s4-content-slider__carousel .s4-content-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
border-color: #fff;
transform: scale(1.05);
}
.s4-content-slider .s4-content-slider__carousel .s4-content-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
transform: translate(-50%, -50%) scale(0.3);
opacity: 0;
}
.s4-content-slider .s4-content-slider__carousel .s4-content-slider__progress {
position: absolute;
bottom: 0;
left: 0;
z-index: 3;
width: 100%;
height: 8px;
background: transparent;
pointer-events: none;
}
.s4-content-slider .s4-content-slider__carousel .s4-content-slider__progress .s4-content-slider__progress-bar {
display: block;
width: 100%;
height: 100%;
background: #D6BB81;
transform: scaleX(0);
transform-origin: left center;
will-change: transform;
}
.s4-content-slider .s4-content-slider__carousel .s4-content-slider__progress .s4-content-slider__progress-bar.is-running {
animation: s4ContentSliderProgress var(--s4-autoplay-duration, 5000ms) linear forwards;
}
@keyframes s4ContentSliderProgress {
from {
transform: scaleX(0);
}
to {
transform: scaleX(1);
}
}
@media screen and (max-width: 1999px) {
.s4-content-slider .s4-content-slider__carousel .s4-content-slider__track .s4-content-slider__slide .s4-content-slider__content .s4-content-slider__manuscrit {
font-size: 4rem;
}
}
@media screen and (max-width: 1549px) {
.s4-content-slider .s4-content-slider__carousel .s4-content-slider__track .s4-content-slider__slide .s4-content-slider__content {
max-width: 600px;
}
}
@media screen and (max-width: 1199px) {
.s4-content-slider .s4-content-slider__carousel .s4-content-slider__track .s4-content-slider__slide .s4-content-slider__content .s4-content-slider__manuscrit {
font-size: 3rem;
line-height: 1;
}
}
@media screen and (max-width: 575px) {
.s4-content-slider .s4-content-slider__carousel .s4-content-slider__track .s4-content-slider__slide {
padding-left: 40px;
padding-right: 40px;
}
.s4-content-slider .s4-content-slider__carousel .s4-content-slider__track .s4-content-slider__slide .s4-content-slider__content .s4-content-slider__manuscrit {
font-size: 4rem;
top: -60px;
left: -40px;
}
}.s4-sub-to-newsletter {
--s4-newsletter-size: clamp(100px, 10vw, 200px);
--s4-ring-font-size: clamp(13px, 3.6vw, 20px);
width: var(--s4-newsletter-size);
height: var(--s4-newsletter-size);
display: block;
transition: transform 0.3s ease;
}
.s4-sub-to-newsletter:hover {
transform: scale(1.05);
}
.s4-sub-to-newsletter__seal {
position: relative;
width: 100%;
height: 100%;
display: grid;
place-items: center;
}
.s4-sub-to-newsletter__ring {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
transform-origin: 50% 50%;
animation: s4-newsletter-ring-spin 20s linear infinite;
}
.s4-sub-to-newsletter__ring text {
font-size: var(--s4-ring-font-size);
font-weight: 400;
letter-spacing: 1.10px;
fill: #fff;
}
.s4-sub-to-newsletter__logo {
position: relative;
z-index: 1;
width: clamp(30px, 25%, 60px);
height: auto;
display: block;
}
@keyframes s4-newsletter-ring-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@media (prefers-reduced-motion: reduce) {
.s4-sub-to-newsletter__ring {
animation: none;
}
}.s4-infinite-banner-text {
position: relative;
overflow: hidden;
width: 100%;
}
.s4-infinite-banner-text .s4-infinite-banner-text__track {
display: flex;
width: max-content;
animation: s4-infinite-banner-scroll 20s linear infinite;
will-change: transform;
gap: 30px;
}
.s4-infinite-banner-text .s4-infinite-banner-text__group {
display: flex;
flex-shrink: 0;
align-items: center;
gap: 30px;
white-space: nowrap;
color: #fff;
}
.s4-infinite-banner-text .s4-infinite-banner-text__item,
.s4-infinite-banner-text .s4-infinite-banner-text__separator {
font-family: "melindaevania", sans-serif;
font-size: 3.5rem;
text-transform: uppercase;
line-height: 1;
}
.s4-infinite-banner-text:hover .s4-infinite-banner-text__track {
animation-play-state: paused;
}
@keyframes s4-infinite-banner-scroll {
from {
transform: translate3d(-50%, 0, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
@media (prefers-reduced-motion: reduce) {
.s4-infinite-banner-text .s4-infinite-banner-text__track {
animation: none;
transform: none;
}
}
@media screen and (max-width: 991px) { 
.s4-infinite-banner-text .s4-infinite-banner-text__item,
.s4-infinite-banner-text .s4-infinite-banner-text__separator {
font-size: 2.5rem;
}
}
@media screen and (max-width: 575px) { 
.s4-infinite-banner-text .s4-infinite-banner-text__group {
gap: 20px;
}
.s4-infinite-banner-text .s4-infinite-banner-text__item,
.s4-infinite-banner-text .s4-infinite-banner-text__separator {
font-size: 1.8rem;
}
}