/* === SILNIK REZERWACJI (HotelSystems) — ukrycie ładującego się preloadera silnika rezerwacji */
.container-hs-wrapper > .hsBox-preloader {
display: none;
}
.container-hs-wrapper > div[style*="visibility: hidden"] {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
}
/* === /SILNIK REZERWACJI === */

a.brown, a.brown:hover {
color: var(--btnRezHvr);
}
.Error/*, .act .mainNav .mainMenu>li.last>a:hover*/ {
background: var(--themeColor);
}
.button, .buttonReservation, .inputRez, .scrollDown, .scrollTop, .slick-arrow {
cursor: pointer;
}
.beutyFont, .offerName {
font-family: var(--beutyFont);
font-variant-numeric: lining-nums;
}
.button, .footerMenu a, .footerWrapper a, .localization a, .logoHS, .mainNav a, .optCat li a, .roomWrapper, .singleOffer, .voucherButton {
text-decoration: none;
}
.logoHS {color:var(--fontColor);}
:root {
--themeColor: #5F7D71;
--fontColor: #555555;
--spacing: 100px;
--beutyFont:"Old Standard TT", serif;
--regularFont: "Nunito", sans-serif;
--font-size: 15px;
--font-medium: 22px;
--font-medium: 22px;
--font-large: 42px;
--font-large-color: #5F7D71;
--little-gray-bkg: #fafafa;
--menuTr: rgba(40, 87, 40, 0.4);
--menuTrNA: rgba(40, 87, 40, 0.7);
--menuTrHvr: rgba(40, 87, 40, 1);
--light-color: #F3E3C4;
--light-bkg: rgba(202, 210, 197,0.1);
--dark-color: #1A7442;
--btnRezHvr: #D4A373;
--btnRezHover: #5F7D71;
--siteWidth: 1190px;
--siteWidthShort: 1190px;
--footerColor: #5F7D71;
}
html {
scroll-behavior: smooth;
overflow-x: hidden;
}

.loader-container {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 99999999;
background-color: transparent !important;
opacity: 1;
transition: opacity 0.6s ease-in-out;
pointer-events: all;
}

.loader-logo {
z-index: 5;
width: 160px;
height: 160px;
padding-bottom: 10px;
background-repeat: no-repeat;
background-size: 100px;
background-position: center
}

.first-half-preloader,
.second-half-preloader {
top: 0;
height: 50%;
left: 0;
position: absolute;
right: 0;
z-index: 2;
background-color: #fff;
transition: transform 1s ease-in-out;
}

.second-half-preloader {
top: unset;
bottom: 0;
}

.first-half-preloader {
transform: translateY(0);
}

.second-half-preloader {
transform: translateY(0);
}

.preloader.hide .first-half-preloader {
transform: translateY(-100%);
}

.preloader.hide .second-half-preloader {
transform: translateY(100%);
}

.preloader.hide {
opacity: 0;
pointer-events: none;
}

.logoSpinSpin {
display: flex;
margin: 0 auto;
width: 160px;
height: 160px;
margin-top: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 10;
}

.loader-logo{z-index:5;width:160px;height:160px;padding-bottom:10px;background-repeat:no-repeat;background-size:100px;background-position:center;position:relative;}
.loader-circle{border-top:1px solid var(--themeColor);border-radius:50%;width:160px;height:160px;animation:spin 1.5s linear infinite;position:relative;z-index:3;}
@keyframes spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
img.logoSpin {
display: inline-block;
margin: 0 auto;
width: 100px;
margin-top: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}


@keyframes spin {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}

@keyframes fade {
0%, 100% { opacity: 0; }
20%, 80% { opacity: 1; }
}

.logoSpinSpin svg path {
animation: fade 2s ease-in-out infinite both;
}

.logoSpinSpin svg path:nth-child(3n+1) {
animation-delay: 0.1s;
}

.logoSpinSpin svg path:nth-child(3n+2) {
animation-delay: 0.2s;
}

.logoSpinSpin svg path:nth-child(3n+3) {
animation-delay: 0.3s;
}

.cd-headline.rotate-3 i {min-width:5px;}
.body-ident-vouchery article,
.body-ident-main article {
display: flex;
flex-direction: column;
}

.body-ident-main section {
order: 15;
}
.body-ident-main .section-36650 {
order: 2;
}
.body-ident-main #offersMain {
order: 1;
}
.body-ident-main .roomsMain {
order: 3;
padding-top: var(--spacing);
}
.body-ident-main .section-29378 {
order: 4;
}
.body-ident-main .section-29379 {
order: 5;
}
.body-ident-main .section-28303 {
order: 7;
}
.body-ident-main .section-28305 {
order: 8;
}
.body-ident-main .sectionOpinie {
order: 17;
padding-top: var(--spacing);
}
.body-ident-main .sectionGallery  {
order: 18;
padding-top: var(--spacing);
}
.body-ident-ceny_i_rezerwacja {margin-top:50px;}
.act .header-middle, .body-ident-ceny_i_rezerwacja .articleContent, .body-ident-galeria .articleContent,
section.animated {z-index:5;}
strong {
font-weight: 600;
}
body {
font-weight: 400;
font-style: normal;
letter-spacing: .04em;
}
.grid {
display:grid;
}

.beutyFont {
font-weight: 400;
letter-spacing: .04em;
}
.Error {
padding-top: 150px;
display: flex;
flex-direction: column;
align-items: center;
color: #fff;
padding-bottom: 100px;
}
#optionsList, .optCat {
justify-content: center;
display: flex;
}
.Error h2 {
margin: 0;
font-size: 100px;
}
#optionsList {
width: 100%;
}
.optCat {
width: 100%!important;
margin: 20px 0!important;
list-style-type: none;
position: sticky;
top: 60px;
background: #fff;
z-index: 10;
padding: 10px 0;
gap: 20px;
}
.siteWidth, .siteWidthShort {
margin: 0 auto;
width: 100%}
.optCat li {
margin: 1px 1px 0 0!important;
display: inline-block;
float: none;
padding: 1px 0 0!important;
list-style-image: none;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.optCat li a {
position: relative;
background: 0 0;
color: #000;
font-size: 15px;
line-height: 1;
padding: 0 10px 10px;
float: left;
text-transform: uppercase;
}
.footerWrapper *, .heroTitle, .mainNav .mainMenu>li ul .act a, .sectionSeparator .contentTitle .beutyFont, section.sectionSeparator a {
color: #fff;
}
.footerWrapper p {margin:20px 0 0;line-height:2;text-transform: uppercase;}
.optCat li a:hover, .optCat li.active a {
background: 0 0!important;
color: var(--themeColor)!important;
}
.footer-image img{
width: 50px;
}
.optCat li a:hover::before, .optCat li.active a::before {
content: "";
position: absolute;
bottom: 0;
width: 40px;
height: 1px;
left: 50%;
transform: translatex(-50%);
background: var(--themeColor);
}
body {
margin: 0;
padding: 0;
font-family: var(--regularFont);
font-style: normal;
}
* {
box-sizing: border-box;
}
.flexing {
display: flex;
}
.flex-wrap, .galleryGrid, .offersPage .offersContainer {
flex-wrap: wrap;
}
.flex-column, .roomContent {
flex-direction: column;
}
.data-picker-rez, .justify-center, .roomSide .roomPrice {
justify-content: center;
}
.justify-between, .mainNav, .newsletterWrapper .contentTitle {
justify-content: space-between;
}
.justify-start {
justify-content: flex-start;
}
footer .Column:not(:first-child){
justify-content: center;
align-items: center;
}
.justify-end {
justify-content: flex-end;
}
.align-center {
align-items: center;
}
.align-end {
align-items: flex-end;
}
.align-start {
align-items: flex-start;
}
.siteWidth {
max-width: var(--siteWidth);
}
.sectionSeparator .siteWidth, .siteWidthShort {
max-width: var(--siteWidthShort);
}
.onRight {
text-align: right;
}
.onLeft {
text-align: left;
}
.onCenter {
text-align: center;
}
.clear-list {
list-style: none;
padding: 0;
}
.bgCover {
background-position: center;
background-size: cover!important;
}
.imgCover {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
aspect-ratio: 1 / 0.9;
transition: 300ms;
}
.sectionGallery.wsekcji .galleryPicture, header ul {
margin: 0;
padding: 0;
}
header {
position: relative;
background: rgba(40, 87, 40,0.1);
/* z-index:10;*/
}
.FeaturedRoom *, .act .logoLi, .buttonReservation, .galleryImageWrapper img, .galleryPicture span, .galleryPicture::before, .galleryPicture:hover span, .galleryPicture:hover::before, .header-middle, .imageMediaWrapper .button, .imageMediaWrapper::before, .inputRez_____, .inputRez::before, .logoLi, .logoLi .logo, .mainNav a::before, .scrollTop, .slick-arrow, a {
transition: .3s;
}
a {
color: var(--btnRezHvr);
text-decoration:none;
}
a.brown {
opacity: 1;
}
a.brown:hover {
opacity: .7;
}
.sectionSimple .sectionSide.sectionContent {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.sectionSimple:not(.onlyTwo) .sectionSide.sectionContent {
background:var(--light-bkg);
}
.sectionSimple.Text .sectionSide.sectionContent {background:transparent!important;}
.sectionSimple.Text .sectionSide.sectionContent .contentTitle div,
.sectionSimple.Text .sectionSide.sectionContent .contentTitle .beutyFont {text-align:center!important;}

.sectionSimple .sectionSide.sectionContent>div {
z-index: 5;
}
section.sectionSeparator .button {
margin-top: 25px;
}
a:hover, section.sectionSeparator a:hover {
color: var(--btnRezHvr);
}
.rezForm .hs-widget {
gap: 10px;
display: flex;
flex-direction: column;
}
.act .logoLi .logoStandard, .form-control, .logoLi .logoFixed, .showmobile {
display: none;
}
.heroTitle .titleInfo {text-align:right;text-shadow: 2px 2px 15px rgba(0,0,0,0.5);}
.heroTitle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.logoLi {
/*    width: 185px;
height: 100px;*/
display: flex;
flex-direction: column;
align-items: center;
position: relative;
justify-content: center;
margin: 0 20px 0 0!important;
}
.logoLi .logo {
width:100%;
display: block;
opacity: 1;
}
.logoLi .logo:hover {
opacity: .6;
}
.act .logoLi .logoFixed {
display: block;
height: 60px;
top: 0;
position: relative;
}
.act .logoLi {
background: 0 0;
height: 70px;
}
.logoLi .logoStandard {
width:120px;
height:140px;
object-fit:contain;
}
.mainSlider .slick-arrow {
display: none!important;
}
.header-middle {
width: 100%;
position: fixed;
top: 0;
z-index: 99!important;
background: 0 0;
}
.mainNav {
display: flex;
align-items: end;
max-width: var(--siteWidth);
/*    max-width: 1280px;*/
justify-content: center;
flex-wrap: nowrap;
position: relative;
margin: 0 auto;
flex-direction: column;
}
.navigation-contianer {
margin-top: 0;
}
#nav, .buttonReservation, .day-and-month, .galleryFirstRow, .galleryGrid, .hero, .inputRez, .mainNav, .mainOffersBox .slick-list, .mainSlider, .navigation-contianer, .rezForm, .slick-list, .slide, .slider-container {
width: 100%}
.mainMenu {
margin-top:10px;
justify-content: space-between;
align-items: flex-start;
width: 100%;
transition:300ms;
}
.act .mainMenu {margin-top:0;}
.act .mainMenu { align-items: center; }
.act .mainMenu > li:not(.logoLi) { margin-top: 0; }

.mainMenu>li:not(.logoLi) {
padding: 0;
position: relative;
margin-top: 40px;
text-align: center;
list-style-type: none;
}
#rooms .contentTitle .beutyFont, .act .mainMenu li {
margin-top: 25px;
}
.data-picker-rez {
font-size:10px;
width: 100%;
align-items: stretch;
color: var(--fontColor);
letter-spacing: .04em;
padding: 0;
border: 1px solid var(--light-color);
background: #FFFFFF;
display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: 40px auto;
text-transform:uppercase;
}

