.Error{background: var(--themeColor);}
.button, .buttonReservation, .inputRez, .scrollDown, .scrollTop, .slick-arrow {
cursor: pointer;
}

.beutyFont, .offerName {
font-family: var(--beutyFont);
}

.button, .footerMenu a, .footerWrapper a, .logoHS, .mainNav a, .optCat li a, .roomWrapper, .singleOffer, .voucherButton {
text-decoration: none;
}

:root {
--themeColor: #F3E3C4;
--fontColor: #797D81;
--spacing: 90px;
--beutyFont: "Libre Caslon Display",serif;
--regularFont: "Alata",system-ui, sans-serif;
--font-large: 54px;
--font-medium: 26px;
--font-body: 15px;
--font-ui: 16px;
--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: #F5EACA;
--white-color: #ffffff;
--light-bkg: rgba(243, 227, 196, 0.2);
--dark-color: #93253d;
--btnRezHvr: #C2A360;
--siteWidth: 1340px;
--siteWidthShort: 1060px;
--gold-color: #a88e53;
--accent-blue: #1E467B;
--txt-color: #797D81;
}

html {
scroll-behavior: smooth;
overflow-y: scroll;
}

.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-36253 {
order: 1;
}

.body-ident-main #offersMain {
order: 2;
}

.body-ident-main .roomsMain {
order: 3;
}

.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);
}

.act .header-middle, .body-ident-ceny_i_rezerwacja .articleContent, .body-ident-galeria .articleContent, section.sekcjaKontakt {
background: #fff;
}

/* Header ma .sliderOff, wiec nie lapie go min-height z reguly
header.mainHeader:not(.sliderOff) i nie rezerwuje miejsca w flow.
Menu (.header-middle) jest fixed, wiec tresc musi sama zejsc o jego 60px. */
.body-pluginident-HotelSystemsBooking .articleContent {
padding-top: 60px;
}

strong {
font-weight: 600;
}

body {
font-weight: 400;
font-style: normal;
letter-spacing: .14em;
}

.grid {
display: grid;
}

.beutyFont {
font-weight: 400;
letter-spacing: .07em;
}

.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: 16px;
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;
}

.optCat li a:hover, .optCat li.active a {
background: 0 0 !important;
color: var(--themeColor) !important;
}


.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 {
flex-wrap: wrap;
}

.flex-column {
flex-direction: column;
}

.data-picker-rez, .justify-center, .roomSide .roomPrice {
justify-content: center;
}

.justify-between, .mainNav {
justify-content: space-between;
}

.justify-start {
justify-content: flex-start;
}

.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;
}

.sectionGallery.wsekcji .galleryPicture, header ul {
margin: 0;
padding: 0;
}

header {
position: relative;
/* z-index:10;*/
}

.FeaturedRoom *, .buttonReservation, .galleryImageWrapper img, .galleryPicture span, .galleryPicture::before, .galleryPicture:hover span, .galleryPicture:hover::before, .imageMediaWrapper .button, .imageMediaWrapper::before, .inputRez::before, .mainNav a::before, .scrollTop, .slick-arrow, a {
transition: .3s;
}
#nav, .mainNav, .navigation-contianer,
.header-middle {transition:1000ms;}

a {
color: var(--btnRezHvr);
text-decoration: none;
}



section.sectionSeparator .button {
margin-top: 25px;
}

a:hover, section.sectionSeparator a:hover {
color: var(--btnRezHvr);
}


.form-control {
display: none;
}

.heroTitle {
position: absolute;
top: 53%;
left: 50%;
transform: translate(-50%, -50%);
}







.mainSlider .slick-arrow {
display: none !important;
}

.header-middle {
width: 100%;
position: fixed;
top: 0;
z-index: 99;
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 {
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 20px 56px 0;
box-sizing: border-box;
}
@media (min-width: 1921px) {
  #nav {
    padding: 37px 56px 0;
  }
}
.brandStack {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
width: 160px;
}

.brandStack .logo {
display: block;
}

.brandStack .langs.langsHeader {
gap: 10px;
}

.brandStack .logoFixed {
display: none;
}

.act .brandStack .logoStandard {
display: none;
}

.act .brandStack .logoFixed {
display: block;
}

.act .header-middle,
.act .mainNav,
.act .navigation-contianer,
.act #nav {
height: 60px;
min-height: 60px;
}

.act #nav {
padding-top: 15px;
padding-bottom: 15px;
align-items: center;
}

.act .brandStack {
flex-direction: row;
align-items: center;
gap: 16px;
width: auto;
}

.act .brandStack .logoFixed {
height: 40px;
width: auto;
}

#nav, .buttonReservation, .day-and-month, .galleryGrid, .hero, .inputRez, .mainNav, .mainSlider, .navigation-contianer, .rezForm, .slick-list, .slide, .slider-container {
width: 100%
}

.mainMenu {
margin: 0;
padding: 0;
display: flex;
gap: 5px;
align-items: center;
transition: 300ms;
}

.act .mainMenu {
margin-top: 0;
}

.mainMenu > li {
position: relative;
list-style-type: none;
}

.mainMenu > li > a {
display: inline-block;
padding: 14px 8px;
font-family: 'Alata', system-ui, sans-serif;
font-size: 16px;
letter-spacing: 0.56px;
background: transparent;
text-transform: uppercase;
transition: background-color .15s ease, color .15s ease;
}

.mainMenu > li.act > a,
.mainMenu > li > a:hover,
.mainMenu > li > a:focus {
background: var(--light-color);
color: #1E467B;
}

#rooms .contentTitle .beutyFont {
margin-top: 25px;
}

.data-picker-rez {
font-size: 10px;
width: 100%;
align-items: stretch;
color: var(--fontColor);
letter-spacing: .08em;
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;
}


.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 {
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;
width: 100%;
position: relative;
}

.slick-list, .slick-track {
height: 100%
}

.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);
}


, .button.rezBtn {
background: var(--btnRezHvr);
color: #fff !important;
border-color: #fff;
}

.button.rezBtn:hover
{
border-color: var(--btnRezHvr) !important;
background: var(--btnRezHvr) !important;
color: #fff !important;
}


.act .mainNav .mainMenu > li > a {
color: #A88E53;
}

.act .mainNav .mainMenu > li.act > a,
.act .mainNav .mainMenu > li > a:hover,
.act .mainNav .mainMenu > li > a:focus {
background: var(--light-color);
color: #1E467B;
}

/* ostatni element menu desktop = przycisk rezerwacji */
.mainMenu > li.last > a,
.act .mainNav .mainMenu > li.last > a {
display: inline-flex;
justify-content: center;
align-items: center;
min-height: 46px;
padding: 12px 29px;
color: #fff;
background: var(--accent-blue);
border: 1px solid var(--accent-blue);
}

.mainMenu > li.last > a:hover,
.mainMenu > li.last > a:focus,
.act .mainNav .mainMenu > li.last > a:hover,
.act .mainNav .mainMenu > li.last > a:focus {
color: #fff;
background: var(--btnRezHvr);
border-color: var(--btnRezHvr);
}

.inputRez {
position: relative;
flex: auto;
}

.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%);
}


.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);
}

.button.rezBtn {
color:
#fff;
padding: 10px 20px;
min-width: 145px;
display: inline-flex !important;
justify-content: center;
align-items: center;
background: var(--accent-blue);
}

.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(--btnRezHvr);
color: #fff;
}

.sectionRow {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
position: relative;
}

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;
}

section.onlyTwo {
overflow-x: hidden;
margin-top: var(--spacing);
}

section.onlyTwo .sectionRow:not(.secondRow) {
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;
}

.slick-slide img {
width: 100%;
max-width: 100%;
object-fit: cover;
position: relative;
transition: .4s ease-in-out;
}

#rooms .slick-slider {
height: auto;
}

.sectionSeparator .sectionSeparator .contentTitle .titleInfo {
color: #fff !important;
}

