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: #243059;
    --fontColor: #262626;
    --spacing: 80px;
	--padding: 100px;
    --beutyFont:"Noto Serif", serif;
    --regularFont:"Open Sans", sans-serif;
    --font-size: 16px;
    --font-large: 24px;
    --font-head: 36px;
    --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: #CCB89B;
	--light-bkg: rgba(83, 156, 190,1);
    --dark-color: #93253d;
    --btnRezHvr: #C2A360;
    --siteWidth: 1190px;
    --siteWidthShort: 1060px;
	--textShadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	--lineHeight: 1.875;
}
html {
    scroll-behavior: smooth;
	overflow-x: hidden;
}
.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-32768 {
    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;
}
.body-ident-ceny_i_rezerwacja {margin-top:50px;}
.act .header-middle, .body-ident-ceny_i_rezerwacja .articleContent, .body-ident-galeria .articleContent, 
section.animated {z-index:5;}
section.sekcjaKontakt {
    background: #fff;
}
strong {
    font-weight: 600;
}
body {
    font-weight: 400;
    font-style: normal;
    letter-spacing: .04em;
}
.grid {
	display:grid;
}

.beutyFont {
    font-weight: 400;
    letter-spacing: .04em;
}
.Error {
    padding-top: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #fff;
    padding-bottom: 100px;
}
#optionsList, .optCat {
    justify-content: center;
    display: flex;
}
.Error h2 {
    margin: 0;
    font-size: 100px;
}
#optionsList {
    width: 100%;
}
.optCat {
    width: 100%!important;
    margin: 20px 0!important;
    list-style-type: none;
    position: sticky;
    top: 60px;
    background: #fff;
    z-index: 10;
    padding: 10px 0;
    gap: 20px;
}
.siteWidth, .siteWidthShort {
    margin: 0 auto;
    width: 100%}
.optCat li {
    margin: 1px 1px 0 0!important;
    display: inline-block;
    float: none;
    padding: 1px 0 0!important;
    list-style-image: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.optCat li a {
    position: relative;
    background: 0 0;
    color: #000;
    font-size: 15px;
    line-height: 1;
    padding: 0 10px 10px;
    float: left;
    text-transform: uppercase;
}
.footerWrapper *, .heroTitle, .mainNav .mainMenu>li ul .act a, .sectionSeparator .contentTitle .beutyFont, section.sectionSeparator a {
    color: #fff;
}
.footerWrapper p {margin:10px 0 0;line-height:var(--lineHeight);white-space:nowrap;}
.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);
}
.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.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;
}

.sectionSimple.Text table,
.sectionSimple.Text table td,
.sectionSimple.Text table th {
border: solid 1px #ddd;
}

.sectionSimple.Text table tr td:first-child {text-align:left;}
.sectionSimple.Text table tr td:nth-child(2) {text-align:center; width:150px;}