.data-picker-rez .inputRezIn {
	grid-column: 1 / 2;
}
.data-picker-rez .inputRezOut {
	grid-column: 2 / 3;
	border-left:solid 1px var(--btnRezHvr);

}
.data-picker-rez .circleBooking {
	grid-column: 1 / 3;
	height:40px;
}

.act .data-picker-rez .inputRez {opacity:0;height:0!important;visibility:hidden;transition:0;}
.act .inputRez > div {transition:0!important;}
.act .data-picker-rez {grid-template-rows: 0 auto;border:0;}
.act .rezForm {margin-top:15px;}
.act .logoLi {width: auto;}


.bestPriceGuaranted, .voucherButton {
justify-content: center;
display: flex;
color: #fff;
}
.rezForm {
/*transition: .5s;*/
position: relative;
opacity: 1;
visibility: visible;
width: 150px;
min-width:150px;
z-index: 10;
margin-left: 25px;
margin-top: 30px;
}
.rezForm .buttonReservation {width:100%;}

.slick-slide img, .slick-slider {
z-index: 2;
height: 100%}
.bestPriceGuaranted {
background: var(--menuTr);
font-size: var(--font-size);
height: 45px;
align-items: center;
}
.date-wrapper {
display: flex;
align-items: center;
flex-direction:column;
line-height: 1;
}
.date-wrapper .dd {
font-size: 40px;
font-family:var(--beutyFont);
}

.buttonReservation {
text-transform: uppercase;
font-size: var(--font-size);
font-weight: 100;
}
.mm, .voucherButton {
font-size: var(--font-size);
text-transform: uppercase;
}
.sliderImage {
height: 100vh;
height: 100dvh;
width: 100%;
position: relative;
}
.slick-list, .slick-track {height: 100%}
.body-ident-blog .slidePage::before, .sliderImage::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0, transparent 70%, rgba(0, 0, 0, 0.6) 100%);
opacity: 1;
z-index: 3;
}
.dd,
.mm {
margin: 5px 0 0 0;
font-weight:400;
}
.act .navigation-contianer {
transition: .3s;
margin-top: 0;
box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
}
.footerMenu a, .mainNav a {
color:#fff;
font-weight: 400;
font-size: var(--font-size);
letter-spacing: .04em;
text-transform: uppercase;
}
#nav .mainMenu > li:not(.logoLi):not(.last) > a {
font-size: 17px;
}
.act .mainNav .mainMenu>li>a, header.act .sub-menu::after {
color: var(--fontColor);
}
/*.mainNav li.last a:hover {
background: var(--light-color);
color: #fff!important;
}*/
.inputRez {
position: relative;
flex: auto;
}
/*#nav a::before {
content: '\E825';
font-family: "hsfont";
font-size:8px;
position: absolute;
top: -11px;
width: 100%;
left: 50%;
transform: translate(-50%);
opacity: 0;
z-index: 10;
min-width: 34px;
color:#fff;
}
.act #nav a::before {color:var(--btnRezHvr);}*/
.inputRezOut::before {
width: 1px;
height: 15px;
position: absolute;
z-index: 10;
background: #fff;
content: '';
left: 0;
top: 50%;
transform: translate(-50%,-50%);
}


.inputRezIn::before {
bottom: 50%;
width: 20px;
height: 1px;
opacity: 1;
left: unset;
right: 0;
background: #fff;
transform: translatex(50%);
}
/*#nav li.last a::before,*/ #nav li.logoLi a::before, .sub-menu li a::before {
content: none;
}
.voucherButton {
white-space: nowrap;
align-items: center;
height: 45px;
min-width: 175px;
}
.inputRez > div {opacity:1;transition:300ms;padding-top:15px;padding-bottom: 15px;}
.inputRez:hover > div, .voucherButton:hover {
color:var(--themeColor);
/*background: var(--menuTrHvr);*/
}
#nav li a:hover::before, #nav li.act a::before {
width: 100%;
opacity: 1;
}
.cd-words-wrapper,
.cd-words-wrapper b,
.cd-words-wrapper i {line-height:1!important;margin:0;}
.buttonReservation {
background: var(--dark-color);
color: #fff;
height: 100%;
text-transform: uppercase;
width: 175px;
line-height:1;
border:solid 1px transparent;
}
.buttonReservation:hover {
background: var(--btnRezHover);
color: #fff;
}
.sectionRow {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
position: relative;
}
.sectionSimple:not(.onlyTwo) .sectionRow {
gap:16px;
}
.sectionSimple:not(.onlyTwo) .sectionRow .sectionSlider {
max-width:660px;
padding:0!important;
}

section.reverse .sectionRow {
flex-direction: row-reverse;
}

#offersMain .nextSlide, #offersMain .prevSlide,
.roomsMain .nextSlide, .roomsMain .prevSlide {left:unset;right:unset;color:var(--themeColor);}
#offersMain .slick-arrow, .roomsMain .slick-arrow {position:relative!important;}
.sectionSide {
width: 50%;
position: relative;
z-index: 2;
}
.sectionSimple.reverse .sectionRow .sectionSide.sectionSlider {
padding-left: 90px;
}
.sectionSimple:not(.reverse) .sectionRow .sectionSide.sectionSlider {
padding-right: 90px;
}
section.onlyTwo {overflow-x:hidden;margin-top:var(--spacing);}
section.onlyTwo .sectionRow:not(.secondRow) {/*background:rgba(243, 227, 196,0.2);*/position:relative;}
section.onlyTwo .sectionRow:not(.secondRow)::before {
content:'';
position:absolute;
background:var(--light-bkg);
width:100vw;
height: 100%;
left:0;
}
section.onlyTwo .sectionImageWrapper {position:relative;justify-content: center;display: flex;}
section.onlyTwo .sectionImage {width:100%;}
section.onlyTwo .sectionSide.sectionImage {width:auto;background:#fff;padding-right: 20px;}
section.onlyTwo .sectionSide.sectionSlider .sectionImage {min-height:550px;object-fit:cover;object-position:center center;}
section.onlyTwo .sectionSide.sectionSlider {width: 660px;padding-right: 0px !important;min-width: 660px;}
section.onlyTwo .sectionRow:not(.secondRow) .sectionContent {padding:var(--spacing);justify-content: center;}
section.onlyTwo .sectionRow.secondRow .sectionContent {padding-top:60px;padding:0!important;justify-content: center;}
section.onlyTwo .sectionRow.secondRow {margin-top:-60px;}

section.onlyTwo .sectionRow:not(.secondRow) {min-height:450px;}
section.onlyTwo .sectionRow.secondRow .sectionSide.sectionContent {width:100%;padding:60px 60px 0!important;margin-top: 0}
section.onlyTwo .sectionSide.sectionContent .contentTitle {padding-bottom:0;width: auto;display: inline-flex;align-items: center;}
section.onlyTwo .sectionSide.sectionContent img {margin-top:30px; width:100%;height:300px;object-fit:cover;object-position:center center;}
section.onlyTwo img.smallimage {width:435px;min-height:unset!important;height:390px;object-fit:cover;object-position:center center;margin-top:-60px;}

section.onlyTwo .sectionRow img.onlyTwoIcons {
height: 240px;
width: 210px;
object-fit:contain;
opacity:0.5;
}

.onlyTwo .sectionSide .buttonWrapper {
margin-top: 20px;
}

section.Text .sectionSide {
width: 100%;
padding: 0 50px!important;
}
.slick-slide img {
width: 100%;
max-width: 100%;
object-fit: cover;
position: relative;
transition: .4s ease-in-out;
}

.sectionSimple.reverse .sectionSide.sectionContent {
padding-right: 80px;
padding-left: 80px;
}
.sectionSimple:not(.onlyTwo) .sectionSide.sectionContent {
padding: 80px;
}
section:not(.sectionExtended) .sectionSide.sectionContent {
padding-right: 80px;
}

/* ===== sectionExtended — mozaika 3 zdjęć (design Figma 252:2) ===== */
.sectionExtended {
margin-top: var(--spacing);
}
.sectionExtended .sectionRowExtended {
display: grid;
grid-template-columns: 310fr 269fr 505fr;
grid-template-rows: auto auto;
column-gap: 48px;
row-gap: 34px;
align-items: stretch;
}
.sectionExtended .sectionContent {
grid-column: 1;
grid-row: 1 / span 2;
align-self: center;
width: auto;
padding: 0;
}
.sectionExtended .sectionContent .contentTitle {
padding-bottom: 20px;
}
.sectionExtended .contentTitle .beutyFont {
color: var(--font-large-color);
}
.sectionExtended .mosaicImg1 { grid-column: 2; grid-row: 1; height: 220px; }
.sectionExtended .mosaicImg2 { grid-column: 2; grid-row: 2; height: 203px; width: 92.5%; justify-self: end; }
.sectionExtended .mosaicImg3 { grid-column: 3; grid-row: 1 / span 2; align-self: center; height: 386px; }
.sectionExtended .mosaicImg img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 980px) {
.sectionExtended .sectionRowExtended {
	display: flex;
	flex-direction: column;
	gap: 30px;
}
.sectionExtended .sectionContent { order: 2; align-self: stretch; }
.sectionExtended .mosaicImg1 { order: 1; height: auto; }
.sectionExtended .mosaicImg2 { order: 3; height: auto; width: auto; }
.sectionExtended .mosaicImg3 { display: none; }
.sectionExtended .mosaicImg img { height: auto; }
}
/* ===== /sectionExtended ===== */

/* ===== sekcjaSlider — slider zdjęć + stały blok treści (Figma 257:24) ===== */
.sekcjaSlider {
position: relative;
margin-top: var(--spacing);
padding-top: 30px;
}
.sekcjaSlider::before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
height: 48%;
background: rgba(202, 210, 197, 0.4);
z-index: 0;
}
.sekcjaSlider .siteWidth {
position: relative;
z-index: 1;
}
.sekcjaSlider .sliderNav {
display: flex;
align-items: center;
justify-content: center;
gap: 24px;
margin-bottom: 30px;
}
.sekcjaSlider .sliderNav .slideTitle {
order: 2;
line-height:1;
min-width: 220px;
text-align: center;
font-size: var(--font-medium);
color: var(--fontColor);
}
.sekcjaSlider .sliderNav .prevSlide { order: 1; }
.sekcjaSlider .sliderNav .nextSlide { order: 3; }
.sekcjaSlider .sliderNav .slick-arrow {
position: static;
top: auto;
transform: none;
color: #AB8662;
cursor: pointer;
}
.sekcjaSlider .sliderNav .prevSlide::before,
.sekcjaSlider .sliderNav .nextSlide::before {
font-family: inherit;
font-size: 16px;
line-height: 1;
}
.sekcjaSlider .sliderNav .prevSlide::before { content: '\E81E';display: flex;justify-content: center;align-items: center; }
.sekcjaSlider .sliderNav .nextSlide::before { content: '\E81F';display: flex;justify-content: center;align-items: center; }
.sekcjaSlider .sectionRowSlider {
display: flex;
align-items: center;
justify-content: space-between;
gap: 60px;
}
.sekcjaSlider .sliderSide {
width: 52%;
}
.sekcjaSlider .contentSide {
width: 34%;
padding: 0;
}
.sekcjaSlider .imageSlider {
width: 100%;
}
.sekcjaSlider .sectionImage {
display: block;
width: 100%;
height: 560px;
object-fit: cover;
}
.sekcjaSlider .contentTitle .beutyFont {
color: var(--font-large-color);
}
@media (max-width: 980px) {
.sekcjaSlider .sectionRowSlider {
	flex-direction: column;
	gap: 30px;
}
.sekcjaSlider .sliderSide,
.sekcjaSlider .contentSide {
	width: 100%;
}
.sekcjaSlider .sectionImage {
	height: 300px;
}
}
/* ===== /sekcjaSlider ===== */