.contentTitle .titleInfo {
position: relative;
letter-spacing: .01em;
font-size: var(--font-size);
line-height: 1.5;
font-family: var(--beutyFont);
margin-bottom: 10px;
}

.contentTitle .beutyFont {
font-size: var(--font-large);
line-height: 1.25;
margin: 0;
display: block;
align-items: last baseline !important;
}

.titlesBar {
width: 100%;
}

.titlesBar h3 {
padding: 30px 45px;
}



.contentTitle .beutyFont .hsfont {
color: var(--light-color);
font-size: 6px !important;
margin-left: 5px;
}

.sectionGallery.wsekcji, .sectionOffersIcon, 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;
}

.roomBox {display:flex;flex-direction:column;align-content:flex-start;}

.FeaturedRoom .contentTitle .beutyFont, .mainNews .contentTitle .beutyFont, .offersMainWrapper .contentTitle .beutyFont, .roomsMain .contentTitle .beutyFont, .sectionGallery .contentTitle .beutyFont, .SectionOpinie .contentTitle .beutyFont, {
padding-bottom: 10px;
text-align: left;
}

.roomInfo {
flex-direction: row
}

.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;
}

.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 {color: var(--fontColor);}
.roomsMain .contentTitle .beutyFont {color:var(--gold-color);}

.button {
align-items: center;
letter-spacing: .08em;
}

.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;
color: #fff;
letter-spacing: 0.02em;
}

.button {
display: inline-flex;
align-items: center;
gap: 10px;
justify-content: center;
min-width: 150px;
min-height: 46px;
padding: 15px 30px;
border: 1px solid var(--gold-color);
font-family: var(--regularFont);
color: var(--fontColor);
font-weight: 400;
background: #fff;
line-height: 1;
font-size: var(--font-ui);
letter-spacing: 0.56px;
transition: background .25s, border-color .25s;
text-transform: uppercase;
}

.roomSide .button:not(.rezBtn) {
color: #fff;
}

section {
font-size: var(--font-size);
}



.buttonLight {
background: 0 0;
color: #fff;
}

.buttonLight::before {
background: #fff;
}

.button:hover,
.button:focus {
color: var(--fontColor) !important;
background: var(--light-color);
border-color: transparent;
}

.button .hsicon-arrowbutton {
color: var(--accent-blue);
font-size: 7px;
line-height: 1;
}

.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;
}


section {
line-height: 2;
color: var(--fontColor);
letter-spacing: .08em;
position: relative;
}

.contentCenter.sectionSeparator, .contentTitle {
padding-bottom: 30px;
}

.sectionSeparator .contentTitle {
padding-bottom: 10px;
}

.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;
}

.sectionSeparator .sectionSlider .sectionContent::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #000;
opacity: .5;
z-index: 3;
}

.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;
}




.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;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
text-align: center;
line-height: 1;
}

.slick-arrow {
color: #fff;
position: absolute;
top: 50%;
right: 0;
z-index: 1;
}



.galleryContainer .slick-arrow {
top: 175px;
}

.prevSlide::before {
content: '\E82F';
font-family: "hsfont";
font-size: 40px;
}

.nextSlide::before {
content: '\E82C';
font-family: "hsfont";
font-size: 40px;
}






section .nextSlide {
transition: .3s;
}

.FeaturedRoom .prevSlide,
.FeaturedGallery .prevSlide,
section:not(.sectionSimple) .prevSlide {
transition: .3s;
}

.FeaturedRoom .nextSlide,
.FeaturedGallery .nextSlide,
section:not(.sectionSimple):not(.roomsMain) .nextSlide {
transition: .3s;
}

.FeaturedGallery .prevSlide.slick-disabled,
.FeaturedGallery .nextSlide.slick-disabled {
opacity: 0.7;
}

.FeaturedGallery .prevSlide {
left: 40px;
}

.FeaturedGallery .nextSlide {
right: 40px;
}


.nextSlide:hover, .prevSlide:hover {
opacity: .7;
}

.prevSlide {
left: 0;
right: auto;
}

#offersMainSlider .nextSlide, #offersMainSlider .prevSlide {
top: 45%
}








.localizationWrapper {
left: 50%;
transform: translatex(-50%);
text-align: center;
color: #fff;
bottom: -50px !important;
height: 70px;
}


.socialMedia a, footer .socialMedia a {
font-size: 20px;
}

.localizationWrapper .icon-arrow-bottom:before {
width: 40px;
}

.footerWrapperInner {
position: relative;
max-width: var(--siteWidth);
width: 100%;
margin: 0 auto;
}

.scrollTop {
display: none;
}

.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: '\E82B';
font-family: "hsfont";
font-size: 35px;
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: 50px;
right: -20px;
transform: rotate(-90deg);
}

@keyframes scrollAnim {
0%, 100% {
bottom: 0;
}

50% {
bottom: -10px;
}
}


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;
}

.footerWrapper {
background: #fff;
padding: 0;
margin-top: var(--spacing);
font-family: var(--regularFont);
font-size: var(--font-ui);
letter-spacing: .04em;
line-height: 1;
}

.footerWrapper a {
text-decoration: none;
}

.footerWrapper ul a:hover, .socialMedia a:hover, .footerContact a:hover {
color: var(--btnRezHvr);
}

.footerWrapper * {
color: var(--txt-color);
}

.footerWrapper .footerContact {
color: var(--gold-color);
font-size: var(--font-ui);
font-family: var(--regularFont);
letter-spacing: .04em;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 30px;
}

.footerWrapper .footerTopBarAddress {
color: #183862;
}

.footerTopBar .logoFooter img {
width: 160px !important;
height: auto !important;
object-fit: contain;
}

footer .socialMedia a,
.footerWrapper .socialMedia a {
color: var(--txt-color);
}

.footerMenu a {
text-decoration: none;
padding: 5px;
}

.footerMenu ul {
justify-content: space-between;
flex-wrap: wrap;
flex-direction: column;
margin: 0;
padding: 0;
line-height: 2;
}

.footerMenu {
margin: 0;
max-width: 850px;
}

.Credits {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: center;
padding: 20px 50px;
background: #F5F1E6;
}

.footer-bottom {
background: #fff;
padding: 20px 50px;
color: var(--txt-color);
}

.footer-bottom .Copyrights,
.footer-bottom .logoHS {
color: var(--txt-color);
}

.threeColumns {
padding: 0;
}

.footerWrapperInner .threeColumns {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
gap: 60px;
padding: 60px 0px 80px;
}

.footerWrapperInner .threeColumns .Column {
flex: 0 1 auto;
min-width: 140px;
}

.footerWrapperInner .threeColumns .newsletterColumn {
flex: 1 1 320px;
max-width: 444px;
}

footer .socialMedia {
margin: 40px 0;
}

footer .socialMedia a {
font-size: 20px !important;
color: var(--themeColor);
}

footer .socialMedia a.fa-gift {
font-size: 26px !important;
}

footer .socialMedia li:not(:first-child)::before {
display: none !important
}

.footerTopBar {
background: #F5F1E6;
padding: 20px 50px;
margin-bottom: 0;
}

.footerTopBarAddress {
font-family: var(--beutyFont);
font-size: var(--font-medium);
letter-spacing: 0.02em;
line-height: 1;
}

.footerClaim {
font-family: var(--beutyFont);
font-size: var(--font-medium);
color: var(--txt-color);
text-align: center;
letter-spacing: 0.02em;
}

.footerFollowRow {
gap: 10px;
margin-top: 30px;
}

.footerFollowUs {
font-family: var(--regularFont);
font-size: var(--font-ui);
letter-spacing: .04em;
color: var(--txt-color);
text-transform: uppercase;
}

.followDivider {
display: block;
width: 50px;
height: 1px;
background: #F5F1E6;
flex: 0 0 auto;
}

.footerFollowRow .socialMedia a {
color: var(--accent-blue);
}