.sectionSeparator .udog-icons-in {
display: flex;
align-items: start;
  margin: 0 0 0 0;
  flex-wrap:wrap;
}
.sectionSeparator .udog-icons-in .icon-wrapper {
  flex: 0 0 50%;
  padding: 10px 10px 10px 0 !important;
  margin: 0 !important;
}
.sectionSeparator .udog-icons-in .icon-wrapper * {
  align-items: center !important;
  display: flex !important;
  justify-content: start !important;
  margin:0;
}
.sectionSeparator .udog-icons-in i {
color:#fff;
font-size: 20px;
line-height:1;
width:40px;
}

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, .showmobile {
    display: none;
}
.heroTitle {
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.logoLi {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    justify-content: center;
	width:200px;
	min-width:200px;
    margin: 40px 30px 0 0!important;
	transition: 500ms;
}
.logoLi .logo {
    width:100%;
	height:100%;
    display: block;
    opacity: 1;
	position:absolute;
}
.logoLi .logo:hover {
    opacity: .6;
}
.logoLi .logoFixed {
	opacity:0;
	visibility:hidden;
	position:absolute;
	transition:500ms;
	object-fit: contain;
}
.act .logoLi .logoFixed {
	opacity:1;
	visibility:visible;
	display: block;
    position: relative;
	object-fit: contain;
	height:45px;
}
.act .logoLi {
    background: 0 0;
    height: 70px;
}
.logoLi .logoStandard {
width:200px;
height:50px;
object-fit:contain;
position:absolute;
}
.mainSlider .slick-arrow {
    display: none!important;
}
.mainSlider .captionBox {
  position: absolute;
  top: 50%;
  left: 50%;
  color:#fff;
  transform:translate(-50%,-50%);
  font-size: 16px;
  width: 100%;
  max-width: var(--siteWidth);
  padding-left:var(--spacing);
}
.mainSlider .caption {
  display:flex;
  flex-direction:column;
  gap:20px;
  width:100%;
  max-width:650px;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1.5s ease, transform 1.5s ease;
}
.mainSlider .caption.active-caption {
  opacity: 1;
  transform: translateY(0);
}

.body-nomain .mainSlider .caption {
  opacity:1!important;
  transform: translateY(0)!important;
  transition:unset!important;
}

.caption .h2 {
margin:0;
font-family:var(--beutyFont);
font-weight: 400;
font-size: 80px;
line-height: 1.25;
color: #FFFFFF;
text-shadow: var(--textShadow);
}

.caption .h3 {
margin:0;
font-family:var(--regularFont);
font-weight: 400;
font-size: 16px;
line-height: var(--lineHeight);
color: #FFFFFF;
text-shadow: var(--textShadow);
max-width:500px;
}

.main-dots-container {
  position: absolute;
  right: var(--spacing);
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

.main-dots-container ul.slick-dots {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: center;
}

.main-dots-container ul.slick-dots li button {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
  color:#fff;
  border: none;
  padding: 0;
  position: relative;
  cursor: pointer;
}

.main-dots-container ul.slick-dots li button:before {
  content: '';
  display: none;
}

/* Styl aktywnej kropki – biała obwódka dookoła białej kropki */
.main-dots-container ul.slick-dots li:not(.slick-active) button::after {
  content: '';
  position: absolute;
  top: -3px; /* (22 - 16) / 2 = 3px margines wokół */
  left: -3px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  opacity:0;
  transition:500ms;
}
.main-dots-container ul.slick-dots li.slick-active button::after {
  content: '';
  position: absolute;
  top: -3px; /* (22 - 16) / 2 = 3px margines wokół */
  left: -3px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid #ffffff;
  box-sizing: border-box;
  opacity:1;
  transition:500ms;
}
.header-middle {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 99;
    background:transparent;
	transition: 500ms;
	height:70px;
}
.act .header-middle {height:70px;background:#fff;z-index:20;}

.mainNav {
    display: flex;
    align-items: end;
    max-width: 1280px;
/*    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;
	height: 60px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
	transition:500ms;
	position:relative;
	}
.mainMenu::after {
	content:'';
	position:absolute;
	bottom:5px;
	display:block;
	width:100%;
	height:1px;
	background:rgba(255,255,255,0.2);
}
.act .mainMenu {margin-top:0;height: 70px;}
.act #nav a::after,
.act .mainMenu::after {opacity:0;}

.mainMenu > li.separator::before {content:'';position:relative;width:1px;height:15px;display:inline-block;background:#fff;}
.mainMenu > li.separator {opacity:1;visibility:visible;transition:500ms;}
.act .mainMenu > li.separator {opacity:0;visibility:hidden;}

.mainMenu>li:not(.logoLi) {
    padding: 0;
    position: relative;
    margin:0;
    text-align: center;
    list-style-type: none;
}
#rooms .contentTitle .beutyFont {
    margin-top: 25px;
}
.data-picker-rez {
	font-size:10px;
    width: 100%;
    align-items: stretch;
    color: var(--fontColor);
    letter-spacing: .04em;
    padding: 0;
    border:0;
    background:0;
	display: flex;
	align-content: stretch;
	height:50px;
}
.act .logoLi {width: auto;margin-top: 0 !important;padding-top: 20px;transition: 500ms;overflow:hidden;}

.bestPriceGuaranted, .voucherButton {
    justify-content: center;
    display: flex;
    color: #fff;
}
.rezForm {
    /*transition: .5s;*/
    position: absolute;
	bottom:80px;
	left:50%;
	transform:translatex(-50%);
    opacity: 1;
    visibility: visible;
    width: 520px;
	min-width:150px;
    z-index: 10;
	margin:0;	
}
.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: flex-end;
	flex-direction:row;
    line-height: 1;
	gap:5px;
	margin-bottom: 4px;
}
.date-wrapper .dd {
    font-size: var(--font-large);
    font-weight: 400;
}
.buttonReservation {
    font-size: var(--font-size);
    font-weight: 400;
}
.mm, .voucherButton {
    font-size: var(--font-size);
    text-transform: uppercase;
}
.sliderImage {
    height: 100vh;
    height: 100dh;
    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,0.25);
        opacity: 1;
    }
.dd,
.mm {
    margin: 0 0 0 0;
	font-weight:400;
}
.act .navigation-contianer {
    transition: .3s;
    margin-top: 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
}
.footerMenu a, .mainNav a {
    color:#fff;
    font-weight: 400;
    font-size: var(--font-size);
    letter-spacing: .04em;
}
.act .mainNav .mainMenu>li>a:hover,
.act .mainNav .mainMenu>li.act>a {color:var(--light-color);}
.act .langs.langsHeader a, .act .socialMedia a,
.act .mainNav .mainMenu>li>a,header.act .sub-menu::after {
    color: var(--themeColor);
}
/*.mainNav li.last a:hover {
    background: var(--light-color);
    color: #fff!important;
}*/
.inputRez {
    position: relative;
    flex: auto;
}
#nav a::after {
    content: '';
    position: absolute;
	display:block;
    bottom: -15px;
    width: 100%;
	height:3px;
    left: 50%;
    transform: translate(-50%);
    opacity: 0;
    z-index: 10;
	min-width: 10px;
	background:#fff;
	transition:500ms;
}
/*.act #nav a::after {background:var(--themeColor);}*/
.inputRezOut::before {
  width: 1px;
  height: 15px;
  position: absolute;
  z-index: 10;
  background: #fff;
  content: '';
  left: 0;
  top: 50%;
  transform: translate(-50%,-50%);
  }