#rooms .slick-slider {
height: auto;
}
.sectionSeparator .sectionSeparator .contentTitle .titleInfo {color:#fff!important;}
.contentTitle .titleInfo {
position: relative;
letter-spacing: .04em;
font-size: var(--font-size);
line-height: 1.5;
font-family: var(--beutyFont);
margin-bottom:10px;
/* color:var(--fontColor); */
}
.contentTitle .beutyFont {
font-size: var(--font-large);
line-height: 1;
margin: 0;
display: block;
color: var(--btnRezHover);
align-items: last baseline!important;
}
.titlesBar{
width:100%;
}
.titlesBar h3{
padding:30px 45px;
}
.sub-menu a {
font-size: 12px;
}
.buttonTheme:hover, .buttonTheme:hover span {
color: #fff!important;
}
.contentTitle .beutyFont .hsfont {
color: var(--light-color);
font-size: 6px!important;
margin-left: 5px;
}
.sectionGallery.wsekcji, .sectionOffersIcon, section#offersMain, section.sectionSimple {
padding-top: var(--spacing);
}
.sectionOffersIcon .sectionRow {
flex-wrap: wrap;
gap: 10px;
}
.sectionOffersIcon .sectionIcon {
width: calc(20% - 20px);
height: 160px;
box-sizing: border-box;
position: Relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
line-height: 1.5;
}
.sectionOffersIcon .sectionIcon .hsfont {
font-size: 53px;
color: var(--themeColor);
line-height: 1;
margin-bottom: 5px;
}
.FeaturedRoom .contentTitle .beutyFont, .mainNews .contentTitle .beutyFont, .offersMainWrapper .contentTitle .beutyFont, .roomsMain .contentTitle .beutyFont, .sectionGallery .contentTitle .beutyFont, .SectionOpinie .contentTitle .beutyFont, {
padding-bottom: 10px;
text-align: left;
}
.newsletterWrapper .contentTitle {
margin:0!important
}
.newsletterWrapper .contentTitle, .roomInfo {
flex-direction: row
}
.singleRoomWrapper {padding:0 8px;cursor:pointer;}
.singleRoomWrapper:not(.slick-active) {opacity:0;transition:1500ms;}
.singleRoomWrapper.slick-active {opacity:1;transition:1500ms;}
.singleRoomWrapper .roomInfo {position:absolute;opacity:0;visibility:hidden;transition:1300ms;}
.singleRoomWrapper a {text-decoration:none;}
.singleRoomWrapper:hover .roomInfo {opacity:1;visibility:visible;}
.singleRoomWrapper .roomPrice {opacity:1;transition:1300ms;visibility:visible;}
/*.singleRoomWrapper:hover .roomPrice {opacity:0;visibility:hidden;}*/
.roomInfo i {
color: #fff;
margin-right: 5px;
font-size:var(--font-size);
}
.roomInfo div {
display: inline-flex;
margin: 0 5px;
align-items: center;
justify-content: start;
padding: 0;
}
.roomName {
color: #fff;
font-size: var(--font-medium);
justify-content: flex-start;
}

.button, .roomsMain .contentTitle .beutyFont {
color: var(--fontColor);
}
.button, .sub-menu a {
align-items: center;
letter-spacing: .04em;
}
.sectionGallery:not(.wsekcji) .contentTitle {
padding: 50px 0!important;
}
.sectionGallery:not(.wsekcji) .contentTitle .beutyFont {
margin: 0;
padding: 0!important;
}
.heroTitle.contentTitle .beutyFont {
border: 0!important;
padding: 0!important;
text-shadow: 2px 2px 5px rgba(0, 0, 0, .25);
color: #fff;
font-size:52px;
text-align:right;
}
.button {
display: inline-flex;
gap: 10px;
justify-content: center;
min-width: 118px;
min-height:43px;
padding:12px 20px;
border: solid 1px var(--themeColor);
font-family:var(--regularFont);
color:var(--fontColor);
font-weight:400;
background: 0;
line-height: 1;
font-size: 15px;
transition: .3s;
}
.button::first-letter{text-transform:uppercase;}
.roomSide .button:not(.rezBtn) {color:#fff;}
.scrollTop, section {
font-size: var(--font-size);
}
.bottomRoom .button {
min-width: 174px;
}
.button.noBorder {
border: 0!important;
}
.buttonLight {
background: 0 0;
color: #fff;
}
.buttonLight::before {
background:#fff;
}
.button:hover {
color:#fff!important;
background:var(--themeColor);
}
.singleRoomWrapper:hover .buttonWrapper .button:not(.rezBtn)::before,
.button:hover::before {background: var(--btnRezHvr)!important;}

.buttonLight:hover:before{
background:#fff!important;
opacity:0.7;
}
.buttonLight:hover {
color:var(--fontColor)!important;
opacity:1;
}
.kafelekContent .buttonWrapper, .sectionSide .buttonWrapper {
margin-top: 20px;
}
.act .sub-menu, .sub-menu {
margin-top: 10px;
}
section {
line-height: 2;
color: var(--fontColor);
letter-spacing: .04em;
position: relative;
}
section p {margin-top:0;}
.contentCenter.sectionSeparator, .contentTitle {
padding-bottom: 30px;
}
.sectionSeparator {
min-height: 600px;
color: #fff;
}
.sectionSeparator .sectionImage {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
object-fit: cover;
object-position: center center;
}
.sectionSeparator .sectionSlider {
position: relative;
width: 100%!important;
height: 100%!important;
padding: 0!important;
}
.galleryContainer, .newsletter, .roomsMainWrapper, .sectionSeparator:not(.contentCenter) .sectionImageWrapper, .sectionTitle {
position: relative;
}
.sectionSeparator:not(.contentCenter) .sectionContent {
position: relative;
z-index: 5;
width: 100%;
max-width:700px;
padding: 0!important;
flex-direction: row;
display: flex;
min-height: 600px;
margin:0 auto;
height:100%;
}
.sectionSeparator .sectionContent .sectionSide {
width: 100%;
z-index: 4;
padding: 100px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.sectionSeparator:not(.contentCenter) .separatorContent>div.contentTitle {
padding-right: 110px;
}
.sectionSeparator .sectionSide.slideTitleBox {
display: flex;
align-items: flex-end;
justify-content: flex-end;
text-align: center;
}
.sectionSeparator .slideTitle {
font-size: var(--font-medium);
width: 400px;
bottom: -70px;
position: relative;
border-bottom: 1px solid;
padding-bottom: 22px;
line-height: 1.5;
}
.sectionSeparator .sliderArrows {
width: 400px;
position: relative;
margin-bottom: 20px;
}
.mainNews .relMainNews::before {
content: '';
width: 100%;
height: 200px;
background: var(--light-color);
position: absolute;
top: 50%;
transform: translatey(-50%);
}
.mainNews .relMainNews>.siteWidth, .mainNews .relMainNews>.siteWidth>.sectionTiles__wrapper {
position: relative;
z-index: 10;
}
.mainNews .relMainNews::before {
top: 90px;
transform: unset;
}
.mainHeader .contentTitle {
width: calc(100% - 150px);
max-width: 1290px;
text-align: left;
padding: 0 0;
z-index: 5;
}
.nextSlide::before, .prevSlide::before, .slick-arrow {
width: 40px;
height: 40px;
line-height:1;
display: flex;
justify-content: center;
align-items: center;
}
.slick-arrow {
color: #fff;
position: absolute;
top: 50%;
right: 0;
z-index: 1;
/*  transform: translate(50%, -50%);*/
}
.naszeObiekty .prevSlide {
left: 40px;
top: 0;
}
.naszeObiekty .nextSlide {
right: 40px;
top: 0;
}
.galleryContainer .slick-arrow {
top: 175px;
}
.prevSlide::before {
content: '\E81E';
font-family: "hsfont"!important;
font-size: 22px;
}
.nextSlide::before {
content: '\E81F';
font-family: "hsfont"!important;
font-size: 22px;
}
section .prevSlide.secarrowleft {left:40px;}
section .nextSlide.secarrowright {right:40px;}
section .prevSlide.secarrowleft,
section .nextSlide.secarrowright {transform:translatey(-50%);}
section .prevSlide.secarrowleft::before {
content: '\E81E';
font-family: "hsfont";
font-size: 22px;
}
section .nextSlide.secarrowright::before {
content: '\E81F';
font-family: "hsfont";
font-size: 22px;
}
section .nextSlide {
transition: .3s;
}
.FeaturedRoom .prevSlide,
.FeaturedGallery .prevSlide,
section:not(.sectionSimple) .prevSlide {
/*background-image: url('/img/hotel/arrowLeft.svg');*/
transition: .3s;
}
.FeaturedRoom .nextSlide,
.FeaturedGallery .nextSlide,
section:not(.sectionSimple):not(.roomsMain) .nextSlide {
/*background-image: url('/img/hotel/arrowRight.svg');*/
transition: .3s;
}
.FeaturedGallery .prevSlide.slick-disabled,
.FeaturedGallery .nextSlide.slick-disabled {opacity:0.7;}

.FeaturedGallery .prevSlide {left:20px;transform: translatey(-50%);}
.FeaturedGallery .nextSlide {right:20px;transform: translatey(-50%);}


section.roomsMain .nextRoom {
right: 80px;
bottom: 40px;
top: unset;
}

.localization a:hover, .nextRoom:hover, .nextSlide:hover, .prevSlide:hover {
opacity: .7;
}
.prevSlide {
left: 0;
right: auto;
/*    transform: translate(-50%, -50%);*/
}
#offersMainSlider .nextSlide, #offersMainSlider .prevSlide {
top: 45%}
.sub-menu {
position: absolute;
text-align: center;
left: 0;
width: 140px;
transform: translate(-50%);
background: var(--menuTrNA);
visibility: hidden;
opacity: 0;
transform: translate3d(0, 0, 0);
transition: transform .3s, opacity .3s, visibility .3s;
border-top: 1px solid #fff;
}
.sub-menu::after {
content: '\e80b';
font-family: hsfont;
color: #fff;
position: absolute;
top: -7px;
font-size: 5px;
left: 20px;
}
.sub-menu::before {
content: '';
position: absolute;
top: -20px;
left: 0;
width: 100%;
height: 20px;
}
.act .sub-menu::before {
top: -29px;
height: 29px;
}
.mainMenu li:hover .sub-menu {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
.sub-menu a {
line-height: 1.2;
padding: 5px 10px 7px;
min-height: 40px;
display: flex;
justify-content: center;
width: 100%;
font-weight: 100;
}
.sub-menu .act a, .sub-menu a:hover {
background: var(--menuTrHvr);
color: var(--light-color);
}
.localizationWrapper {
right:170px;
/*transform: translatex(-50%);*/
text-align: center;
color: #fff;
bottom: -50px!important;
height: 70px;
/*    background-image: url('/img/hotel/centerlinetop.svg');
background-position: bottom center;
background-repeat: no-repeat;*/
}
.localization {
margin-bottom: 40px;
text-transform:uppercase;
font-weight: 600;
}
.localization i, .socialMedia a, footer .socialMedia a {
font-size: 20px;
}
.localizationWrapper .icon-arrow-bottom:before {
width: 40px;
}
.footerWrapperInner {
position: relative;
}
.scrollTop {
display: flex;
align-items: center;
justify-content: center;
color:#fff!important;
position: absolute;
bottom: 0;
right: 30px;
line-height: 1;
opacity: 1;
width: 2px;
}
.scrollTop::before {
content: '\E82E';
font-family: "hsfont";
font-size:11px;
}
.scrollTop span {
transform: rotate(-90deg);
transform-origin: center center;
white-space: nowrap;
text-transform: uppercase;
background: var(--themeColor);
padding: 0 10px;
display: inline-block;
transition: .3s;
}
.scrollTop:hover,
.scrollTop:hover span {
color: var(--btnRezHvr)!important;
}
.scrollDown {
font-size: 40px;
animation-name: scrollAnim;
animation-duration: 2s;
animation-iteration-count: infinite;
position: relative;
display: flex;
width: 50px;
height: 50px;
}
.scrollDown::before{
content:'\E801';
font-family: "hsfont";
font-size:22px;
color:#fff;
position:absolute;
left:0;
top:3px;
right: 0;
margin: auto;
width: 50px;
display: block;
text-align: center;
}
.scrollDown span {
transform: rotate(-90deg);
transform-origin: center center;
}
.scrollDown i {
position: absolute;
top: 40px;
right: -20px;
transform: rotate(-90deg);
}
@keyframes scrollAnim {
0%, 100% {
bottom: 0;
}
50% {
bottom: -10px;
}
}.langsHeader li, .socialMedia li {
position: relative;
line-height: 1;
}

.langs.langsHeader {
left: 0;
font-size: 16px;
gap: 12px;
}
.langs.langsHeader a, .socialMedia a:hover, .socialMediaHeader a:hover {
opacity: 1;
}
.langs.langsHeader a {
display: inline-block;
margin-left: .2em;
margin-right: .2em;
line-height: 1;
position: relative;
padding-bottom: 4px;
}
.langs.langsHeader li a {opacity: 0.7;}
.langs.langsHeader .currentLang a, .langs.langsHeader a:hover {
opacity: 1!important;
}
.langs.langsHeader .currentLang a::after, .langs.langsHeader a:hover::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: #fff;
}
.socialMedia.socialMediaHeader {
right: 0;
gap: 8px;
}
.headerList :is(a), .socialMedia :is(a) {
color: #fff;
text-decoration: none;
}
footer {overflow:hidden;}
body:not(.body-ident-main) footer {padding-top:var(--spacing);}
footer .logoFooter img {width:210px;height:240px;object-fit:contain;object-position:center center;}
footer .socialMedia {
gap: 5px;
justify-content: center;
}
.headerFooter {
position: absolute;
bottom: 50px;
left: 50%;
transform: translate(-50%);
z-index: 10;
}
.headerFooter>* {
position: absolute;
color: var(--themeColor);;
bottom: 0;
}

/* ===== Design Natura Park (Figma 205:2) — hero/menu strony glownej ===== */

.logoLi .langs {
position: static;
margin-top: -4px;
font-size: 15px;
gap: 10px;
}
#nav .logoLi .langs a::before {
display: none;
}
.act .logoLi .langs {
display: none;
}

