a.brown, a.brown:hover {
color: var(--btnRezHvr);
}
.Error/*, .act .mainNav .mainMenu>li.last>a:hover*/ {
background: var(--themeColor);
}
.button, .buttonReservation, .inputRez, .scrollDown, .scrollTop, .slick-arrow {
cursor: pointer;
}
.beutyFont, .offerName {
font-family: var(--beutyFont);
font-variant-numeric: lining-nums;
}
.button, .footerMenu a, .footerWrapper a, .localization a, .logoHS, .mainNav a, .optCat li a, .roomWrapper, .singleOffer, .voucherButton {
text-decoration: none;
}
.logoHS {color:#f9f9f9;}
:root {
--themeColor: #1a1a1a;
--fontColor: #1a1a1a;
--spacing: 80px;
--beutyFont:"Playfair Display", serif;
--regularFont:"Lato", sans-serif;
--font-size: .875rem;
--font-large: 2.125rem;
--font-xxl: 3.188rem;
--little-gray-bkg: #fafafa;
--menuTr: rgba(40, 87, 40, 0.4);
--menuTrNA: rgba(40, 87, 40, 0.7);
--menuTrHvr: #171717;
--light-color: #F3E3C4;
--light-bkg: #fcfcfc;;
--dark-color: #AEAEAE;
--btnRezHvr: #000000;
--siteWidth: 1160px;
--siteWidthShort: 1000px;
}
html {
scroll-behavior: smooth;
/*	overflow-x: hidden;*/
}

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

.beutyFont {
font-weight: 400;
letter-spacing: .00714em;
}
.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;
}
ul{list-style-type: none;margin:0;}
.sectionContent ul{list-style-type: disc;padding-left: 15px;}
#optionsList {
width: 100%;
}
.optCat {
width: 100%!important;
margin: 50px 0!important;
list-style-type: none;
position: sticky;
top: 60px;
background: #fff;
z-index: 5;
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;
font-weight:600;
}
.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-size:var(--font-size);
font-style: 400;
-webkit-font-smoothing: antialiased;

}
*, ::after, ::before, html {
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: flex-start;
flex-direction: column;
}
.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);
}
section.Text .siteWidth {max-width:1210px;}
section.Text .sectionContentText {max-width:860px;margin:0 auto;}
.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: .2s;
}
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.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;
background:#AEAEAE;
}
a:hover, section.sectionSeparator a:hover {
color: #555;
}
.rezForm .hs-widget {
gap: 10px;
display: flex;
flex-direction: column;
height:60px;
}
.form-control, .showmobile {
display: none;
}
.heroTitle {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.heroTitle .titleInfo {margin:0!important;
font-size: 1.125rem;
font-weight: 400;
letter-spacing: .03333em;
line-height: 1.2;
text-shadow: 0 2px 4px rgba(0,0,0,.3);}
.logoLi {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 !important;
position: absolute;
top: 0;
left: 0;
}
.logoLi .logo {
position: relative;
display: block;
opacity: 1;
background: #fff;
transform: scale(1.5);
transform-origin: top left;
margin: 0 0 0 30px;
padding:5px;
box-shadow: 0 5px 15px 0 rgba(0,0,0,.1);
}
.logoLi .logo img {max-width:140px;max-height:120px;opacity:1;object-fit: contain;position:absolute;top:0;left:0;}
.act .logoLi .logo img {
max-width:43px;
max-height:40px;
}

.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: 100%;
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, .slick-list, .slide, .slider-container {
width: 100%}
.mainMenu {
display: flex;
align-items: center;
justify-content: flex-end;
position: relative;
height: 60px;
padding-right: 20px;
padding-left: 240px;
background-color: #fff;
box-shadow: 0 3px 10px 0 rgba(0,0,0,.1);
transition: height .2s;
width:100%;
}
@media(max-width:1500px) {
.mainNav a {font-size: .875rem!important;padding:20px 7px!important;letter-spacing:0.04em;}
.mainNav .socials__link {padding:20px 3px!important}
}

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

.mainMenu>li:not(.logoLi) {
padding: 0;
position: relative;
text-align: center;
list-style-type: none;
}
.topBooking {display:none;}
.act .topBooking {display:flex;margin-left:10px;}
.data-picker-rez {
font-size:10px;
width: 100%;
align-items: stretch;
color: var(--fontColor);
letter-spacing: .00714em;
padding: 0;
background: #FFFFFF;
display: flex;
flex-direction:row;
}

.data-picker-rez .inputRezIn,
.data-picker-rez .circleBooking {height:60px;}

.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: 0;
margin-top: 45px;
}
.offersMain .slick-list,
.roomsMainWrapper .slick-list {width:calc(var(--siteWidthShort) + 40px);}
.roomsWrapper {display:flex;justify-content:center;}
.slick-slide img, .slick-slider {
z-index: 2;
height: 100%;
align-items:center;}
.bestPriceGuaranted {
position: relative;
letter-spacing: .00714em;
font-size: 1.1rem;
line-height: 1;
font-family: var(--beutyFont);
margin-top: 5px;
font-style: italic;
text-shadow: 0 2px 4px rgba(0,0,0,.3);
}
.date-wrapper {
display: flex;
align-items: center;
flex-direction:row;
line-height: 1;
font-size: var(--font-size);
letter-spacing: .05357em;
text-transform: uppercase;
}