.footerUsefulLinks ul li,
.footerMenu ul li {
list-style: none;
margin-bottom: 10px;
}


.newsletterContent {
max-width: 100%;
align-items: center;
display: flex;
flex-direction: row;
width: 360px;
justify-content: flex-end;
flex-direction: row;
position: relative;
z-index: 10;
}

.newsletterContent input:focus {
border: 0px !important;
outline: none !important;
}

.newsletterContent input {
width: 100%;
height: 80px;
max-width: 100%;
border: 0;
text-align: left;
background: 0 0;
margin: 0;
padding: 0;
letter-spacing: .08em;
}


.newsletterContent input::placeholder {
color: var(--themeColor) !important;
opacity: 1;
font-size: var(--font-size);
letter-spacing: .08em;
text-align: left;
font-family: var(--regularFont);
}

.newsletterContent .button .hsicon-arrowbutton {
font-size: 7px;
line-height: 1;
color: #fff;
}

.newsletterContent .button {
cursor: pointer;
height: 50px;
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;
}

.newsletterColumn .newsletterContent {
width: 100%;
gap: 0;
justify-content: flex-start;
}

.newsletterColumn .newsletterContent input {
background: #F5F1E6;
height: 49px;
padding: 10px 15px;
flex: 1 1 auto;
letter-spacing: .04em;
}

.newsletterColumn .newsletterContent input::placeholder {
color: #797D81 !important;
text-transform: uppercase;
letter-spacing: .04em;
}

.newsletterColumn .newsletterContent .button.buttonNews {
background: var(--accent-blue) !important;
color: #fff !important;
height: 49px;
padding: 15px 30px;
display: inline-flex;
align-items: center;
gap: 10px;
text-transform: uppercase;
letter-spacing: .04em;
font-size: var(--font-ui);
font-family: var(--regularFont);
border: 0;
flex: 0 0 auto;
width: auto;
min-width: auto;
}

.newsletterColumn .newsletterContent .button.buttonNews:hover {
background: #183862 !important;
color: #fff !important;
opacity: 1;
}

.newsletterColumn .newsletterContent .button.buttonNews .hsicon-arrowbutton {
color: #fff;
font-size: 7px;
}


.newsletterColumn {
justify-content: end;
}

#roomsMain .roomArrows .smallArrow::before {
margin: 0;
}


.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;
}

.galleryPicture {
padding: 4px !important;
flex: 0 0 33.333%;
display: block;
position: relative;
line-height: 1;
}

.wsekcji .galleryGrid {
overflow: hidden;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}

.wsekcji .galleryGrid * {
transition: 300ms;
}

.wsekcji .galleryGrid .galleryPicture {
padding: 0 !important;
}

.wsekcji .galleryGrid .galleryPicture img {
width: 100%;
height: 390px;
object-fit: cover;
object-position: center center;
}


.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: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 .contentTitle .beutyFont {
color: var(--gold-color);
}

.sectionGallery.wsekcji .buttonWrapper {
margin-top: var(--spacing);
justify-content: center;
}

.sectionGallery.wsekcji .galleryGrid {
justify-content: center;
gap: 16px;
}

.sectionGallery.wsekcji .galleryPicture span {
position: absolute;
top: 0;
left: 0;
font-weight: 400;
opacity: 0;
color: var(--fontColor);
z-index: 10;
min-width: 100%;
min-height: 100%;
background: rgba(255, 255, 255, .6);
padding: 10px 30px;
font-family: var(--beutyFont);
font-size: var(--font-medium);
text-transform: uppercase;
display: flex;
justify-content: center;
align-items: center;
transition: 400ms;
}

.sectionGallery.wsekcji .galleryPicture:hover span {
opacity: 1;
}

.sectionGallery.wsekcji .galleryPicture::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
opacity: 0;
z-index: 5;
}

.sectionGallery.wsekcji .galleryPicture:hover::before {
opacity: .2;
}

.sectionGallery.wsekcji .galleryGrid > .galleryPicture:nth-child(1)::after,
.sectionGallery.wsekcji .galleryGrid > .galleryPicture:nth-child(3)::after {
content: '';
position: absolute;
width: 60px;
height: 80px;
background: #fff;
pointer-events: none;
z-index: 4;
}

.sectionGallery.wsekcji .galleryGrid > .galleryPicture:nth-child(1)::after {
top: 0;
left: 0;
clip-path: polygon(0 0, 100% 0, 0 100%);
}

.sectionGallery.wsekcji .galleryGrid > .galleryPicture:nth-child(3)::after {
bottom: 0;
right: -1px;
clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

.galleryImageWrapper {
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}

.galleryImageWrapper:hover img {
opacity: .9;
transform: scale(1.05);
}


.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;
}

.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: var(--spacing) !important;
}

.contentTitle div.hidemobile {
display: flex;
justify-content: flex-end;
flex-direction: column;
}

h2+.buttonWrapper {
line-height: 1;
margin-top: 20px;
margin-bottom: 10px;
}

.singleOffer .buttonWrapper {
display: flex;
justify-content: flex-start;
transition: .3s;
text-align: left;
height: 1px;
overflow: hidden;
transition: 500ms ease-in-out;
}

.singleOffer .buttonWrapper .button {
color: #fff;
margin-top: 15px;
opacity: 0;
transition: 500ms;
}

.singleOffer:hover .buttonWrapper .button {
opacity: 1;
}

.singleOffer .buttonWrapper .button:hover {
color: var(--fontColor) !important;
}

.singleOffer:hover .buttonWrapper {
height: 55px;
opacity: 1;
visibility: visible;
}

.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;
}

#rooms .slick-arrow.nextSlide::before,
.sectionImageBig .slick-arrow::before,
#roomsMain .nextSlide.slick-arrow::before {
content:''!important;
width:100%;
height:100%;
background-image:url('/img/hotel/big-arrow-right.svg');
background-size:contain;
background-position:center center;
display:block;
}

.roomsArrows,
.roomArrows {
margin-top: 60px;
width: 100%;
position: relative;
display: flex;
justify-content: center;
}

#rooms .roomArrows span, #roomsMain .roomArrows span {
text-transform: uppercase;
}

.roomArrows .button {
margin: 0 !important;
white-space: nowrap;
}

.slick-arrow span {
font-size: 14px;
line-height: 1;
letter-spacing: .08em;
padding-bottom: 2px;
}

.offersWrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.roomWrapper, .singleOffer {
padding: 0 8px;
}

.roomWrapper {
text-align: center;
display: flex;
flex-direction: column;
justify-content: flex-end;
overflow: hidden;
position: relative;
}

.roomWrapper {
padding: 0 !important;
}

.offerName {
padding: 0;
text-align: left;
font-weight: 400;
color: #fff;
font-size: 16px;
text-decoration: none;
}

.offerName {
margin: 0 0 18px 0;
color: #fff;
font-size: var(--font-medium);
line-height: 1.25;
position: relative;
}


.body-ident-main .roomsMain {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
min-height: 150px;
}

.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;
}

.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;
}

.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:49px;
position: relative;
top: unset;
left: unset;
transform: none;
margin: 0;
}

.singleRoomWrapper .buttonWrapper .button.rezBtn {
color:
#fff;
}

.singleRoomWrapper .buttonWrapper .button.rezBtn::before {
background: #fff;
}


.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;
}



section.roomsMain .imageMediaWrapper img {
width: 100%;
max-width: 100%;
height: 760px;
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: 20px;
}

.roomPrice strong {
font-size: var(--font-medium);
font-weight: 400;
margin: 0 3px;
}


.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;
}

.roomsMain .singleRoomWrapper {
position: relative;
}

.roomsMain .singleRoomWrapper .imageMediaWrapper::before {
display: none;
}

.roomsMain .singleRoomWrapper::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 477px;
height: 100%;
background: #fff;
clip-path: polygon(0 0, 100% 0, 0 100%);
pointer-events: none;
z-index: 2;
}