.mainMenu > li:not(.logoLi) {
min-height: 43px;
display: flex;
align-items: center;
justify-content: center;
}

.mainMenu {
overflow: hidden;
}
.mainMenu > li.first::after {
content: '';
position: absolute;
left: 0;
bottom: 1px;
width: 200vw;
height: 1px;
background: rgba(255, 255, 255, .4);
pointer-events: none;
}
.act .mainMenu > li.first::after {
display: none;
}
.act .header-middle {
background: #fff;
}

nav .mainMenu > li > a::before {
display: none;
}
.mainMenu > li:not(.logoLi):not(.last).act::before,
.mainMenu > li:not(.logoLi):not(.last)::before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 40px;
height: 3px;
background: #fff;
pointer-events: none;
opacity:0;
transition:300ms;
}
.mainMenu > li:not(.logoLi):not(.last).act::before,
.mainMenu > li:not(.logoLi):not(.last):hover::before {opacity:1!important;}

.act .mainMenu > li:not(.logoLi):not(.last).act::before,
.act .mainMenu > li:not(.logoLi):not(.last):hover::before {
background: var(--btnRezHvr);
}

.button.rezBtn,
.mainMenu > li.last > a,
.act .mainNav .mainMenu > li.last > a {
background: var(--btnRezHvr);
color: #fff;
padding: 12px 20px;
font-size: 15px;
/*display: inline-block;*/
line-height: 1;
text-transform:uppercase;
border:0;
}
.button.rezBtn:hover,
.mainMenu > li.last > a:hover,
.act .mainNav .mainMenu > li.last > a:hover {
background: var(--btnRezHover);
color: #fff!important;
}
#nav .mainMenu > li.last > a::before {
display: none;
}

.headerFooter .rezForm {
position: absolute;
right: 0;
bottom: 80px;
width: 390px;
min-width: 0;
margin: 0;
}
.headerFooter .data-picker-rez {
width: 100%;
height: 80px;
grid-template-columns: 1fr 1fr auto;
grid-template-rows: 1fr;
align-items: center;
background: #fff;
border: 1px solid #e6e6e6;
font-size: 13px;
}
.headerFooter .data-picker-rez .inputRezIn  { grid-column: 1 / 2; }
.headerFooter .data-picker-rez .inputRezOut {
grid-column: 2 / 3;
border-left: 0;
position: relative;
}
.headerFooter .data-picker-rez .inputRezOut::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 1px;
height: 24px;
background: #ddd;
}
.headerFooter .data-picker-rez > .circleBooking {
grid-column: 3 / 4;
grid-row: 1;
height: auto;
align-self: center;
padding-right: 18px;
}
.headerFooter .data-picker-rez .inputRez {
opacity: 1;
height: auto;
visibility: visible;
justify-content: flex-start;
padding: 0 18px;
}
.headerFooter .day-and-month {
justify-content: center;
align-items: flex-start;
gap: 4px;
}
.headerFooter .be-caption {
font-size: var(--font-size);
color: var(--fontColor);
text-transform: uppercase;
}
.headerFooter .date-wrapper {
flex-direction: row;
align-items: baseline;
gap: 5px;
}
.headerFooter .data-picker-rez .dd {
font-size: 22px;
color: var(--btnRezHvr);
margin: 0;
line-height: 1;
transition: color .3s;
}
.headerFooter .data-picker-rez .inputRez:hover .dd {
color: var(--btnRezHover);
}
.headerFooter .data-picker-rez .mm {
font-size: var(--font-size);
color: var(--fontColor);
margin: 0;
text-transform: uppercase;
}
.headerFooter .buttonReservation {
width: auto;
height: 43px;
padding: 0 20px;
background: var(--btnRezHvr);
color: #fff;
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
}
.headerFooter .buttonReservation:hover {
background: var(--btnRezHover);
color: #fff;
}

.headerFooter .bestPriceGuaranted {
position: absolute;
right: 410px;
bottom: 8px;
display: block;
height: auto;
background: transparent;
color: #fff;
font-family: var(--beutyFont);
font-size: 22px;
line-height: 1.5;
text-align: center;
white-space: nowrap;
}

.socialMedia.socialMediaHeader {
left: 0;
right: auto;
}

.heroTitle {
left: auto;
right: max(24px, calc(50% - var(--siteWidth) / 2));
top: 38%;
transform: none;
text-align: right;
width: auto;
max-width: calc(100% - 48px);
}
/* ===== /Design Natura Park ===== */

.footerWrapper {
background: var(--footerColor);
padding: 90px 0 90px 0;
margin-top: 0;
}
.footerWrapper a {
text-decoration: none;
}
.footerWrapper ul a:hover,.footerWrapper .footerContent a:hover,.socialMedia a:hover, .footerContact a:hover {
color:var(--btnRezHvr);
}
.footerWrapper * {
color: #fff;
}
.footerMenu a {
text-decoration: none;
}
.footerMenu ul {
justify-content: space-between;
flex-wrap: wrap;
flex-direction:column;
align-items: flex-end;
margin:0;
padding:0;
line-height:2;
}
.footerMenu {margin: 40px 0;}
ul.footerMenu {gap:20px;justify-content:center;}

