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);
}
.button, .footerMenu a, .footerWrapper a, .localization a, .logoHS, .mainNav a, .optCat li a, .roomWrapper, .singleOffer, .voucherButton {
text-decoration: none;
}
:root {
--themeColor: #F3E3C4;
--fontColor: #555555;
--spacing: 60px;
--beutyFont:"Lato", system-ui;
--regularFont:"Lato", system-ui;
--font-size: 16px;
--font-large: 26px;
--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(243, 227, 196,0.2);
--dark-color: #93253d;
--btnRezHvr: #C2A360;
--siteWidth: 1340px;
--siteWidthShort: 1060px;
}
html {
scroll-behavior: smooth;
}
.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-29377 {
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);
}

.act .header-middle, .body-ident-ceny_i_rezerwacja .articleContent, .body-ident-galeria .articleContent, section.sekcjaKontakt {
background: #fff;
}
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: 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;}
.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;
}
.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 {
position: absolute;
top: 53%;
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 30px 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;
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:32px;
justify-content: space-between;
align-items: flex-start;
width: 100%;
transition:300ms;
}
.act .mainMenu {margin-top:0;}

.mainMenu>li:not(.logoLi) {
padding: 0;
position: relative;
margin-top: 10px;
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: .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;
}

/* Zwijanie pol rezerwacji po przewinieciu bylo potrzebne, gdy widget siedzial
   w pasku menu. Od nowego wygladu stoi w hero i ma byc caly czas widoczny. */
.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;
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;
}
.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: .08em;
text-transform: uppercase;
padding-bottom: 10px;
}
/* Wyglad przyciskow "Rezerwuj" ustawia nowa-prowansja.css — wszystkie trzy
   (menu, silnik rezerwacji, pokoje) maja byc identyczne. */
.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:not(.suba)::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);}
/*#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.last a,*/ .button.rezBtn {
color:/*var(--fontColor)*/#fff;
padding: 10px 20px;
min-width: 145px;
display: inline-flex!important;
justify-content: center;
/*   height: 47px;*/
align-items: center;
background: /*var(--themeColor)*/var(--dark-color);
}
#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(--btnRezHvr);
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 .roomsArrows .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.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;
}
#rooms .slick-slider {
height: auto;
}.sectionSeparator .sectionSeparator .contentTitle .titleInfo {color:#fff!important;}
.contentTitle .titleInfo {
position: relative;
letter-spacing: .08em;
font-size: var(--font-size);
line-height: 1.5;
font-family: var(--beutyFont);
margin-bottom:10px;
/* color:var(--fontColor); */
}
.contentTitle .beutyFont {
font-size: 60px;
line-height: 1.25;
margin: 0;
display: block;
color: var(--fontColor);
align-items: last baseline!important;
text-transform:uppercase;
}
.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;
}
.newsletterWrapper .contentTitle, .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;}
/*.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-large);
justify-content: flex-start;
}

.button, .roomsMain .contentTitle .beutyFont {
color: var(--fontColor);
}
.button, .sub-menu a {
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;
text-shadow: 2px 2px 5px rgba(0, 0, 0, .25);
color: #fff;
}
.button {
display: inline-flex;
gap: 10px;
justify-content: center;
min-width: 150px;
min-height:40px;
padding:10px 20px;
border: solid 1px var(--themeColor);
font-family:var(--regularFont);
color:var(--fontColor);
font-weight:400;
background: 0;
line-height: 1;
font-size: var(--font-size);
transition: .3s;
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:var(--fontColor);
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: .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;
}
.sectionSeparator .sectionSide.slideTitleBox {
display: flex;
align-items: flex-end;
justify-content: flex-end;
text-align: center;
}
.sectionSeparator .slideTitle {
font-size: var(--font-large);
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;
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;
/*  transform: translate(50%, -50%);*/
}
.naszeObiekty .prevSlide {
left: 40px;
top: 0;
}
.naszeObiekty .nextSlide {
right: 40px;
top: 0;
}
.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 .prevSlide.secarrowleft {left:40px;}
section .nextSlide.secarrowright {right:40px;}
section .prevSlide.secarrowleft,
section .nextSlide.secarrowright {transform:translatey(-50%);}
section .prevSlide.secarrowleft::before {
content: '\E82F';
font-family: "hsfont";
font-size: 40px;
}
section .nextSlide.secarrowright::before {
content: '\E82C';
font-family: "hsfont";
font-size: 40px;
}
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:40px;}
.FeaturedGallery .nextSlide {right:40px;}


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: 180px;
transform: translate(-50%);
background: var(--light-bkg);
visibility: hidden;
opacity: 0;
transform: translate3d(0, 0, 0);
transition: transform .3s, opacity .3s, visibility .3s;
border-top: 1px solid #fff;
z-index:2;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.act .sub-menu {background: rgba(243, 227, 196,0.5);}
.sub-menu::after {
content: '\E800';
font-family: hsfont;
color: #fff;
position: absolute;
top: -12px;
font-size: 15px;
left: 20px;
}
.sub-menu::before {
content: '';
position: absolute;
top: -20px;
left: 0;
width: 100%;
height: 1px;
}
.act .sub-menu::before {
top: -12px;
height: 1px;
}
.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(--dark-color);
color: var(--light-color);
}
.localizationWrapper {
left: 50%;
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;
width:1250px;
}
.scrollTop {
display: flex;
align-items: center;
justify-content: center;
color:var(--themeColor);
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:'\E82B';
font-family: "hsfont";
font-size:10px;
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 {
margin-left: .2em;
margin-right: .2em;
}
.langs.langsHeader li a {opacity: 0.7;}
.langs.langsHeader .currentLang a, .langs.langsHeader a:hover {
opacity: 1!important;
/*    border-bottom: 1px solid #fff;*/
}
.socialMedia.socialMediaHeader {
right: 0;
gap: 8px;
}
.headerList :is(a), .socialMedia :is(a) {
color: #fff;
text-decoration: none;
}
footer .logoFooter img {width:210px;height:240px;object-fit:contain;object-position:center center;}
footer .socialMedia {
gap: 5px;
justify-content: center;
}
.footerWrapperInner {position:relative;}
.headerFooter {
position: absolute;
bottom: 50px;
left: 50%;
transform: translate(-50%);
z-index: 10;
}
.headerFooter>* {
position: absolute;
color: var(--themeColor);;
bottom: 0;
}

.footerWrapper {
background: #7A7A7A;
padding: 90px 0 90px 0;
margin-top: var(--spacing);
}
.footerWrapper a {
text-decoration: none;
}
.footerWrapper ul a:hover,.footerWrapper .footerContent a:hover,.socialMedia a:hover, .footerContact a:hover {
color:var(--btnRezHvr);
}
.footerWrapper * {
color: var(--themeColor);
}
.footerMenu a {
text-decoration: none;
}
.footerMenu ul {
justify-content: space-between;
flex-wrap: wrap;
flex-direction:column;
margin:0;
padding:0;
line-height:2;
}
.footerMenu a {
padding: 5px;
}
.footerMenu {
margin: 0;
max-width:850px;
}
.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;
}