.voucherButton {
font-size: var(--font-size);
letter-spacing: .05357em;
text-transform: uppercase;
}
.sliderImage {
height: 100vh;
height: 100dvh;
width: 100%;
position: relative;
}
.slick-list, .slick-track {height: 100%}
.body-ident-blog .slidePage::before, .sliderImage::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:rgba(0,0,0,.2);
	opacity: 1;
	z-index:3;
}
.act .navigation-contianer {
transition: .2s;
margin-top: 0;
box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
}
.footerMenu a, .mainNav a {
color:var(--fontColor);
font-size: .938rem;
letter-spacing: .1em;
padding:20px 10px;
}
.mainNav .sub-menu a {text-transform:unset!important;}
/*.act .mainNav .mainMenu>li.last>a*/, .button.rezBtn {
background: var(--btnRezHvr);
color: #fff!important;
border-color: #fff;
}
.roomSide .button:not(.rezBtn):hover,
.button.rezBtn:hover {
background: var(--btnRezHvr)!important;
color: #fff!important;
}
.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 span{position:relative;}
#nav >ul>li>a>span {text-transform:uppercase;}
#nav >ul>li>a>span::before {
content: "";
position: absolute;
bottom: -7px;
left: 0;
width: 100%;
height: 2px;
transform: scaleX(0);
transform-origin: right;
transition: transform .35s;
background-color: #171717;
}
#nav >ul>li.langsContainer>a>span::before {
content:'\E819';
font-family:'hsfont';
opacity:1;
background:transparent;
transform:unset;
bottom:0;
}

/*#nav li.last a::before,*/ #nav li.logoLi a::before, .sub-menu li a::before {
content: none;
}
.act .mainMenu .socials,
.act .mainMenu .langsContainer {display:none;}

.logoStandard {opacity:1;visibility:visible;transition:300ms;}
.logoFixed {opacity:0;visibility:hidden;transition:500ms;position:absolute;top: 3px !important;left:0!important;max-width:48px!important;max-height:35px!important;}

.act a.logo {/*overflow:hidden;*/width: 50px;height: 40px;padding: 0;box-shadow: unset;}

.act .logoStandard {opacity:0!important;visibility:hidden!important;}
.act .logoFixed {opacity:1;visibility:visible;}


.act a.logo .logo {
max-width: 120px!important;
max-height: 95px!important;
position: absolute;
top: -15px;
left: 50%;
transform: translatex(-50%);
}