.footerSubmenu {
margin: 30px auto 20px;
max-width: 800px;
padding-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.footerSubmenu span {color:var(--btnRezHvr);}
.footerSubmenu i.dot {display:inline-block;width:3px;height:3px;background:#fff;margin: 10px 30px;}
.Credits {
min-height: 50px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px;
}
.threeColumns{
padding: 0;
}
.footerWrapperInner .threeColumns{
display: flex;
align-items: flex-start;
gap: 40px;
}
.footerWrapperInner .threeColumns .columnContent {
flex: 1;
}
.footerWrapperInner .threeColumns .footerMenu {
flex: 1;
text-align: right;
margin:0;
}


/*.Column {
flex:0 0 33.333%
}*/
.Column4 {
flex:0 0 auto
}
.socialMedia a {
font-size: 30px;
}
footer .socialMedia {margin:12px 0 0;}
footer .socialMedia a {font-size:24px!important;color:#fff;}
footer .socialMedia a.fa-gift {font-size:26px!important;}
footer .socialMedia li:not(:first-child)::before {display:none!important}

.footerLogoSM {
display: flex;
justify-content: center;
flex-direction: column;
width:100%;
}
.logoColumn {
display: flex;
flex-direction: column;
align-items: center;
flex: 0 0 auto;
position:relative;
}
.newsletter .icon-bird {
position: absolute;
bottom: 0;
right: 200px;
}
.newsletterWrapper {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 140px 0 90px;
position: relative;
}
.newsletterWrapper::before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: auto;
height: 1100px;
background:
linear-gradient(to bottom, #fff, rgba(255,255,255,0) 320px),
url('/img/hotel/newsletterBG.webp') center/cover no-repeat;
opacity: 0.4;
z-index: -1;
}
.newsletterContent {
max-width: 100%;
align-items: center;
display: flex;
flex-direction: row;
width: 500px;
margin: 0 auto;
justify-content: center;
flex-direction: row;
position: relative;
z-index:10;
}
.newsletterContent input:focus{
border:0px !important;
outline: none !important;
}
.newsletterContent input {
flex: 1;
height: 80px;
max-width: 300px;
border: 0;
text-align: left;
background: 0 0;
margin: 0;
padding: 0;
letter-spacing: .04em;
}
.newsletter .squareContent {
font-size: var(--font-size);
color: var(--fontColor);
text-align: center;
}
.newsletterContent input::placeholder {
color: var(--fontColor)!important;
opacity: 1;
font-size: var(--font-size);
letter-spacing: .04em;
text-align: center;
font-family:var(--regularFont);
}
.newsletterContent .button::after {
content:'';
display:inline-block;
width:35px;
height:8px;
background-image:url('/img/newsletter.svg');
background-position:center center;
background-size:contain;
}
.newsletterContent .button {
cursor: pointer;
height: 50px;
font-size: 0;
font-family:var(--regularFont);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
border: 0;
min-width: auto;
padding: 0;
opacity: 1;
transition: .3s;
position: relative;
min-width: unset!important;
text-transform:capitalize;
}
.newsletterContent .button:hover {
background-color: transparent!important;
color:var(--btnRezHvr)!important;
opacity: 1;
}
.footerContent {
font-size: 15px;
letter-spacing: .04em;
line-height: 1.75;
font-weight: 400;
}
.newsletterColumn {
justify-content: end;
}
#offersMain .offerArrows .smallArrow::before, #roomsMain .roomArrows .smallArrow::before, .footerContent p, .offersContainer {
margin: 0;
}
.footerContact {
font-family:var(--beutyFont);
font-size:var(--font-medium);
margin-bottom: 30px;
}
.singleKafelek {
flex: 0 0 33.333%;
display: flex;
flex-direction: column;
}
.singleKafelek img {
width: 100%;
padding: 5px;
}
.kafelekContent {
min-height: 350px;
display: flex;
flex-direction: column;
justify-content: center;
}
.singleKafelek:nth-child(2n) {
flex-direction: column-reverse;
}
/* .footerHead {
font-size: 20px;
color: #fff;
margin-bottom: 15px;
} */
/* === GALERIA (wariant wsekcji) — redesign wg Figma 238-181 === */
.sectionGallery.wsekcji {
position: relative;
z-index: 2;
}
.sectionGallery.wsekcji .contentTitle {
justify-content: flex-start;
text-align: left;
padding-right: 220px;
margin-bottom: 40px;
}
.sectionGallery.wsekcji .contentTitle .beutyFont {
text-align: left;
color: var(--font-large-color);
}

.galleryPicture {
padding: 4px !important;
flex: 0 0 33.333%;
display: block;
position: relative;
line-height:1;
}
.wsekcji .galleryGrid {
display: grid;
grid-template-columns: repeat(3, 1fr); /* 3 kolumny */
gap: 20px; /* Odstęp między elementami */
}
.wsekcji .galleryGrid * {transition:300ms;}
.wsekcji .galleryGrid > .galleryPicture {
grid-column: span 1; /* 3 równe kafelki */
}


.wsekcji .galleryGrid * {transition:300ms;}
.wsekcji .galleryGrid .galleryPicture {padding:0!important;}
.wsekcji .galleryGrid .galleryPicture img {width:100%;aspect-ratio:384/335;height:auto;object-fit:cover;object-position:center center;}
.galleryFirstRow {
display: flex;
flex-direction: row;
height: 100%}
.sectionGallery:not(.wsekcji) .galleryColumn .galleryPicture {
flex: 0 0 100%}
.sectionGallery .galleryColumn a {
line-height: 1;
}
.sectionGallery:not(.wsekcji) .galleryColumn {
width: 33.33%}
.sectionGallery.wsekcji .galleryColumn:first-child, .sectionGallery.wsekcji.reverse .galleryColumn:nth-child(2) {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 390px;
max-width: 100%;
gap: 16px;
}
.sectionGallery.wsekcji.offersGallery .galleryColumn:first-child {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
max-width: 100%;
gap: 10px;
}
/*.sectionGallery.wsekcji .galleryColumn:first-child .galleryImage, .sectionGallery.wsekcji.reverse .galleryColumn:nth-child(2) .galleryImage {
height: 320px;
}*/
.sectionGallery.wsekcji .galleryColumn:nth-child(2), .sectionGallery.wsekcji.reverse .galleryColumn:first-child {
width: calc(100% - 406px);
max-width: 100%}
.sectionGallery:not(.wsekcji) .galleryColumn,
.sectionGallery:not(.wsekcji) .galleryColumn .galleryPicture {
height: 315px;
display: block;
}
.sectionGallery.wsekcji .galleryImage {
width: 100%;
height: auto;
margin: 0;
max-height: 660px;
}
.sectionGallery.wsekcji .buttonWrapper {
position: absolute;
top: var(--spacing);
left: 0;
right: 0;
margin: 0 auto;
margin-right:20px;
max-width: var(--siteWidth);
width: 100%;
height: calc(var(--font-large) * 1 * 2);
justify-content: flex-end;
align-items: flex-end;
}
.sectionGallery.wsekcji .buttonWrapper .button {
border: 0;
padding: 0;
min-width: unset;
color: var(--fontColor);
font-family: var(--regularFont);
text-transform: uppercase;
letter-spacing: .08em;
font-size: 15px;
}
.sectionGallery.wsekcji .buttonWrapper .button:hover {
background: transparent;
color: var(--themeColor);
}
/*.sectionGallery.wsekcji .buttonWrapper .button::after {
content: '';
display: inline-block;
width: 0;
height: 0;
margin-left: 10px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 7px solid var(--light-color);
vertical-align: middle;
}*/
.sectionGallery.wsekcji .galleryGrid {
justify-content: center;
gap: 20px;
}
.sectionGallery.wsekcji .galleryPicture span {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 50%);
display: flex;
min-width: 180px;
opacity: 1;
z-index: 10;
background: #fff;
color: var(--fontColor);
padding: 10px 15px;
text-align: center;
font-family: var(--beutyFont);
font-size: var(--font-medium);
font-weight: 400;
text-transform: uppercase;
white-space: nowrap;
min-height:60px;
justify-content: center;
align-items: center;
}
.sectionGallery.wsekcji .galleryPicture img {
transition: transform .4s ease;
}
.sectionGallery.wsekcji .galleryPicture:hover img {
transform: scale(1.03);
}
.buttonNews::before{
display:none;
}
.galleryImageWrapper {
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.galleryImageWrapper:hover img {
opacity: .9;
transform: scale(1.05);
}
.sectionGallery.reverse .galleryFirstRow {
flex-direction: row-reverse;
position: relative;
}
.sectionGallery .buttonWrapper {
margin-top: var(--spacing);
}
section#mapaGoogle, section.sectionSeparator, section.sekcjaKontakt, section:not(.sectionGallery):not(.wsekcji):first-child {
padding-top: var(--spacing)!important;
}
.sectionGallery:not(.wsekcji) {padding-top:0;}


#offersMain #offersMainSlider {
width: 100%;
overflow: hidden;
}
#offersMainSlider .singleOffer {
height:420px;
position:relative;
display:flex;
flex-direction:column;
}
/*.sectionOpinie .reviewsWrapper {
background-image: url('/img/hotel/reviews.webp');
background-repeat: no-repeat;
background-size: contain;
background-position: center right;
}*/
.sectionOpinie .reviewsWrapper .contentTitle {
text-align: left!important;
}
#offersMain .contentTitle, .FeaturedRoom .contentTitle, .mainNews .contentTitle, .roomWrapper, .roomsMainWrapper .contentTitle, .sectionGallery.wsekcji .contentTitle, .sectionOpinie .contentTitle {
flex-direction: column;
justify-content: space-between;
padding-bottom: 60px!important;
}
.contentTitle div.hidemobile {
display: flex;
justify-content: flex-end;
flex-direction: column;
}
h2 + .buttonWrapper {line-height:1;margin-top: 20px;margin-bottom: 10px;}
/*.FeaturedRoom .contentTitle>div, .mainNews .contentTitle>div, .offersMainWrapper .contentTitle>div, .roomsMainWrapper .contentTitle>div, .sectionGallery.wsekcji .contentTitle>div, .sectionOpinie .contentTitle>div, section.talerz .contentTitle>div {
flex: 0 0 33.33%;
align-items: center;
}*/
.singleOffer .buttonWrapper {
display:flex;
justify-content:flex-start;
transition: .3s;
text-align: left;
position:absolute;
width:100%;
overflow:hidden;
bottom:20px;
}
.singleOffer .buttonWrapper .button {opacity:0;transition:300ms;z-index:10;}
.singleOffer:hover .buttonWrapper .button {opacity:1;}
.singleOffer .buttonWrapper .button:hover {color:var(--themeColor)!important;}
.singleOffer:hover .buttonWrapper {
opacity: 1;
}
.offersMain .offersWrapper > .buttonWrapper {margin:var(--spacing) 0 0 1px;position:relative;gap:20px;}
#offersMain .offersWrapper .contentTitle .beutyFont {
margin-bottom: 100px;
}
.offersMain:not(#offersMain) .buttonWrapper {
margin-top: 100px;
}
#rooms .slick-arrow, #roomsMain .slick-arrow, .offersMain .slick-arrow, .sectionOpinie .slick-arrow {
display: flex;
align-items: center;
position: absolute;
z-index: 5;
}
#rooms .slick-arrow.nextSlide, #roomsMain .slick-arrow.nextSlide, .offersMain .slick-arrow.nextSlide {
left: unset;
}
.roomsArrows,
.roomArrows {
margin-top:60px;
width: 100%;
position: relative;
display: flex;
justify-content: center;
}
#offersMain .offerArrows span, #rooms .roomArrows span, #roomsMain .roomArrows span {
text-transform: uppercase;
/* margin: 0 15px; */
}
#offersMain .offerArrows .button, .roomArrows .button {
margin: 0!important;
white-space: nowrap;
}
.slick-arrow span {
font-size: 14px;
line-height: 1;
letter-spacing: .04em;
padding-bottom: 2px;
}
#offersMain {overflow:hidden;}
.offersAside {
height: 100%;
display: flex;
justify-content: space-between;
position:relative;
}
.offersWrapper {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
height:420px;
}
.roomWrapper, .singleOffer {
margin: 0 8px;
}
.offerWraper, .roomWrapper {
text-align: center;
display: flex;
flex-direction: column;
justify-content: flex-end;
overflow: hidden;
position: relative;
}
.offerWraper{

}
.offerWraper img{
opacity:1;
transition: .4s ease;
}
.offerWraper:hover img{
opacity: .4;
}
.offerWraper .button{
transition: .4s ease;
}
/*.offerWraper:hover .button{
font-size:19px;
}*/
.roomWrapper {
padding: 0!important;
}
.offerName, .offerPriceWrapper {
padding: 0;
text-align: left;
font-weight: 400;
color: #fff;
font-size: 16px;
text-decoration: none;
}
.offerName {
margin: 00;
color: var(--fontColor);
font-size: var(--font-medium);
line-height: 1.25;
position: relative;
}
.offerPriceWrapper {
font-size: var(--font-size);
color: var(--fontColor);
letter-spacing: .04em;
line-height: 1;
opacity: 1;
transition: .5s;
visibility: visible;
display: flex;
/*flex-direction: column;*/
font-family: var(--beutyFont);
height:100%;
}
.body-ident-main .roomsMain, .offerDescription {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
min-height: 150px;
}
.singleOffer .offerDescription::after {
content:'';
position:absolute;
left:0;
top:0;
bottom:0;
width:60%;
background:var(--light-bkg);
transition:300ms;
}
.singleOffer:hover .offerDescription::after {
width:100%;
}
.singleOffer .offerDescription {
height:165px;
transition: .3s;
padding: 20px;
position:absolute;
bottom:0;
z-index:2;
background:#fff;
width:100%;
}
.singleOffer:hover .offerDescription {height:230px;}
.singleOffer .offerDescription > .flexing {width:100%;}
/*.singleOffer:hover .offerDescription {
height: 295px;
}*/
.body-ident-main .roomsMain {
min-height: unset;
}
.imageMediaWrapper {
position: relative;
height: auto;
display: block;
overflow: hidden;
z-index:1;
}
.singleRoomWrapper .imageMediaWrapper::before,
section:not(.offersMain) .imageMediaWrapper::before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: rgba(0,0,0,0.2);
z-index: 5;
}
/*.singleRoomWrapper:hover .imageMediaWrapper::before {
opacity:0.3;
}*/
/*.singleOffer:hover .imgCover {transform: scale(1.05);opacity:0.9;}*/
.singleOffer:hover .imageMediaWrapper .button, .singleRoomWrapper:hover .buttonWrapper, .singleRoomWrapper:hover .imageMediaWrapper .button {
top: 50%;
opacity: 1;
}
.mainOffersBox, .opinieSlider {
width: 100%!important;
position: relative;
}
.imageMediaWrapper .button {
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
z-index: 5;
}