.inputRezIn::before {
    bottom: 50%;
    width: 20px;
    height: 1px;
    opacity: 1;
    left: unset;
    right: 0;
    background: #fff;
    transform: translatex(50%);
}
/*#nav li.last a::after,*/ #nav li.logoLi a::after, .sub-menu li a::after {
    content: none;
}
.voucherButton {
    white-space: nowrap;
    align-items: center;
    height: 45px;
    min-width: 175px;
}
.inputBox {
	display:flex;
	flex-direction:row;
	background:var(--themeColor);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	width:100%;
	padding: 0 5px;
}
.be-caption {font-size:var(--font-size);margin-right: 5px;}
.circleBooking {min-width:120px;}
.inputRez > div {opacity:1;transition:500ms;padding:15px 15px;color:#fff;}
.inputRez:hover > div, .voucherButton:hover {
	color:#fff;
	opacity:0.7;
    /*background: var(--menuTrHvr);*/
}
/*#nav li.last a,*/ .button.rezBtn {
    color:#fff!important
	;
    padding: 10px 20px;
    min-width: 120px;
    display: inline-flex!important;
    justify-content: center;
 /*   height: 47px;*/
    align-items: center;
    background: /*var(--themeColor)*/var(--light-color);
	border-color: var(--light-color);
}
#menu_8753,
.button.rezBtn::after{display:none!important;}
.button.rezBtn:hover {
	border-color: var(--themeColor);
}
#nav li a:hover::after, #nav li.act a::after {
    width: 100%;
    opacity: 1;
}
.cd-words-wrapper,
.cd-words-wrapper b,
.cd-words-wrapper i {line-height:1!important;margin:0;}
.buttonReservation {
    background: var(--light-color)!important;
    color: #fff;
    height: 100%;
/*    width: 175px;*/
	line-height:1;
	border:0!important;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.buttonReservation:hover {
    background: var(--themeColor)!important;
    color: #fff;
}
.sectionRow {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    position: relative;
}
.sectionSimple:not(.onlyTwo) .sectionRow .sectionSlider {
	max-width:660px;
	padding:0!important;
}

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

#offersMain .nextSlide, #offersMain .prevSlide,
.roomsMain .nextSlide, .roomsMain .prevSlide {left:unset;right:unset;color:var(--themeColor);}
#offersMain .slick-arrow, .roomsMain .slick-arrow {position:relative!important;}
.sectionSide {
    width: 55%;
    position: relative;
    z-index: 2;
}
.sectionSimple.reverse:not(.onlyTwo) .sectionRow .sectionSide.sectionSlider {
    padding-left: 90px;
}
.sectionSimple.reverse.onlyTwo .sectionRow .sectionSide.sectionSlider {
    padding-left: 60px;
}
.sectionSimple:not(.reverse) .sectionRow .sectionSide.sectionSlider {
    padding-right: 90px;
}
section.onlyTwo .sectionRow {/*background:rgba(243, 227, 196,0.2);*/position:relative;}

section.onlyTwo .sectionImageWrapper {position:relative;justify-content:flex-start;display: flex;height:100%;}
section.onlyTwo.reverse .sectionImageWrapper {position:relative;justify-content:flex-end;display: flex;}
section.onlyTwo .sectionImage {width:100%;}
section.onlyTwo .sectionSide.sectionImage {width:auto;background:#fff;padding-right: 20px;}
section.onlyTwo .sectionSide.sectionSlider .sectionImage {min-height:430px;width:390px;max-width:100%;object-fit:cover;object-position:center center;}
section.onlyTwo .sectionSide.sectionSlider {width: 580px;padding-right: 0px !important;min-width: 580px;}
section.onlyTwo .sectionRow .sectionContent {padding:0!important;justify-content: flex-start;}
section.onlyTwo .sectionRow .sectionContentContent {padding-left:var(--padding);}

section.onlyTwo .sectionRow {min-height:450px;}
section.onlyTwo .sectionSide.sectionContent .contentTitle {width: auto;display: inline-flex;align-items: flex-start;}
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:270px;object-fit:cover;object-position:center center;position:absolute;bottom:0;right:0;z-index:100;}
section.onlyTwo.reverse img.smallimage {right:unset;left:0;}

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 !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!important;
    padding-left: 0!important;
}
.sectionSimple:not(.onlyTwo) .sectionSide.sectionContent {
    padding: 0 0 0 80px;
}
#rooms .slick-slider {
    height: auto;
}.sectionSeparator .sectionSeparator .contentTitle .titleInfo {color:#fff!important;}
.contentTitle .titleInfo {
    position: relative;
	text-align:left;
    letter-spacing: .04em;
    font-size: var(--font-size);
    line-height: 1.5;
	font-family: var(--regularFont);
	margin-bottom:15px;
	text-transform:uppercase;
	/* color:var(--fontColor); */
}
.roomName::before,
.sectionGallery.wsekcji .galleryPicture div span::before,
.offerName::before,
.contentTitle .titleInfo::before {
	content:'';
	width:100px;
	height:2px;
	background: var(--light-color);
	display:block;
	margin-bottom:20px;
}
.offerName::before,
.sectionGallery.wsekcji .galleryPicture div span::before {height:1px;position:relative;}
.roomName::before {height: 1px; left: 50%; position: relative; transform: translatex(-50%);}

.contentTitle .beutyFont {
    font-size: var(--font-head);
    line-height: 1.25;
    margin: 0;
    display: block;
    color: var(--themeColor);
    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 {
    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;
}
.singleRoomWrapper:not(.slick-active) {opacity:0;transition:1500ms;}
.singleRoomWrapper.slick-active {opacity:1;transition:1500ms;}
.singleRoomWrapper a {text-decoration:none;}
.singleRoomWrapper .roomInfo {line-height:var(--lineHeight);
display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}
.singleRoomWrapper .roomPrice {opacity:1;transition:1300ms;visibility:visible;height:auto/*40px*/;margin-top:5px;}
/*.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: var(--themeColor);
    font-size: var(--font-large);
	font-family:var(--beutyFont);
    justify-content: center;
	width: 275px;
/*	height:105px;*/
	margin: 0 auto;
	line-height: 1.5;
	gap:0!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.button {color: var(--fontColor);}
.button, .sub-menu a {
    align-items: center;
    letter-spacing: .04em;
}
.sectionGallery:not(.wsekcji) .contentTitle {
    padding: 50px 0!important;
}
.sectionGallery:not(.wsekcji) .contentTitle .beutyFont {
    margin: 0;
    padding: 0!important;
}
.heroTitle.contentTitle .beutyFont {
    border: 0!important;
    padding: 0!important;
    text-shadow: var(--textShadow);
    color: #fff;
	display:none!important;
}
.button {
    display: inline-flex;
	gap: 10px;
    justify-content: center;
    /*min-width: 150px;*/
	min-height:50px;
	padding:10px 20px;
	border: solid 1px var(--themeColor);
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	font-family:var(--regularFont);
	color:var(--themeColor);
	font-weight:400;
    background: 0;
    line-height: 1;
    font-size: var(--font-size);
    transition: .3s;
	text-transform:unset;
}
.singleOffer .button{text-transform:capitalize;}
.roomSide .button:not(.rezBtn) {color:#fff;}
.scrollTop, section {
    font-size: var(--font-size);
}
.bottomRoom .button {
    min-width: 174px;
}
.button.noBorder {
    border: 0!important;
}
.buttonLight {
	border-color:#fff;
    background:0;
    color: #fff;
}
.buttonLight::before {
background:#fff;
}
.button:hover {
color:#fff!important;
background:var(--themeColor);
}
.singleRoomWrapper:hover .buttonWrapper .button:not(.rezBtn)::before,
.button:hover::before {background: var(--btnRezHvr)!important;}

.buttonLight:hover:before{
	background:#fff!important;
	opacity:0.7;
}
.buttonLight:hover {
color:#fff!important;
background:var(--themeColor);
border-color:var(--themeColor);
	opacity:1;
}
.kafelekContent .buttonWrapper, .sectionSide .buttonWrapper {
    margin-top: 20px;
}
.act .sub-menu, .sub-menu {
    margin-top: 10px;
}
section {
    line-height: var(--lineHeight);
    color: var(--fontColor);
    letter-spacing: .04em;
    position: relative;
}
section p {margin-top:0;}
.contentCenter.sectionSeparator, .contentTitle {
    padding-bottom: 30px;
}
.sectionSeparator .contentTitle {display:flex;width:100%;}
.sectionSeparator {
    min-height: 580px;
    color: #fff;
}
.sectionSeparator .sectionImage {
position: absolute;
top: 40px;
right: 0;
left: 0;
bottom: 40px;
object-fit: cover;
object-position: center center;
height: calc(100% - 80px);
}
.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: var(--light-bkg);
    z-index: 3;
}
.galleryContainer, .newsletter, .roomsMainWrapper, .sectionSeparator:not(.contentCenter) .sectionImageWrapper, .sectionTitle {
    position: relative;
}
.sectionSeparator .siteWidth {display:flex;justify-content: flex-end;}
.sectionSeparator.reverse .siteWidth {justify-content: flex-start;}
.sectionSeparator:not(.contentCenter) .sectionContent {
    position: relative;
    z-index: 5;
    width: 100%;
	max-width:600px;
    padding: 0!important;
    flex-direction: row;
    display: flex;
    min-height: 580px;
	margin:0;
	height:100%;
}
.sectionSeparator .sectionContent .sectionSide {
  width: 100%;
  z-index: 4;
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url('/img/hotel/sep.png');
  background-position:left top;
  background-repeat:no-repeat;
  background-size:305px;
}
.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: var(--lineHeight);
}
.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: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
	text-align:center;
	line-height:1;
	justify-content: center;
	align-items: center;
	display: flex;
	/*text-shadow: var(--textShadow);*/
}
.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: '\e814';
	font-family: "hsfont";
	font-size: 40px;
}
.nextSlide::before {
    content: '\e827';
	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: '\e814';
	font-family: "hsfont";
	font-size: 40px;
}
section .nextSlide.secarrowright::before {
    content: '\e827';
	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;
}
.FeaturedRoom .prevSlide,
.FeaturedGallery .prevSlide,
.FeaturedRoom .nextSlide,
.FeaturedGallery .nextSlide {transform:translatey(-50%);}