/*.Column {
flex:0 0 33.333%
}*/
.Column4 {
flex:0 0 auto
}
.socialMedia a {
font-size: 20px;
}
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}

.footerLogoSM {
display: flex;
justify-content: center;
flex-direction: column;
width:100%;
}
.logoColumn {
display: flex;
flex-direction: column;
align-items: center;
flex: 0 0 33.33%;
position:relative;
}
.newsletter .icon-bird {
position: absolute;
bottom: 0;
right: 200px;
}
.newsletterWrapper {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding-top: var(--spacing);
padding-bottom: 30px;
}
.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;
}
.newsletter .squareContent {
font-size: var(--font-size);
color: var(--fontColor);
text-align: center;
}
.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::after {
content:'\E82C';
font-family: "hsfont";
/* font-size:40px; */
}
.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;
}
.footerContent {
font-size: 15px;
letter-spacing: .06em;
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-size:var(--font-large);
text-transform:uppercase;
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;
} */
.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); /* 3 kolumny */
gap: 16px; /* Odstęp między elementami */
}
.wsekcji .galleryGrid * {transition:300ms;}
.wsekcji .galleryGrid > .galleryPicture:nth-child(4n+1) {
grid-column: span 1; /* Pierwszy element wiersza zajmuje 1 kolumnę */
}

.wsekcji .galleryGrid > .galleryPicture:nth-child(4n+2) {
grid-column: span 2; /* Drugi element wiersza zajmuje 2 kolumny */
}

.wsekcji .galleryGrid > .galleryPicture:nth-child(4n+3) {
grid-column: span 2; /* Trzeci element wiersza zajmuje 2 kolumny */
}

.wsekcji .galleryGrid > .galleryPicture:nth-child(4n+4) {
grid-column: span 1; /* Czwarty element wiersza zajmuje 1 kolumnę */
}


.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;}
.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 {
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-large);
text-transform: uppercase;
display: flex;
justify-content: center;
align-items: center;
transition:400ms;
}
.buttonNews::before{
display:none;
}
.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;
}
.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.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 {
max-width: 650px;
position:relative;
}
/*.sectionOpinie .reviewsWrapper {
background-image: url('/img/hotel/reviews.webp');
background-repeat: no-repeat;
background-size: contain;
background-position: center right;
}*/
#offersMain .contentTitle, .FeaturedRoom .contentTitle, .mainNews .contentTitle, .roomWrapper, .roomsMainWrapper .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 {
/*    height: 0;
visibility: hidden;
opacity: 0;*/
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;
/*    margin-top: 25px;*/
}
.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: .08em;
padding-bottom: 2px;
}
.offersWrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.roomWrapper, .singleOffer {
padding: 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: 0 0 18px 0;
color: #fff;
font-size: var(--font-large);
line-height: 1.25;
position: relative;
}
.offerPriceWrapper {
font-size: var(--font-size);
color: #fff;
letter-spacing: .08em;
line-height: 1;
opacity: 1;
transition: .3s;
visibility: visible;
display: flex;
/*flex-direction: column;*/
font-family: var(--beutyFont);
}
.body-ident-main .roomsMain, .offerDescription {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
min-height: 150px;
}
.singleOffer .offerDescription {
height:195px;
transition: .3s;
padding: 20px;
position:absolute;
z-index:2;
bottom:0;
left:8px;
right:8px;
background: rgb(22,22,20);
background: linear-gradient(180deg, rgba(22,22,20,0) 0%, rgba(22,22,20,.75) 100%);

}
.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:10px;
}
.priceRezoffer strong, .roomPrice strong {
font-size: var(--font-large);
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-large);
font-weight: 400;
position: relative;
padding: 0;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 20px;
}