.singleRoomWrapper .buttonWrapper .button {
padding:8px 20px 10px;
min-width: 145px;
/*  height:47px;*/
position: relative;
top: unset;
left: unset;
transform: none;
margin: 0;
}
.singleRoomWrapper .buttonWrapper .button.rezBtn{
color:/*var(--fontColor)*/#fff;
}
.singleRoomWrapper .buttonWrapper .button.rezBtn::before
{
background: #fff;
}
.cont{
margin:0 8px;
}
.singleRoomWrapper .buttonWrapper {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
z-index: 10;
opacity: 1;
transition: .3s;
}
.imageMediaWrapper img {
display: block;
height: 100%;
transform: scale(1);
transition:300ms;
}
.roomImage, .roomsImage {
width: 100%;
max-width: 100%}
.roomsImage {
width: 100%;
height: 500px;
}
section.roomsMain .imageMediaWrapper img {height:600px;object-fit:cover;}
.singleRoomWrapper .imageMediaWrapper {opacity:1;transition:300ms;}
.roomDescription, .roomsDescription {
padding: 20px 0 20px 30px;
width: 100%;
background: 0 0;
color: var(--fontColor);
}
.roomSide.roomsDescription>div {
flex: 0 0 33.33%;
display: flex;
align-items: baseline;
gap:0;
}
.priceRezoffer strong, .roomPrice strong {
font-size: var(--font-medium);
font-weight: 400;
margin: 0 3px;
}
.priceRezoffer strong span {font-size:var(--font-size);}
.roomsDescription {
position: absolute;
bottom: 0;
width: calc(100% - 220px);
z-index: 5;
margin: 45px 110px;
padding: 25px 0;
color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
border-bottom: solid 1px #fff;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.FeaturedRoom .roomsDescription {border:0;margin:20px;left:0;right:0;width:unset;padding:0;}
.FeaturedRoom .roomsDescription > div {flex:0 0 50%;}
.FeaturedRoom .roomPrice {justify-content: flex-end;}
.roomDescription .buttonWrapper .button:not(:last-child) {
margin-right: 30px;
}
.room-icons-in {
display: flex;
flex-wrap: wrap;
margin: -10px;
}
.icon-item {
color: var(--btnRezHvr);
font-size: 18px;
}
.icon-name, .roomsSpecification .hsicon-roomsize {
font-size: 16px;
}
.icon-name {
margin-left: 10px;
}
.roomsSpecification {
margin-left: 100px;
align-self: center;
column-count: 3;
width: 100%}
.roomsSpecification .tt-el {
padding: 10px 0;
}
.roomsName {
font-size: var(--font-medium);
font-weight: 400;
position: relative;
padding: 0;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 20px;
}

.Column {
padding: 20px;
}
.Column4 {
padding: 0 20px;
}
@media(min-height:780px) and (min-width:960px) {
.heroTitle {
top: 50%}
}
@media(min-width:981px) {
.bottomNavMobile, .mobileBar {
display: none;
}
.sliderImage, header.mainHeader:not(.sliderOff) {
min-height: 640px;
}
body:not(.body-layout-home) header .sliderImage {
max-height: 90vh;
max-height: 90dvh;
}
}.localization a {
color: #fff;
text-transform: uppercase;
text-decoration: none!important;
}
@media(max-width:1320px) {
.topBar {
padding: 10px!important;
}
.mainMenu>li:not(.logoLi) {
padding: 0 10px;
}
}@media(max-width:1290px) {

.siteWidth {
max-width: calc(100% - 40px);
padding: 0 20px;
}
.rezForm {margin-right:20px!important;}
.logoLi {margin: 0 30px 0 20px!important;}

}
@media(max-width:980px) {
.heroTitle.contentTitle .beutyFont {text-align:center;}
.footerWrapperInner .threeColumns {display:flex!important;flex-direction:column!important;padding:0;}
.footerWrapperInner .threeColumns .Column.logoColumn {order:1;margin:0;}
.footerWrapperInner .threeColumns .Column {order:2;width:100%;text-align:center;}

footer .Column {width:100%;}
.localizationWrapper {right:unset;left:50%;transform:translatex(-50%);}
.offersMain .offersWrapper > .buttonWrapper {gap:0;}
.contentTitle {padding-bottom:20px;}
.sectionGallery.wsekcji .galleryPicture span {opacity:1;transform:translate(-50%,0);}
.wsekcji .galleryGrid .galleryPicture img {height:100%;}

section.onlyTwo .sectionRow:not(.secondRow)::before {left:-20px;}
section.sectionSimple.Text {overflow-x: scroll;}
.sectionSimple:not(.onlyTwo):not(.Text) .sectionSide.sectionContent {padding:20px!important;}

section.onlyTwo .sectionSide.sectionContent .contentTitle {width:100%;padding-bottom: var(--spacing);}
section.onlyTwo .sectionRow.secondRow {flex-direction: column-reverse!important;}
section.onlyTwo .sectionRow.secondRow,
section.onlyTwo img.smallimage {margin-top:0;}
section.onlyTwo .sectionRow.secondRow .sectionSide.sectionContent {padding: 20px 0!important;}
section.onlyTwo .sectionSide.sectionImage {background:transparent!important;text-align:center;}
section.onlyTwo .onlyTwoIcons {padding:var(--spacing) 0;}

.revQuote {display:none!important;}

.cont {margin:0!important;}
.sectionSeparator .button:not(.rezBtn)::before {background: #fff;}

footer .socialMedia {margin:40px 0 0;}

.offerWraper img {height:80vw!important;}
.singleOffer .offerDescription {padding: 0!important;gap:40px;left:0;right:0;}
.offerPriceWrapper {display:flex;flex-direction:column;}
.offerPriceWrapper .days {text-align:center;padding: 0 10px;}
section.onlyTwo {margin-top:0!important;}
section.onlyTwo .sectionSide.sectionContent,
section.onlyTwo .sectionSide.sectionSlider {padding-right:0!important;width:100%!important;min-width:unset;}
section.roomsMain .imageMediaWrapper img {height:100%;}
.wsekcji .galleryGrid {grid-template-columns:1fr;}
.wsekcji .galleryGrid > .galleryPicture {width:100%;}
section.onlyTwo .sectionSide.sectionSlider .sectionImage,
section.onlyTwo .sectionRow .sectionSlider img:not(.onlyTwoIcons),
section iframe,
section.Text iframe {width:100%!important;height:80vw!important;min-height:100px;}
.sectionSeparator.separatorNew > .siteWidth::before {width:100%!important;right:0;}

.sectionSeparator.separatorNew .sectionSeparatorImage {width:100%;}

section.onlyTwo .sectionRow {margin-top:/*var(--spacing)*/0;}
section.onlyTwo .sectionRow .sectionSide.sectionSlider {order:1}
section.onlyTwo .sectionRow .sectionSide.sectionContent {order:2;}

/*.singleRoomWrapper .roomInfo {opacity:1;visibility:visible;bottom: -10px;}
.singleRoomWrapper:hover .roomPrice {opacity:1;visibility:visible;}*/

.sectionSeparator: not(.contentCenter) .sectionContent {
transform: unset!important;
padding: 0 20px!important;
flex-direction: column;
left: 0;
bottom: 0;
}
.sectionSeparator:not(.contentCenter) .imageSlider .sectionContent {
flex-direction: column;
left: 0;
top: 0;
height: 100%;
justify-content: center;
position: relative;
transform: unset;
padding: 20px !important;
}
section:not(.sectionSeparator) .sectionSlider .slick-slide img {height: 80vw!important;}
.sectionSeparator .sectionImage {height:100%!important;position:absolute;top:0;left:0;right:0;bottom:0;object-fit:cover;}
.sectionSeparator .sliderArrows {
width: 100%;
margin-bottom: 30px;
}
.sectionSeparator.sectionSimple .contentTitle {
padding-top: 0px!important;
}
.sectionSeparator .sliderContent {
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
overflow: hidden;
}
#roomsMain .slick-arrow, .sectionOpinie .slick-arrow, .sectionSeparator .prevSlide {
left: 0;
}

.roomsMain .prevSlide,
section.offersMain .prevSlide {left:unset!important}
.roomsMain .nextSlide,
section.offersMain .nextSlide {right:unset!important}

.sectionSeparator .nextSlide {
right: 0;
}
.sectionSeparator .slideTitle {
width: 100%;
bottom: 0;
border-bottom: unset;
padding-bottom: 35px;
}
.mainNews .relMainNews>.siteWidth::before {
right: 20px;
}
.average span.revsource::after, .average span.revsource::before {
height: 2px!important;
}
.sectionOpinie .sectionSide.sectionContent {
margin-top: var(--spacing);
}
.roomsSection {
margin-bottom: 0;
}
#optionsList .optCat, .footerSubmenu, .footerWrapperInner .fiveColumns, .galleryFirstRow, .newsletterWrapper .contentTitle {flex-direction: column;}
.footer-bottom {padding:0;}
footer .Column:not(:first-child) {
justify-content: center;
}
.footerContent, .footerHead, .footerMenu ul, .roomsName {
text-align: center;
align-items: center;
}
.navigation-contianer {
margin-top: 0;
}
.singleOffer .buttonWrapper, .singleOffer:hover .buttonWrapper {
margin-top: 30px!important;
}
.mainMenu>li:not(.logoLi) {
padding: 0 10px;
width: auto;
}
#offersMain .offerArrows .button span, .btnRoomSpacing span, .mainMenu, .offersMain .buttonWrapper span, .sectionGallery:not(.wsekcji) .contentTitle .beutyFont {
margin: 0;
}
.heroTitle {
top: 50%}
.sliderImage {
height: calc(100vh - 60px);
}
.logo, .logo a, .logo img, .roomsMain .imageMediaWrapper {
height: 100%}
.mainNav, .scrollTop {
display: none;
}
.footerSubmenu a, .logo a {
display: block;
}
.logo img {
width: 150px;
}
.mobileBar {
position: absolute;
z-index: 99;
height: 60px;
background: #fff;
padding: 10px;
}
section .prevSlide {
left: 30px!important;
}
section .nextSlide {
right: 30px!important;
}
.sectionSimple:not(.sectionSeparator):not(.onlyTwo):not(.Text) .contentTitle {padding-top:20px!important;}
.separateOffer .sectionSimple:not(.onlyTwo):not(.Text) .contentTitle {padding-top:0px!important;}
.sectionSimple .contentTitle,
.body-ident-main #SectionOpinie,
.sectionGallery.wsekcji,
section#offersMain,
section.sectionSimple {
padding-top: var(--spacing)!important;
}
.newsletter .contentTitle .beutyFont {left: 50% !important;transform: translate(-50%,10px);}
.newsletterContent .button {right:0!important;}
.newsletterContent input {margin: 0 50px 0 0;text-align: center !important;}
.button:not(.btnBorder):(.buttonNews) {
min-width: 150px!important;
}
.button.rezBtn {
border: 1px solid var(--btnRezHvr);
}
.socialMedia li {
margin: 0 5px!important;
}
.roomsWrapper .buttonWrapper .button {
margin: 0px;
padding: 5px;
}
.roomWrapper, .singleOffer, section.Text .sectionSide {
padding: 0!important;
margin:0;
}
.offersPage .singleOffer {
flex: 0 0 50%}
.galleryColumn .galleryPicture, .galleryPicture {
flex: auto;
height: 80vw!important;
overflow: hidden;
padding:0 0 20px 0!important;
}
.roomDescription, .roomImage {
width: 100%;
max-width: 100%;
padding-right: 0!important;
margin-top: 0;
}
#offersMainSlider .singleOffer,
.roomWrapper {
flex-direction: column-reverse;
height: auto;
justify-content: space-between;
}
.singleRoomWrapper {padding:0}
.roomsMain .slick-track {
display: flex;
align-content: stretch;
}
.roomsMain .slick-slide, .singleOffer .buttonWrapper, .singleOffer .offerDescription, .singleOffer:hover .buttonWrapper {
justify-content:center;
height: auto!important;
}
.singleOffer .buttonWrapper .button {opacity:1;}
.roomsMain .buttonWrapper.flexing {
gap: 10px!important;
margin-top: 20px;
width: 100%;
flex-direction: unset;
flex-wrap: wrap;
justify-content: center !important;
}
.roomDescription {
padding-left: 0;
margin-top: 0;
justify-content: space-between;
}
.roomDescription .contentTitle {
padding-right: 100px;
}
.kafelki>.flexing, .roomContent {
flex-wrap: wrap;
}
.roomsSpecification {
margin-left: 0;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
width: 100%;
margin-top: 50px;
}
.roomsSpecification .tt-el {
flex: 0 0 33.333%;
padding: 5px;
}
.btnRoomSpacing, .offersMain .buttonWrapper {
position: relative!important;
width: 100%;
justify-content: center;
}
.siteWidth {
max-width: 100%}
.roomsWrapper.siteWidth {padding:0!important;}
.roomsWrapper.siteWidth:last-child {padding-bottom:0!important;}

.opinieSlider .slick-list {
padding: 0;
}
.reviewsSlider .nextSlide {
right: 10px;
color: var(--btnRezHvr)!important;
top: 50%!important;
}
.reviewsSlider .prevSlide {
left: 10px;
color: var(--btnRezHvr)!important;
top: 50%!important;
}
.showmobile {
display: inline-flex;
}
.hidemobile {
display: none!important;
height: 0;
overflow: hidden!important;
margin: 0!important;
padding: 0!important;
}
#SectionOpinie::before, .mainSlider .slick-arrow, .newsletter .icon-bird, .rezForm, .roomsMain::before, .roomsSection::before, .sectionSlider::before {
display: none!important;
}
:root {
--spacing: 50px;
--font-size: 15px;
--font-medium: 22px;
}
.offerName {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
width:100%;
text-align:center;
padding:0 10px;
}
ul.langsMobile {
display: flex;
gap: 10px;
flex-direction: row;
padding: 0 0;
list-style-type: none;
width: auto;
justify-content: center;
margin-top:0;
}
ul.langsMobile li {
opacity: .5;
}
ul.langsMobile li.currentLang {
opacity: 1;
}
ul.langsMobile li a {
display: inline-block;
line-height: 1;
position: relative;
text-decoration: none;
color:var(--btnRezHvr);
}
.langsMobile .currentLang a::after, .langsMobile a:hover::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -2px;
height: 1px;
background: var(--btnRezHvr);
}
.footerWrapper {
padding-top: 50px;
height:auto;
}
.footerWrapper .logo img {
width: 150px;
height:auto;
max-width: 100%}
.footerWrapperInner {
border: 0!important;
}
.FeaturedRoom .contentTitle .beutyFont, .mainNews .contentTitle .beutyFont, .offersMainWrapper .contentTitle .beutyFont, .roomsMain .contentTitle .beutyFont, .sectionGallery .contentTitle .beutyFont {
padding-left: 0;
}
.body-nomain section.sectionSimple {
padding-bottom: 0;
}
.offersWrapper, .reviewsWrapper, .sectionSeparator:not(.contentCenter) .separatorContent {
height:auto;
flex-direction: column!important;
align-items: flex-start;
}
.sectionSeparator:not(.contentCenter) .separatorContent>div {
width: 100%;
padding: 0 20px;
}
.sectionSeparator:not(.contentCenter) .separatorContent>div.contentTitle {
padding: 0 20px;
}
.body-ident-main .roomsMain, .roomsSection {
padding-top: var(--spacing);
padding-bottom:0;
min-height: auto;
}
section#mapaGoogle, section.sectionSeparator, section.sekcjaKontakt, section:not(.sectionGallery):not(.wsekcji):first-child {
padding-top: var(--spacing)!important;
padding-bottom: 0;
}
#offersMain .offersWrapper {
background: unset;
}
.opinieContent {
background: 0 0!important;
/*    padding: 0!important;*/
}
.opinieNameWrapper {
justify-content: flex-start!important;
padding-left: 0!important;
}
.sectionGallery.wsekcji .galleryColumn:first-child, .sectionGallery.wsekcji .galleryColumn:nth-child(2), .sectionGallery.wsekcji.reverse .galleryColumn:first-child, .sectionGallery.wsekcji.reverse .galleryColumn:nth-child(2) {
margin-bottom: 0;
margin-top: 0;
width: 100%!important;
padding: 0!important;
}
.sectionGallery.wsekcji .galleryColumn:first-child .galleryImage, .sectionGallery.wsekcji .galleryImage, .sectionGallery.wsekcji.reverse .galleryColumn:nth-child(2) .galleryImage {
height: 80vw;
}
.Column4 {
padding: 20px 0!important;
border: unset!important;
}
.sectionGallery.wsekcji .buttonWrapper {
position: static;
justify-content: center;
margin: 30px 0 0;
width: 100%}
.contentCenter .sectionSeparatorImage img {
position: relative;
height: auto;
}
.contentCenter .sectionSeparatorImage::before {
content: none;
}
.contentCenter .sectionSeparatorImage {
display: flex;
flex-direction: column;
align-items: center;
}
.contentCenter .separatorContent {
margin-bottom: 0;
margin-top: -50px;
max-width: calc(100% - 10px);
padding: 30px 10px;
}
.singleKafelek {
flex: 0 0 100%;
flex-direction: row;
}
.singleKafelek:nth-child(2n) {
flex-direction: row-reverse;
}
.kafelekContent, .singleKafelek img {
width: 50%;
object-fit: cover;
}
.sectionSeparator:not(.contentCenter) .separatorContent {
padding: 30px;
}
.sectionRow {
flex-direction: column!important;
gap:0!important;
}
.sectionSimple:not(.onlyTwo) .sectionRow .sectionSlider,
.sectionSide, .sectionSlider .imageSlider {
width: 100%!important;
max-width: 100%;
padding: 0!important;
}
.sectionSeparator .sectionSide:not(.slideTitleBox) {
height: calc(100% - 110px);
justify-content: space-between;
display: flex;
flex-direction: column;
}
#offersMain .offersWrapper .contentTitle .beutyFont {
margin-bottom: 30px;
}
.sectionSlider .slick-slide img {
width: 100%;
height: 80vw;
}
.newsletterContent, .roomsImage img {width:100%}
.sectionGallery:not(.wsekcji) .galleryColumn {width: 100%;height:80vw!important;}
.newsletterColumn, .newsletterContent input, .newsletterWrapper {
width: 100%;
z-index: 5;
position: relative;
}
.newsletterWrapper {padding: 60px 0; z-index: auto;}
.newsletterWrapper::before {display: none;}