.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: 140px;
    transform: translate(-50%);
    background: var(--menuTrNA);
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, 0, 0);
    transition: transform .3s, opacity .3s, visibility .3s;
    border-top: 1px solid #fff;
}
.sub-menu::after {
    content: '\e80b';
    font-family: hsfont;
    color: #fff;
    position: absolute;
    top: -7px;
    font-size: 5px;
    left: 20px;
}
.sub-menu::before {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 20px;
}
.act .sub-menu::before {
    top: -29px;
    height: 29px;
}
.mainMenu li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0);
}
.sub-menu a {
    line-height: 1.2;
    padding: 5px 10px 7px;
    min-height: 40px;
    display: flex;
    justify-content: center;
    width: 100%;
    font-weight: 100;
}
.sub-menu .act a, .sub-menu a:hover {
    background: var(--menuTrHvr);
    color: var(--light-color);
}
.localizationWrapper {
    left: 50%;
    transform: translatex(-50%);
    text-align: center;
    color: #fff;
    bottom: -40px!important;
    height: 50px;
/*    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)!important;
    position: absolute;
    bottom: 0;
    right: 30px;
    line-height: 1;
    opacity: 1;
    width: 2px;
}
.scrollTop::before {
    content: '\E82A';
	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:'\E82A';
	font-family: "hsfont";
	font-size:16px;
  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;
}

.langsHeader ul {display:flex;gap:10px;}
.langs.langsHeader {
    left: 0;
    font-size: 16px;
    gap: 12px;
	opacity:1;
	visibility:visible;
}
.mainmenu .rezHeader,
.act .mainMenu .separator,
.act .mainMenu .socialMediaHeader,
.act .mainMenu .langs.langsHeader {
	opacity:0;
	visibility:hidden;
	position:absolute!important;
}
.mainMenu .rezHeader {right:0;}
.langs.langsHeader a, .socialMedia a:hover, .socialMediaHeader a:hover {
    opacity: 1;
}
.langs.langsHeader a {
    margin-left: .2em;
    margin-right: .2em;
}
.langs.langsHeader .currentLang a::after, .langs.langsHeader a:hover:after {
    opacity: 1!important;
/*    border-bottom: 1px solid #fff;*/
}
.rezHeader {
	opacity:0;
	visibility:hidden;
	position:absolute!important;
	transition:500ms;
}
.act .rezHeader {
	opacity:1;
	visibility:visible;
	position:relative!important;
}
.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; opacity: 1; transition: .3s;}
footer .logoFooter:hover img {opacity: .7;}
.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:var(--themeColor);
    padding: 90px 0 90px 0;
}
.footerWrapper a {
  text-decoration: none;
  white-space:nowrap;
  	font-weight:300;
}
.footerWrapper ul a:hover,.footerWrapper .footerContent a:hover,footer .socialMedia a:hover, .footerContact a:hover {
  color:var(--btnRezHvr);
}
.footerWrapper * {
    color:#fff;
}
.footerMenu a {
  text-decoration: none;
}
.footerMenu ul {
  justify-content: center;
  gap:40px;
  flex-wrap: wrap;
  flex-direction:row;
  margin:0 0 0 0;
  padding:0;
  line-height:var(--lineHeight);
  text-transform:uppercase;
}
.Column.footerMenu ul {
  justify-content: flex-start !important;
  gap: 0 !important;
  margin-top: 0 !important;
  text-transform:unset;
  flex-direction:column;
}
.footerMenu a {
  padding: 0;
}
.footerMenu {
    margin: 0 auto;
	max-width:950px;
}
.footerSubmenu {
margin: 30px auto 20px;
max-width: 800px;
padding-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.footerSubmenu span {color:var(--btnRezHvr);}
.footerSubmenu i.dot {display:inline-block;width:3px;height:3px;background:#fff;margin: 10px 30px;}
.Credits {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}
.threeColumns{
  padding: 0;
}
.footerWrapperInner .fiveColumns {gap:70px;}
.footerWrapperInner .threeColumns{display: flex;gap: 20px;}
.footerWrapperInner .threeColumns {flex:auto;}
/*.Column {
  flex:0 0 33.333%
}*/
.Column4 {
  flex:0 0 auto
}
.socialMedia a {font-size: 20px;line-height:1;}
footer .socialMedia {margin:0; gap: 5px; justify-content: flex-start;}
footer .socialMedia a {font-size:20px!important;color:#fff;}
footer .socialMedia a.fa-gift {font-size:26px!important;}
footer .socialMedia li:not(:first-child)::before {display:none!important}

.footerLogoSM {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width:100%;
}
.logoColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 33.33%;
  position:relative;
}
.newsletter .icon-bird {
    position: absolute;
    bottom: 0;
    right: 200px;
}
#SectionOpinie,
.newsletterWrapper {
	position:relative;
    width: 100%;
	height:400px;
    max-width: 100%;
    margin: 0 auto;
	margin-top:-100px;
    padding-top: 180px;
    padding-bottom: 30px;
    background-image: url('/img/hotel/newsletter.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	display: flex;
  justify-content: center;
  align-items: center;
  z-index:1;
}
.newsletterWrapper p {color:var(--fontColor);text-align:left;}
.newsletterWrapper > div {z-index:2;position:relative;
display: grid;
grid-template-columns: 300px auto;
grid-template-rows: 1fr 1fr;
padding: 0 var(--spacing);
}
.newsletterWrapper::before {
content:'';
width:100%;
height:100px;
background: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
position:absolute;
top:0;
left:0;
z-index:1;
}
.newsletterWrapper::after {
content:'';
width:100%;
height:100%;
background:rgba(255, 255, 255, 0.45);
position:absolute;
top:0;
left:0;
z-index:1;
}


.newsletterContent {
    max-width: 100%;
    align-items: center;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: flex-end;
    flex-direction: row;
    position: relative;
    z-index:10;
	margin:0 auto;
}
.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: .04em;
}
.newsletter .squareContent {
    font-size: var(--font-size);
    color: var(--fontColor);
    text-align: center;
}
.newsletterContent input::placeholder {
    color: var(--fontColor)!important;
    opacity: 1;
    font-size: var(--font-size);
    letter-spacing: .04em;
	text-align: left;
	font-family:var(--regularFont);
}
.newsletterContent .button {
    cursor: pointer;
    height: 50px;
	width:90px!important;
	min-width:90px!important;
	font-family:var(--regularFont);
    background:#fff;
    border: 0;
    padding: 5px;
    opacity: 1;
    transition: .3s;
    position: relative;
border: solid 1px var(--themeColor);
align-items:center;
justify-content:center;
}
.newsletterContent .button:hover {
    background-color:var(--themeColor)!important;
	color:#fff!important;;
    opacity: 1;
}
.footerContent {
    font-size: 15px;
    letter-spacing: .04em;
    line-height: var(--lineHeight);
    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-size);
text-transform:uppercase;
margin-bottom: 15px;
white-space:nowrap;
}
.footerContact::before {
	content:'';
	width:60px;
	height:1px;
	background: #fff;
	display:block;
	margin-bottom:20px;
}
.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 {
	display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 kolumny */
    gap: 16px; /* Odstęp między elementami */
	}

.wsekcji .galleryGrid .galleryPicture {padding:0!important;gap: 0; display: flex; flex-direction: column; overflow: hidden;}
.wsekcji .galleryGrid .galleryPicture img {width:100%;height:325px;object-fit:cover;object-position:center center;position:relative;z-index:10; transition: .3s;}
.wsekcji .galleryGrid .galleryPicture:hover img {transform: scale(1.05);}
.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: 20px;
}
.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: 20px;
}
.sectionGallery.wsekcji .galleryPicture div {
position: relative;
  font-weight: 400;
  color: var(--themeColor);
  z-index: 10;
  min-width: 100%;
  height: 95px;
  background: #fff;
  padding: 20px;
  text-align:center;
  font-family: var(--beutyFont);
  font-size: var(--font-large);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 500ms;
  /*border: solid 1px rgba(37, 48, 91, 0.2);*/
  border-top: 0 !important;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}