.roomsMain .roomsDescription {
top: 40px;
left: 0;
right: auto;
bottom: auto;
width: 319px;
margin: 0;
padding: 0;
color: var(--fontColor);
border-bottom: none;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 30px;
z-index: 3;
}

.roomsMain .roomName {
font-family: var(--beutyFont);
font-size: var(--font-large);
font-weight: 400;
line-height: 1;
letter-spacing: 0.52px;
padding-bottom: 10px;
text-align: left;
color: var(--gold-color);
}

.roomsMain .roomPrice {
font-family: var(--regularFont);
font-size: 16px;
letter-spacing: 0.56px;
color: var(--txt-color);
}

.roomsMain .roomPrice strong {
font-family: var(--beutyFont);
font-weight: 400;
font-size: 26px;
letter-spacing: 0.04em;
color: var(--gold-color);
}

.roomsMain .roomsWrapper {
position: relative;
}

.roomsMain .roomsArrows {
position: absolute;
left: 50%;
bottom: 29px;
transform: translateX(-50%);
margin: 0;
padding: 0;
width: auto;
z-index: 4;
}

.roomsMain .button.btnBorder {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 30px;
background: #fff;
border: 1px solid var(--gold-color);
color: var(--txt-color);
font-family: var(--regularFont);
font-size: var(--font-ui);
letter-spacing: 0.56px;
text-transform: uppercase;
transition: background .25s, color .25s, border-color .25s;
}

.roomsMain .button.btnBorder:hover,
.roomsMain .button.btnBorder:focus {
background: var(--light-color);
color: var(--txt-color);
border-color: transparent;
}

.roomsMain .button.btnBorder .hsicon-arrowbutton {
font-size: 7px;
line-height: 1;
color: var(--accent-blue);
}

.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: 14px;
}

.icon-name {
margin-left: 10px;
}

.roomsSpecification {
margin-left: 100px;
align-self: center;
column-count: 3;
width: 100%
}

.roomsSpecification .tt-el {
padding: 10px 0;
}



.Column {
padding: 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: 100vh;
}
}


@media(max-width:1320px) {
.topBar {
padding: 10px !important;
}

}

@media(max-width:1290px) {
.footerWrapperInner .threeColumns {gap: 40px;}
.footerWrapperInner .threeColumns .Column {flex: 1 1 calc(50% - 20px);min-width: 200px;}
.footerWrapperInner .threeColumns .newsletterColumn {flex: 1 1 calc(50% - 20px);max-width: none;padding:20px 0;}
.footerTopBar {padding: 20px 30px;}
.siteWidth {max-width: calc(100% - 40px);padding: 0 20px;}
.rezForm {margin-right: 20px !important;}
}

@media(max-width:980px) {
:root {
--font-large: 36px;
}
.offerTile__footer .button {border:0;}
.offersMain .offersWrapper>.buttonWrapper {gap: 0;}

.contentTitle {padding-bottom: 20px;}
.sectionGallery.wsekcji .galleryPicture span {opacity: 1;}
.wsekcji .galleryGrid .galleryPicture img {height: 100%;}
section.onlyTwo .sectionRow:not(.secondRow)::before {left: -20px;}
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;}

.sectionSeparator .button:not(.rezBtn)::before {background: #fff;}
.sectionGallery.wsekcji .galleryPicture:hover {width: 100% !important;}
.wsekcji .galleryGrid .galleryPicture:hover {flex: auto;}

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 {flex-wrap: wrap;display: flex !important;}
.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;}


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

.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.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;
}


.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 {
flex-direction: column;
gap: 10px;
}

footer .Column:not(:first-child) {
justify-content: center;
margin-top: 20px;
}

.footerWrapperInner .threeColumns {
flex-direction: column;
align-items: center;
text-align: center;
gap: 20px;
padding: 20px 0;
}

.footerTopBar {
flex-direction: column;
gap: 15px;
text-align: center;
padding: 20px;
}
.footerTopBarAddress {font-size: 20px;}
.Credits {padding: 20px 10px;}
.footer-bottom {padding: 20px 10px;flex-direction:row;}
.footerFollowRow {justify-content: center;}
.footerClaim {font-size: 20px;}
.footerMenu ul {text-align: center;}
.navigation-contianer {margin-top: 0;}
.singleOffer .buttonWrapper, .singleOffer:hover .buttonWrapper {margin-top: 30px !important;}

.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 {display: none;}
.logo a {display: block;}
.logo img {width: auto;}

.mobileBar {
position: absolute;
z-index: 99;
height: 60px;
background: #fff;
padding: 10px 20px 10px 20px;
}
section .prevSlide {left: 30px !important;}
section .nextSlide {right: 30px !important;}
.body-ident-main #SectionOpinie,.sectionGallery.wsekcji,section#offersMain {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: left !important;}
.button:not(.btnBorder):(.buttonNews) {min-width: 150px !important;}
.button.rezBtn {border: 1px solid var(--accent-blue);}
.socialMedia li {margin: 0 5px !important;}

.roomWrapper, .singleOffer, section.Text .sectionSide {padding: 0 !important;}
.offersPage .singleOffer {flex: 0 0 50%}
.galleryColumn .galleryPicture, .galleryPicture {flex: auto;height: 80vw;overflow: hidden;}

.roomDescription {
width: 100%;
max-width: 100%;
padding-right: 0 !important;
margin-top: 0;
}

.roomWrapper {
flex-direction: column;
/*    height: 85vw;*/
justify-content: space-between;
}

.roomsMain .slick-track {
display: flex;
align-content: stretch;
}

.roomsMain .slick-slide, .singleOffer .buttonWrapper, .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;
}
.roomDescription {padding-left: 0;margin-top: 0;justify-content: space-between;}
.roomDescription .contentTitle {padding-right: 100px;}
.kafelki>.flexing {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 0 var(--spacing) 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;}


.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: 100%;
justify-content: center;
}

ul.langsMobile li.currentLang {opacity: 1;}
ul.langsMobile li.currentLang a,
ul.langsMobile li a {position:relative;text-decoration: none;color: var(--gold-color);}
ul.langsMobile li a::after {opacity:0;content:'';width:100%;height:1px;display:block;position:absolute;bottom:-3px;background: var(--gold-color);transition:300ms;}
ul.langsMobile li a:hover::after,
ul.langsMobile li.currentLang a::after {opacity:1;}
.footerWrapper {
padding-top: 50px;
height: auto;
}

.footerWrapper .logo img {
width: 120px;
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 {
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);
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;
}


.sectionGallery.wsekcji .buttonWrapper {
/*    margin-top: 50px;*/
margin-bottom: 0;
/*    justify-content: center;*/
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;
}

.sectionSide, .sectionSlider .imageSlider {
width: 100% !important;
max-width: 100%;
padding: 0 !important;
}


#offersMain .offersWrapper .contentTitle .beutyFont {
margin-bottom: 30px;
}

.sectionSlider .slick-slide img {
width: 100%;
height: 80vw;
}

.newsletterContent, .sectionGallery:not(.wsekcji) .galleryColumn {
width: 100%
}

.newsletterColumn, .newsletterContent input {
width: 100%;
z-index: 5;
position: relative;
}

.footer-bottom>div {margin-bottom: 0;text-align: center;}
.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;
}


.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;
}

.footerMenu ul {
margin: 0;
flex-direction: column;
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;
}

.FeaturedRoom .contentTitle, .mainNews .contentTitle, .roomsMainWrapper .contentTitle, .sectionGallery.wsekcji .contentTitle, .sectionOpinie .contentTitle {
flex-direction: column;
padding-bottom: 50px !important;
}

.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;
}


.roomWrapper {
justify-content: flex-start;
}


.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;
}
.roomsMain .roomPrice {white-space:nowrap;}
.roomBox {display:flex;flex-direction:row;align-content:center;width:100%;}
.roomSide.roomsDescription>div {
flex: auto;
justify-content: center;
}