.fiveColumns .Column {
flex: auto;
}
.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;
}
}.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) {
.offersMain .offersWrapper > .buttonWrapper {gap:0;}
.contentTitle {padding-bottom:20px;}
.sectionGallery.wsekcji .galleryPicture span {opacity:1;}
.wsekcji .galleryGrid .galleryPicture img {height:100%;}

section.sectionSimple.Text {overflow-x: scroll;}

.revQuote {display:none!important;}

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

.sectionGallery.wsekcji .galleryPicture:hover {width:100%!important;}
.wsekcji .galleryGrid .galleryPicture:hover {flex: auto;}
footer .socialMedia {margin:40px 0 0;}

.offerWraper img {height:80vw!important;}
.singleOffer .offerDescription {padding: 0 0 30px 0!important;gap:40px;left:0;right:0;}
.offerPriceWrapper {display:flex;flex-direction:column;}
.offerPriceWrapper .days {text-align:center;padding: 0 10px;}
section.roomsMain .imageMediaWrapper img {height:100%;}
.wsekcji .galleryGrid {flex-wrap:wrap;display:flex!important;}
.wsekcji .galleryGrid > .galleryPicture {width:100%;}
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%;}


/*.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, .footer-bottom, .footerSubmenu, .footerWrapperInner .fiveColumns, .galleryFirstRow, .newsletterWrapper .contentTitle {
flex-direction: column;
}
footer .Column:not(:first-child) {
justify-content: center;
}
.footerContent, .footerHead, .footerMenu ul, .roomsName {
text-align: 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 {
display: none;
}
.footerSubmenu a, .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;
}
.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 {
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;}
.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;
}
.offersPage .singleOffer {
flex: 0 0 50%}
.galleryColumn .galleryPicture, .galleryPicture {
flex: auto;
height: 80vw;
overflow: hidden;
}
.roomDescription, .roomImage {
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 .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;
}
.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 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;
}
.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-large: 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 {
opacity: .5;
}
ul.langsMobile li.currentLang {
opacity: 1;
}
ul.langsMobile li a {
text-decoration: none;
}
.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.sekcjaKontakt, section:not(.sectionGallery):not(.wsekcji):first-child {
padding-top: var(--spacing)!important;
}
#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 {
/*    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;
}
.sectionSimple:not(.onlyTwo) .sectionRow .sectionSlider,
.sectionSide, .sectionSlider .imageSlider {
width: 100%!important;
max-width: 100%;
}
.sectionSimple:not(.onlyTwo) .sectionRow .sectionSlider, .sectionSlider .imageSlider {
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, .sectionGallery:not(.wsekcji) .galleryColumn {
width: 100%}
.newsletterColumn, .newsletterContent input, .newsletterWrapper {
width: 100%;
z-index: 5;
position: relative;
}
.newsletterWrapper {padding-top:100px;}

.footer-bottom>div {
margin-bottom: 10px;
text-align:center;
}
.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;
}
.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;
}
.footerMenu ul {
margin: 0;
flex-direction: column;
padding: 0;
}
footer {
padding-bottom: 50px;
}
.footerMenu {
margin: 40px auto 0;
}
.footerMenu a {
padding: 15px 5px!important;
display: inline-block;
}
.roomsMainWrapper {
flex-direction: column;
display: flex;
}
/*#offersMain .contentTitle,*/ .FeaturedRoom .contentTitle, .mainNews .contentTitle, .roomWrapper_, .roomsMainWrapper .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;
}
.singleOffer .priceRezoffer {
margin: 25px 0 0 0;
}
.offerWraper, .roomWrapper {
justify-content: flex-start;
}
.singleOffer .offerDescription, .singleOffer:hover .offerDescription {
height: /*250px*/auto!important;
}
.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) {
.Column:not(:first-child) {
margin-top: 20px;
}
.footerContent .socialMedia {
justify-content: center;
}
}@media(max-width:576px) {
.contentTitle .beutyFont {
font-size: 30px;
}
.contentTitle .titleInfo {
font-size: 15px;
}
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;
}
.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;
}
.newsletterContent input{
height:50px;
border-top: solid 1px var(--themeColor);
border-bottom: solid 1px var(--themeColor);
text-align:center;
color: var(--themeColor)!important;
font-size: var(--font-size)!important;
letter-spacing: .08em;
text-align: left;
}
.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;
border-top: solid 1px var(--themeColor);
border-bottom: solid 1px var(--themeColor);
}