.sectionGallery.wsekcji .galleryPicture div span {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.buttonNews::before{
  display:none;
}

.sectionGallery.wsekcji .galleryPicture::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 95px;
    background: #fff;
    opacity: 0;
    z-index: 10;
}
.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.sectionSeparator, section.sekcjaKontakt, section:not(.sectionGallery):not(.wsekcji):first-child {
    margin-top: var(--spacing)!important;
}
.sectionGallery:not(.wsekcji) {padding-top:0;}


#offersMain #offersMainSlider,
#offersMain .slick-list,
#offersMain .slick-track {
    width: 100%;
    overflow: unset;
}
#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, .roomsMainWrapper .contentTitle, .sectionGallery.wsekcji .contentTitle, .sectionOpinie .contentTitle {
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: calc(var(--spacing) - 10px)!important;
	padding-left:var(--padding);
	padding-right:var(--padding);
	display:grid;
	display: grid;
    grid-template-columns: auto;
    grid-template-rows: auto;
}
.contentTitle.flexing > div:first-child {grid-column: 1;grid-row: 1;}
.contentTitle.flexing > div:nth-child(2) {grid-column: 1;grid-row: 2;text-align:left;}
.contentTitle.flexing > div:nth-child(3) {grid-column: 2;grid-row: 1 / span 2;align-items: flex-end;flex-direction:row;}

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