.roomsDescription, .roomsSpecification {
order: 2;
}

.roomsDescription .buttonWrapper {
flex-direction: column;
justify-content: center;
align-items: center;
}

.roomsMain .singleRoomWrapper::after {
display: none;
}

.roomsMain .roomsDescription {
position: static;
top: auto;
left: auto;
width: 100%;
margin: 0;
padding: 20px 0;
border-bottom: none;
flex-direction: column;
align-items: flex-start;
gap: 10px;
}

.roomsMain .singleRoomWrapper .imageMediaWrapper img {
height: 80vw;
width: 100%;
}
}

@media(max-width:576px) {
.contentTitle .titleInfo {font-size: var(--font-body);}
section {padding-top: 40px;}
.sectionGallery .contentTitle .beutyFont {margin-bottom: 10px;}
.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;
}
.followUs,.headerFooter .langs, .headerFooter .socialMedia {
display: none!important;
}

.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%}
.newsletterColumn {max-width: 360px;margin-left: auto;margin-right: auto;}
.newsletterColumn .newsletterContent input {margin: 0;}
.newsletterColumn .newsletterContent .button.buttonNews {padding: 15px 30px 15px 15px;}
.footerFollowRow {flex-wrap: wrap;gap: 8px;}
.followDivider {width: 30px;}
}

.icon-wrapper {align-items: baseline;}
.body-ident-rezerwacja #container-hs {margin-top: 80px;}

.newsletter .contentTitle .beutyFont {
position: absolute !important;
top: -30px !important;
background: #fff;
left: 30px;
padding: 0px 20px;
}

.section.sectionSimple:not(.Text) {
position: relative;
overflow: hidden;
min-height: 600px;
margin-top: var(--spacing);
padding: 80px 0;
background: #fff;
display: flex;
align-items: center;
}
.section.sectionSimple.Text {
position: relative;
overflow: hidden;
background: #fff;
padding: 80px 0;
}

.sectionBg {
position: absolute;
inset: 0;
pointer-events: none;
overflow: hidden;
}

.sectionBg__img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
opacity: 1;
}

.sectionBg::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to left, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, .6) 100%);
pointer-events: none;
}

.sectionPolygon {
position: absolute;
top: 63%;
transform: translateY(-50%);
width: 177px;
height: auto;
pointer-events: none;
z-index: 1;
}

.sectionPolygon--right {
right: 0;
}

.sectionSimple .sectionContent {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
text-align: center;
}

.sectionSimple .contentTitle {
padding: 0;
width: auto;
text-align: center;
}
.sectionSimple.Text .contentTitle .beutyFont {color: var(--gold-color);}
.sectionSimple .contentTitle .beutyFont {
font-family: var(--beutyFont);
font-size: var(--font-large);
font-weight: 400;
line-height: 1;
letter-spacing: 1.08px;
color: var(--white-color);
text-align: center;
margin: 0;
}

.sectionSimple .contentTitle .titleInfo {
font-family: var(--regularFont);
font-size: var(--font-ui);
letter-spacing: 0.56px;
color: var(--txt-color);
text-transform: uppercase;
text-align: center;
margin-bottom: 8px;
}

.sectionSimple .sectionText {
max-width: 833px;
font-family: var(--regularFont);
font-size: var(--font-body);
line-height: 30px;
letter-spacing: 0.15px;
color: var(--txt-color);
text-align: center;
}

.sectionSimple .sectionText p {
margin: 0;
}

.sectionSimple .buttonWrapper {
display: flex;
justify-content: center;
margin-top: 0;
}

.sectionSimple .button.btnBorder {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 15px 30px;
background: #fff;
border: 1px solid var(--gold-color);
color: var(--txt-color);
font-family: var(--regularFont);
font-size: var(--font-ui);
letter-spacing: 0.56px;
text-transform: uppercase;
transition: background .25s, color .25s, border-color .25s;
}

.sectionSimple .button.btnBorder:hover,
.sectionSimple .button.btnBorder:focus {
background: var(--light-color);
color: var(--txt-color);
border-color: transparent;
}

.sectionSimple .button.btnBorder .hsicon-arrowbutton {
font-size: 7px;
line-height: 1;
color: var(--accent-blue);
}

/* Wariant ze zdjeciem w tle - ciemny motyw wg projektu (tekst po lewej, bialy) */
.sectionSimple:has(.sectionBg) .sectionContent {
align-items: flex-start;
text-align: left;
}

.sectionSimple:has(.sectionBg) .contentTitle,
.sectionSimple:has(.sectionBg) .contentTitle .beutyFont,
.sectionSimple:has(.sectionBg) .contentTitle .titleInfo {
text-align: left;
}

.sectionSimple:has(.sectionBg) .contentTitle .titleInfo {
color: #fff;
}

.sectionSimple:has(.sectionBg) .sectionText {
max-width: 511px;
color: #fff;
text-align: left;
}

.sectionSimple:has(.sectionBg) .buttonWrapper {
justify-content: flex-start;
}

@media (max-width: 1100px) {
.sectionPolygon {
display: none;
}
}

@media (max-width: 768px) {
.section.sectionSimple {
padding: 60px /*20px*/0;
min-height: auto;
}

.sectionSimple .contentTitle .beutyFont {
font-size: var(--font-large);
line-height: 1.1;
}

.sectionSimple .sectionText {
font-size: 16px;
line-height: 26px;
}

.sectionSimple .button.btnBorder {
padding: 12px 24px;
}
}

.section.sectionImageBig {
margin-top: var(--spacing);
padding: 0;
background: #fff;
overflow: hidden;
}

.sectionImageBig .sectionRow {
align-items: center;
justify-content: flex-end;
gap: 70px;
min-height: 760px;
display: grid;
grid-template-columns: 34fr 66fr;
}

.sectionImageBig .sectionSide.left {
width:100%;
display: flex;
flex-direction: column;
gap: 30px;
padding: 40px 0;
text-align: left;
}

.sectionImageBig .sectionSide.right::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 119px;
  height: 253px;
  background: #fff;
  z-index:3;
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.sectionImageBig .sectionSide.right::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -1px;
  width: 119px;
  height: 253px;
  background: #fff;
  z-index:3;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
}


.sectionImageBig .contentTitle {
padding: 0;
text-align: left;
}

.sectionImageBig .contentTitle .beutyFont {
text-align: left;
font-size: var(--font-large);
line-height: 1.1;
letter-spacing: 1.08px;
color: var(--gold-color);
text-transform: none;
}

.sectionImageBig .sectionText {
width:100%;
text-align: left;
font-family: var(--regularFont);
font-size: var(--font-body);
line-height: 30px;
letter-spacing: 0.15px;
color: var(--txt-color);
}

.sectionImageBig .sectionText p {
margin: 0;
}

.sectionImageBig .buttonWrapper {
margin-top: 0;
display: flex;
justify-content: flex-start;
}

.sectionImageBig .button.btnBorder,
.sectionGallery.wsekcji .button.btnBorder,
.hero .button.btnBorder {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 15px 30px;
background: #fff;
border: 1px solid var(--gold-color);
color: var(--txt-color);
font-family: var(--regularFont);
font-size: var(--font-ui);
letter-spacing: 0.56px;
text-transform: uppercase;
transition: background .25s, color .25s, border-color .25s;
}

.sectionImageBig .button.btnBorder:hover,
.sectionImageBig .button.btnBorder:focus,
.sectionGallery.wsekcji .button.btnBorder:hover,
.sectionGallery.wsekcji .button.btnBorder:focus,
.hero .button.btnBorder:hover,
.hero .button.btnBorder:focus {
background: var(--light-color);
color: var(--txt-color);
border-color: transparent;
}