.footer-bottom>div {
margin-bottom: 0;
text-align:center;
color: var(--fontColor);
}
.offerArrows, .roomArrows {
margin: 50px 0 0!important;
width: 100%!important;
flex-wrap: wrap;
position: relative;
justify-content: space-between;
/*display:none;*/
}
.roomsMain .roomArrows {
margin-bottom: 0!important;
margin-top: 0!important;
}
#rooms .prevSlide {
left: 10px!important;
right: auto;
}
#rooms .nextSlide {
left: auto;
right: 10px!important;
}
#rooms .slick-arrow {
position: absolute!important;
color: #fff!important;
}
#offersMain .contentTitle {
display: inline-flex;
width: 100%;
margin-bottom: 0;
padding-bottom:0!important;
}
.offersAside {margin-bottom:40px;}
.offersContainer {
margin: 0 auto!important;
}
.slick-arrow {
font-size: 28px;
}
#roomsMain .slick-arrow.nextSlide, .offersMain .slick-arrow.nextSlide, .sectionOpinie .slick-arrow.nextSlide {
left: unset;
right: 0;
}
.sectionOpinie .slick-arrow, .sectionOpinie .slick-arrow.nextSlide {
top: 4px;
}
.desktopButton {
position: relative;
}
ul.footerMenu,
.footerMenu ul {
margin: 0;
flex-direction: column;
text-align: center;
padding: 0;
}
footer {
padding-bottom: 50px;
}
.footerMenu {
margin: 40px auto 0;
}
.footerMenu a {
padding: 5px 5px!important;
display: inline-block;
}

.roomsMainWrapper {
flex-direction: column;
display: flex;

margin-top: 0;
}
/*#offersMain .contentTitle,*/ .FeaturedRoom .contentTitle, .mainNews .contentTitle, .roomWrapper_, .roomsMainWrapper .contentTitle, .sectionGallery.wsekcji .contentTitle, .sectionOpinie .contentTitle {
flex-direction: column;
padding-bottom: 50px!important;
padding-left:0!important;
}
.sectionGallery.wsekcji .contentTitle {
align-items: center;
text-align: center;
padding-right: 0;
margin-bottom: 0;
}
.sectionGallery.wsekcji .contentTitle .beutyFont {
text-align: center;
}
.FeaturedRoom .contentTitle>div, .mainNews .contentTitle>div, .offersMainWrapper .contentTitle>div, .roomsMainWrapper .contentTitle>div, .sectionGallery.wsekcji .contentTitle>div, .sectionOpinie .contentTitle>div {
flex: 0 0 100%}
.singleOffer .buttonWrapper {
opacity: 1;
visibility: visible;
}
.singleOffer .priceRezoffer {
margin: 25px 0 0 0;
align-items: center;
gap:15px;
}
.offerWraper, .roomWrapper {
justify-content: flex-start;
}
.singleOffer .offerDescription, .singleOffer:hover .offerDescription {
height: /*250px*/auto!important;
position:relative;
}
.sectionOffersIcon>div {
padding: 0 20px!important;
}
.sectionOffersIcon .sectionIcon {
width: calc(50% - 16px);
}
.sectionOffersIcon .sectionRow {
flex-direction: row!important;
}
.sectionOpinie .reviewsWrapper {
background-position: bottom;
padding:20px!important;
}
.average {
flex-direction: row;
justify-content: center;
}
.average>div {
transform: scale(.75);
}
.offersPage .singleOffer {
flex: 0 0 100%;
margin-top: 0;
}
.roomsDescription {
max-width: 100%;
width: calc(100% - 40px);
padding: 20px;
flex-direction: column;
margin: 30px 20px;
}
.roomSide.roomsDescription>div {
flex: auto;
justify-content: center;
}
.roomsImage {
order: 1;
width: 100%;
max-width: 100%!important;
height: 90vw;
}
.roomsDescription, .roomsSpecification {
order: 2;
}
.roomsDescription .buttonWrapper {
flex-direction: column;
justify-content: center;
align-items: center;
}
}@media(max-width:950px) {
.threeColumns {
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
margin: 0;
padding:20px 0 20px 0;
gap:20px!important;
}
.Column:not(:first-child) {
margin-top: 20px;
}
.footerContent .socialMedia {
justify-content: center;
}
}@media(max-width:576px) {
.contentTitle .beutyFont, .offersMain .contentTitle .beutyFont {
font-size: 36px!important;
}
.contentTitle .titleInfo {
font-size: 15px;
text-align: center;
}
section {
padding-top: 40px;
}
.roomsMain .btnRoomSpacing {
position: relative!important;
flex-direction: row;
display: flex;
justify-content: space-between;
}
.sectionGallery .buttonWrapper, footer {
position: relative;
left: unset;
transform: unset;
}
.sectionGallery .buttonWrapper {
margin-top: var(--spacing);
}
footer {
margin-top: 0;
}
.mainHeader .contentTitle {
width: calc(100% - 50px);
padding: 0;
z-index: 5;
}
.heroTitle {
top: 50%}
.headerFooter {
bottom: 50px;
}
.headerFooter .langs, .headerFooter .socialMedia {
display: none;
}
.singleKafelek {
flex: 0 0 100%;
flex-direction: column;
}
.singleKafelek:nth-child(2n) {
flex-direction: column;
}
.kafelekContent, .singleKafelek img {
width: 100%;
object-fit: cover;
}
}@media(max-width:480px) {
.galleryPicture, .roomsSpecification .tt-el {
flex: 0 0 100%}
.galleryColumn:first-child, .galleryColumn:nth-child(2) {
width: 50%}
}.icon-wrapper {
align-items: baseline;
}
.body-ident-rezerwacja #container-hs {
margin-top: 80px;
}
.newsletterWrapper .contentTitle{
position:relative;
justify-content: center !important;
}
.newsletter-highlight{
color: var(--footerColor);
}
.newsletterWrapper p{
color: var(--fontColor);
font-size: var(--font-size);
}
.newsletterContent input{
height:50px !important;
text-align:center;
color: var(--fontColor)!important;
font-size: var(--font-size)!important;
letter-spacing: .04em;
}
.newsletter .newsletterWrapper .contentTitle::before {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
left: 0;
background:url("/img/linia.png");
background-repeat:no-repeat;
background-size:100% 100px;
}
.newsletter .contentTitle .beutyFont {
position: absolute !important;
top: -30px !important;
background: #fff;
left: 30px;
padding: 0px 20px;
}
.newsletterContent{
padding-right:0;
position:initial;
height:50px !important;
border-bottom: solid 1px var(--themeColor);
}

/* ===== Sekcja z wiszacym logo (modyfikator sekcja.tpl: css_class "logo") ===== */