.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 {
    width: 100%;
    position: relative;
	display: flex;
	justify-content: center;
	gap:10px;
}
.roomsArrows.showmobile {display:none;}
.roomsArrows .slick-arrow,
.roomArrows .slick-arrow {top:0!important;}

#offersMain .offerArrows .button, .roomArrows .button {
    margin: 0!important;
    white-space: nowrap;
}
.slick-arrow span {
    font-size: 14px;
    line-height: 1;
    letter-spacing: .04em;
    padding-bottom: 2px;
}
.offersWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.roomWrapper, .singleOffer {
    padding: 0 8px 5px 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 {
	color:var(--themeColor);
    padding: 0;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
	display: flex;
  width: 250px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.offerName {
    margin: 0 0 0 0;
    font-size: var(--font-large);
    line-height: 1.25;
    position: relative;
}
.offerPriceWrapper {
    font-size: var(--font-size);
    color: var(--fontColor);
    letter-spacing: .04em;
    line-height: 1;
    opacity: 1;
    transition: .3s;
    visibility: visible;
    display: flex;
    /*flex-direction: column;*/
	font-family:var(--regularFont);
}
.body-ident-main .roomsMain, .offerDescription {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	align-items: center;
    min-height: 150px;
	width:100%;
}
.roomsDescription,
.singleOffer .offerDescription {
    transition: .3s;
    padding: 20px;
	z-index:2;
	background:#fff;
	border: solid 1px rgba(37, 48, 91, 0.2);
	border-top:0!important;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}
@media(min-width:981px) {
.singleOffer .offerDescription {height:250px;}
}

.singleOffer .offerDescription > .flexing {width:100%;}
/*.singleOffer:hover .offerDescription {
    height: 295px;
}*/
.body-ident-main .roomsMain {
    min-height: unset;
}
.imageMediaWrapper {
    position: relative;
    height: 325px; /*325px*/
    display: block;
    overflow: hidden;
	z-index:1;
}

.singleRoomWrapper:hover .imageMediaWrapper::before,
section:not(.offersMain):not(.roomsMain) .imageMediaWrapper::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0,0,0,0.3)!important;
    z-index: 5;
	transition:500ms;
}
div#roomsMain .singleRoomWrapper:hover .imageMediaWrapper::before {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
.singleRoomWrapper .imageMediaWrapper::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgba(0,0,0,0.0)!important;
    z-index: 5;
	transition:500ms;
}

/*.singleRoomWrapper:hover .imageMediaWrapper::before {
	opacity:0.3;
}*/
.singleOffer:hover .imgCover {opacity:0.6;}
.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: 115px;
/*  height:47px;*/
    position: relative;
    top: unset;
    left: unset;
    transform: none;
    margin: 0;
	text-transform:capitalize;
}
.singleRoomWrapper .buttonWrapper .button.rezBtn{
    color:/*var(--fontColor)*/#fff;
}
.singleRoomWrapper .buttonWrapper .button.rezBtn::before
{
  background: #fff;
}
.cont{
  margin:0 8px;
}
.singleRoomWrapper .buttonWrapper {
	position: absolute;
	top:50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index: 10;
    opacity: 1;
    transition: .3s;
	transform: translate(-50%,-50%);
	left: 50%;
	gap: 15px;
}
.imageMediaWrapper img {
    display: block;
    height: 100%;
    transform: scale(1);
	opacity:1;
	transition:500ms;
	}
.roomImage, .roomsImage {
    width: 100%;
    max-width: 100%}