.sectionImageBig .button.btnBorder .hsicon-arrowbutton,
.sectionGallery.wsekcji .button.btnBorder .hsicon-arrowbutton,
.hero .button.btnBorder .hsicon-arrowbutton {
font-size: 7px;
line-height: 1;
color: var(--accent-blue);
}

.sectionImageBig .sectionSide.right {
position: relative;
/*flex: 1 1 838px;*/
width:100%;
height: 760px;
overflow: hidden;
}

.sectionImageBig .imageSlider,
.sectionImageBig .imageSlider .slick-list,
.sectionImageBig .imageSlider .slick-track {
height: 100%;
}

.sectionImageBig .sectionImage {
display: block;
width: 100%;
height: 760px;
object-fit: cover;
}

.sectionImageBig .sectionPolygon {
position: absolute;
width: 120px;
height: auto;
pointer-events: none;
z-index: 3;
top: auto;
transform: none;
}

.sectionImageBig .sectionPolygon.polygonTopLeft {
top: -2px;
left: -2px;
transform: rotate(180deg);
}

.sectionImageBig .sectionPolygon.polygonBottomRight {
bottom: -2px;
right: -2px;
}

.sectionImageBig .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 3;
width: 62px;
height: 116px;
padding: 0;
background: transparent;
border: 0;
cursor: pointer;
color: #fff;
transition: opacity .25s;
}

.sectionImageBig .slick-arrow:hover,
.sectionImageBig .slick-arrow:focus {
opacity: .7;
outline: none;
}


.sectionImageBig .slick-arrow i {
display:none;
font-size: 62px;
line-height: 1;
margin: 0;
}

.sectionImageBig .slick-prev {
display: none !important;
}

.sectionImageBig .slick-next {
right: 20px;
}

#rooms .slick-arrow,
#roomsMain .slick-arrow,
.roomImageSlider .slick-arrow {
display: inline-flex;
align-items: center;
justify-content: center;
width: 62px;
height: 62px;
padding: 0;
background: transparent;
border: 0;
color: var(--themeColor);
cursor: pointer;
transition: opacity .25s;
}
#rooms .slick-arrow,
.sectionImageBig .slick-arrow,
#roomsMain .slick-arrow {
width:62px;
height:115px;
position: absolute !important;
right: 50px;
top: 50%;
transform: translatey(-50%);
margin: 0;
}

.roomImageSlider {
position: relative;
}

.roomImageSlider .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 5;
}

.roomImageSlider .slick-prev {
left: 20px;
}

.roomImageSlider .slick-next {
right: 20px;
}

#roomsMain .slick-arrow:hover,
#roomsMain .slick-arrow:focus,
.roomImageSlider .slick-arrow:hover,
.roomImageSlider .slick-arrow:focus {
opacity: .7;
outline: none;
}

#roomsMain .slick-arrow i,
.roomImageSlider .slick-arrow i {
font-size: 40px;
line-height: 1;
}

@media (max-width: 1200px) {
.sectionImageBig .sectionSide.left {
flex-basis: 280px;
max-width: 280px;
padding-left: 20px;
}
}

.showmobile {display:none;}

@media (max-width: 980px) {
.showmobile {display:flex;}
.threeColumns .Column {flex: 1 1 calc(100% - 20px);}
.sectionImageBig .sectionRow {
grid-template-columns: 1fr;
min-height: unset;
gap: 30px;
}

.sectionImageBig .sectionSide.right::before,
.sectionImageBig .sectionSide.right::after {
  width: 50px;
  height: 106px;
}

.sectionImageBig .sectionSide.left {
flex: none;
max-width: 100%;
width: 100%;
padding: 20px;
}

.sectionImageBig .sectionText {
max-width: 100%;
}

.sectionImageBig .sectionSide.right {
flex: none;
width: 100%;
height: 480px;
}

.sectionImageBig .sectionImage {
height: 480px;
}
}

@media (max-width: 768px) {
.sectionImageBig .contentTitle .beutyFont {
font-size: var(--font-large);
line-height: 1.1;
}

.sectionImageBig .sectionSide.right,
.sectionImageBig .sectionImage {
height: 85vw;
}

.sectionImageBig .slick-arrow {
width: 36px;
height: 70px;
}

.sectionImageBig .slick-arrow i {
font-size: var(--font-large);
}

.sectionImageBig .sectionPolygon {
width: 70px;
}
}

.section.sectionSpecial {
padding-top: 80px;
}

.sectionSpecial .sectionContainer {
align-items: center;
gap: 17px;
}

.sectionSpecial .collageSide {
width: auto;
flex: auto;
}

.specialCollage {
display: flex;
gap: 18px;
align-items: center;
}

.specialCollage .collageCol {
display: flex;
flex-direction: column;
gap: 17px;
}

.specialCollage .collageColLeft {
width: 60%;
align-items: flex-end;
}

.specialCollage .collageColRight {
width: 40%;
}

.specialCollage .collageImage {
display: block;
object-fit: cover;
}

.specialCollage .collageImageTop {
width: 100%;
height: 303px;
}

.specialCollage .collageImageBottom {
width: calc(100% - 50px);
height: 380px;
}

.specialCollage .collageImageTall {
width: 100%;
height: auto;
}

.sectionSpecial .specialSide {
position: relative;
width: 517px;
flex: 0 0 auto;
align-self: center;
}

.sectionSpecial .offerWrapper {
position: relative;
box-sizing: border-box;
height: 700px;
padding: 40px 30px;
background: #fff;
border: 1px solid var(--gold-color);
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
justify-content: center;
text-align: left;
}

.sectionSpecial .offerInner {
display: flex;
flex-direction: column;
gap: 20px;
align-items: flex-start;
width: 303px;
}

.sectionSpecial .offerWrapper::before,
.sectionSpecial .offerWrapper::after {
content: '';
position: absolute;
width: 120px;
height: 220px;
background: #fff;
pointer-events: none;
}

.sectionSpecial .offerWrapper::before {
top: -1px;
left: -1px;
}

.sectionSpecial .offerWrapper::after {
bottom: -1%;
right: -1px;
}

.sectionSpecial .offerWrapper>* {
position: relative;
z-index: 1;
}

.sectionSpecial .specialTitleWrapper {
padding: 0;
width: auto;
}

.sectionSpecial .specialTitle.beutyFont {
font-family: var(--beutyFont);
font-size: var(--font-large);
font-weight: 400;
line-height: 1.25;
letter-spacing: 0.02em;
color: var(--gold-color);
text-align: left;
margin: 0;
}

.sectionSpecial .theContent {
max-width: 303px;
font-family: var(--regularFont);
font-size: 16px;
line-height: 30px;
letter-spacing: 0.15px;
color: var(--txt-color);
text-align: left;
}

.sectionSpecial .theContent p {
margin: 0 0 8px;
}

.sectionSpecial .theContent p:last-child {
margin: 0;
}

.sectionSpecial .buttonWrapper {
display: flex;
justify-content: flex-start;
margin-top: 0;
}

.sectionSpecial .button.btnBorder {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 15px 40px;
background: #fff;
border: 1px solid var(--gold-color);
color: var(--txt-color);
font-family: var(--regularFont);
font-size: 14px;
letter-spacing: 0.56px;
text-transform: uppercase;
transition: background .25s, color .25s, border-color .25s;
}

.sectionSpecial .button.btnBorder:hover,
.sectionSpecial .button.btnBorder:focus {
background: var(--light-color);
color: var(--txt-color);
border-color: transparent;
}

.sectionSpecial .button.btnBorder .hsicon-arrowbutton {
font-size: 7px;
line-height: 1;
color: var(--accent-blue);
}

