body {
overflow-x: hidden;
} .table>:not(caption)>*>* {
background-color: transparent !important;
} .navbar {
position: absolute;
top: 0;
left: 0px;
right: 0px;
z-index: 1030;
backdrop-filter: blur(3px);
background-color: rgba(255, 255, 255, 0.28);
border-bottom: 1px solid rgba(255, 255, 255, 0.27);
transition: background-color 0.3s ease;
color: #fff;
}
.navbar.transition-nav.scrolled {
position: fixed;
top: 0;
left: 0;
right: 0;
border-radius: 0;
background-color: var(--bs-primary) !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
color: #fff;
}
.navbar-toggler {
border: none;
}
.navbar-toggler:focus {
box-shadow: none;
}
.transition-nav {
transition: all 0.3s ease;
}
#mainNav .nav-link {
color: #fff;
}
#mainNav .nav-link:hover,
#mainNav .nav-link.active {
color: var(--bs-gray-200);
}
#oferta .nav-link {
color: var(--bs-text-body);
position: relative;
transition: all 0.3s ease;
}
#oferta .nav-link:hover {
color: var(--bs-text-body);
animation: breathing 1.7s ease-in-out infinite;
}
#oferta .nav-link.active {
color: var(--bs-primary); } @keyframes breathing {
0%,
100% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.2);
opacity: 0.85;
}
} .carousel-control-prev-icon,
.carousel-control-next-icon {
width: 1.2rem;
height: 1.2rem;
background-size: 100% 100%;
filter: brightness(1);
transition: transform 0.3s ease, filter 0.3s ease;
}
.carousel-control-prev:hover .carousel-control-prev-icon,
.carousel-control-next:hover .carousel-control-next-icon {
transform: scale(1.6) rotate(10deg);
filter: brightness(2) saturate(1.6);
} #preloader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 9999;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.balls {
display: flex;
gap: 15px;
margin-bottom: 20px;
}
.ball {
width: 30px;
height: 30px;
background-color: rgb(153, 209, 0);
border-radius: 50%;
animation: bounce 0.8s infinite ease-in-out;
box-shadow: inset 0 0 0 3px #fff;
}
.ball:nth-child(2) {
animation-delay: 0.1s;
}
.ball:nth-child(3) {
animation-delay: 0.2s;
}
.ball:nth-child(4) {
animation-delay: 0.3s;
}
.ball:nth-child(5) {
animation-delay: 0.4s;
}
@keyframes bounce {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-30px);
}
}
.loading-text {
font-size: 18px;
font-weight: bold;
color: #333;
} .myGallerySwiper .swiper-slide {
height: 300px;
border-radius: var(--bs-border-radius-xl);
overflow: hidden;
position: relative;
transition: height 0.8s ease;
}
.myGallerySwiper .swiper-slide img,
.myGallerySwiper .swiper-slide a {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: var(--bs-border-radius-lg);
box-shadow: var(--bs-box-shadow);
transition: inherit;
color: #fff;
}
.myGallerySwiper .swiper-slide .swiper-title {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 1rem;
color: #fff;
opacity: 0.55;
z-index: 2;
border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
transition: opacity 0.3s ease;
}
.myGallerySwiper .swiper-slide.swiper-slide-active .swiper-title {
opacity: 1;
} .myGallerySwiper .swiper-button-next,
.myGallerySwiper .swiper-button-prev,
.myGallerySwiper .swiper-button-lock {
opacity: 0 !important;
visibility: hidden !important;
}
.myGallerySwiper .swiper-title-tile {
backdrop-filter: blur(4px) !important;
background-color: hsla(0, 0%, 100%, 0.15);
} @media (max-width: 768px) {
.navbar {
backdrop-filter: blur(4px);
font-size: 1rem;
background-color: rgba(18, 18, 18, 0.44) !important;
}
.navbar-brand {
font-size: 0.875rem !important;
}
.nav-link {
padding: 5px 0;
}
#sekcja1 .nav-link {
margin: 0 10px;
}
.carousel-caption {
margin: 0 1.2rem !important;
}
}
@media (min-width: 768px) {
.myGallerySwiper {
height: 405px;
}
.myGallerySwiper .swiper-slide {
height: 250px;
}
.myGallerySwiper .swiper-slide.swiper-slide-active {
height: 400px;
box-shadow: none !important;
}
.myGallerySwiper .swiper-slide.swiper-slide-active img {
box-shadow: none !important;
}
.myGallerySwiper .swiper-button-next,
.myGallerySwiper .swiper-button-prev {
display: flex !important;
opacity: 1 !important;
visibility: visible !important;
position: static !important;
width: 40px;
height: 40px;
background-color: var(--bs-dark);
border-radius: 50%;
color: var(--bs-light);
align-items: center;
justify-content: center;
font-size: 10px;
cursor: pointer;
}
.myGallerySwiper .swiper-button-prev::after,
.myGallerySwiper .swiper-button-next::after {
width: 40px;
height: 40px;
color: var(--bs-light);
font-size: 10px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.myGallerySwiper .myGallery-controls {
display: flex;
justify-content: center;
gap: 15px;
margin-top: -20px;
position: absolute;
left: 30%;
transform: translateX(50%);
z-index: 19543;
}
} .fs-7 {
font-size: 0.75rem;
}
#dayTabs .nav-link.active {
color: var(--bs-primary);
}
#reservation {
background: var(--bs-body-bg);
}
.reservation-button {
transition: all 0.4s ease;
}
.reservation-button:hover {
background-color: var(--bs-dark);
border: 1px solid var(--bs-dark) !important;
color: var(--bs-light) !important;
} ::-webkit-scrollbar {
width: 0px;
height: 0px;
}
::-webkit-scrollbar-track {
background: transparent;
}
::-webkit-scrollbar-thumb {
background-color: rgba(100, 100, 100, 0.3);
border-radius: 10px;
transition: background-color 0.3s;
}
::-webkit-scrollbar-thumb:hover {
background-color: rgba(100, 100, 100, 0.5);
} .two-menu-item .custom-border h5,
.two-menu-item .custom-border p {
transition: transform 0.3s ease;
} .two-menu-item:hover .custom-border h5,
.two-menu-item:hover .custom-border p {
transform: scale(1.02);
}
.two-menu-item .custom-border {
padding-right: 1rem;
margin-right: 1rem;
} @media (min-width: 768px) {
.two-menu-item:not(:last-child) .custom-border {
border-right: 1px solid #2a2a2a36;
}
} @media (max-width: 767.98px) {
.two-menu-item:not(:last-child) .custom-border {
border-bottom: 1px solid #2a2a2a36;
padding-bottom: 1rem;
margin-bottom: 1rem;
}
} @media (prefers-reduced-motion: reduce) {
.two-menu-item .custom-border h5,
.two-menu-item .custom-border p {
transition: none;
}
} .slide-caption {
opacity: 0;
transition: transform 0.6s ease, opacity 0.6s ease;
will-change: transform, opacity;
} .slide-caption.anim-left {
transform: translate(-100%, -50%);
}
.slide-caption.anim-right {
transform: translate(100%, -50%);
}
.slide-caption.anim-up {
transform: translate(0, -80%);
} .slide-caption.anim-down {
transform: translate(0, 0%);
} .slide-caption.anim-zoom-in {
transform: translate(0, -50%) scale(0.85);
}
.slide-caption.anim-zoom-out {
transform: translate(0, -50%) scale(1.15);
}
.slide-caption.anim-none {
transform: translate(0, -50%);
opacity: 1;
} .slide-caption.anim-left.show,
.slide-caption.anim-right.show {
opacity: 1;
transform: translate(0, -50%);
}
.slide-caption.anim-up.show,
.slide-caption.anim-down.show {
opacity: 1;
transform: translate(0, -50%);
}
.slide-caption.anim-zoom-in.show {
opacity: 1;
transform: translate(0, -50%) scale(1);
}
.slide-caption.anim-zoom-out.show {
opacity: 1;
transform: translate(0, -50%) scale(1);
} .animations-paused [data-animate] {
transition: none !important;
opacity: 0 !important;
transform: translate3d(0, 12px, 0) !important;
} [data-animate] {
opacity: 0;
transform: translate3d(0, 15px, 0);
transition-property: opacity, transform, filter, clip-path;
transition-timing-function: cubic-bezier(.2, .7, .3, 1);
transition-duration: var(--a-duration, .6s);
transition-delay: var(--a-delay, 0s);
} [data-animate].is-inview {
opacity: 1;
transform: none !important;
filter: none !important;
will-change: none !important;
} [data-animate][data-anim="fade"] {
transform: none;
}
[data-animate][data-anim="fade-up"] {
transform: translate3d(0, 18px, 0);
}
[data-animate][data-anim="fade-down"] {
transform: translate3d(0, -18px, 0);
}
[data-animate][data-anim="fade-left"] {
transform: translate3d(18px, 0, 0);
}
[data-animate][data-anim="fade-right"] {
transform: translate3d(-18px, 0, 0);
}
[data-animate][data-anim="slide-up"] {
transform: translateY(80px);
}
[data-animate][data-anim="slide-down"] {
transform: translateY(-80px);
}
[data-animate][data-anim="slide-left"] {
transform: translateX(80px);
}
[data-animate][data-anim="slide-right"] {
transform: translateX(-80px);
}
[data-animate][data-anim="zoom-in"] {
transform: scale(.96);
}
[data-animate][data-anim="zoom-out"] {
transform: scale(1.06);
}
[data-animate][data-anim="blur-in"] {
filter: blur(6px);
} [data-animate][data-anim="rotate-in"] {
transform: rotate(-6deg) scale(.95);
}
[data-animate][data-anim="skew-in"] {
transform: skewY(8deg);
opacity: 0;
}
[data-animate][data-anim="flip-x"] {
transform: rotateX(80deg);
opacity: 0;
transform-origin: center;
backface-visibility: hidden;
}
[data-animate][data-anim="flip-y"] {
transform: rotateY(80deg);
opacity: 0;
transform-origin: center;
backface-visibility: hidden;
}
[data-animate][data-anim="spin-in"] {
transform: rotate(-20deg) scale(.9);
opacity: 0;
transform-origin: center;
} [data-animate][data-anim="reveal-x"] {
clip-path: inset(0 100% 0 0);
opacity: 1; }
[data-animate].is-inview[data-anim="reveal-x"] {
clip-path: inset(0 0 0 0);
transition: clip-path var(--a-duration, .6s) ease-out var(--a-delay, 0s);
}
[data-animate][data-anim="reveal-y"] {
clip-path: inset(100% 0 0 0);
opacity: 1;
}
[data-animate].is-inview[data-anim="reveal-y"] {
clip-path: inset(0 0 0 0);
transition: clip-path var(--a-duration, .6s) ease-out var(--a-delay, 0s);
} [data-animate][data-anim="bounce-in"] {
transform: scale(0.8);
opacity: 0;
}
[data-animate].is-inview[data-anim="bounce-in"] {
animation: bounceIn var(--a-duration, .6s) cubic-bezier(.2, .7, .3, 1) var(--a-delay, 0s) forwards;
}
@keyframes bounceIn {
0% {
transform: scale(0.8);
opacity: 0;
}
60% {
transform: scale(1.05);
opacity: 1;
}
100% {
transform: scale(1);
}
} @media (prefers-reduced-motion: reduce) {
[data-animate] {
transition: none !important;
opacity: 1 !important;
transform: none !important;
filter: none !important;
animation: none !important;
clip-path: none !important;
}
} .sticky-reveal {
position: sticky;
bottom: 0px;
z-index: -1; } html,
body {
height: 100%;
}
body {
min-height: 100%;
margin: 0;
} #primary.site-main {
overflow: visible;
}
main.site-main {
background-color: var(--bs-secondary-bg);
} .scroll-top-btn {
opacity: 0;
transform: translateY(10px);
visibility: hidden;
transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;
} .scroll-top-btn.is-visible {
opacity: 1;
transform: translateY(0);
visibility: visible;
transition: opacity .2s ease, transform .2s ease, visibility 0s;
} @media (prefers-reduced-motion: reduce) {
.scroll-top-btn {
transition: none;
}
.scroll-top-btn.is-visible {
transition: none;
}
}
.navbar .dropdown-menu .nav-item a {
transition: padding-left 0.3s ease, color 0.3s ease;
}
.navbar .dropdown-menu .nav-item a:hover {
padding-left: 20px;
color: var(--bs-primary); } .dd { 
position: relative; 
display: inline-block; --dd-gap-y: 8px; 
--dd-gap-x: 0px;
--dd-sub-gap-x: 5px; --dd-sub-gap-y: 0px;
}
.has-sub { position: relative; }
.dd-toggle { cursor: pointer; }
.dd ul {
list-style: none;
text-decoration: none;
} .dd-menu,
.dd-submenu {
--bs-dropdown-zindex: 1000;
--bs-dropdown-min-width: 10rem;
--bs-dropdown-padding-x: 0;
--bs-dropdown-padding-y: 0.5rem;
--bs-dropdown-spacer: 0.125rem;
--bs-dropdown-font-size: 1rem;
--bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: var(--bs-body-bg);
--bs-dropdown-border-color: transparent;
--bs-dropdown-border-radius: var(--bs-border-radius);
--bs-dropdown-border-width: var(--bs-border-width);
--bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
--bs-dropdown-divider-margin-y: 0.5rem;
--bs-dropdown-box-shadow: var(--bs-box-shadow);
--bs-dropdown-link-color: var(--bs-body-color);
--bs-dropdown-link-hover-color: var(--bs-body-color);
--bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
--bs-dropdown-link-active-color: #fff;
--bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
--bs-dropdown-item-padding-x: 1rem;
--bs-dropdown-item-padding-y: 0.25rem;
--bs-dropdown-header-color: #6c757d;
--bs-dropdown-header-padding-x: 1rem;
--bs-dropdown-header-padding-y: 0.5rem;
position: absolute;
z-index: 1000;
min-width: var(--bs-dropdown-min-width);
padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
margin: 0;
background-color: var(--bs-dropdown-bg);
border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
border-radius: var(--bs-dropdown-border-radius);
box-shadow: 0 8px 28px rgba(0, 0, 0, .08);
pointer-events: none;
opacity: 0;
text-align: left;
list-style: none;
transform-origin: top left;
transition: opacity .18s ease, transform .18s ease, clip-path .18s ease;
z-index: var(--bs-dropdown-zindex);
font-size: var(--bs-dropdown-font-size);
background-clip: padding-box;
} .dd[data-pos^="bottom"] > .dd-menu { top: calc(100% + var(--dd-gap-y)); }
.dd[data-pos^="top"]    > .dd-menu { bottom: calc(100% + var(--dd-gap-y)); margin: 0 0 8px 0; }
.dd[data-pos$="start"]  > .dd-menu { left: calc(0px + var(--dd-gap-x)); }
.dd[data-pos$="end"]    > .dd-menu { right: calc(0px + var(--dd-gap-x)); } .dd[data-pos$="center"] > .dd-menu { 
left: 50%; 
transform: translateX(-50%); 
} .has-sub > .dd-submenu { 
top: calc(0px + var(--dd-sub-gap-y)); 
left: calc(100% + var(--dd-sub-gap-x)); 
}
.dd-submenu.drop-left {
left: auto;
right: calc(100% + var(--dd-sub-gap-x));
margin-left: 0;
margin-right: 8px;
} .dd.open > .dd-menu,
.has-sub.open > .dd-submenu {
pointer-events: auto;
opacity: 1;
transform: none;
} .dd.open.anim-slide-y[data-pos$="center"] > .dd-menu { 
transform: translateX(-50%); 
}  .dd.anim-fade > .dd-menu,
.has-sub.anim-fade > .dd-submenu { transform: none; }
.dd.open.anim-fade > .dd-menu,
.has-sub.open.anim-fade > .dd-submenu { transform: none; } .dd.anim-slide-y > .dd-menu { 
transform: translateY(6px) scale(.98); 
} .dd.anim-slide-y[data-pos$="center"] > .dd-menu { 
transform: translateX(-50%) translateY(6px) scale(.98);
}
.dd.open.anim-slide-y > .dd-menu { transform: none; } .has-sub.anim-slide-x > .dd-submenu { transform: translateX(6px) scale(.98); } .has-sub.anim-slide-x > .dd-submenu.drop-left { transform: translateX(-6px) scale(.98); }
.has-sub.open.anim-slide-x > .dd-submenu { transform: none; } .dd.anim-reveal > .dd-menu,
.has-sub.anim-reveal > .dd-submenu { 
clip-path: inset(0 0 100% 0); 
transform: none; 
}
.dd.open.anim-reveal > .dd-menu,
.has-sub.open.anim-reveal > .dd-submenu { clip-path: inset(0 0 0 0); } .dd-item,
.dd-link {
display: block;
padding: 8px 10px;
color: var(--bs-body-color);
text-decoration: none;
background: transparent;
border: 0;
width: 100%;
text-align: left;
cursor: pointer;
}
.dd-item:hover,
.dd-link:hover {
transition: all 0.5s ease;
}
.dd-item:hover,
.dd-link:hover {
padding-left: 20px;
}
.dd-item:hover,
.dd-link:hover { 
background: #a7a7a773; 
color: var(--bs-body-color);
}
.has-sub > .dd-link::after {
content: "›";
float: right;
opacity: .6;
} .dd [role="menu"] .dd-item:focus,
.dd [role="menu"] .dd-link:focus {
outline: 2px solid #1e87f0;
outline-offset: 2px;
background: #eef6ff;
} @media (prefers-reduced-motion: reduce) {
.dd-menu, .dd-submenu { transition: none; }
}  .dd.anim-reveal[data-reveal="down"] > .dd-menu {
clip-path: inset(0 0 100% 0); }
.dd.anim-reveal[data-reveal="up"] > .dd-menu {
clip-path: inset(100% 0 0 0); }
.dd.open.anim-reveal[data-reveal="down"] > .dd-menu,
.dd.open.anim-reveal[data-reveal="up"]   > .dd-menu {
clip-path: inset(0 0 0 0);
} .dd.anim-reveal > .dd-menu,
.has-sub.anim-reveal > .dd-submenu {
-webkit-clip-path: inset(0 0 100% 0);
clip-path: inset(0 0 100% 0);
transform: none; will-change: opacity, transform, clip-path;
}
.dd.open.anim-reveal > .dd-menu,
.has-sub.open.anim-reveal > .dd-submenu {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
}  .dd.anim-reveal[data-reveal="down"] > .dd-menu {
-webkit-clip-path: inset(0 0 100% 0); clip-path: inset(0 0 100% 0);
}
.dd.anim-reveal[data-reveal="up"] > .dd-menu {
-webkit-clip-path: inset(100% 0 0 0); clip-path: inset(100% 0 0 0);
}
.dd.open.anim-reveal[data-reveal="down"] > .dd-menu,
.dd.open.anim-reveal[data-reveal="up"]   > .dd-menu {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
} .has-sub.anim-reveal[data-sub-reveal="right"] > .dd-submenu {
-webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0);
}
.has-sub.anim-reveal[data-sub-reveal="left"] > .dd-submenu {
-webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%);
}
.has-sub.open.anim-reveal[data-sub-reveal="right"] > .dd-submenu,
.has-sub.open.anim-reveal[data-sub-reveal="left"]  > .dd-submenu {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
} .has-sub.anim-reveal[data-sub-reveal="auto"] > .dd-submenu {
-webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0);
}
.has-sub.anim-reveal[data-sub-reveal="auto"] > .dd-submenu.drop-left {
-webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%);
}
.has-sub.open.anim-reveal[data-sub-reveal="auto"] > .dd-submenu {
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0);
} @supports not ((clip-path: inset(0 0 0 0)) or (-webkit-clip-path: inset(0 0 0 0))) {
.dd.anim-reveal > .dd-menu,
.has-sub.anim-reveal > .dd-submenu,
.dd.open.anim-reveal > .dd-menu,
.has-sub.open.anim-reveal > .dd-submenu {
-webkit-clip-path: none;
clip-path: none;
}
} .dd.anim-reveal.sub-open > .dd-menu {
-webkit-clip-path: none !important;
clip-path: none !important;
}
.offcanvas .nav-item{
border-top:0px;
border-bottom: 1px;
border-style: solid;
border-color: var(--bs-border-color);
border-left: 0;
border-right: 0;
padding: 10px 0px;
}
.offcanvas .nav-item.active button{
color:var(--bs-primary);
}
.offcanvas .nav-item.active .nav-link.active{
color:var(--bs-primary);
}
.offcanvas .nav-item #submenu-358 .nav .nav-item{
border:0;
} .offcanvas .nav {
list-style: circle;
}
.offcanvas .nav > li:is(.active, :hover),
.offcanvas .nav > li:has(> .nav-link:is(.active, :hover)) {
list-style-type: disc;
}
.offcanvas .nav > li:is(.active, :hover)::marker,
.offcanvas .nav > li:has(> .nav-link:is(.active, :hover))::marker {
color:var(--bs-primary);
}
.btn-toggle i,
.nav-link i.fa-chevron-right {
transition: transform .2s ease;
display: inline-block;
}
.nav-link[aria-expanded="true"] i.fa-chevron-right {
transform: rotate(90deg);
}
.nav-link.collapsed i.fa-chevron-right {
transform: rotate(0deg);
}  .cat-1 {
background-color: #f8d7da;
color: #842029 !important;
border: 1px solid #f5c2c7;
}
.cat-1:hover {
background-color: #f5c2c7;
color: #58151c !important;
border-color: #f1aeb5;
} .cat-2 {
background-color: #d1e7dd;
color: #0f5132 !important;
border: 1px solid #badbcc;
}
.cat-2:hover {
background-color: #badbcc;
color: #0a3622 !important;
border-color: #9dc5b7;
} .cat-3 {
background-color: #cfe2ff;
color: #084298 !important;
border: 1px solid #b6d4fe;
}
.cat-3:hover {
background-color: #b6d4fe;
color: #052c65 !important;
border-color: #9ec5fe;
} .cat-4 {
background-color: #fff3cd;
color: #664d03 !important;
border: 1px solid #ffe69c;
}
.cat-4:hover {
background-color: #ffe69c;
color: #533f03 !important;
border-color: #ffd866;
} .cat-5 {
background-color: #e2d9f3;
color: #38225d !important;
border: 1px solid #d0bdf4;
}
.cat-5:hover {
background-color: #d0bdf4;
color: #2d1a4a !important;
border-color: #bea2f2;
} .cat-6 {
background-color: #fce2ec;
color: #801336 !important;
border: 1px solid #f8c5da;
}
.cat-6:hover {
background-color: #f8c5da;
color: #5c0e27;
}