body{position: relative;}
.scrollspy {
    position: relative;
    overflow: auto;
}


.color-primary {
  color: #dd5903;
}

.color-light {
  color: #eee;
}

.bg-color-light {
  background-color: #f0f9ff;
}

.color-black, .color-black * {
  color: #000;
}
.color-black p, .color-black * p {
  color: #0a253e;
}

.dark-bg {
  background-color: #0e0d0a;
}

.bg-cover {
  background-size: cover;
  background-position: center center;
}

.overlay {
  background-color: rgba(0, 0, 0, 0.4);
}


/* kolory podstrony */

.subPages h1, .subPages h2, .subPages h3, .subPages h4{color:#000;}
.section-starter h1, .section-starter .h2, .section-starter h3, .section-starter .subtitle {color:#fff;}
.section-starter {margin-bottom:3rem!important;}
.section-starter .mask {position:relative; overflow:hidden;}
.section-starter .mask:before,  .section-starter .mask .swiper-slide:before {
    position:absolute;
    z-index:1;
    left:0; top:0; bottom:0; right:0;
    display:block;
    content:'';
}
.section-starter .bg-image {position:absolute; z-index:0; left:0; top:0; right:0; bottom:0;}
.section-starter .mask.mask-60:before, .section-starter .mask.mask-60 .swiper-slide:before {background:rgba(0,0,0,.65);}
.section-starter .mask.mask-80:before, .section-starter .mask.mask-80 .swiper-slide:before {background:rgba(0,0,0,.85);}
.section-starter .mask.mask-30:before, .section-starter .mask.mask-30 .swiper-slide:before {background:rgba(0,0,0,.45);}
.section-starter .overlay, .section-starter .mask .swiper-slide div.w-100.d-flex {width:100%; position:relative; z-index:3;}
.start-video video {
    z-index: 0;
    max-width: 100%;
    object-fit: cover;
    overflow-clip-margin: content-box;
    overflow: clip;
    position: absolute!important;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}



h1 {
  max-width: 900px;
  font-family: Cormorant Garamond, serif;
  line-height: 1 !important;
  color: #fff;
  letter-spacing: 0;
  text-transform: uppercase;
  font-weight: 600 !important;
}
h2, h3 {
  font-family: Cormorant Garamond, serif;
  line-height: 1 !important;
  color: #033a58;
  letter-spacing: 0;
  font-weight: 600 !important;
  text-transform: uppercase;
}

h3 {
  font-weight: 500;
  letter-spacing: 0;
}

h4 {
  font-family: Cormorant Garamond, serif;
  line-height: 1 !important;
  color: #fff;
  letter-spacing: 0;
  text-transform: capitalize;
  font-size: 24px;
  color: #033a58;
  font-weight: 600;
}

h5 {
  font-family: Cormorant Garamond, serif;
  line-height: 1 !important;
  color: #fff;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 16px;
}

.eyebrow {
  display: block;
  font-family: "Jost", sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
  color: #033a58;
}

p, label {
  font-family: "Jost", sans-serif;
  color: #0a253e;
  letter-spacing: 0.4px;
  font-weight: 400;
  font-size: 18px;
}

label {
  font-size: 14px;
}
label a {
  color: #0a253e;
}

.opacity-60 {
  opacity: 0.6;
}

.f-14 {
  font-size: 14px;
}

.f-16 {
  font-size: 16px;
}

.f-18 {
  font-size: 18px;
}

.f-20 {
  font-size: 20px;
}

.fw-500 {
  font-weight: 500;
}

.navbar.fixed {
  position: fixed !important;
  padding: 0 !important;
  background-color: #000;
}
.navbar.fixed .logo {width:120px;}
.navbar.fixed .contact-details {
  display: none;
}
.navbar .navbar-collapse.show, .navbar .navbar-collapse.collapsing {
  background-color: #000;
}

.nav-link.active, .nav-link:hover, .nav-link:focus {
  color: #dd5903;
}

.nav-link, .button {
  font-family: "Jost", sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 38px;
  color: #fff;
}

.button {
  padding: 0 30px;
  text-align: center;
  transition: 0.4s;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}
.button.button-primary {
  border: 2px solid #dd5903;
  color: #fff;
  background-color: #dd5903;
}
.button.button-primary:hover {
  transform: translateY(-5px);
}
.button.button-blue {
  border: 2px solid #033a58;
  color: #033a58;
}
.button.button-blue:hover {
  background-color: #033a58;
  transform: translateY(-5px);
  color: #fff;
}
.button.button-white {
  border: 2px solid #fff;
  color: #fff;
}
.button.button-white:hover {
  background-color: #fff;
  transform: translateY(-5px);
  color: #000;
}
.button.button-filled {
  background-color: #fff;
  color: #000;
}
.button.button-filled:hover {
  background-color: #dd5903;
  color: #fff;
  transform: translateY(-5px);
}
.button.button-underlined {
  padding: 0;
  color: #fff;
  padding-bottom: 8px;
  position: relative;
}
.button.button-underlined:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border-bottom: 2px solid #dd5903;
  transition: ease 0.3s;
  transform-origin: right;
}
.button.button-underlined:hover:after {
  transform: scaleX(0);
}
.button.button-underlined.text-black {
  color: #0a253e;
}

.stars {
  font-size: 10px;
}

img, video {
  max-width: 100%;
  object-fit: cover;
}

.bg-video {
  z-index: -1;
}

a {
  text-decoration: none;
  color: #fff;
}
a:hover {
  color: #dd5903;
}
a:hover i {
  color: #dd5903;
}

ul {
  list-style-type: none;
}

.border-bottom {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.border-top {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.dress-code-card {
  max-width: 315px;
  border: 1px solid #dd5903;
  border-radius: 5px;
}

.float-images img:last-child {
  width: 60% !important;
  transform: translate(-20%, 10%);
}

.footer-copyright {
  opacity: 0.8;
}

.waves {
  height: 90px;
  transform: rotate(-180deg);
}
.waves svg {
  height: 100%;
}
.waves svg path {
  fill: #fff;
  transform-origin: center;
  transform: rotateY(0deg);
}
@media (max-width: 767px) {
  .waves {
    height: 50px;
  }
}

.menu-list {
  padding-left: 0;
  counter-reset: item;
}
.menu-list li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 5px 0;

}
.menu-list li:before {
	 font-style: normal;
      font-variant: normal;
      text-rendering: auto;
	  font-weight: 400;
      -webkit-font-smoothing: antialiased;
    line-height: 1;
	 
  /* 
	content: "✓"; 
	margin-right: 12px;
  
  */
  
  
 
  display: inline-block;
  
}
.menu-list li:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.menu-list li a {
  font-family: "Cormorant Garamond", Sans-serif;
   font-size: 24px;
    color: #033a58;
	font-weight: 600 !important;
}

.menu-card {
  background-color: rgba(255, 255, 255, 0.8);
}
.menu-card ul {
  min-width: 456px;
}
@media (max-width: 767px) {
  .menu-card ul {
    min-width: 100%;
  }
}
.menu-card h4:after {
  content: "";
  display: block;
  margin: 0 12px;
  flex-grow: 1;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.menu-card .eyebrow {
  font-size: 13px;
}

.input-field {
  border-bottom: 1px solid #0a253e;
}
.input-field, .input-field button {
  font-family: "Jost", sans-serif;
  color: #033a58;
  letter-spacing: 0.4px;
  font-weight: 400;
  font-size: 16px;
}
.input-field input, .input-field button {
  border: none;
  background: none;
  outline: none;
}
.input-field input {
  flex-grow: 1;
}

footer, footer * {
  color: #fff;
}
footer .overlay {
  /* background-color: rgba(20, 49, 79, 0.9); */
  background-color: rgba(0, 0, 0, 0.9);
}

.swiper-slide {
  height: auto;
}
#start .swiper-slide.bg-cover {
  height: 100%;
}
.swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background-color: #fff;
  opacity: 1;
  transition: ease 0.3s;
}
.swiper-pagination-bullet-active {
  width: 32px;
  border-radius: 10px;
}

.swiper-button-prev, .swiper-button-next {
  background-color: #fff;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #033a58;
}
.swiper-button-prev:after, .swiper-button-next:after {
  font-size: 30px;
}

.gallery-filters .button {
  background: none;
  color: #dd5903;
}
.gallery-filters .button.active {
  background-color: #dd5903;
  color: #fff;
}

.gallery-item {
  margin: 10px;
}

.menu-category-slider .slick-slide {
  transition: opacity ease 0.3s, transform ease 0.3s;
  transform-origin: bottom;
}
.menu-category-slider .slick-slide:not(.slick-center) {
  transform: scale(0.6);
  opacity: 0.6;
}


*:focus {outline:none !important;}
#rezerwacja .form-control:focus, #rezerwacja .form-select:focus,   
input:hover, .form-control:focus, .form-select:focus {
		outline:none !important; 
		border-color:#ccc !important; 
		box-shadow: none !important; 
		-webkit-box-shadow:none !important;
} 


#languages a {color:#fff; text-transform:uppercase; line-height: 30px;}
#languages a.active {color: #dd5903;}


#promo_popup {position:fixed; width:90%; left:5%; top:10vh; z-index:101; }
@media (min-width: 600px) {
  #promo_popup {width:500px; left:50%; margin-left:-250px;}
}
@media (min-width: 1300px) {
  #promo_popup {top:15vh; }
}
#promo_popup:before {content:''; display:block; background:#000; opacity:.7; position:fixed; width:100vw; height:100vh; z-index:100; left:0; top:0; }
#promo_popup .popup_item {border-radius: 0px;}
#promo_popup div {position:relative; z-index:102;}
#promo_popup .img-thumbnail {padding: 0; background-color: none;  border: none;}
#promo_popup  .btn-primary {border-radius:0; border: 2px solid #dd5903;
    color: #fff;
    background-color: #dd5903;}



.card-offer {height:16vw; position:relative; overflow:hidden; border-radius:0;}
    .offer-picture a img, .offer-description  {
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }
    .offer-description {background:#fff; position:absolute; height:100%; margin-top:60%; left:0; z-index: 1; width:100%;}
    
    
    .offer-picture a:hover img{opacity:.7; background:#000;}
    .offer-more {font-size: .9rem; opacity:.7;}
	
	@media (max-width: 1700px) {
		.offer-description { margin-top:55%;}
		.card-offer {height:21vw;}
		.offer-more {font-size: .85rem; opacity:.7;}
	}
	.card-offer:hover .offer-description, .card-offer:focus .offer-description{margin-top:4vw;}
    
  
    
.section-text {
	padding:3rem 0;
	color:#000;
	
}
.section-text p, .section-text ul li, .section-text h2 {
	 
}
.section-text h2 {text-align:center;}

.section-text table {
	width:100% !important;
	margin-bottom:3rem;
}
.section-text table td {
	    vertical-align: top;
		padding:15px 0;
		border-bottom:1px solid #ccc;
}

  
    

.gallery .bg-cover {position:relative; overflow:hidden;  }
.gallery .bg-cover:hover {opacity:.8;}
.gallery .bg-cover a {position:absolute; width:100%; top:0; left:0; height:100%;}


.button {overflow:hidden;}

@media (max-width: 1400px){
   footer .button {padding:0 5px; font-size: 12px;}
}



@media (min-width: 768px){
	.gallery .bg-cover {padding-top:32vw;}
	header .button {padding:0 15px; }
	#languages {padding-left:1rem; padding-top:.25rem;}
}



@media (max-width: 767px){
    .menu-card.p-5 {padding:2rem !important;}
    #menu_more .justify-content-end {
        justify-content: center !important;
    }

    h4 {font-size:18px;}
    
    .navbar {background-color: rgba(0,0,0,.8);}
    
    .nav-link {padding: 0.25rem 1rem;}  
    #navbar {padding-top:15px;}    
	#endmenu {
        display:block !important;
        width:100%;
        text-align:center !important;
    }
    #languages {width:100%; display:block !important; padding-top:30px;}
    #languages a {  }
    
    .swiper.slider3 {height:40vh !important;}
    
    #reservation_request_reserve {width:100% !important;}
    .ad1 {font-size:12px !important;}
    
    #design .float-images {padding-bottom:3rem !important;}
    
    footer {text-align:center !important;}
    footer img {max-width:50% !important; margin:0 auto !important;  margin-bottom:1rem !important; width:50%;}
    footer h5.mt-2 {margin-top:3rem !important;}
    
     
    /* fixy */
    .swiper-horizontal {padding-bottom:30px;}
    #filozofia_more .swiper-horizontal {padding-bottom:0px;}
    .swiper-horizontal .swiper-slide .bg-cover {padding-top:100% !important;}
   
    .navbar {justify-content: center;}

    .navbar-toggler {margin-top:20px;}
    .fixed .navbar-toggler {margin-top:6px;}
    
    .eyebrow {text-align:center !important;}
    .eyebrow + h2 {text-align:center !important;}
    
    p {text-align:justify !important;}

    #eventy .menu-card.mx-5 {margin:0 !important;}
    .menu-list li a {font-size: 20px;}
    
    #menu_more .col-6.menu-card {
        padding-bottom:30px;
    }
    #menu_more .col-6.menu-card h4 {font-size: 16px;}
    
    .f-16 {font-size: 14px;}
    .f-20 {font-size: 16px;}
    
    .section-title-box h2 {margin:15px 0 0 0 !important;}
    
    .footer-copyright, footer p{display:block !important; text-align:center !important;}
    .footer-copyright p {margin-bottom:2rem !important;}
    
    footer .col-md-9 .row .col {flex-shrink: 0 !important; flex: 0 0 100%;}
    
    /* oferty specjalne */
    .card-offer {height: auto;}
    .offer-description {position:relative; margin-top: 0;}
    
    .menu-card {
        background-color: rgba(255, 255, 255, 0.9);
    }
    
    
    #wnetrza {margin-bottom:3rem;}
    #eventy .swiper-horizontal {
        padding-bottom: 0px;
    }
    

}

ul li .col-3 .ps-2 span.f-20 {display:block;}
    ul li .col-3 .ps-2 span.f-20 + span.f-20 {padding-top:5px;}
    
    
@media (max-width: 440px){
    
    .navbar .logo {
        max-width: 190px !important;
        max-height:80px !important;
        width:auto !important;
    }

    .navbar.smaller .logo, .navbar.fixed .logo  {
        width: auto !important;
        max-width:170px;
        max-height:60px !important;
    }

    p, .f-16, .f-14 {font-size:.85rem;}
    p.lead, .lead, .f-18 {font-size: 1rem;}

    .row.w-100 {width:auto !important;}
    header .row.w-100 {width: 100%!important;}
    
    .py-5 {
        padding-top: 1.5rem!important;
        padding-bottom: 1.5rem!important;
    }
    #rezerwacja .overlay .overlay {padding: 2rem!important;}
    
    footer .col-5.text-end{ text-align:left !important;}
    footer img {margin-left:5% !important;}
    footer .col-5.text-end img {width:35%; margin-left:8% !important;}
    
   
}