.voucherButton {
white-space: nowrap;
align-items: center;
height: 45px;
min-width: 175px;
}
.inputRez > div {opacity:1;transition:200ms;min-width:200px;padding:15px 25px;height: 100%;display: flex;justify-content: center;align-items: flex-start;}
.inputRez {border: solid 1px #fff;transition:.2s;border-right:solid 1px #ddd;}
.inputRez::before{
content:'\E975';
font-family: "hsfont";
color:var(--fontColor);
font-size: 1.25rem;
position:absolute;
right:20px;
top:50%;
transform:translatey(-50%);
}

.inputRez:hover {border: solid 1px var(--fontColor);}
.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);
}
#nav li:hover a span::before, #nav li.act a span::before {
transform:scalex(1);
transform-origin:left;

}
.cd-words-wrapper,
.cd-words-wrapper b,
.cd-words-wrapper i {line-height:1!important;margin:0;}
.buttonReservation {
background: var(--fontColor);
border: solid 1px var(--fontColor);
color: #fff;
line-height:1;
min-width: 245px!important;
height:60px;
padding: 14px 20px;
font-size: 15px;
font-weight: 400;
display: flex;
justify-content: center;
align-items: center;
letter-spacing: .15em;
}
.mainMenu .buttonReservation {border:0px;border-left:solid 1px var(--fontColor);}
.mainMenu .buttonReservation:hover {border:0px;border-left:solid 1px #ddd;}
.buttonReservation span {color:#fff;text-transform:unset!important;}
.buttonReservation span::before {display:none;}
.buttonReservation:hover {
border: solid 1px #ddd;
background: #fff!important;
color: var(--btnRezHvr)!important;
}
.buttonReservation:hover span {
color: var(--btnRezHvr)!important;
}

.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;
}
.sectionSimple:not(.onlyTwo) .sectionRow .sectionSlider iframe,
.sectionSimple:not(.onlyTwo) .sectionRow .sectionSlider img {height:370px;}


section.reverse .sectionRow {
flex-direction: row-reverse;
}
section.slick-track {margin:0;}

#offersMain .nextSlide, #offersMain .prevSlide,
.roomsMain .nextSlide, .roomsMain .prevSlide {left:unset;right:unset;color:var(--themeColor);}
.roomsMain .nextSlide {right:-40px;}
.roomsMain .prevSlide {left:-40px;}
#offersMain .slick-arrow {position:absolute!important;}
/*.roomsMain .slick-arrow {position:relative!important;}*/
.sectionSide {
width: 50%;
position: relative;
z-index: 2;
}
.sectionSimple.reverse:not(.onlyTwo) .sectionRow .sectionSide.sectionSlider {
padding-left: 90px;
}
.sectionSimple:not(.reverse):not(.onlyTwo) .sectionRow .sectionSide.sectionSlider {
padding-right: 90px;
}
section.onlyTwo {/*overflow-x:hidden;*/margin-top:var(--spacing);}
section.onlyTwo .sectionContentText {margin-top: 40px;padding: 0 30px;text-align:center;}
.offersMain .circle,
section.onlyTwo .circle {position: absolute;top: 50%;left: 50%;width: 58px;height: 58px;border-radius: 50%;background-color: #fff;transform: translate(-50%,-50%);}
.offersMain .circle::before,
section.onlyTwo .circle::before {
position: absolute;
top: 50%;
left: 50%;
content: "";
z-index: 2;
width: 64px;
height: 64px;
border: 1px solid #fff;
border-radius: 50%;
transform: translate(-50%,-50%);
}

.offersMain .plus::after,
section.onlyTwo .plus::after {
position: absolute;
top: 50%;
left: 50%;
content: "";
z-index: 2;
width: 1px;
height: 24px;
transform: translate(-50%,-50%);
background-color: var(--themeColor);
}
.offersMain .plus::before,
section.onlyTwo .plus::before {
position: absolute;
top: 50%;
left: 50%;
content: "";
z-index: 2;
width: 24px;
height: 1px;
transform: translate(-50%,-50%);
background-color: var(--themeColor);
}

.imageMediaWrapper:focus .img-hover,
.imageMediaWrapper:hover .img-hover,
section.onlyTwo .galleryPicture:focus .img-hover,
section.onlyTwo .galleryPicture:hover .img-hover {
transform: translateX(-50%) translateY(-50%) scale(1);
}
.img-hover {
position: absolute;
top: 50%;
left: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 650px;
height: 650px;
border-radius: 50%;
background-color: hsla(0,0%,100%,.5);
transform: translateX(-50%) translateY(-50%) scale(0);
transition: transform .3s;
z-index:5;
}

section.onlyTwo .sectionRow:not(.secondRow) {/*background:rgba(243, 227, 196,0.2);*/position:relative;}
section.onlyTwo .sectionImageWrapper {position:relative;justify-content: center;display: grid;grid-template-columns: 250px 250px;gap: 2px;grid-template-rows: 250px auto;}
section.onlyTwo .sectionImageWrapper a:nth-child(3) {grid-column: 1 / 3;height:370px;}
section.onlyTwo .galleryPicture {padding:0!important;}
section.onlyTwo .sectionImage {width:100%;}
section.onlyTwo .sectionSide.sectionImage {width:auto;background:#fff;padding-right: 20px;}
section.onlyTwo .sectionSide.sectionSlider .sectionImage {object-fit:cover;object-position:center center;width:100%;height:100%;}
section.onlyTwo .sectionSide.sectionSlider {width: 50%;padding-right: 0px !important;}
section.onlyTwo .sectionRow .sectionContent {padding:30px!important;justify-content: center;background:var(--light-bkg);border:solid 1px #c5c5c5;width:50%;}
section.onlyTwo .sectionRow {min-height:450px;gap:3px;}
section.onlyTwo .sectionSide.sectionContent .contentTitle {padding-bottom:0;width: auto;display: inline-flex;align-items: center;}
section.onlyTwo .sectionSide.sectionContent img {margin-top:30px; width:100%;height:300px;object-fit:cover;object-position:center center;}
section.onlyTwo img.smallimage {width:435px;min-height:unset!important;height:390px;object-fit:cover;object-position:center center;margin-top:-60px;}

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

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

section.Text .sectionSide {
width: 100%;
padding: 0 30px!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;
}
.sectionSimple:not(.onlyTwo):not(.Text) .sectionSide.sectionContent {
padding: 0 35px;
display:flex;
justify-content:center;
}

section:not(.sectionExtended) .sectionSide.sectionContent {
padding-right: 80px;
}
#rooms .slick-slider {
height: auto;
}
.sectionSeparator .sectionSeparator .contentTitle .titleInfo {color:#fff!important;}
.sectionSeparator .imageSlider {
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 50%;
background-size: cover;
width:100%;
}
.sectionSeparator .imageSlider::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
background-color: rgba(0,0,0,.25);
}

.contentTitle .titleInfo {
position: relative;
letter-spacing: .00714em;
font-size: 1.375rem;
line-height: 1;
font-family: var(--beutyFont);
margin-top:5px;
font-style: italic;
font-variant-numeric: lining-nums;
}
.contentTitle .beutyFont {
font-size: 3.188rem;;
line-height: 1.1;
margin: 0;
display: block;
color: var(--fontColor);
align-items: last baseline!important;
text-transform:unset;
font-variant-numeric: lining-nums;
}
.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 {
margin-top: var(--spacing);
}
.sectionOffersIcon .sectionRow {
flex-wrap: wrap;
gap: 10px;
}
.sectionOffersIcon .sectionIcon {
width: calc(20% - 20px);
height: 160px;
box-sizing: border-box;
position: Relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
line-height: 1.5;
}
.sectionOffersIcon .sectionIcon .hsfont {
font-size: 53px;
color: var(--themeColor);
line-height: 1;
margin-bottom: 5px;
}
.FeaturedRoom .contentTitle .beutyFont, .mainNews .contentTitle .beutyFont, .offersMainWrapper .contentTitle .beutyFont, .roomsMain .contentTitle .beutyFont, .sectionGallery .contentTitle .beutyFont, .SectionOpinie .contentTitle .beutyFont, {
 padding-bottom: 10px;
text-align: left;
}
.newsletterWrapper .contentTitle {
margin:0!important
}
.newsletterWrapper .contentTitle, .roomInfo {
flex-direction: row
}
/*
#offersMainSlider .singleRoomWrapper:not(.slick-active) {opacity:1;transition:unset!important;}
#offersMainSlider .singleRoomWrapper.slick-active {opacity:1;transition:unset!important;}
*/
.singleRoomWrapper {padding:0 20px; cursor:pointer;}
.singleRoomWrapper:not(.slick-active) {opacity:0;transition:1500ms;}
.singleRoomWrapper.slick-active {opacity:1;transition:1500ms;}
.singleRoomWrapper .roomInfo {position:relative;opacity: 0;transition: .25s;width:100%;}

.singleRoomWrapper a {text-decoration:none;}
.singleRoomWrapper:hover .roomInfo {opacity:1;visibility:visible;}
.singleRoomWrapper .roomPrice {opacity:1;transition:1300ms;visibility:visible;font-family:var(--beutyFont);flex-direction: column;line-height:1;}
.singleRoomWrapper .roomPrice span {display: flex;align-items: flex-end;flex-direction: column;font-size: var(--font-size);letter-spacing: .0125em;font-family:var(--regularFont);}
.singleRoomWrapper .roomPrice strong span {display:inline-flex;}

sup {top: -.5em;}
/*.singleRoomWrapper:hover .roomPrice {opacity:0;visibility:hidden;}*/
.roomInfo i {
margin-right: 5px;
font-size:var(--font-size);
}
.roomInfo div {
display: inline-flex;
margin: 0 5px;
align-items: center;
justify-content: start;
padding: 0;
font-size:var(--font-size);
line-height:1;
letter-spacing: .00714em;
line-height: 1.86;
}
.roomName {
font-size: 1.438rem;
letter-spacing: .03478em;
line-height: 1!important;
margin:0;
text-align:left;
}
.mainOffers .roomName {line-height: 1.3;}

.button, .roomsMain .contentTitle .beutyFont {
color: var(--fontColor);
}
.button, .sub-menu a {
align-items: center;
letter-spacing: .00714em;
}
.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: 100px 0 0 0 !important;
/*    text-shadow: 2px 2px 5px rgba(0, 0, 0, .25);*/
color: #fff;
font-size: 3.5rem;
}
#banner-video-box {position:absolute;top:0;left:0;width: 100%;height: 100%;}
#banner-video {width: 100%;height: 100%;object-fit: cover;}

.button {
display: inline-flex;
gap: 10px;
justify-content: center;
min-width: 200px;
min-height: 46px;
padding: 14px 35px;
font-family:var(--regularFont);
color:var(--fontColor);
font-weight:400;
background: 0;
line-height: 1;
transition: .2s;
font-size: .938rem;
letter-spacing: .15em;
border:0;
background:var(--dark-color);
}
.button:hover {background:var(--btnRezHvr) !important;}
.button::first-letter,
.button span::first-letter{text-transform:capitalize!important;}
.roomSide .button:not(.rezBtn) {color:var(--fontColor);background:var(--dark-color);}
.scrollTop, section {
font-size: var(--font-size);
}
.bottomRoom .button {
min-width: 174px;
}
.button.noBorder {
border: 0!important;
}
.buttonLight {
background: 0 0;
color: #fff;
}
.buttonLight::before {
background:#fff;
}
.button:hover {
color:#fff!important;
background:#000;
}
.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: 30px;
text-align:center;
}
section.sectionSimple:not(.Text) .sectionSide .buttonWrapper {
text-align:left;
margin-top:15px;
}
.act .sub-menu, .sub-menu {margin-top: 30px;}
section {
line-height: 1.86;
color: var(--fontColor);
letter-spacing: .00714em;
position: relative;
}
section.offerSection  ul {list-style-type:disc!important;margin:0 0 10px 0!important;padding-left: 20px;}
section p {margin-top:0;}
.contentCenter.sectionSeparator, .contentTitle {
padding-bottom: 30px;
width:100%;
}
.sectionSeparator {
min-height: 600px;
color: #fff;
margin-top: 80px;
/*  margin-bottom: 100px;*/
}
.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;
display: flex;
align-items: center;
flex-direction: column;
position: relative;
padding-top: 105px;
padding-bottom: 85px;
}
.galleryContainer, .newsletter, .roomsMainWrapper, .sectionSeparator:not(.contentCenter) .sectionImageWrapper, .sectionTitle {
position: relative;
}