.sectionSimple.logo {
position: relative;
overflow: hidden;
}
.sectionSimple.logo .sectionRow {
align-items: center;
justify-content: flex-start;
gap: 0;
}
.sectionSimple.logo .sectionRow .sectionSide.sectionSlider {
flex: 0 0 606px;
width: 606px;
max-width: 606px;
padding: 0 !important;
}
.sectionSimple.logo .imageSlider,
.sectionSimple.logo .sectionImageWrapper {
height: 500px;
}
.sectionSimple.logo .sectionImage {
width: 100%;
height: 500px;
object-fit: cover;
object-position: center center;
}
.sectionSimple.logo .sectionRow .sectionSide.sectionContent {
flex: 0 0 auto;
width: auto;
max-width: 340px;
margin-left: 120px;
padding: 0 !important;
background: transparent !important;
z-index: 2;
}
.sectionSimple.logo .contentTitle {
position: relative;
}
.sectionSimple.logo .contentTitle .beutyFont {
color: var(--font-large-color);
}
.offersMainWrapper .contentTitle::before,
.sectionSimple.logo .contentTitle::before {
content: "";
position: absolute;
z-index: -1;
top: -30px;
left: 110px;
width: 200px;
height: 280px;
background: var(--light-bkg);
}
.offersMainWrapper .contentTitle::before {left:unset;right:110px;top:30px;width:50vw;}
.sectionSimple.logo .sectionSide.sectionContent > div:not(.contentTitle):not(.buttonWrapper) {
margin-top: 20px;
line-height: 1.8;
}
.sectionSimple.logo .buttonWrapper,
.sectionExtended .buttonWrapper,
.sekcjaSlider .buttonWrapper {
margin-top: 25px;
}
.button.btnBorder,
.offersMain .button,
.sectionSimple .button,
.sectionSimple.logo .buttonWrapper .button,
.sectionExtended .buttonWrapper .button,
.sekcjaSlider .buttonWrapper .button {
display: inline-flex;
align-items: center;
gap: 8px;
min-width: 0;
min-height: 0;
padding: 0;
border: 0;
background: 0 !important;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--fontColor);
font-size: var(--font-size);
position:relative;
}
.sectionSimple.logo .buttonWrapper .button::before,
.sectionExtended .buttonWrapper .button::before,
.sekcjaSlider .buttonWrapper .button::before {
display: none !important;
}
.button.btnBorder::after,
.sectionSimple .button::after,
.offersMain .button::after,
a.separator-bar__link::after,
.sectionGallery.wsekcji .buttonWrapper .button::after,
.roomsMain .buttonWrapper .button:not(.rezBtn)::after,
.sectionSimple.logo .buttonWrapper .button::after,
.sectionExtended .buttonWrapper .button::after,
.sekcjaSlider .buttonWrapper .button::after {
content: '\E830';
font-family: "hsfont";
font-size: 15px;
color:var(--btnRezHvr);
position:absolute;
right:-15px;
top: 40%;
transform: translatey(-50%);
transition: 300ms;
}
.button.btnBorder:hover::after,
.offersMain .button:hover::after,
.separator-bar__link:hover::after,
.button:hover::after {right:-20px!important;}

.button.btnBorder:hover,
.sectionSimple .button:hover,
.singleOffer .buttonWrapper .button:hover,
.offersMain .button:hover,
.sectionSimple.logo .buttonWrapper .button:hover,
.sectionExtended .buttonWrapper .button:hover,
.sekcjaSlider .buttonWrapper .button:hover {
background: 0 !important;
color: var(--themeColor) !important;
}
.sectionSimple.logo .sectionLogo {
position: absolute;
top: 50%;
right: 0;
transform: translate(40%, -50%);
width: 360px;
height: auto;
opacity: 0.2;
z-index: 0;
pointer-events: none;
}
/* wariant bez logo */
.sectionSimple.logo.bezLogo .sectionLogo {
display: none;
}
/* --- odbicie lustrzane (reverse): zdjecie z prawej, logo z lewej --- */
.sectionSimple.logo.reverse .sectionRow .sectionSide.sectionContent {
margin-left: 0;
margin-right: 120px;
}
.sectionSimple.logo.reverse .contentTitle::before {
left: auto;
right: -50px;
}
.sectionSimple.logo.reverse .sectionLogo {
right: auto;
left: 0;
transform: translate(-40%, -50%);
}
/* --- mobile --- */
@media (max-width: 980px) {
.sectionSimple.logo .sectionRow {
	flex-direction: column !important;
}
.sectionSimple.logo .sectionRow .sectionSide.sectionSlider {
	flex-basis: auto;
	width: 100%;
	max-width: none;
}
.sectionSimple.logo .imageSlider,
.sectionSimple.logo .sectionImageWrapper,
.sectionSimple.logo .sectionImage {
	height: auto;
}
.sectionSimple.logo .sectionRow .sectionSide.sectionContent,
.sectionSimple.logo.reverse .sectionRow .sectionSide.sectionContent {
	width: 100% !important;
	max-width: none;
	margin: 20px 0 0 !important;
}
.sectionSimple.logo .contentTitle::before {
	display: none;
}
.sectionSimple.logo .sectionLogo {
	display: none;
}
}

/* === separator: pasek nad zdjeciem (Strefa Spa) === */
.separatorBar .separator-bar__top {
width: 100%;
background: var(--light-bkg);
}
.separatorBar .separator-bar__inner {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 24px 60px;
margin: 0 auto;
padding: 28px 0px;
}
.separatorBar .separator-bar__title {
flex: 0 0 auto;
}
.separatorBar .separator-bar__title .beutyFont {
margin: 0;
font-size: var(--font-large);
line-height: 1.25;
color: var(--font-large-color);
}
.separatorBar .separator-bar__title .titleInfo {
margin-bottom: 6px;
color: var(--fontColor);
}
.separatorBar .separator-bar__text {
flex: 1 1 320px;
max-width: 750px;
font-family: var(--regularFont);
font-size: var(--font-size);
line-height: 1.8;
color: var(--fontColor);
}
.separatorBar .separator-bar__link {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
gap: 8px;
margin-left: auto;
font-family: var(--regularFont);
font-size: var(--font-size);
letter-spacing: .04em;
text-transform: uppercase;
color: var(--fontColor);
transition: color .3s;
position:relative;
margin-right:20px;
}
.separatorBar .separator-bar__arrow {
display: inline-block;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 6px solid #AB8662;
transition: border-left-color .3s;
}
.separatorBar .separator-bar__link:hover,
.separatorBar .separator-bar__link:focus-visible {
color: var(--themeColor);
}
.separatorBar .separator-bar__link:hover .separator-bar__arrow,
.separatorBar .separator-bar__link:focus-visible .separator-bar__arrow {
border-left-color: var(--themeColor);
}
.separatorBar .separator-bar__link:focus-visible {
outline: 2px solid var(--themeColor);
outline-offset: 2px;
}
.separatorBar .separator-bar__image {
position: relative;
width: 100%;
}
.separatorBar .sectionImageWrapper {
position: relative;
height: 600px;
}

@media (max-width: 980px) {
.separatorBar .separator-bar__inner {
flex-direction: column;
align-items: flex-start;
gap: 16px;
padding: 20px;
}
.separatorBar .separator-bar__text {
flex: 0 0 auto;
max-width: 100%;
}
.separatorBar .separator-bar__link {
margin-left: 0;
}
.separatorBar .sectionImageWrapper {
height: 60vw;
min-height: 240px;
}
}

.roomsMain {
padding-bottom: var(--spacing);
}

.roomsMain .roomsMainWrapper {
position: relative;
overflow: visible;
}
.roomsMain .roomSliderRow {
position: relative;
align-items: stretch;
gap: 20px;
}
.roomsMain .roomSliderRow .roomSlider {
flex: 1 1 auto;
min-width: 0;
}

.roomsMain .roomsAside {
flex: 0 0 150px;
justify-content: space-between;
align-items: flex-start;
padding-left: 20px;
padding-bottom:40px;
}
.roomsMain .roomsAside .contentTitle {
display: block;
text-align: left;
padding: 0;
margin: 0;
}
.roomsMain .roomsAside .roomsArrows {
margin: 0;
width: auto;
justify-content: flex-start;
}
.roomsMain .roomsAside .roomsArrows .button {
white-space: nowrap;
}

.offersMain .contentTitle .beutyFont,
.roomsMain .contentTitle .beutyFont {
font-size: 42px;
text-align: left;
color: var(--btnRezHover);
}

.roomsMain .singleRoomWrapper {
cursor: default;
}
.roomsMain .roomWrapper {
flex-direction: column;
}
section.roomsMain .imageMediaWrapper img {
height: 400px;
object-fit: cover;
}
.roomsMain .imageMediaWrapper::before {
display: none;
}

.roomsMain .roomsDescription {
position: static;
width: 100%;
margin: 0;
padding: 15px 20px 20px;
background: var(--light-bkg);
color: var(--fontColor);
border: 0;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.roomsMain .roomsDescription > div {
flex: 0 0 auto;
width: 100%;
}

.singleOffer .days,
.roomsMain .roomPrice {
justify-content: flex-start;
margin: 0;
font-family: var(--regularFont);
font-size: 15px;
}
@media(min-width:981px) {
.singleOffer .days {position:absolute;bottom:20px;transition:300ms;}
.singleOffer:hover .days {position:absolute;bottom:50%;transform:translatey(50%);}
}
.singleOffer .days strong,
.roomsMain .roomPrice strong {
font-size: 22px;
font-weight: 400;
color: var(--btnRezHvr);
}

/* nazwa pokoju */
.roomsMain .roomName {
margin: 0;
font-family: var(--beutyFont);
font-size: 22px;
color: var(--fontColor);
}

.roomsMain .roomInfo {
position: static;
display: flex;
gap: 20px;
/* margin-bottom: 18px; */
opacity: 1;
visibility: visible;
}
.roomsMain .roomInfo div {
width: auto;
align-items: center;
font-family: var(--regularFont);
font-size: 15px;
color: var(--fontColor);
}
.roomsMain .roomInfo i {
margin-right: 8px;
font-size: 20px;
color: var(--btnRezHvr);
}

.roomsMain .singleRoomWrapper .buttonWrapper {
justify-content: flex-start;
gap: 30px !important;
margin-top: 5px;
}


.roomsMain .buttonWrapper .button:not(.rezBtn) {
min-width: 0;
min-height: 0;
padding: 0;
border: 0;
background: 0 !important;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--fontColor);
font-size: var(--font-size);
gap: 8px;
}
.roomsMain .buttonWrapper .button:not(.rezBtn)::before {
display: none !important;
}
/*.roomsMain .buttonWrapper .button:not(.rezBtn)::after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 8px;
border-color: transparent transparent transparent var(--themeColor);
}*/
.roomsMain .buttonWrapper .button:not(.rezBtn):hover {
background: 0 !important;
color: var(--themeColor) !important;
}

.roomsMain .button.rezBtn {
min-width: 0;
padding: 12px 20px;
border: 0;
background: var(--btnRezHvr);
color: #fff;
text-transform: uppercase;
}
.roomsMain .button.rezBtn:hover {
background: var(--btnRezHover) !important;
color: #fff !important;
}

.roomsMain .prevSlide,
.roomsMain .nextSlide {
position: absolute !important;
top: 50%;
transform: translateY(-50%);
color: var(--btnRezHvr);
}
.roomsMain .prevSlide {
left: -40px !important;
right: auto !important;
}
.roomsMain .nextSlide {
left: auto !important;
right: -40px !important;
}
.roomsMain .prevSlide::before {
content: '\E81E';
}
.roomsMain .nextSlide::before {
content: '\E81F';
}

@media (max-width: 1300px) {
#nav .mainMenu > li:not(.logoLi):not(.last) > a {font-size:15px;}
.separatorBar .separator-bar__inner {flex-wrap:nowrap;}
}
@media (max-width: 980px) {
/* mobile: 1 karta, naglowek nad sliderem, strzalki ukryte (swipe) */
.roomsMain .roomSliderRow {
flex-direction: column;
gap: 24px;
}
.roomsMain .roomsAside {
display: contents;
}
.roomsMain .roomsAside .contentTitle {
order: -1;
align-self: center;
}
.roomsMain .roomsAside .roomsArrows {
order: 1;
align-self: center;
}
.roomsMain .contentTitle .beutyFont {
font-size: 32px;
}
.roomsMain .prevSlide,
.roomsMain .nextSlide {
display: none !important;
}
section.roomsMain .imageMediaWrapper img {
height: auto;
aspect-ratio: 1 / 0.9;
}
/* cena tuz nad przyciskami, jak w rooms.tpl */
.roomsMain.sectionDark .roomsDescription .roomPrice {
order: 1;
}
.roomsMain.sectionDark .roomsDescription .buttonWrapper {
order: 2;
}
}

@media (max-width: 980px) {
/* mobile: kolumna tytulu pakietow wysrodkowana i z odstepami jak .roomsAside */
.offersMain .offersAside {
display: contents;
}
#offersMain .offersAside .contentTitle,
#offersMain .offersAside .buttonWrapper {
width: auto;
align-self: center;
}
#offersMain .offersAside .contentTitle {
order: -1;
padding-bottom: 50px !important;
}
#offersMain .offersAside .buttonWrapper {
order: 1;
margin-top: 40px;
}
#offersMain .offersWrapper .contentTitle .beutyFont {
margin-bottom: 0;
}
}