@media (max-width: 1200px) {
.sectionSpecial .sectionContainer {
gap: 12px;
}

.specialCollage {
gap: 12px;
}

.specialCollage .collageColLeft {
width: 360px;
}

.specialCollage .collageImageTop {
width: 360px;
height: 240px;
}

.specialCollage .collageImageBottom {
width: 320px;
height: 300px;
}

.specialCollage .collageColRight {
width: 240px;
}

.specialCollage .collageImageTall {
width: 240px;
height: 400px;
}

.sectionSpecial .specialSide {
width: 440px;
}

.sectionSpecial .offerWrapper {
height: 600px;
padding: 30px 20px;
}

.sectionSpecial .offerWrapper::before,
.sectionSpecial .offerWrapper::after {
width: 100px;
height: 180px;
}

.sectionSpecial .specialTitle.beutyFont {
font-size: 44px;
}
}

@media (max-width: 980px) {
.footerWrapper p {line-height:1.5;}
.footerUsefulLinks ul li, .footerMenu ul li {margin-bottom:0;}
.section.sectionSpecial {
padding-top: 60px;
overflow:hidden;
}

.sectionSpecial .sectionContainer {
flex-direction: column;
gap: 30px;
}

.sectionSpecial .collageSide,
.sectionSpecial .specialSide {
width: 100%;
}

.specialCollage {
flex-direction: column;
gap: 12px;
align-items: center;
}

.specialCollage .collageCol {
width: 100%;
align-items: center;
}

.specialCollage .collageColLeft,
.specialCollage .collageColRight {
width: 100%;
}

.specialCollage .collageImage,
.specialCollage .collageImageTop,
.specialCollage .collageImageBottom,
.specialCollage .collageImageTall {
width: 100%;
max-width: 460px;
height: 65vw;
object-fit: cover;
object-position: center;
}

.sectionSpecial .offerWrapper {
height: auto;
min-height: 480px;
padding: 40px 20px;
text-align: center;
}

.sectionSpecial .offerWrapper::before,
.sectionSpecial .offerWrapper::after {
display: none;
}

.sectionSpecial .offerInner {
width: 100%;
max-width: 360px;
align-items: center;
}

.sectionSpecial .specialTitle.beutyFont {
text-align: center;
}

.sectionSpecial .theContent {
text-align: center;
}

.sectionSpecial .buttonWrapper {
justify-content: center;
}
}

@media (max-width: 480px) {
.sectionSpecial .specialTitle.beutyFont {
font-size: var(--font-large);
}

.sectionSpecial .offerWrapper {
padding: 30px 16px;
min-height: 400px;
}

.sectionSpecial .button.btnBorder {
padding: 12px 24px;
}
}

@media (min-width: 981px) {
.hero {
position: relative;
min-height: 100vh;
overflow: hidden;
}

.hero::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 610px;
height: /*750px*/calc(100% - 130px);
background-image: url("/img/hotel/hero.jpg");
background-size: contain;
background-position: center center;
background-repeat: repeat;
clip-path: polygon(0 0,100% 0,370px 100%,0 100%);
z-index: 4;
pointer-events: none;
}

.heroBackdrop--left {
display: none;
}

.hero .slider-container {
position: absolute;
top: 10vh;
right: 0;
bottom: 0;
left: 0;
transition:300ms;
}
.body-pluginident-PakietyKategorie .act .hero .slider-container {
top: 70px;
}


.hero .mainSlider {
clip-path: polygon(255px 0, 100% 0, 100% 100%, 5px 100%);
}
.act .hero .mainSlider {
clip-path: polygon(260px 0, 100% 0, 100% 100%, 5px 100%);
}


.hero .slide,
.hero .mainSlider,
.hero .sliderImage {
width: 100%;
height: 100%;
}
.hero .slide {
width:calc(100% - 350px);
margin-left:350px;
}


.hero .headerFooter {
left: 0;
right: 0;
max-width: none;
width: auto;
transform: none;
}

.mainNav {
max-width: none;
width: 100%;
margin: 0;
}
}

.contentTitle.heroTitle.onLeft {
left: 50px;
right: auto;
top: 50%;
transform: translateY(-50%);
text-align: left;
max-width: 390px;
z-index: 5;
}

.contentTitle.heroTitle.onLeft .beutyFont {
color: var(--gold-color);
}

.contentTitle.heroTitle.onLeft .titleInfo {
color: var(--fontColor);
font-family: var(--regularFont);
font-size: var(--font-body);
text-align: left;
margin:10px 0 0 0;
}

.contentTitle.heroTitle.onLeft .button.btnBorder {
margin-top: 23px;
}


.brandStack .langs.langsHeader {
position: static;
display: flex;
gap: 10px;
padding: 0;
}

.brandStack .langs.langsHeader li {
list-style: none;
}

.brandStack .langs.langsHeader a {
position: relative;
color: var(--fontColor);
font-family: var(--regularFont);
font-size: 16px;
letter-spacing: 0.04em;
text-decoration: none;
opacity: .7;
}

.brandStack .langs.langsHeader .currentLang a {
color: var(--gold-color);
opacity: 1 !important;
}

.brandStack .langs.langsHeader a::after {
content: '';
display: block;
position: absolute;
bottom: -3px;
width: 100%;
height: 1px;
background: var(--gold-color);
opacity: 0;
transition: 300ms;
}

.brandStack .langs.langsHeader a:hover::after,
.brandStack .langs.langsHeader a:focus::after,
.brandStack .langs.langsHeader .currentLang a::after {
opacity: 1;
}

.brandStack .langs.langsHeader a:hover,
.brandStack .langs.langsHeader a:focus {
color: var(--gold-color);
opacity: 1;
}

.act .brandStack .langs.langsHeader {
display: none;
}

.followUs {
display: flex;
align-items: center;
gap: 10px;
position: absolute;
left: 50px;
bottom: /*5*/0px;
z-index: 10;
}

.followUs__label {
font-family: var(--regularFont);
font-size: 16px;
letter-spacing: 0.04em;
text-transform: uppercase;
color: var(--fontColor);
}

.followUs__sep {
width: 50px;
height: 1px;
background: #f5f1e6;
}

.followUs .socialMedia.socialMediaHeader {
position: static;
margin: 0;
}

.followUs .socialMedia.socialMediaHeader a {
color: var(--accent-blue);
transition: opacity 200ms ease;
}

.followUs .socialMedia.socialMediaHeader a:hover,
.followUs .socialMedia.socialMediaHeader a:focus {
opacity: 0.8;
}

.headerQuickbook {
position: absolute;
right: 86px;
bottom: 50px;
z-index: 10;
}

.headerQuickbook .rezForm {
width: 460px;
min-width: 460px;
margin: 0;
}

.headerQuickbook .data-picker-rez {
display: flex;
flex-direction: row;
gap: 5px;
grid-template-columns: none;
grid-template-rows: none;
border: 0;
background: transparent;
width: auto;
padding: 0;
align-items: stretch;
}

.headerQuickbook .inputRez.inputRezIn { order: 1 !important; }
.headerQuickbook .inputRez.inputRezOut { order: 2 !important; }
.headerQuickbook .data-picker-rez > .circleBooking { order: 3 !important; }

.headerQuickbook .inputRez {
flex: 1 1 0;
background: #F5F1E6;
height: 49px;
padding: 10px 15px;
border: 0;
border-radius: 0;
grid-column: auto;
transition: background .25s;
cursor: pointer;
}

.headerQuickbook .inputRez:hover {
background: #fff;
}

.headerQuickbook .inputRez::before,
.headerQuickbook .inputRez::after {
content: none;
}

.headerQuickbook .day-and-month,
.headerQuickbook .date-wrapper {
flex-direction: row;
justify-content: center;
gap: 10px;
align-items: baseline;
}

.headerQuickbook .inputRez > div {
padding-top: 0;
padding-bottom: 0;
}

.headerQuickbook .dd,
.headerQuickbook .mm {
margin: 0;
}

.headerQuickbook .be-caption {
font-family: var(--regularFont);
font-size: var(--font-ui);
color: var(--txt-color);
letter-spacing: 0.04em;
text-transform: uppercase;
}