.circles .circles_item {
align-items: center;
flex-direction: column;
width: 25%;
min-height: 120px;
margin-top: 30px;
margin-bottom: 30px;
}

.circles .circles_item::before {
top: -15px;
width: 150px;
height: 150px;
border-radius: 50%;
background-color: #fff;
}
.circles .circles_item::after {
top: -20px;
width: 160px;
height: 160px;
border: 1px solid #fff;
border-radius: 50%;
}

.sectionSeparator:not(.contentCenter) .sectionContent {
position: relative;
z-index: 5;
width: 100%;
padding-top: 105px;
padding-bottom: 85px;
display: flex;
align-items: center;
flex-direction: column;
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: 100%;
text-align: right;
padding: 0 55px;
z-index: 5;
height: 100%;
display: flex;
justify-content: center;
flex-direction: column;
align-items: flex-end;
}
.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;}
.fullWidth .galleryContainer .slick-arrow {top: 50%;transform: translatey(-50%);}
.fullWidth .nextSlide.slick-arrow {right:4vw;}
.fullWidth .prevSlide.slick-arrow {left:4vw;}
section.fullWidth {margin-top:80px;margin-bottom:80px;}
.prevSlide::before {
content: '\E987';
font-family: "hsfont";
font-size: 2.063rem;;
}
.nextSlide::before {
content: '\E988';
font-family: "hsfont";
font-size: 2.063rem;
}
section .prevSlide.secarrowleft {left:2.063rem;}
section .nextSlide.secarrowright {right:2.063rem;}
section .prevSlide.secarrowleft,
section .nextSlide.secarrowright {transform:translatey(-50%);}
section .prevSlide.secarrowleft::before {
content: '\E987';
font-family: "hsfont";
font-size: 2.063rem;
}
section .nextSlide.secarrowright::before {
content: '\E988';
font-family: "hsfont";
font-size: 2.063rem;
}
section .nextSlide {
transition: .2s;
}
.FeaturedRoom .prevSlide,
.FeaturedGallery .prevSlide,
section:not(.sectionSimple) .prevSlide {
/*background-image: url('/img/hotel/arrowLeft.svg');*/
transition: .2s;
}
.FeaturedRoom .nextSlide,
.FeaturedGallery .nextSlide,
section:not(.sectionSimple):not(.roomsMain) .nextSlide {
/*background-image: url('/img/hotel/arrowRight.svg');*/
transition: .2s;
}
.FeaturedGallery .prevSlide.slick-disabled,
.FeaturedGallery .nextSlide.slick-disabled {opacity:0.7;}

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

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