.roomsImage {
    width: 100%;
    height: 500px;
}
.singleRoomWrapper .imageMediaWrapper {opacity:1;transition:500ms;}
.roomDescription,
.roomsDescription {
    padding: 20px;
    width: 100%;
    background: 0 0;
    color: var(--fontColor);
	flex-direction:column;

}
@media(min-width:981px) {
.roomDescription,
.roomsDescription {height:290px;gap:20px;}
}
.roomSide.roomsDescription>div:not(.roomInfo) {
    flex: /*0 0 33.33%*/auto;
    display: flex;
    align-items: baseline;
	gap:10px;
}
.priceRezoffer strong, .roomPrice strong {
    font-size: var(--font-large);
    font-weight: 400;
    margin: 0;
	color:var(--light-color);
	line-height:1;
}
.priceRezoffer strong span {font-size:var(--font-size);color:var(--fontColor);}
/*.roomsDescription {
    position: relative;
    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;
}*/
.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;
	padding:0!important;
	font-weight:300;
}
.Column {
    padding: 20px;
}
.Column4 {
    padding: 0 20px;
}
@media(min-height:780px) and (min-width:960px) {
    .heroTitle {
    top: 50%}
}@media(min-width:981px) {
    .bottomNavMobile, .mobileBar {
    display: none;
}
.sliderImage, header.mainHeader:not(.sliderOff) {
    min-height: 640px;
}
body:not(.body-layout-home) header .sliderImage {
    max-height: 90vh;
    max-height: 90dh;
}
}.localization a {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none!important;
}
@media(max-width:1280px) {
	.mainNav a {font-size:14px}
    .topBar {
    padding: 10px!important;
}
.mainMenu>li:not(.logoLi) {
    padding: 0 10px;
}
}@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) {
:root {
    --spacing: 30px!important;
}
.offerName::before {height: 1px; left: 50%; position: relative; transform: translatex(-50%);}

.footerContact::before {left: 50%;position: relative;transform: translatex(-50%);}
div#roomsMain .singleRoomWrapper:hover .imageMediaWrapper::before {
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
}
.mainSlider .captionBox {padding-left: 20px;padding-right: calc(var(--spacing) + 40px);}
.caption .h2 {font-size:var(--font-head);}

section:not(.offersMain):not(.roomsMain) .imageMediaWrapper::before {display:none;}

.act .navigation-contianer {box-shadow: unset;}
.act .header-middle {background:transparent!important;}
.footerWrapper * {text-align:center;}
.footerWrapperInner .fiveColumns {gap:40px;}
.footerWrapperInner > .footerMenu {margin-top:60px;}
.footerWrapperInner > .footerMenu ul {gap:0;}

.newsletterWrapper > div {grid-template-columns: 1fr;grid-template-rows: auto;padding: 0 20px;}
.newsletterContent {margin-top: 0!important;}

/* section {overflow-x:auto} */
.sectionSeparator {min-height:unset;}
.sectionSeparator .siteWidth {padding:20px;}
.sectionSeparator .udog-icons-in .icon-wrapper {flex:0 0 100%!important;}

.roomsArrows.showmobile {display:flex;margin-top:var(--spacing);}
.sectionGallery.wsekcji .contentTitle,#offersMain .contentTitle, .FeaturedRoom .contentTitle, .mainNews .contentTitle, .roomsMainWrapper .contentTitle, .sectionOpinie .contentTitle {padding-left:0!important;padding-right:0!important;}

.offersMain #offersMainSlider  {overflow:hidden!important;}
.contentTitle {padding-bottom:var(--spacing);}
.sectionGallery.wsekcji .galleryPicture div {border: solid 1px rgba(37, 48, 91, 0.2);}
.sectionGallery.wsekcji .galleryPicture span {opacity:1;}
.wsekcji .galleryGrid .galleryPicture img {height:80vw;}

section.onlyTwo .sectionImageWrapper {flex-direction:column;}
section.onlyTwo .sectionRow .sectionContentContent {padding-left:0!important;}
section.onlyTwo .sectionRow::before {left:-20px;}
/* section.sectionSimple.Text {overflow-x: scroll;} */
.sectionSimple:not(.onlyTwo):not(.Text) .sectionSide.sectionContent {padding:0 !important;}

section.onlyTwo .sectionSide.sectionContent .contentTitle {width:100%;padding-bottom: var(--spacing);}
section.onlyTwo img.smallimage {margin-top:0;position:relative;}
section.onlyTwo .sectionSide.sectionImage {background:transparent!important;text-align:center;}
section.onlyTwo .onlyTwoIcons {padding:var(--spacing) 0;}

.revQuote {display:none!important;}

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

.sectionGallery.wsekcji .galleryPicture:hover {width:100%!important;}
.wsekcji .galleryGrid .galleryPicture:hover {flex: auto;}
footer .socialMedia {margin:0;justify-content:center;}