.headerQuickbook .dd {
font-family: var(--beutyFont);
font-size: 26px;
color: var(--gold-color);
line-height: 1;
}

.headerQuickbook .mm {
font-family: var(--regularFont);
font-size: var(--font-ui);
color: var(--txt-color);
letter-spacing: 0.04em;
text-transform: uppercase;
}

.headerQuickbook .buttonReservation,
.roomsMain .buttonReservation {
position: relative;
overflow: hidden;
background: var(--accent-blue);
color: #fff;
height: 49px;
width: auto;
min-width: 0;
padding: 15px 30px;
border: 0;
border-radius: 0;
font-family: var(--regularFont);
font-size: var(--font-ui);
font-weight: 400;
letter-spacing: 0.56px;
text-transform: uppercase;
line-height: 1;
transition: background .25s;
}

.headerQuickbook .buttonReservation .buttonRez,
.roomsMain .buttonReservation .buttonRez {
position: relative;
z-index: 1;
}

.headerQuickbook .buttonReservation:hover,
.roomsMain .buttonReservation:hover {
background: var(--btnRezHvr);
}

.headerQuickbook .buttonReservation::after,
.roomsMain .buttonReservation::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
120deg,
transparent 30%,
rgba(255, 255, 255, 0.28) 50%,
transparent 70%
);
transform: translateX(-100%);
animation: headerQuickbookShine 4s linear infinite;
pointer-events: none;
}

@keyframes headerQuickbookShine {
0%   { transform: translateX(-100%); }
40%  { transform: translateX(100%); }
100% { transform: translateX(100%); }
}

@media (prefers-reduced-motion: reduce) {
.headerQuickbook .buttonReservation::after,
.roomsMain .buttonReservation::after {
animation: none;
opacity: 0;
}
}

.headerQuickbook .circle,
.headerQuickbook .circleBooking,
.roomsMain .circle,
.roomsMain .circleBooking {
border-radius: 0;
}

.headerQuickbook .data-picker-rez > .circleBooking {
height: 49px;
text-decoration: none;
}

.act .headerQuickbook .data-picker-rez {
grid-template-rows: none;
}

.act .headerQuickbook .inputRez {
opacity: 1;
height: 49px !important;
visibility: visible;
}

.act .headerQuickbook .rezForm {
margin-top: 0;
}

.mainMenu > li.act > a {
background: var(--light-color);
padding: 14px 14px;
}

@media (max-width: 980px) {
.hero {
height: auto;
background: transparent;
}

.hero .slider-container {
position: static;
width: 100%;
height: auto;
top: auto;
right: auto;
}

.hero .slider-container,
.hero .slide,
.hero .mainSlider,
.hero .sliderImage {
clip-path: none;
}

.heroBackdrop--left {
display: none;
}

.contentTitle.heroTitle.onLeft {
overflow:hidden;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
max-width: 90%;
}
.hero .mainSlider {overflow:hidden;}
.heroTitle.contentTitle * {text-align:left;}
.heroTitle.contentTitle.onLeft .beutyFont,
.heroTitle.contentTitle.onLeft .titleInfo {
color: #fff!important;
text-align: left;
text-shadow: 2px 2px 2px rgba(0,0,0,0.25);
}

.contentTitle.heroTitle.onLeft .button.btnBorder {
margin-left: auto;
margin-right: auto;
}

.headerQuickbook {
display: none;
}

.followUs {
position: static;
justify-content: center;
padding: 16px 0;
}

.followUs .socialMedia.socialMediaHeader a {
color: #fff;
}


.mainMenu > li.act > a {
background: transparent;
padding: inherit;
}
}

.sectionSpecial.offersMain {
padding: 80px 0;
}

#offersMain.offersMain .offersMainContainer {
display: flex;
gap: 18px;
align-items: stretch;
}

#offersMain#offersMain.offersMain .offersMainSlider {
display: grid;
gap: 18px;
grid-template-columns: 1fr 1fr;
min-width: 0;
overflow: visible;
}

.offerTile {
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
flex: 0 0 auto;
text-decoration: none;
color: var(--txt-color);
}

.offerTile__title {
font-family: var(--beutyFont);
font-size: 26px;
font-weight: 400;
line-height: 1;
letter-spacing: 0.52px;
color: var(--txt-color);
}

.offerTile__image {
width: 100%;
height: 500px;
overflow: hidden;
}

.offerTile__img,
.offerTile__video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: filter 0.3s ease;
}

.offerTile:hover .offerTile__img,
.offerTile:hover .offerTile__video {
filter: brightness(1.08);
}

.offerTile__footer {
width: 100%;
}

.offerTile__price {
font-family: var(--regularFont);
font-size: 14px;
letter-spacing: 0.56px;
color: var(--txt-color);
}

.offerTile__price strong {
font-family: var(--beutyFont);
font-weight: 400;
font-size: 26px;
color: var(--gold-color);
letter-spacing: 0.52px;
}

#offersMain.offersMain .offersMainBox.offerWrapper {
width: 410px;
flex: 0 0 410px;
height: auto;
align-self: stretch;
padding: 40px 30px;
}

#offersMain.offersMain .offersMainBox .offerInner {
width: 100%;
gap: 80px;
align-items: center;
}

#offersMain.offersMain .offersMainBox .specialTitle.beutyFont {
text-align: center;
white-space: nowrap;
}

.offersMainTitleMobile {
display: none;
}

#offersMain .offersMainButtonMobile {
display: none;
}

@media (max-width: 1200px) {
#offersMain.offersMain .offersMainContainer { gap: 12px; }
#offersMain.offersMain .offersMainSlider { gap: 12px; }
.offerTile,
#offersMain.offersMain .offersMainBox.offerWrapper { width: 32%; flex: 0 0 32%; }
.offerTile__image { height: 400px; }
#offersMain.offersMain .offersMainBox .specialTitle.beutyFont { font-size: 44px; }
}

@media (max-width: 768px) {
.roomsMain .roomName {font-size:var(--font-large);text-align:center;}
.roomsMain .roomsArrows {position:relative!important;bottom:unset!important;margin-top:var(--spacing);}
.sectionSpecial.offersMain { padding: 50px 0 0; }

.offersMainTitleMobile {
display: block;
text-align: center;
font-size: 44px;
margin-bottom: 30px;
line-height: 1.1;
}

#offersMain.offersMain .offersMainContainer {
flex-direction: column;
gap: 0;
padding-top: 30px;
}

#offersMain.offersMain .offersMainBox.offerWrapper { display: none; }

#offersMain .offersMainButtonMobile {
display: flex;
justify-content: center;
padding-top: 30px;
}

#offersMain.offersMain .offersMainSlider {
display: grid;
grid-template-columns: 1fr!important;
flex-direction: column;
gap: 0;
}

#offersMain.offersMain .offersMainSlider .offerTile:nth-of-type(n+2) {
display: none;
}

.offerTile {
width: 100%;
flex: 0 0 100%;
}

.offerTile__image { height: 65vw; max-height: 500px; }
}

@media (max-width: 480px) {
.offersMainTitleMobile { font-size: var(--font-large); }
.offerTile__title { font-size: 22px;align-self: center;}
.offerTile__price strong { font-size: 22px; }
}

.offersPage .offerTile {
width: 33.33%;
flex: 0 0 33.33%;
padding: 0 15px;
margin-bottom: 50px;
text-align: left;
}

.offersPage .contentTitle .offerTile__title {
font-size: 26px;
line-height: 1;
margin: 0;
}

@media (max-width: 1200px) {
.offersPage .offerTile { padding: 0 10px; }
}

@media (max-width: 1024px) {
.offersPage .offerTile { width: 50%; flex: 0 0 50%; }
}

@media (max-width: 576px) {
.offersPage .offerTile {
width: 100%;
flex: 0 0 100%;
padding: 0;
}
}

@media (max-width: 480px) {
.offersPage .contentTitle .offerTile__title { font-size: 22px; }
}