.localization a:hover, .nextRoom:hover, .nextSlide:hover, .prevSlide:hover {
opacity: .7;
}
.prevSlide {
left: 0;
right: auto;
/*    transform: translate(-50%, -50%);*/
}
#offersMainSlider .prevSlide {left:20px; top: 45%}
#offersMainSlider .nextSlide {right:20px; top: 45%}
.mainMenu .langsContainer {cursor:pointer;text-transform:uppercase;}
.mainMenu .langsContainer ul {width:50px;}
.mainMenu .langsContainer ul li a {padding:5px;}
.sub-menu {
position: absolute;
text-align: center;
left: 50%;
top: 20px;
width: 200px;
transform: translate(-50%);
background:#fff;
visibility: hidden;
opacity: 0;
transform: translateX(-50%) translateY(15px);
transition: .2s;
box-shadow: 0 3px 10px 0 rgba(0,0,0,.15);
flex-direction:column;
}
.sub-menu li {position:relative;}
.sub-menu li:first-of-type::before {display:none;}
.sub-menu li:first-of-type::after {
position: absolute;
top: -6px;
left: 50%;
content: "";
z-index: -1;
width: 12px;
height: 12px;
background-color: #fff;
transform: translateX(-50%) rotate(-45deg);
transition: background-color .2s;
box-shadow: 0 3px 10px 0 rgba(0,0,0,.15);
}
.sub-menu li:hover::after {background:#171717;transition:.2s;}
.sub-menu li::before {
position: absolute;
top: -1px;
left: 50%;
content: "";
width: calc(100% - 65px);
height: 1px;
opacity: .5;
transform: translateX(-50%);
transition: opacity .1s;
background-color: #171717;
}

.sub-menu::before {
content: '';
position: absolute;
top: -20px;
left: 0;
width: 100%;
height: 20px;
transition:.2s;
}
.act .sub-menu::before {
top: -29px;
height: 29px;
}
.mainMenu .socials {position:relative;margin-left:35px;min-width:170px;}
.mainMenu .socials::before {
position: absolute!important;
top: 50%;
left: -25px;
content: "";
width: 1px;
height: 20px;
background-color: var(--fontColor);
transform: translateY(-50%);
}
.socials_list {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-left: -10px;
}
.socials__link {
padding:0;
display: flex;
align-items: center;
justify-content: center;
min-width: 24px;
min-height: 24px;
padding-left: 3px !important;
padding-right: 3px !important;
}
.socials__link .hsfont {transition: color .2s;font-size:20px;}
.act .socials__link a::before {color:var(--fontColor);}
.socials__link:hover .hsicon-linkedin-circle {color: #0073b0;}
.socials__link:hover .hsicon-tripadvisor-circle {color: #589442;}
.socials__link:hover .hsicon-instagram-circle {color: #3f729b;}
.socials__link:hover .hsicon-facebook-circle {color: #3b5998;}
.socials__link:hover .hsicon-youtube-circle {color: #cf3427;}
.sr-only {position: absolute!important;top: -200%;right: unset;bottom: unset;left: -100%;pointer-events: none;opacity: 0;visibility: hidden;}

.mainMenu li:hover .sub-menu {
opacity: 1;
visibility: visible;
top:10px;
}
.sub-menu a {
padding:15px 30px;
min-height: 40px;
display: flex;
justify-content: center;
width: 100%;
font-weight: 400;
font-size: .938rem;
letter-spacing: .05em;
line-height: 1.64;
word-break: break-word;
background:#fff;
transition:.2s;
}
.sub-menu .act a, .sub-menu a:hover {
background: var(--menuTrHvr);
color:#fff;
transition:.2s;
}
.localizationWrapper {
left: 50%;
transform: translatex(-50%);
text-align: center;
color: #fff;
bottom: -40px!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:100%;
max-width:960px;
padding: 0 30px!important;
font-size: var(--font-size);
letter-spacing: .00714em;
line-height: 1.86;
}
.footerWrapperInner .col-left {width:30%;padding-left:5px;}
.footerWrapperInner .col-center {width:40%;padding-left:25px;}
.footerWrapperInner .col-right {width:30%;}

.footerWrapperInner .Column {display:flex;}
.footerWrapperInner .Column .hsfont {width: 20px !important;display: inline-block;text-align: center;}


.scrollTop {
display: flex;
align-items: center;
justify-content: center;
color:var(--themeColor)!important;
position: absolute;
bottom: 0;
right: 30px;
line-height: 1;
opacity: 1;
width: 2px;
}
.scrollTop::before {
content: '\E82E';
font-family: "hsfont";
font-size:11px;
}
.scrollTop span {
transform: rotate(-90deg);
transform-origin: center center;
white-space: nowrap;
text-transform: uppercase;
background: var(--themeColor);
padding: 0 10px;
display: inline-block;
transition: .2s;
}
.scrollTop:hover,
.scrollTop:hover span {
color: var(--btnRezHvr)!important;
}
.scrollDown {
 animation-name: scrollAnim;
animation-duration: 3s;
animation-iteration-count: infinite;
position: relative;
display: flex;
color:#fff;
font-size: .75rem;
letter-spacing: .15em;
text-align: center;
text-transform: uppercase;
transition: .2s;
}
.scrollDown::before{
content:'\e986';
font-family: "hsfont";
font-size:1.875rem;
color:#fff;
position:absolute;
left:0;
top:25px;
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% {
transform: translateY(-4px);
}
50% {
transform: translateY(4px);
}
100% {
transform: translateY(-4px);
}
}.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 {overflow:hidden;}
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-color: #F3F3F3;
box-shadow: 0 3px 20px 0 rgba(0,0,0,.15);
padding: 35px 0 40px 0;
margin-top:50px;
}
.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 .socials_list {display:flex;gap:10px;position:relative;}
/*.Credits .socials_list::before {
position: absolute;
top: 50%;
right: -15px;
content: "";
width: 1px;
height: 9px;
background-color: hsla(0,0%,100%,.3);
transform: translateY(-50%);
}*/
.Credits {
background-color: #292929;
color:#f9f9f9;
min-height: 50px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 25px!important;
font-size: var(--font-size);
letter-spacing: .00714em;
}
.threeColumns{
padding: 0;
}
.footer-bottom {width:100%;padding:0;margin:0;}
.footer-bottom li {display:flex;flex-direction:row;}
.footer-bottom .socials_list {padding: 0;/*margin-right: 30px;*/}
.footer-bottom a,
.footer-bottom .socials_list li a {color:#fff;}
.footer-bottom-col {display:flex;flex-direction:row;}
.footerNav {gap:20px;}

.footerWrapperInner .threeColumns{
display: grid;
grid-template-columns: 1fr 1fr 1fr; /* 3 kolumny */
grid-template-rows: 1fr 1fr; /* 2 wiersze */
gap: 0; /* odstępy między elementami */
}

.footerWrapperInner .threeColumns .Column:nth-child(1) {
grid-column: 1 / 2; /* pierwsza kolumna */
grid-row: 1 / 2;    /* pierwszy wiersz */
}

.footerWrapperInner .threeColumns .Column:nth-child(2) {
grid-column: 2 / 3; /* środkowa kolumna */
grid-row: 1 / 3;    /* zajmuje 2 wiersze */
}

.footerWrapperInner .threeColumns .Column:nth-child(3) {
grid-column: 3 / 4; /* trzecia kolumna */
grid-row: 1 / 2;    /* pierwszy wiersz */
}

.footerWrapperInner .threeColumns .Column:nth-child(4) {
grid-column: 1 / 2; /* pierwsza kolumna */
grid-row: 2 / 3;    /* drugi wiersz */
}

.footerWrapperInner .threeColumns .Column:nth-child(5) {
grid-column: 3 / 4; /* trzecia kolumna */
grid-row: 2 / 3;    /* drugi wiersz */
}


/*.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;
}
.newsletterWrapper p {
margin-top: 25px;
font-size: 1rem;
line-height: 1.6;
text-align: center;
}
.newsletterWrapper .contentTitle .beutyFont {
font-size: 2.938rem;
line-height: 1.1;
text-align: center;
}
.newsletterWrapper .nltBox {position:relative;z-index:2;background:var(--light-bkg);
max-width: 480px;
padding:80px 60px 90px;
box-shadow: 0 3px 10px 0 rgba(0,0,0,.15);
}
.newsletterWrapper .siteWidth {position:relative;display: flex;
align-items: center;
justify-content: flex-end;
position: relative;
margin: 0 auto;
padding: 80px 0 80px;
}
.newsletterWrapper .newsletter_img::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,.05);
}
.newsletterWrapper .newsletter_img {position:absolute;
top:0;
bottom:0;
left:0;
right:220px;
z-index:1;
}
.newsletterWrapper .newsletter_img img {
width:100%;
height:100%;
object-fit:cover;
}
.newsletter .icon-bird {
position: absolute;
bottom: 0;
right: 200px;
}
.newsletterWrapper {
overflow:hidden;
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: .00714em;
}
.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: .00714em;
text-align: left;
font-family:var(--regularFont);
}
/*
.newsletterContent .button::after {
content:'\E988';
font-family: "hsfont";
}
.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: .2s;
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: .00714em;
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;
overflow:hidden!important;
}
.sectionGallery.fullWidth:not(.wsekcji) .galleryColumn {padding:5px;}
.fullWidth .galleryPicture {padding:0px;padding-bottom:55%!important;}
.fullWidth .galleryImageWrapper {position:Absolute;top:0;left:0;bottom:0;right:0;}

.wsekcji .galleryGrid {
overflow:hidden;
display: grid;
grid-template-columns: repeat(3, 1fr); /* 3 kolumny */
gap: 16px; /* Odstęp między elementami */
}
.wsekcji .galleryGrid * {transition:200ms;}
.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:200ms;}
.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):not(.fullWidth) .galleryColumn,
.sectionGallery:not(.wsekcji):not(.fullWidth) .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;
}
.sectionGallery:not(.fullWidth) .galleryImageWrapper:hover img {
opacity: .9;
transform: scale(1.05);
}
.sectionGallery.reverse .galleryFirstRow {
flex-direction: row-reverse;
position: relative;
}
.sectionGallery .buttonWrapper {
margin-top: var(--spacing);
}
section#mapaGoogle, section.sectionSeparator, section.sekcjaKontakt, section:not(.sectionGallery):not(.wsekcji):first-child {
margin-top: var(--spacing)!important;
}
.sectionGallery:not(.wsekcji) {padding-top:0;}


#offersMain #offersMainSlider {
width: 100%;
/*    overflow: hidden;*/
justify-content: center;
}
#offersMainSlider .singleOffer {
position:relative;
}
/*.sectionOpinie .reviewsWrapper {
background-image: url('/img/hotel/reviews.webp');
background-repeat: no-repeat;
background-size: contain;
background-position: center right;
}*/
.sectionOpinie .reviewsWrapper .contentTitle {
text-align: left!important;
}
#offersMain .contentTitle, .FeaturedRoom .contentTitle, .mainNews .contentTitle, .roomWrapper, .roomsMainWrapper .contentTitle, .sectionGallery.wsekcji .contentTitle, .sectionOpinie .contentTitle {
flex-direction: column;
justify-content: space-between;
padding-bottom: 60px!important;
}
.contentTitle div.hidemobile {
display: flex;
justify-content: flex-end;
flex-direction: column;
}
h2 + .buttonWrapper {line-height:1;margin-top: 20px;margin-bottom: 10px;}
/*.FeaturedRoom .contentTitle>div, .mainNews .contentTitle>div, .offersMainWrapper .contentTitle>div, .roomsMainWrapper .contentTitle>div, .sectionGallery.wsekcji .contentTitle>div, .sectionOpinie .contentTitle>div, section.talerz .contentTitle>div {
flex: 0 0 33.33%;
align-items: center;
}*/
.singleOffer .buttonWrapper {
/*    height: 0;
visibility: hidden;
opacity: 0;*/
display:flex;
justify-content:flex-start;
transition: .2s;
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: .00714em;
padding-bottom: 2px;
}
.offersWrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.roomWrapper, .singleOffer {
padding: 0 8px;
}
.offerWraper, .roomWrapper {
gap:15px;
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;
height:455px;
}
.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: .00714em;
line-height: 1;
opacity: 1;
transition: .2s;
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: .2s;
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:not(.roomSide)::before,
section:not(.offersMain) .imageMediaWrapper:not(.roomSide)::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 {
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:4px 20px 6px;
min-width: 145px;
/*  height:47px;*/
position: relative;
top: unset;
left: unset;
transform: none;
margin: 0;
}
.singleRoomWrapper .buttonWrapper .button.rezBtn{
color:/*var(--fontColor)*/#fff;
border: solid 1px var(--btnRezHvr);
}
.singleRoomWrapper .buttonWrapper .button.rezBtn:hover{
background:#fff!important;
color: var(--btnRezHvr)!important;
border: solid 1px #ddd;
}
.singleRoomWrapper .buttonWrapper .button.rezBtn::before
{
background: #fff;
}
.cont{
margin:0 8px;
}
.singleRoomWrapper .buttonWrapper {
display: flex;
flex-direction: row;
z-index: 10;
opacity: 1;
transition: .2s;
position: absolute;
bottom: 10px;
left: 50%;
transform: translatex(-50%);
padding: 0 24px;
width: 100%;
justify-content: center;
align-items:center!important;
}
.singleRoomWrapper .buttonWrapper a {width:50%;}
.imageMediaWrapper img {
display: block;
height: 100%;
transform: scale(1);
transition:300ms;
object-fit: cover;
}
.roomImage, .roomsImage {
width: 100%;
max-width: 100%}
.roomsImage {
width: 100%;
height: 500px;
}
section.roomsMain .imageMediaWrapper img {height:100%;object-fit:cover;width:100%;}
.singleRoomWrapper .imageMediaWrapper {opacity:1;transition:200ms;height:275px;min-height:275px;}
.singleRoomWrapper:not(.mainOffers):hover .imageMediaWrapper {min-height:220px;height:220px;}
.roomDescription, .roomsDescription {
padding: 20px 0 20px 30px;
width: 100%;
background: 0 0;
color: var(--fontColor);
}
.roomSide.roomsDescription>div.roomTitle {
width:100%;
justify-content: space-between;
align-items: center;
height: 90px;
margin-bottom: 15px;
}
.roomSide.roomsDescription>div.roomTitle .flexing {width:100%;justify-content: space-between;align-items: flex-end;}