.offerWraper img {height:80vw!important;}
.singleOffer .offerDescription {padding: 30px 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.onlyTwo {margin-top:0!important;overflow:hidden;}
section.onlyTwo .sectionSide.sectionContent,
section.onlyTwo .sectionSide.sectionSlider {padding-right:0!important;width:100%!important;min-width:unset;}
section.roomsMain .imageMediaWrapper img {height:100%;}
.wsekcji .galleryGrid {flex-wrap:wrap;display:flex!important;}
.wsekcji .galleryGrid > .galleryPicture {width:100%;}
section.onlyTwo .sectionSide.sectionSlider .sectionImage,
section.onlyTwo .sectionRow .sectionSlider img:not(.onlyTwoIcons),
section iframe,
section.Text iframe {width:100%!important;height:80vw!important;min-height:100px;}
.sectionSeparator.separatorNew > .siteWidth::before {width:100%!important;right:0;}

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

section.onlyTwo .sectionRow {margin-top:/*var(--spacing)*/0;}

section.onlyTwo .sectionRow .sectionSide.sectionSlider:not(.secondSlider) .smallimage {display:none;}
section.onlyTwo .sectionRow .sectionSide.sectionSlider:not(.secondSlider) {order:1}
section.onlyTwo .sectionRow .sectionSide.sectionContent {order:2;padding-bottom: var(--spacing)!important;}
section.onlyTwo .sectionRow .sectionSide.sectionSlider.secondSlider {order:3;}

/*.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: var(--spacing) 20px !important;
	min-height:500px;
}
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 {
    margin-top: 0px!important;
}
.sectionSeparator .sliderContent {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.
#roomsMain .slick-arrow, .sectionOpinie .slick-arrow, .sectionSeparator .prevSlide {
    left: 0;
}
.roomsMain .prevSlide,
section.offersMain .prevSlide {left:unset!important}
.roomsMain .nextSlide,
section.offersMain .nextSlide {right:unset!important}

.sectionSeparator .nextSlide {
    right: 0;
}
.sectionSeparator .slideTitle {
    width: 100%;
    bottom: 0;
    border-bottom: unset;
    padding-bottom: 35px;
}
.mainNews .relMainNews>.siteWidth::before {
    right: 20px;
}
.average span.revsource::after, .average span.revsource::before {
    height: 2px!important;
}
.sectionOpinie .sectionSide.sectionContent {
    margin-top: var(--spacing);
}
.roomsSection {
    margin-bottom: 0;
}
#optionsList .optCat, .footerSubmenu, .footerWrapperInner .fiveColumns, .galleryFirstRow, .newsletterWrapper .contentTitle {
    flex-direction: column;
}
.footer-bottom {flex-direction: row;}
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: 0px!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 {height: 100%}
.roomsMain .imageMediaWrapper {height:80vw!important;min-height:80vw!important;}
.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: 0px !important; padding-bottom: var(--spacing);}
.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 50px 0 0;text-align: left !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;
	width: auto;
	opacity:1!important;
}
.roomWrapper, .singleOffer, section.Text .sectionSide {
    padding: 0!important;
}
.offersPage .singleOffer {
    flex: 0 0 50%}
.galleryColumn .galleryPicture, .galleryPicture {
    flex: auto;
	height: auto;
    overflow: hidden;
}
.roomDescription, .roomImage {
    width: 100%;
    max-width: 100%;
    padding-right: 0!important;
    margin-top: 0;
}
.roomWrapper {
    flex-direction: column;
    height: 100%;
    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: 0;
	top:unset;
	bottom:0;
	width: 100%;
    flex-direction: row;
    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 a {
    opacity: 1;
	position:relative;
}
ul.langsMobile li.currentLang a::after {
	content:'';
	position:absolute;
	bottom:-3px;
	left:0;
	width:100%;
	height:2px;
	background:var(--btnRezHvr);

}

ul.langsMobile li a {
    text-decoration: none;
}
.footerWrapper {
    padding-top: 50px;
    padding-bottom: 50px;
	height:auto;
}
.footerWrapper .logo img {
    width: 120px;
    max-width: 100%;
	height:auto;
}
.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: unset;
	overflow:unset;
}
section#mapaGoogle, section.sectionSeparator, section.sekcjaKontakt, section:not(.sectionGallery):not(.wsekcji):first-child {
    margin-top: var(--spacing)!important;
    padding-bottom: 0;
}
#offersMain .offersWrapper {
    background: unset;
}
.opinieContent {
    background: 0 0!important;
/*    padding: 0!important;*/
}
.opinieNameWrapper {
    justify-content: flex-start!important;
    padding-left: 0!important;
}
.sectionGallery.wsekcji .galleryColumn:first-child, .sectionGallery.wsekcji .galleryColumn:nth-child(2), .sectionGallery.wsekcji.reverse .galleryColumn:first-child, .sectionGallery.wsekcji.reverse .galleryColumn:nth-child(2) {
    margin-bottom: 0;
    margin-top: 0;
    width: 100%!important;
    padding: 0!important;
}
.sectionGallery.wsekcji .galleryColumn:first-child .galleryImage, .sectionGallery.wsekcji .galleryImage, .sectionGallery.wsekcji.reverse .galleryColumn:nth-child(2) .galleryImage {
    height: 80vw;
}
.Column4 {
    padding: 20px 0!important;
    border: unset!important;
}
.sectionGallery.wsekcji .buttonWrapper {
/*    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;
	overflow:hidden;
}
#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 {height:auto;padding-top:var(--spacing);padding-bottom: var(--spacing);margin-top:0!important;}

.footer-bottom>div {
    margin-bottom: 10px;
	text-align:center;
}
.offerArrows, .roomArrows {
    margin: var(--spacing) 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: 0;
}
.footerMenu a {
    padding: 0!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;
}
.offerWraper, .roomWrapper {
    justify-content: flex-start;
}
.singleOffer .offerDescription, .singleOffer:hover .offerDescription {
    height: /*250px*/auto!important;
	margin-bottom:5px;
}
.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: 100%;
    padding: 20px;
    flex-direction: column;
    margin:0;
	gap:10px;
	height:100%;
}
.roomSide.roomsDescription>div {
    flex: unset!important;
    justify-content: center;
}
.roomsImage {
    order: 1;
    width: 100%;
    max-width: 100%!important;
    height: 90vw;
}
.roomsDescription, .roomsSpecification {
    order: 2;
}
.roomsDescription .buttonWrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
}@media(max-width:950px) {
    .threeColumns {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0;
	padding:20px 0 20px 0;
	gap:20px!important;
}
.Column:not(:first-child) {
    margin-top: 20px;
}
.footerContent .socialMedia {
    justify-content: center;
}
}@media(max-width:576px) {
    .contentTitle .beutyFont {
    font-size: 30px;
}
.contentTitle .titleInfo {
    font-size: 15px;
}
.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;
  grid-column: 1;
  grid-row: 1 /span 2;
}
.newsletterContent input{
  height:40px !important;
  text-align:left;
  color: var(--themeColor)!important;
  font-size: var(--font-size)!important;
  letter-spacing: .04em;
  text-align: left;
  padding-left:20px;
}
.newsletter .newsletterWrapper .contentTitle::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    left: 0;
}
.newsletter .contentTitle .beutyFont {
    position: absolute !important;
    top: -30px !important;
    background: #fff;
    left: 30px;
    padding: 0px 20px;
}
.newsletterContent{
  padding-right:0;
  position:initial;
  height:40px !important;
  border: solid 1px rgba(36, 48, 89,0.2);
  margin-top: 65px;
}