.roomSide.roomsDescription>div {
/*flex: 0 0 33.33%;*/
display: flex;
align-items: baseline;
gap:10px;
}
.priceRezoffer strong, .roomPrice > strong > strong {
font-size: var(--font-large);
font-family: var(--beutyFont);
font-variant-numeric: lining-nums;
font-weight: 400;
margin: 0 3px;
white-space: nowrap;
}
.roomPrice > strong,
.priceRezoffer strong span {font-size:var(--font-size);font-weight: 400;white-space: nowrap;}
.roomsDescription {
position: relative;
bottom: 0;
width:100%;
z-index: 5;
height:100%;
padding: 0 25px;
flex-direction: column;
justify-content: center;
align-items: center;
flex-direction: column;
justify-content: flex-start;
align-items: center;
border: solid 1px #c5c5c5;
background:#fff;
}
/*.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;
}
.body-ident-opinie-gosci section.sectionSimple.Text .sectionContentText p strong {font-size: 1.3rem;}
.fiveColumns .Column {
flex: auto;
}
.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 {
height: calc(65vh - 60px);
height: calc(65dvh - 60px);
margin-top:60px;
}
}.localization a {
color: #fff;
text-transform: uppercase;
text-decoration: none!important;
}
@media(max-width:1320px) {
.topBar {
padding: 10px!important;
}
}
@media(max-width:1290px) {

.footerWrapperInner .threeColumns {display:flex!important;flex-direction:column!important;padding:0;}
.footerWrapperInner .threeColumns .Column.logoColumn {order:1;margin:0;}
.footerWrapperInner .threeColumns .Column {order:2;}

.siteWidth {
max-width: calc(100% - 40px);
padding: 0 20px;
}
.rezForm {margin-right:20px!important;}
}
@media(max-width:980px) {
.offersMain:not(#offersMain) .buttonWrapper {margin-top:unset!important;margin-bottom:unset!important;}
.footerWrapperInner .Column {width:100%!important;justify-content: center;align-items: center !important;padding: 0;}

.offersMain .slick-list, .roomsMainWrapper .slick-list {width:100vw!important;}
.newsletterWrapper .newsletter_img {right:0;}
.newsletterWrapper .nltBox {background: rgba(255,255,255,0.85);}
.newsletterContent {height:auto!important;}

#offersMain .nextSlide, #offersMain .prevSlide {color: #fff;top:42.5vw;}

.singleRoomWrapper {padding:0;}
section.fullWidth {margin-top:var(--spacing);margin-bottom:var(--spacing);}
.offersMain .offersWrapper > .buttonWrapper {gap:0;}
.contentTitle {padding-bottom:20px;}
.sectionGallery.wsekcji .galleryPicture span {opacity:1;}
.wsekcji .galleryGrid .galleryPicture img {height:100%;}
section.onlyTwo .sectionImageWrapper {grid-template-columns: 1fr 1fr;}
section.onlyTwo .sectionRow:not(.secondRow)::before {left:-20px;}
section.sectionSimple.Text {overflow-x: scroll;}
.sectionSimple:not(.onlyTwo):not(.Text) .sectionSide.sectionContent {padding:20px 0!important;}

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

.revQuote {display:none!important;}

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

.sectionGallery.wsekcji .galleryPicture:hover {width:100%!important;}
.wsekcji .galleryGrid .galleryPicture:hover {flex: auto;}
footer .socialMedia {margin:40px 0 0;}
.roomsContainer {width:100%;}
.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;}
section.onlyTwo .sectionRow .sectionContent {padding:0!important;}
.offerPriceWrapper .days {text-align:center;padding: 0 10px;}
section.onlyTwo {margin-top:0!important;}
section.onlyTwo .sectionSide.sectionContent,
section.onlyTwo .sectionSide.sectionSlider {padding-right:0!important;width:100%!important;min-width:unset;}
.singleRoomWrapper .imageMediaWrapper,
section.roomsMain .imageMediaWrapper img {height:85vw;}
.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;}
.sectionSeparator.separatorNew > .siteWidth::before {width:100%!important;right:0;}

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

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

/*.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 {left:unset!important}
.roomsMain .nextSlide {right:unset!important}

.sectionSeparator .nextSlide {
right: 0;
}
.sectionSeparator .slideTitle {
width: 100%;
bottom: 0;
border-bottom: unset;
padding-bottom: 35px;
}
.mainNews .relMainNews>.siteWidth::before {
right: 20px;
}
.average span.revsource::after, .average span.revsource::before {
height: 2px!important;
}
.sectionOpinie .sectionSide.sectionContent {
margin-top: var(--spacing);
}
.roomsSection {
margin-bottom: 0;
}
#optionsList .optCat, .footerSubmenu, .footerWrapperInner .fiveColumns, .galleryFirstRow, .newsletterWrapper .contentTitle {flex-direction: column;}
.footerNav {flex-direction:column;}
.Credits {flex-direction:column-reverse;}
.footerNav {padding: 30px 0;justify-content: center;align-items: center;}
.footer-bottom {padding:0;}
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, .scrollTop {
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,
section.sectionSimple {
margin-top: var(--spacing)!important;
}
.newsletter .contentTitle .beutyFont {left: 50% !important;transform: translate(-50%,10px);}
.newsletterContent .button {right:0!important;}
.newsletterContent input {margin: 0 0 30px;text-align: center !important;}
.newsletterContent input::placeholder  {text-align:center!important}
.button:not(.btnBorder):(.buttonNews) {
min-width: 150px!important;
}
.button.rezBtn {
border: 1px solid var(--btnRezHvr);
}
.socialMedia li {
margin: 0 5px!important;
}
.roomsWrapper .buttonWrapper .button {
margin: 0px;
padding: 5px;
}
.roomWrapper, .singleOffer, section.Text .sectionSide {
padding: 0!important;
}
.offersPage .singleOffer {
flex: 0 0 50%}
.galleryColumn .galleryPicture, .galleryPicture {
flex: auto;
height: 80vw!important;
overflow: hidden;
padding:0 0 20px 0!important;
}
.roomDescription, .roomImage {
width: 100%;
max-width: 100%;
padding-right: 0!important;
margin-top: 0;
}
.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 {
position:relative;
gap: 10px!important;
margin-top: 20px;
width: 100%;
padding: 0;
flex-direction: row;
flex-wrap: nowrap;
}
.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: 40px;
--font-size: 15px;
--font-large: 22px;
--font-xxl: 2.188rem;
}
.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.currentLang a::before{
content:'';
display:block;
position:absolute;
bottom:-5px;
width:100%;
height:2px;
background:var(--themeColor);
}
ul.langsMobile li a {
text-decoration: none;
position:relative;
}
.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:0;
margin-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;
margin-top:0!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%;
padding: 0!important;
}
.sectionSeparator .sectionSide:not(.slideTitleBox) {
height: calc(100% - 110px);
justify-content: space-between;
display: flex;
flex-direction: column;
}
#offersMain .offersWrapper .contentTitle .beutyFont {
margin-bottom: 30px;
}
.sectionSlider .slick-slide img {
width: 100%;
height: 80vw;
}
.newsletterContent, .roomsImage img {width:100%}
.sectionGallery:not(.wsekcji) .galleryColumn {width: 100%;height:80vw!important;}
.newsletterColumn, .newsletterContent input, .newsletterWrapper {
width: 100%;
z-index: 5;
position: relative;
}
.newsletterWrapper {padding-top:50px;}

.footer-bottom>div {
margin-bottom: 10px;
text-align:center;
}
.offerArrows, .roomArrows {
margin: 40px 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 {top:42.5vw;right:0!important;color:#fff;}
#roomsMain .slick-arrow.prevSlide {top:42.5vw;color:#fff;}
#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, .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;
}
.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;
}
.roomWrapper {height:auto;flex: 1 1 100% !important;}
.roomSide.roomsDescription > div.roomTitle {height:auto;}
.roomSide.roomsDescription > div.roomTitle .roomName {text-align:center}
.roomSide.roomsDescription > div.roomTitle .flexing {justify-content: center;align-items: center;flex-direction: column;gap: 20px;margin-bottom:20px;}
.roomsDescription {
max-width: 100%;
width:100%;
padding: 20px;
flex-direction: column;
margin:0;
}
.singleRoomWrapper .roomInfo {margin-bottom:20px;}
.roomSide.roomsDescription>div {
flex: auto;
justify-content: center;
align-items:center;
opacity: 1;
visibility: visible;
margin-bottom: 20px;
}
.roomsImage {
order: 1;
width: 100%;
max-width: 100%!important;
height: 90vw;
}
.roomsDescription, .roomsSpecification {
order: 2;
}
.roomsDescription .buttonWrapper {
flex-direction: column;
justify-content: center;
align-items: center;
}
}
@media(max-width:950px) {
.threeColumns {
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
margin: 0;
padding:20px 0 20px 0;
gap:0px!important;
}
.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 {
margin-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 !important;
border:0;
text-align:center;
color: var(--themeColor)!important;
font-size: 1.063rem;
letter-spacing: .05353em;
line-height: 1.3;
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:60px !important;
border-bottom: solid 1px #c5c5c5;
}