:root {
    --themeColor: #5D5D5D;
    --fontColor: #C6C6C6;
    --spacing: 80px;
    --beutyFont:  orpheuspro, serif;
    --regularFont: roboto, sans-serif;
    --font-size: 14px;
    --little-gray-bkg: #fafafa;
    --menuTr: rgba(0,0,0,0.5);
    --menuTrNA: rgba(0,0,0,0.7);
    --menuTrHvr: rgba(0,0,0,1);
    --light-color: #e5cba6;
    --dark-color: #363636;
    --btnRezHvr: #e5cba6;
    --footer-bg: #e5cba6;
}


.Vouchery{
    padding: 45px !important;
}
.body-ident-main article {display:flex;flex-direction:column;}
.body-ident-main section {order:15;}
.body-ident-main .section-26382 {order:1;}
.body-ident-main #offersMain {order:2;}
.body-ident-main .section-24194 {order:3;}

.body-ident-main .sectionOpinie {order:4;}

.roomsSection,
.body-ident-main .roomsMain {order:5;padding-top:var(--spacing);min-height:500px;}
.body-ident-main .section-22221 {order:6;}
.body-ident-main #SectionOpinie {order:7;padding-top: var(--spacing);margin-top: 0;}
.body-ident-main .section-22224 {order:8;}

strong {font-weight:500;}

.Error {
    padding-top: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--themeColor);
    color: white;
    padding-bottom: 100px;
}
.Error h2 {
    margin: 0;
    font-size: 100px;
}

.optCat {
  display: none;
}
body {
  margin:0;
  padding: 0;
}
* {
  box-sizing: border-box;
}
.flexing {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-column {
  flex-direction: column;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-evenly {
  justify-content: space-evenly;
}
.align-center {
  align-items: center;
}
.align-end {
  align-items: flex-end;
}
.align-start {
  align-items: flex-start;
}
.siteWidth {
  width: 100%;
  max-width: 1230px; /*1230*/
  margin:0 auto;
}
/* .Credits .siteWidth{max-width:1030px;} */
.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;
}
/*.spacingElements li:not(:first-child) {
  margin-left:20px;
}*/

header ul {
  margin:0;
  padding: 0;
}
header {
  position: relative;
  background:var(--light-color);
}

/* Transitions */
a,.mainNav a::before,.mainNav a::after,.inputRez, .buttonReservation,.inputRez::before,.header-middle,.slick-arrow,.galleryImageWrapper img,
.imageMediaWrapper::before,.imageMediaWrapper .button,.act .logoLi,.logoLi,.logoLi .logo,
.scrollTop,
.galleryPicture::before,
.galleryPicture:hover::before,
.FeaturedRoom *,
.galleryPicture span,
.galleryPicture:hover span {
  transition: 300ms;
}
a {
  color: var(--dark-color);
}
a.brown {
  color: var(--btnRezHvr);
  opacity:1;
}
a.brown:hover {
  color: var(--btnRezHvr);
  opacity:0.7;
}
.sectionSimple .sectionSide.sectionContent {display: flex;flex-direction: column;justify-content: center;}
.sectionSide.sectionContent p {font-family:var(--regularFont);}
section.sectionSeparator a {color:#fff;}
/* section.sectionSeparator .button {margin-top:25px;} */
section.sectionSeparator a:hover,
a:hover {
  color: var(--light-color);
}
.rezForm {transition: 500ms}

body {
  font-family: var(--regularFont);
  font-weight: 100;
  font-style: normal;
  letter-spacing: 0.1em;
}

.beutyFont {
  font-family: var(--beutyFont);
  font-weight: 100;
}

.form-control {
  display: none;
}
.heroTitle {
  /* position: absolute; */
  bottom: 230px !important;
  right: 0;
  /* transform: translatex(-50%); */
  color: white;
}
.logoLi {
/*  width:250px;*/
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  justify-content:center;
  background: transparent;
  height:40px;
}

.logoLi .logo {
  display: block;
  width:180px;
  height: 40px;
  top: 0;
  position: relative;
}

.logoLi .logo:hover {opacity:0.6;}
.logoLi .logo {width:100%;margin-bottom:0;}
.logoLi .logoFixed {
  display: none;
}
.logoLi .logoStandard {
  width: auto;
  background-color: white;
  height: 150px;
  margin-right: 55px;
  padding: 10px;
  transition: all 300ms ease-in-out;
}

.act .logoLi .logoStandard {
  width: auto;
  height: 40px;
  background-color: transparent;
  margin-right: 60px;
  padding: 5px 0;
  transition: all 300ms ease-in-out;
}

.act .navigation-contianer {
  box-shadow: 0px 3px 6px rgba(0,0,0,.1);
}

/* .mainMenu > li.first > a {background-color: var(--btnRezHvr);} */

/* .act .logoLi .logoFixed {
  display: block;
  width:180px;
  height: 40px;
  top: 0;
  position: relative;
}
.act .logoLi {
  background: transparent;
  height:40px;
}
.act .logoLi .logoStandard {
  display: none;
} */

.header-middle {
  width: 100%;
  position: fixed;
  top:0;
  z-index: 99;
  background: white;
}
/* .act .header-middle {
  background: white;
} */
.mainNav {display:flex;justify-content:space-between;align-items:end;max-width: 1230px;justify-content:center;flex-wrap:nowrap;position:relative;margin:0 auto;flex-direction:column; height: 40px;}
.navigation-contianer,.mainNav {
  width:100%;
}
#nav {width:100%;}
.mainMenu {
  justify-content: space-between;
  align-items: center;
  width: 100%;
/*  margin-right: -126px;*/
}
.mainMenu > li:not(.logoLi) {
  padding: 0;
  position: relative;
  /* margin-top: -10px; */
  text-align: center;
  list-style-type:none;
}
.mainMenu li {
  margin-top:0;
}
.logoLi {
  margin: 0;
}

.data-picker-rez {
  height:40px;
  width:100%;
  justify-content:center;
  flex-direction: row;
  align-items: stretch;
  color: var(--dark-color);
  letter-spacing: 0.1em;
  padding:0;
}
.data-picker-rez .dd {font-size:20px;margin-top: 1px;color:var(--light-color);}
.data-picker-rez .mm {font-size:14px;margin-top: 7px;color:var(--dark-color);}

.mainSlider,.hero,.slide,.slick-list,.slider-container,.rezForm,.day-and-month,.inputRez,.rezForm > form  {
  width: 100%;
}
.rezForm {
  /* position: absolute; */
  bottom:160px !important;
  opacity: 1;
  visibility: visible;
  width: 465px;
  height:40px;
  z-index:9;
  right: 0;
  /* transform: translatex(-50%); */
  justify-content: space-between;
  display: flex;
  align-items: center;
  /* padding: 16px; */
}
/*.act .rezForm {
  transform: translateY(130%);
  z-index: -1;
  opacity: 0;
  visibility: hidden;*/

.inputRez, .buttonReservation {
    cursor: pointer;
	text-transform:uppercase;
	font-size:14px;
	font-weight:100;
}
.sliderImage {
  height: 100vh;
  width: 100%;
  position: relative;
}
.sliderImage::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, transparent 70%, rgba(0,0,0,0.5) 100%);
    opacity: 1;
}
.mm {
  margin:0 5px;
  text-transform:uppercase;
}
.day-and-month {
    height: 100%;
    background-color: #fff;
}
/* .act .navigation-contianer {
  box-shadow: 0px 3px 6px rgba(0,0,0,.1);
} */
.mainNav a,.footerMenu a {
  color:white;
  font-weight:100;
  text-decoration: none;
/*  position: relative;*/
  font-family: var(--regularFont);
  font-size: var(--font-size);
  letter-spacing: 0.1em;
  text-transform:uppercase;
}
/* .act .mainNav .mainMenu > li.last > a {
background: var(--btnRezHvr);
color:#fff!important;
border-color: #fff;
} */
.mainNav .mainMenu > li > a {
  color: var(--themeColor);
}

.mainNav .mainMenu > li:hover > a {
  color: var(--btnRezHvr);
}

.inputRez {
  position: relative;
  height:100%;
  flex:auto;
  cursor:pointer;
}

#nav a::after,
#nav a::before,.inputRezIn::before {
  content: '';
  position: absolute;
  bottom: -11px;
  width: 0;
  left: 0;
  left:50%;
  transform: translate(-50%);
  border-bottom: 1px solid;
  opacity: 0;
}
#nav a::after {bottom: -6px;}
/*.inputRezIn::before {
bottom: 50%;
width: 1px;
height: 10px;
opacity: 1;
left: unset;
right: 0;
background: #fff;
transform: translatey(50%);
}*/

#nav li.logoLi a::before,#nav li.last a::before,#nav li.logoLi a::after, #nav li.last a::after {
  content: none;
}
.button.rezBtn {min-width:175px;}
#nav li.last a {
border: 1px solid var(--btnRezHvr);
/* padding: 10px 10px 12px; */
min-width: 155px;
display: inline-flex !important;
justify-content: center;
height: 40px;
align-items: center;
background: var(--btnRezHvr);
color: white;
margin-left: 20px;
}

#nav li.last:hover a
{
  background: white;
  color: var(--btnRezHvr);
}
/* #nav li.act a::after,#nav li a:hover::after,
#nav li.act a::before,#nav li a:hover::before {
  width: 100%;
  opacity: 1;
} */
.sub-menu li a::before {
  content: none;
}
.inputRez:hover  {
/*  background: var(--menuTrHvr);*/
opacity:0.7;
}
.buttonReservation{
  background: var(--btnRezHvr)!important;
  color:#fff!important;
  min-height: 40px !important;
  min-width: 155px;
  text-transform:uppercase;
  cursor:pointer;
  border: none;
  /* padding: 10px 15px; */
}
.buttonReservation:hover {
  background: #fff!important;
  color: var(--btnRezHvr)!important;
}
.buttonReservation.popup-trigger {min-width:60px;}
.buttonReservation svg {width:22px;height:22px;}
.buttonReservation svg path {
  fill: #fff!important;
  transition:300ms;
}
.rezForm .buttonReservation{
  padding: 0;
}
.buttonReservation:hover svg path {
  fill: var(--btnRezHvr)!important;
  transition:300ms;
}
        .RoomPopup {
            display: none;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 20px;
            background-color: #fff;
            border: 1px solid #ccc;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            z-index: 999;
			max-width:1000px;
			width: calc(100% - 40px);
			max-height:450px;
        }
		.RoomPopup.roomslist {position:fixed;}
		.RoomPopup > div {
		overflow-y:scroll;
		max-height:calc(450px - 60px);
		}
/*
@media(max-width:980px) {
.popup p {
    display: -webkit-box;
    -webkit-line-clamp: 20;
    -webkit-box-orient: vertical;
    overflow: hidden;
	line-height:1.25;
}
}
*/

.RoomPopup .close-popup {
  transform: translate(50%,-50%);
  background: none repeat scroll 0 0 var(--btnRezHvr);
  color: #FFF !important;
  display: flex;
  font-size: 15px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  text-transform: uppercase;
  width: 30px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border: 0;
}


.sectionRow {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  position: relative;
}
.sectionSide {
  width: 50%;
  position: relative;
  z-index: 2;
}
section.Text .sectionSide {width:100%;padding:0 100px 20px !important; text-align: justify;}

.slick-track,
.slick-list {height:100%;}
.slick-slide img {
width: 100%;
height: 100%;
object-fit: cover;
z-index: 2;
position: relative;}
.sectionSimple.reverse .sectionSide.sectionContent {
  padding-right: 80px;
  padding-left:100px;
}
.sectionSimple:not(.reverse) .sectionSide.sectionContent {
  padding-right: 100px;
  padding-left: 80px;
}
/*.sectionSimple:not(.reverse) .sectionSlider {
  width: calc(50% - 100px);
}*/

.slick-slider {z-index:2;height:100%;}
#rooms .slick-slider {height:auto;}
.contentTitle .titleInfo,.contentTitle .titleInfoOffers {
  position: relative;
  padding-top: 3px;
  letter-spacing: 0.1em;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 100;
  color:var(--little-gray-bkg);
}

.contentTitle .beutyFont { 
  font-size: 90px;
  line-height: 1.25;
  margin: 0;
display: inline-block;
text-transform:capitalize;
color:var(--dark-color);
}

.Text .contentTitle .beutyFont {text-align:right;width:90%;}
.priceInBox {font-family:var(--regularFont);line-height:1;}
.priceInBox strong {font-family:var(--beutyFont);font-size:22px;color:var(--light-color);font-weight:400}
.roomInfo {flex-direction:column;height: 100%;justify-content: space-around;}
.roomInfo i {color:var(--btnRezHvr);margin-right:5px;}
.roomInfo i.hsicon-people {font-size:12px;}
.roomInfo div {display:inline-flex;margin:0;align-items:center;justify-content:start;padding:0;text-align:left;line-height:1;}
.roomName {color:var(--themeColor); font-family: var(--beutyFont);font-size:22px;/*text-transform:uppercase;*/font-weight:500;}
/*.roomsMain .contentTitle .beutyFont {color:var(--btnRezHvr);}*/
.sectionGallery:not(.wsekcji) .contentTitle .beutyFont {margin: 70px 0 0;}
.heroTitle.contentTitle .beutyFont {color:#fff;border:0!important;padding:0!important;text-shadow: 2px 2px 5px rgba(0,0,0,0.25);text-align: right;width: 100%;}
.button {
min-height: 60px;
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--themeColor);
/* padding: 10px 15px; */
/* min-width: 140px; */
background: transparent;
text-decoration: none;
line-height: 1;
/* font-size: var(--font-size); */
letter-spacing: 0.1em;
text-transform: uppercase;
/* border: solid 1px #fff; */
transition: 300ms;
cursor: pointer;
}
.bottomRoom .button {min-width:174px;}
.button.noBorder {border:0!important;}
.buttonLight {
  background: transparent;
  /* border:1px solid #fff; */
  color:#fff;
}
.buttonTheme {
  background: transparent;
  border:1px solid var(--dark-color);
  color:var(--dark-color);
  min-width:140px;
}
.buttonTheme:hover {
  background: var(--btnRezHvr)!important;
  color:#fff!important;
}
.buttonTheme:hover span {color:#fff!important;}
.button:hover {
  /* background: var(--btnRezHvr); */
  /* border:1px solid var(--btnRezHvr); */
  color:var(--btnRezHvr);
}
/*.button:hover span {color: #fff!important;}*/
.buttonLight:hover {
/* background: #fff; */
color: var(--btnRezHvr);
}
.buttonWrapper {position:relative;display: flex;justify-content: start;align-items: center;gap: 16px;}
.buttonWrapperArrows {
  display: flex;
  justify-content: space-between;
}
/* .sectionSide .buttonWrapper { 
    margin-top: 40px;
} */
section {
    font-size: var(--font-size);
    line-height: 2;
    color: var(--themeColor);
	letter-spacing:0.1em;
}
/*body {
  overflow-x:hidden;
}*/
/*section.sectionSimple {
  overflow: hidden;
}*/
.sectionSeparator {
  min-height: 50vh;
}
.contentCenter.sectionSeparator {
  text-align: center;
  padding-bottom: 10px;
}
.sectionSeparatorImage {
  position: relative;
  padding: 60px 0;
  min-height: 550px;
  width:100%;
}
.sectionSeparatorImage img {
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.contentCenter .separatorContent {
/*  background: white;*/
  padding: 30px 50px;
  max-width: 550px;
  box-shadow: 0px 3px 6px rgba(21,34,56,.2);
/*  margin-bottom: -130px;*/
}
.sectionSeparatorImage::before {
  content:'';
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background: black;
  opacity: .2;
  z-index: 1;
}
.sectionSeparator:not(.contentCenter) .separatorContent {
/*  padding-right: 60px;*/
display: flex;
flex-direction: column; /* row*/
/* padding: 0 20px; */
width: 100%;
/* max-width: 950px; */
padding-left: 100px;
padding-right: 80px;
}
.sectionSeparator:not(.contentCenter) .separatorContent > div.contentTitle {padding-right:10px;}
.sectionSeparator:not(.contentCenter) .separatorContent > div {
width: 50%;
justify-content: center;
display: flex;
flex-direction: column;
/* font-size:14px; */
}
.sectionSeparator {
  color:white;
}
.sectionSimple.reverse .sectionSlider::before {
    bottom: 0;
    transform: translate(-100px,70px);
	left:0;
}
.sectionSimple:not(.reverse) .sectionSlider::before {
  right: 0;
  bottom:0;
  transform: translate(100px,70px);
}
.mainHeader .contentTitle   {
    /* width: calc(100% - 150px); */
	width:465px;
  /* padding: 0 15px; */
	z-index:5;
}

.slick-arrow {
  /* font-size:30px; */
  color: var(--btnRezHvr);
  cursor: pointer;
  z-index: 2;
/*  text-shadow: 2px 2px 2px rgba(0,0,0,0.25);*/
}
.hero .nextArrow {
  right:30px;
}
.hero .prevArrow {
  left:30px;
}
.hero .slick-arrow, .reviewsSlider .slick-arrow {
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  color:white;
}
.reviewsSlider .slick-arrow {
  top:93px;
  color:var(--light-color);
}
.reviewsSlider .nextSlide {
  right: -30px;
}
.reviewsSlider .prevSlide {
  left:-30px;
}
.slick-arrow:hover {
/*  opacity: .7;*/
  color:var(--dark-color);
}
.sectionSimple .slick-arrow,.imagesOffer .slick-arrow {
  color: white;
  position: absolute;
  top: 50%;
  right:35px;
  z-index: 1;
  transform: translatey(-50%);
}

.sectionSimple .slick-arrow:hover {
  color: var(--btnRezHvr);
}
.sectionSimple .prevSlide,#rooms .prevSlide,.imagesOffer .prevSlide {
  left: 35px;
  right:auto;
}
.sectionSimple.reverse .sectionRow {
  flex-direction: row-reverse;
}
.sectionSimple:not(.Text) .sectionRow {
  min-height:560px;
}


.sub-menu {
    position: absolute;
    text-align: center;
/*    left: 50%;*/
    left: 0;
    width: 140px;
    transform: translate(-50%);
    background: var(--menuTrNA);
    margin-top: 10px;
    visibility: hidden;
    opacity: 0;
/*    transform: translate3d(-50%,10px,0);*/
    transform: translate3d(0,0,0);
    transition: transform ease .3s,opacity ease .3s,visibility ease .3s;
	border-top: solid 1px #fff;
}
/* .act .sub-menu {
  margin-top:10px;
} */
.sub-menu::after {
  content: '\e80b';
  font-family: "hsfont";
  color: #fff;
  position: absolute;
  top: -7px;
  font-size: 5px;
  left: 20px;
}
/* header.act .sub-menu::after {color:var(--themeColor);} */
.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(-50%,0,0);*/
  transform: translate3d(0,0,0);
}

.sub-menu a {
    line-height: 1.2;
    padding: 5px 10px 7px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
	text-transform:uppercase;
	font-size: 12px;
	letter-spacing: 0.1em;
	font-weight:100;
}
/* .sub-menu .act a,
.sub-menu a:hover {
      background: var(--menuTrHvr);
      color: var(--light-color)
} */
.localizationWrapper {
  left:50%;
  transform: translate(-50%);
  text-align: center;
  color:white;
}
.localization {
  margin-bottom: 40px;
}
.localization i {font-size:20px;}
.localizationWrapper .icon-arrow-bottom:before {
    width: 40px;
}
.footerWrapperInner {position:relative;max-width:1230px!important;}
.scrollTop {
position: absolute;
bottom: 0;
right: 0;
opacity:1;
}
.scrollTop:hover {opacity:0.6 !important; cursor: pointer !important;}
.scrollDown {
  cursor: pointer;
  animation-name: scrollAnim;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  position: relative;
  letter-spacing: normal;
  margin-bottom: 10%;
}
@keyframes scrollAnim {
  0% {
    bottom: 0px;
  }
  50% {
    bottom: 10px;
  }
  100% {
    bottom: 0px;
  }

}
.langsHeader li,
.socialMedia li {position:relative;/*margin-right: 12px;*/line-height:1;}


.langs.langsHeader {
  right: 0;
  font-size: 16px;
  gap:10px;
}
.langs.langsHeader a,.socialMediaHeader a:hover,.socialMedia a:hover {
  opacity: .5;
}
.langs.langsHeader a {
  margin-left: .2em;
  margin-right: .2em;
  color: #fff;
}
.langs.langsHeader .currentLang a,.langs.langsHeader a:hover {
  opacity: 1;
}
/*.langs.langsHeader .currentLang a::before  {
content: '';
position: absolute;
bottom: -6px;
height: 1px;
background: #fff;
display: block;
left: .2em;
right: .2em;
}*/

.socialMedia.socialMediaHeader {
  right: 0;
}
.headerList :is(a),.socialMedia :is(a) {
  color:white;
  text-decoration: none;
}
.headerFooter {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%);
  z-index:10;
}
.headerFooter > * {
  position: absolute;
  color: white;
  bottom: 0;
}
.footerWrapper {
    padding: 160px 0 50px;
    background: var(--footer-bg);
}
.footerWrapper a {
  text-decoration: none;
}
.footerWrapper ul a:hover,.footerWrapper .footerContent a:hover,.socialMedia a:hover {
  opacity: .7;
  color: white;
}
.footerWrapper * {
    color: white;
}
.logoFooter  img {width:150px;height:auto;max-width:100%;}
.footerMenu a {
  text-decoration: none;
  text-transform: unset!important;
}
.footerMenu ul {
  flex-wrap: wrap;
  flex-direction:column;
  align-items: end;
  margin:0;
  gap:5px;
  text-transform: uppercase;
}
.footerMenu a {
	text-align:right;
	font-family:var(--regularFont);
	font-size:var(--font-size);
}
.footerMenu {
	justify-content: start;
	flex-direction: column;
	align-items: end;
}
.Credits {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}
/* .Column {
  flex:0 0 20%
} */
/* .Column4 {
  flex:0 0 auto
} */
.socialMedia a {
  font-size: 18px;
}
footer .socialMedia a {font-size:22px;}
footer .socialMedia {gap: 10px; padding-left: 40px;}

.footerLogoSM {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width:100%;
  /* margin-top: 20px; */
}
.logoColumn {
  display: flex;
  flex-direction: column;
  /* flex: 0 0 20%; */
}
.newsletterWrapper {padding-left: 207.5px;  padding-right: 207.5px;flex-direction:row;align-items: end; justify-content: center;}
.newsletterWrapper .squareContent {
  margin-bottom: 25px;
  /* width: 400px;
  position: absolute;
  left: 64%;
  transform: translatex(-50%); */
}
.newsletterWrapper .buttonWrapper {
  justify-content: end !important;
  align-items: end;
  align-content: end;
  border-bottom: 1px solid var(--btnRezHvr);
  margin-bottom: 25px;
}
.newsletterContent input {
width: 350px;
/* max-width: 100%; */
border: 0;
border-bottom: 1px solid var(--btnRezHvr);
text-align: left;
color: var(--themeColor);
background: transparent;
margin: 0 auto;
font-size: 14px;
letter-spacing: 0.1em;
position:relative;
/* left:50%; */
/* transform:translatex(-50%); */
padding-bottom: 20px !important;
}
.newsletterContent #newsletter_email::placeholder {
color: var(--fontColor) !important;
font-size:14px;
opacity:1;
letter-spacing: 0.1em;
font-family:var(--regularFont);
text-align:left;
}

.newsletterWrapper .button {min-height: 60px; padding-left: 10px;}
/*.newsletterContent .button {width:100%; max-width:170px;}*/
.footerContent {
  font-size: var(--font-size);
  letter-spacing: .1em;
  line-height: 1.75;
  font-weight:200;
  font-family:var(--regularFont);
}
.newsletterColumn {justify-content:end;padding-top:var(--spacing);float:left;width:100%;}
/* .footerContent p {
  margin: 0;
} */
.footerContact {justify-content:space-between;}
.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;
}
 .kafelekContent .buttonWrapper {
       margin-top: 40px;
 }
.singleKafelek:nth-child(even) {
  flex-direction: column-reverse;
}
.footerHead {
  font-size: 22px;
  color:white;
  margin-bottom:15px;
}

.galleryPicture {
  padding: 4px;
  flex:0 0 33.333%;
  display: block;
  position:relative;
}
.galleryGrid,.galleryFirstRow {
  width:100%;
}
.galleryGrid {
  flex-wrap: wrap;
  gap: 16px;
}
section.sectionGallery:not(.wsekcji) {clear:both!important;}
section.sectionGallery:not(.wsekcji) .galleryColumn:nth-child(1),
section.sectionGallery:not(.wsekcji) .galleryColumn:nth-child(8) {
width: 50%;
float:left;
}
section.sectionGallery:not(.wsekcji) .galleryColumn:nth-child(8n) {float:right;}

section.sectionGallery:not(.wsekcji) .galleryColumn .galleryImageWrapper,
section.sectionGallery:not(.wsekcji) .galleryColumn img {height:216px}
section.sectionGallery:not(.wsekcji) .galleryColumn:nth-child(1) .galleryImageWrapper,
section.sectionGallery:not(.wsekcji) .galleryColumn:nth-child(1) img,
section.sectionGallery:not(.wsekcji) .galleryColumn:nth-child(8) .galleryImageWrapper,
section.sectionGallery:not(.wsekcji) .galleryColumn:nth-child(8) img {height:440px}



.galleryFirstRow {
  display: flex;
  flex-direction:row;
  height: 100%;
}
.sectionGallery:not(.wsekcji) .galleryColumn .galleryPicture {
  flex: 0 0 100%;
  height: 100%;
}
.sectionGallery.wsekcji {padding-top:100px;}
.sectionGallery .galleryColumn a {line-height:1;}
.sectionGallery:not(.wsekcji) .galleryColumn {width:25%;float:left;}
.sectionGallery.wsekcji.reverse .galleryColumn:nth-child(2),
.sectionGallery.wsekcji .galleryColumn:nth-child(1) {width:540px;max-width:100%;background:var(--light-color);padding:90px 70px 50px 90px;}
.sectionGallery.wsekcji.reverse .galleryColumn:nth-child(1),
.sectionGallery.wsekcji .galleryColumn:nth-child(2) {width:540px;max-width:100%;background:var(--themeColor);padding:50px 100px 50px 70px;margin-top: 20px;margin-bottom: -20px;}
.sectionGallery:not(.wsekcji) .galleryColumn .galleryPicture {/*height: 320px;*/display: block;}

.sectionGallery.wsekcji .galleryImage {width:100%;height:auto;margin:0;}
.sectionGallery.wsekcji .buttonWrapper {margin-top:25px;margin-bottom:70px;}
.sectionGallery.wsekcji .galleryGrid {justify-content:center;}
.sectionGallery.wsekcji .galleryPicture {margin:20px 0;padding:0;}
.sectionGallery.wsekcji .galleryPicture span {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-weight:200; opacity:0; color:#fff;z-index:10;}
.sectionGallery.wsekcji .galleryPicture::before {
  content:'';
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom: 0;
  background:#000;
  opacity: 0;
  z-index:5;
}
.sectionGallery.wsekcji .galleryPicture:hover::before {opacity:0.4;}
.sectionGallery.wsekcji .galleryPicture:hover span {opacity:1;}

.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;
}
/*.sectionGallery .contentTitle .beutyFont {
  margin:0;
  margin-bottom: 100px;
}*/

.sectionGallery .buttonWrapper {margin-top:var(--spacing);}

section {position: relative;}
section.sectionSimple, section#offersMain {
  padding-top:80px;
  clear:both!important;
}
section.sekcjaKontakt,
section#mapaGoogle,
section.sectionSeparator,
section:not(.sectionGallery):not(.wsekcji):first-child {padding-top:var(--spacing)!important;}
.galleryContainer,.sectionTitle {
  position: relative;
}
footer {
  margin-top:var(--spacing);
  float: left;
  width: 100%;
}
#offersMain #offersMainSlider {width:100%;}
#offersMainSlider .singleOffer {max-width:520px;}
.roomWrapper,
.roomsMainWrapper .contentTitle,
#offersMain .contentTitle, .reviewsWrapper .contentTitle {flex-direction:column; justify-content:right;}
/*#offersMain .offersWrapper {
background-image:url('/img/hotel/logoBkg.svg');
background-repeat:no-repeat;
background-size:contain;
background-position:center left;
}*/
#offersMain .offersWrapper .contentTitle .beutyFont {margin-bottom:100px;}
.offersMain:not(#offersMain) .buttonWrapper/*,.btnRoomSpacing*/ {
  margin-top:100px;
}



.sectionOpinie .slick-arrow,
#roomsMain .slick-arrow {
  display: flex;
  align-items: center;
  position:absolute;
  top:50%;
  color: #fff;
  /* left:-40px; */
}
#roomsMain .slick-arrow:hover {
  color: var(--btnRezHvr);
}
.roomsSlider .slick-arrow {
  display: flex;
  align-items: center;
  position:absolute;
  top:50%;
  color: #fff;
}

.roomsSlider .slick-arrow:hover {
  color: var(--btnRezHvr)
}

.offersMain .slick-arrow.nextSlide,
#rooms .slick-arrow.nextSlide,
#roomsMain .slick-arrow.nextSlide {
  left:unset;
  right:40px;
}
.hsicon-strong-arrow-right, .hsicon-strong-arrow-left
{
  font-size: 28px;
}
/*.offerArrows,.roomArrows {
  margin: var(--spacing) 0 0;
}*/
/*#offersMain .offerArrows {margin:40px 0 0 0;}*/
.offersMain .nextSlide, .roomArrows .nextSlide {
    flex-direction: row-reverse;
}
.roomArrows {width:100%;position:relative;}
/*#rooms .roomArrows span,
#roomsMain .roomArrows span,
#offersMain .offerArrows span {text-transform:uppercase;color:#fff;margin:0 15px;}*/
.roomArrows .button,
#offersMain .offerArrows .button {margin:0!important;white-space:nowrap;}
/* #offersMain .offerArrows .button:hover span {color:#fff;} */

#roomsMain .roomArrows .smallArrow::before,
#offersMain .offerArrows .smallArrow::before {margin:0;}
.slick-arrow span {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.1em;
	padding-bottom: 2px;
}
.container-hs .threeColumns {display:flex;flex-direction:row;}
.container-hs .threeColumns .Column {padding:0}
/* .container-hs .threeColumns .Column:first-child {padding-left:100px;} */

.roomsMain .threeColumns .Column, .reviewsWrapper .threeColumns .Column {flex: 0 0 50%; padding-left: 100px;}

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

.singleOffer {
  text-decoration: none;
  padding: 7px;
}
.offersContainer {
  margin:0;
}
.roomWrapper,
.offerWraper {
  text-align: center;
  display: flex;
  flex-direction: column;
  height: 430px;
  justify-content: flex-end;
  overflow: hidden;
}
.offerName,.offerPriceWrapper {
  color:white;
  font-size: 16px;
  line-height: 2;
  font-weight: 200;
  text-decoration: none;
}
.offerName {
  margin:0;
  color:var(--dark-color);
  font-size:22px;
  font-weight:200;
/*  text-transform:uppercase;*/
  line-height:1.25;  
  position: relative;
  text-align:left;
  width: 50%;
  display: flex;
  justify-content: start;
  align-items: center;
  height: 60px;
}
.offerPriceWrapper {
  padding: 0;
/*  background: var(--light-color);*/
  font-size:16px;
text-align:left;
color:var(--fontColor);
letter-spacing:0.1em;
font-weight:300;
line-height:1;
font-family:var(--beutyFont);
}
.offerPriceWrapper strong {color:var(--light-color);font-size:22px;font-family:var(--beutyFont);}
.body-ident-main .roomsMain,
.offerDescription {
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  /* align-items:center; */
  min-height: 100px;
}
.offerDescription {padding: 20px 0;}
.offerDescription::after,
.FeaturedRoom .roomDescription::before,
.offerDescription::before {content:'';position:Absolute;left:0;top:0;bottom:0;width:1px;height:100%;}
/* background: rgb(62,62,62); background: linear-gradient(0deg, rgba(62,62,62,0) 0%, rgba(62,62,62,1) 100%); */
.offerDescription::after {right:0;left:unset;}
.body-ident-main .roomsMain {min-height:unset;/*margin-top:var(--spacing);*/}
.imageMediaWrapper {
  position: relative;
  height: auto;
  display: block;
  overflow: hidden;
  min-width: 330px;
}
.singleRoomWrapper .imageMediaWrapper {height:100%!important;}
.singleRoomWrapper,
.roomWrapper {height:580px;position:relative;}
.imageMediaWrapper::before {
  content:'';
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom: 0;
  background:rgba(255, 255, 255, 0.5);
  opacity: 0;
  z-index:5;
}
/* .singleOffer:hover .imageMediaWrapper::before {
  opacity: .5;
} */
.singleOffer:hover .imageMediaWrapper .button {
  top:50%;
  opacity: 1;
  background-color: rgba(255, 255, 255, 0.85);
  color: var(--themeColor);
  border: none;
}
.singleOffer .imageMediaWrapper .button:hover {
  color: var(--btnRezHvr);
}
.opinieSlider,
.mainOffersBox {width:100%!important;}
.roomsMainWrapper {position:relative;}
.imageMediaWrapper .button {
  position: absolute;
  top:40%;
  left:50%;
  transform: translate(-50%,-50%);
  opacity: 0;
  z-index:5;
  font-size: 14px;
  min-width: 100%;
  min-height: 40px !important;
  font-weight: 100;
}

.singleRoomWrapper .buttonWrapper .button {
position:relative;
top:unset;
left:unset;
transform:none;
border: 1px solid var(--btnRezHvr);
}

.singleRoomWrapper .buttonWrapper .button:hover
{
  border: 1px solid var(--btnRezHvr);
}

.roomSide .buttonWrapper .button {
  border: 1px solid var(--btnRezHvr);
}
  
.roomSide .buttonWrapper .button:hover {
  border: 1px solid var(--btnRezHvr);
}

.singleRoomWrapper .buttonWrapper  {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
z-index: 10;
}

.offersPage .singleOffer {
  flex:0 0 33.333%;
}
.offersPage .offersContainer {
  flex-wrap: wrap;
}
.imageMediaWrapper img {
  display: block;
      height: 100%;
	filter: blur(0px);
	transition:300ms;
}
/* .singleOffer:hover .imageMediaWrapper img {
	filter: blur(2px);
} */
.roomPrice {
    margin-bottom: 20px;
}
#rooms .roomPrice {margin-top:20px;}
#rooms .contentTitle .beutyFont {margin-top:0;}
.roomsImage,
.roomImage {
    width: 100%;
    max-width: 100%;
}
.roomsImage {
width:100%;
height:500px;
}

.roomsDescription,
.roomDescription {
	padding:20px 0 20px 30px;
    width:100%;
	background:#fff;
	color:var(--fontColor);
}
.roomSide.roomDescription {
  height: 100px;
  padding: 15px 30px 15px 30px;
  width: 520px;
  position: absolute;
  left: 100px;
  bottom: 0;
  z-index: 5;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.roomsDescription {border:solid 1px var(--btnRezHvr);flex-direction:row;}
.roomContent {flex-direction:column;position:relative;}
.room-icons-in {display:flex; flex-wrap:wrap;margin:-10px}
.icon-item {
  color:var(--btnRezHvr);
  font-size:20px;
}
.icon-name {margin-left: 10px;font-size:15px;}
.roomsSpecification {
    margin-left: 100px;
    align-self:center;
	column-count:3;
	width:100%;
}
.roomsSpecification .tt-el {padding: 10px 0;}
.roomsSpecification .hsicon-people {font-size:12px;}
.roomsSpecification .hsicon-roomsize {font-size:16px;}
.roomsName {
  font-size: 22px;
  font-weight: 300;
  position: relative;
  padding: 0;
  text-transform:uppercase;
  margin-top:0;
  margin-bottom:20px;
}
/*
.roomsDescription::before {
  content:'';
  position: absolute;
  right: 20px;
  bottom: 50px;
  width:90px;
  height: 150px;
  background: var(--light-color);
  opacity: .3;
}*/
.roomsDescription .buttonWrapper .button:not(:first-child) {
  margin-left:30px;
}
/*.roomsImage {width:100%;max-width:750px;}*/
body:not(.body-layout-home) .rezForm {
  display: none;
}
/*.threeColumns {
    margin: -20px;
}*/
/* .Column {
  padding: 20px 0;
} */
/* .Column4 {
  padding: 0 20px;
} */
/* @media(min-height:780px) and (min-width:960px) {
  .heroTitle {
    top:50%;
  }
} */

@media(min-width:981px) {
  .mobileBar,.bottomNavMobile {
    display: none;
  }

  header.mainHeader:not(.sliderOff),.sliderImage {
    min-height: 640px;
  }
  body:not(.body-layout-home) header .sliderImage {
    max-height: 90vh;
  }
}
.localization a {
  color:white;
  text-decoration: none;
  text-transform:uppercase;
}
.localization a:hover {
  opacity: .7;
}

@media(max-width:1320px) {
  .topBar {
    padding: 10px!important;
  }
  /* .mainMenu > li:not(.logoLi) {
    padding: 0 10px;
  } */
}

@media(max-width:1230px) {
.siteWidth {max-width:calc(1230px  - 40px);padding:0 20px;}
}

@media(max-width:980px) {
/* .sectionSide .buttonWrapper {margin-top:20px;} */

  .mainMenu > li:not(.logoLi) {
    /* padding: 0 10px; */
    width: auto;
  }
  .mainMenu {
    margin: 0;
  }

/* .heroTitle {top:50%;} */
  .mobileBar {
    position: absolute;
    z-index: 99;
  }
  .sliderImage {
    height: calc(100vh - 60px);
  }
  .mainNav {
    display: none;
  }
  .logo {height: 100%;}
  .logo a {
    display: flex;
    height: 100%;
  }
  .logo img {
    height: auto;
    width: 40px;
  }
  .mobileBar  {
    height: 60px;
    background: white;
    padding: 10px 20px;
  }
}
/*
@media(max-width:1120px) {
  .siteWidth {
    max-width: 980px;
  }
  .roomDescription {
      padding-left: 40px;
      max-width: 40%;
  }
  .roomImage {
    width:60%;
  }
  .roomImage img {
    width:100%;
	height:80vw;
  }
}*/
@media(max-width:980px) {
.container-hs .threeColumns .Column {padding:0}
.container-hs .threeColumns .Column:first-child {padding-left:/*20px*/0;}
.Column {flex: 0 0 100%;}

section.sectionGallery:not(.wsekcji) .galleryColumn,
section.sectionGallery:not(.wsekcji) .galleryColumn .galleryImageWrapper,
section.sectionGallery:not(.wsekcji) .galleryColumn:nth-child(1),
section.sectionGallery:not(.wsekcji) .galleryColumn:nth-child(8),
section.sectionGallery:not(.wsekcji) .galleryColumn:nth-child(8n) {
width: 100%;
float:none!important;
}

section.sectionGallery:not(.wsekcji) .galleryColumn .galleryImageWrapper,
section.sectionGallery:not(.wsekcji) .galleryColumn:nth-child(1) .galleryImageWrapper,
section.sectionGallery:not(.wsekcji) .galleryColumn:nth-child(1) img,
section.sectionGallery:not(.wsekcji) .galleryColumn:nth-child(8) .galleryImageWrapper,
section.sectionGallery:not(.wsekcji) .galleryColumn:nth-child(8) img,
section.sectionGallery:not(.wsekcji) .galleryColumn img {height:85vw}



#mobileMenu ul.socialMedia {display:flex;flex-direction:row;list-style-type:none;justify-content:center;padding-top:20px;gap:20px;}
#mobileMenu ul.socialMedia li a {color:var(--light-color);}
.socialMedia li {margin: 0 5px!important;}
  .roomWrapper, .singleOffer {padding:0!important;}
  .offersPage .singleOffer {
    flex: 0 0 50%;
  }
  .galleryColumn .galleryPicture,.galleryPicture { flex: 0 0 50%;}

/*  .siteWidth {
    max-width: 768px;
  }*/
  .roomImage,.roomDescription {
    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 {height:auto!important;}
  .roomDescription {
    padding-left: 0;
    margin-top:0;
	justify-content: space-between;
	/*height:100%;*/
  }
  .roomDescription .contentTitle {padding-right:100px;}
  .roomContent {
    flex-wrap: wrap;
  }
  .roomsDescription {
    max-width: 40%;
  }
  .roomsImage {
    max-width: 60%;
  }
  .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;
  }
.offersMain .buttonWrapper, .roomsMain .roomsArrows {
/*  margin-top: 40px;*/
  position: relative!important;
/*  left: 50%;*/
 /* transform: translatex(-50%);*/
  width:100%;
  justify-content:space-between;
}
/*
.roomArrows .prevSlide,
.offersMain .offerArrows .prevSlide {order:1}
.roomArrows .nextSlide,
.offersMain .offerArrows .nextSlide {order:2}
.roomArrows .buttonWrapper,
.offersMain .offerArrows .buttonWrapper {order:3}
*/

.newsletterWrapper .squareContent {position:relative;margin: 0; left: 0; display: flex; justify-content: end; transform: none;}


}

@media(max-width:980px) {
.container-hs .threeColumns,
  .threeColumns {
    flex-direction: column;
    justify-content: center;
    align-items: center;
	  margin:0;
  }

  .footerWrapper .threeColumns {
    text-align: center;
  }

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

.footerContent .socialMedia {
  justify-content: center;
}
}

@media(max-width:980px) {
  .siteWidth {
    max-width: 100%;
  }
  .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;
  }
}
/*
@media(min-width:750px) {
  .sectionSeparatorImage:not(.contentCenter)::before {
    background: rgba(0,0,0,0.4);
  }
}*/
.showmobile {display:none;}
/* .hidemobile {} */

@media(max-width:980px) {
.showmobile {display:inline-flex;}
.hidemobile {height:0px;overflow:hidden!important;margin:0!important;padding:0!important;}

.rezForm {display:none!important;}
:root {
  --spacing: 50px;
  --font-size: 14px;
}
/*.langsMobile*/ ul li.langsMobile {opacity:0.5;}
/*.langsMobile*/ ul li.langsMobile.currentLang {opacity:1;}
.footerWrapper {padding-top:30px;}
.footerWrapper .logo img {width: 240px;max-width: 100%;}
section.sectionSimple, section#offersMain {
  padding-top: var(--spacing)!important;
/*  padding-bottom: var(--spacing);*/
}

.body-nomain section.sectionSimple {padding-bottom:0;}
.body-ident-main #SectionOpinie,
.sectionGallery.wsekcji {padding-top:var(--spacing)!important;}
.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;}
.roomsSection, .body-ident-main .roomsMain {padding-top:var(--spacing);min-height: auto;}
section.sekcjaKontakt, section#mapaGoogle, section.sectionSeparator, section:not(.sectionGallery):not(.wsekcji):first-child {padding-top:var(--spacing)!important;padding-bottom:0;}
#offersMain .offersWrapper {background:unset;}
.mainSlider .slick-arrow {display:none!important;}
.roomsSection::before, #SectionOpinie::before, .roomsMain::before, .sectionSlider::before {
display:none!important;
}
.offersMain .buttonWrapper span, .btnRoomSpacing span {margin:0;}
#offersMain .offerArrows .button span {margin: 0;}
/*#SectionOpinie .contentTitle {text-align:center;}*/
.opinieContent {background:transparent!important;padding:0 !important;}
.opinieNameWrapper {justify-content: center!important;padding-left: 0!important;}
.sectionGallery.wsekcji.reverse .galleryColumn:nth-child(2), .sectionGallery.wsekcji .galleryColumn:nth-child(1),
.sectionGallery.wsekcji.reverse .galleryColumn:nth-child(1), .sectionGallery.wsekcji .galleryColumn:nth-child(2) {
padding:30px 20px 20px !important;
margin-bottom:0;
margin-top:0;
}
.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;
  }
  .kafelki > .flexing {
    flex-wrap: wrap;
  }
  .singleKafelek {
    flex: 0 0 100%;
    flex-direction: row;
  }
  .singleKafelek:nth-child(even) {
    flex-direction: row-reverse;
  }
  .singleKafelek img,.kafelekContent {
    width: 50%;
    object-fit: cover;
  }

  .sectionSeparator:not(.contentCenter) .separatorContent {
    padding: 30px;
  }
  .sectionRow {
    flex-direction: column !important;
  }
  .sectionContent {margin-top:/*50px*/20px;}
  .sectionSide,.sectionSlider .imageSlider {
    width: 100% !important;
    max-width: 100%;
	padding: 0 !important;
  }
  .Text .sectionContent {margin-top: 0;}
  #offersMain .offersWrapper .contentTitle .beutyFont {margin-bottom:30px;}
  #offersMain #offersMainSlider,
  .sectionSlider .slick-slide img {
    width:100%;
  }
  .newsletterWrapper {align-items: end !important;}
  .newsletterColumn {padding-top: var(--spacing) !important;}
  .newsletterColumn .contentTitle {width:100%; padding-bottom: 20px;}
  .newsletterContent input,
  .newsletterWrapper,
  .newsletterColumn {width:100%;padding:0;justify-content: center; flex-wrap: wrap;}
  .newsletterWrapper .buttonWrapper {padding-bottom:0;}
  /* .footer-bottom {flex-direction:column;} */
  /* .footer-bottom > div {margin-bottom:10px;} */
  .roomsSection {margin-bottom:/*var(--spacing)*/0;}
  .offerArrows, .roomArrows {margin:20px 0 0 0!important;width: 100% !important;flex-wrap:wrap;position:relative;justify-content:center;}
/*  .roomArrows .slick-arrow {margin-bottom:40px!important;}*/
  .roomsMain .roomArrows {margin-bottom:0!important;}
  #rooms .prevSlide {left:10px!important;right:auto;}
  #rooms .nextSlide {left:auto;right:10px!important;}
  #rooms .slick-arrow {position:absolute!important;}
/*  .imgCover,
  .roomsImage img,
  .sectionSlider .slick-slide img {height:80vw;}*/
  #offersMain .contentTitle,.roomsMain .contentTitle {display:inline-flex;width:100%;margin-bottom:0;}
/*	.roomDescMain,*/
	.offersContainer {margin:0 auto!important;}
/*	.singleOffer {padding:0;}*/
/*.reviewsSlider .slick-arrow,.offersMain .slick-arrow, #rooms .slick-arrow, #roomsMain .slick-arrow {display:none!important;}*/
/* .slick-arrow {font-size:28px;} */
.sectionOpinie .slick-arrow, .offersMain .slick-arrow, #roomsMain .slick-arrow {
left:0;
}
.sectionOpinie .slick-arrow.nextSlide, .offersMain .slick-arrow.nextSlide, #roomsMain .slick-arrow.nextSlide {
left:unset;
right:0;
}
.sectionOpinie .slick-arrow,
.sectionOpinie .slick-arrow.nextSlide,
.offersMain .slick-arrow,
.offersMain .slick-arrow.nextSlide {top:4px;}
.desktopButton {position:relative;}

.footerMenu ul {margin: 0;
flex-direction: column !important;
padding: 20px;
align-items: center;
text-align: center;}
/* footer {padding-bottom:100px;} */
.footerMenu {margin: 30px auto 0;align-items: center;}
.footerMenu a {padding: 15px 5px !important;display: inline-block;}
.galleryFirstRow {flex-direction:column;}
.sectionGallery:not(.wsekcji) .galleryColumn {width:100%;}
.sectionGallery:not(.wsekcji) .contentTitle .beutyFont {margin: 0;}
.roomsMainWrapper {flex-direction: column;display: flex;}
}
@media(max-width:980px) {
section.Text .sectionSide {padding:0 30px 20px!important}

  .offersPage .singleOffer {
    flex: 0 0 100%;
	margin-top:/*var(--spacing)*/0;
	margin-bottom: 40px;
  }
  .roomsDescription {
    max-width:100%;
	width:100%;
	padding:20px;
	flex-direction:column;
  }
  .roomsImage {order:1;width:100%;max-width:100%!important;height:90vw}
  .roomsImage img {width:100%;}
  .roomsDescription,.roomsSpecification {order:2;}
  .roomsDescription .buttonWrapper {
    flex-direction: column;
	justify-content:center;
	align-items:center;
  }
  .roomsName {text-align:center;}
  .roomsDescription .buttonWrapper .button:not(:first-child) {
    margin-top:10px;
    margin-left: 0;
  }
}
@media(max-width:576px)  {
  .contentTitle .beutyFont {
    font-size: 48px !important;
    /* position: absolute;
    right: 40%;
    bottom: 100%; */
  }

  .newsletterColumn .contentTitle .beutyFont {position: static;}

  /* .mainHeader .contentTitle .titleInfo {
    font-size: 12px;
    max-width: 60%;
  } */

  body {
    overflow-x: hidden;
  }

  /* .contentTitle .titleInfo,.contentTitle .titleInfoOffers{
	font-size:12px;
  } */
  /* section {
    padding-top: 60px;
  } */
  .sectionGallery .contentTitle .beutyFont {
    margin-bottom:10px;
  }


/* .roomsMain .btnRoomSpacing {position:relative!important;margin-top:50px!important;
flex-direction: row;
display: flex;
justify-content: center;
} */
.roomSide.roomDescription {width:100%;position:relative;left:0;flex-direction:column;height:auto;padding:15px 0;}
.roomInfo {min-height: 100px;padding: 0 0 20px;align-items: center;}
.singleRoomWrapper .imageMediaWrapper {height:85vw!important;}
.sectionSimple:not(.Text) .sectionRow {min-height:unset;}

.sectionGallery .buttonWrapper, footer {
position:relative;margin-top:var(--spacing);left:unset;transform:unset;
}

.mainHeader .contentTitle {
  /* width: calc(100% - 50px); */
  /* width: 200px; */
  padding: 0;
  top: -60px;
  z-index: 5;
  left: 50%;
  transform: translate(-50%);
  /* text-align: center; */
  width: 100%;
}

/* .heroTitle.contentTitle .beutyFont {
  text-align: center;
} */

  /* .heroTitle {
    top:45%;
  } */
  .headerFooter {
    bottom: 50px;
  }
  .headerFooter .socialMedia,
  .headerFooter .langs {display:none;}
  .singleKafelek {
    flex: 0 0 100%;
    flex-direction: column;
  }
  .singleKafelek:nth-child(even) {
    flex-direction: column;
  }
  .singleKafelek img,.kafelekContent {
    width: 100%;
    object-fit: cover;
  }

  .localizationWrapper
  {
    /* bottom: -100px; */
    bottom: calc(100% - 300px);
  }

  .heroTitle
  {
    bottom: 0 !important;
  }

  .headerFooter
  {
    bottom: 50%;
  }

  .headerFooter .contentTitle .titleInfo
  {
    margin-left: 40%;
  }

}

@media(max-width:480px) {
  .galleryPicture { flex: 0 0 100%;}
  .galleryColumn:nth-child(1),.galleryColumn:nth-child(2) {
    width: 50%;
  }
  .roomsSpecification .tt-el {flex:0 0 100%;}
}

.icon-wrapper {align-items:baseline;}

.body-ident-rezerwacja #container-hs {margin-top: 80px;}

.logoHS {text-decoration:none;}

.onRightJustify 
{
    text-align: right;
    justify-content: right;
}

.onRightJustify .titleInfo::before 
{
    left:calc(50% - 20px);
}

.langsAndSocials
{
    cursor: pointer;
    font-size: 20px;
    bottom: 40px !important;
    z-index: 9;
}

.langsAndSocials > ul
{
    cursor: auto;
    display: flex;
    flex-direction: row;
    justify-content: end;
    gap: 5px;
}

.lineSeparator 
{
  background: white;
  height: 10px;
  width: 1px;
  margin-left: 6px;
  margin-right: 6px;
  text-align: center;
  top: 6px;
}

.lineSeparatorRez
{
    background: var(--fontColor);
    height: 20px;
    width: 1px;
    margin-right: 15px;
    margin-top: 4px;
}

.offerPriceWrapper .lineSeparatorRez
{
    height: 40px;
    margin-top: 10px;
}

.lineSeparatorMenu
{
    background: var(--fontColor);
    height: 10px;
    width: 1px;
    margin-left: 15px;
    margin-right: 15px;
    top: 1px;
} 

.themeFont
{
    font-weight: 100;
    color: var(--themeColor);
}

.veryBeutyFont
{
    font-family: var(--beutyFont);
    font-weight: 100;
}

.contentTitle .veryBeutyFont
{
    font-size: 60px;
    line-height: 2;
    margin: 0;
    display: inline-block;
    color:var(--light-color);

}

.Text .contentTitle .veryBeutyFont {text-align:center;width:100%;}

.heroTitle.contentTitle .veryBeutyFont {color:var(--light-color);border:0!important;padding:0!important;text-shadow: 2px 2px 5px rgba(0,0,0,0.25);text-align: right;width: 100%;}

#offersMain .offersWrapper .contentTitle .veryBeutyFont {margin-bottom:100px;}

#rooms .contentTitle .veryBeutyFont {margin-top:0;}

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

@media(max-width:576px)  {
  .contentTitle .veryBeutyFont {
    font-size: 48px;
    line-height: 1.5;
  }

  .offersMain .veryBeutyFont, .roomsMain .veryBeutyFont {padding-bottom: 20px;}
}

.contentTitle .titleInfoOffers 
{
    color: var(--themeColor);
    text-align: left;
}

#container-hs .titleInfoOffers::after,#container-hs .titleInfo::after, .newsletterWrapper .titleInfo::after,#offersMain .titleInfoOffers::after{ 
  content: '';
  position: absolute;
  left: 0;
  top: 30px;
  width: 90px;
  height: 2px;
  background: linear-gradient(to right, rgba(229, 205, 167, 1), rgba(160, 82, 45, 0));
}

.sectionSide .titleInfo {color: var(--themeColor);}

.priceRezoffer 
{
  text-align: center;
  line-height: 200%;
}

.threeColumns 
{
  padding:0 0 30px;
  display: flex;
  justify-content: space-between;
}

.Column 
{
  /* flex: 1; */
  position: relative;
}

.underColumn {flex-direction: row !important; padding-top: 100px !important; gap: 60px !important; padding-left: 0 !important;}

.underColumMenu {align-items: center !important;}

.sectionContent
{
  border-width: 1px;
  border-style: solid;
  border-image: 
    linear-gradient(
      to left, 
      var(--btnRezHvr), 
      rgba(0, 0, 0, 0)
    ) 1 100%;
  border-image-slice: 1;
}

.reverse > .siteWidth > .sectionRow > .sectionContent
{
  border-width: 1px;
  border-style: solid;
  border-image: 
    linear-gradient(
      to right, 
      var(--btnRezHvr), 
      rgba(0, 0, 0, 0) 60%
    ) 1 100%;
  border-image-slice: 1;
}

#offersMain .contentTitle {padding-left: 100px;}

.mainMenu .active > a {color: var(--btnRezHvr) !important;}

#nav li.last.active a {

  background-color: white;
  border: 1px solid var(--btnRezHvr);
}

.buttonRez
{
  min-width: 155px;
  text-align: center;
}

.hsicon-calendar
{
    margin-right: 8px;
    cursor: pointer;
    margin-left: 20px;
    font-size: 20px;
    color: var(--fontColor);
}

.Text .sectionContent {border: 1px solid var(--btnRezHvr);}

#container-hs .Text .titleInfo::after {content: none;}

#container-hs .Column::after {content: none;}

.sekcjaKontakt .Column {flex: 1;}

.sekcjaKontakt span:hover {color: var(--btnRezHvr);  transition: 300ms;}

.contactButton {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--themeColor);
  background: transparent;
  text-decoration: none;
  line-height: 1;
  font-size: var(--font-size);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  margin-top: 60px;
}

.newsletterColumn .titleInfo {color: var(--themeColor);}
.newsletterColumn .beutyFont {color: var(--btnRezHvr); font-size: 60px;}

.galeryButton
{
    min-height: 60px;
    display: inline-flex;
    align-items: right;
    color: var(--themeColor);
    background: transparent;
    text-decoration: none;
    line-height: 1;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    transition: 300ms;
    cursor: pointer;
    display: flex;
    justify-content: flex-end;

}

.galeryButton:hover{color: var(--btnRezHvr)}

.galleryOffers .threeColumns {padding: 80px 0 30px}

.sectionSeparator .sectionSide .titleInfo {color: #fff;}

.galleryTitle
{
  position: absolute;
  top: 40%;
  left:50%;
  transform: translate(-50%,-50%);
  font-size: 14px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.85);
  color: var(--themeColor);
  text-align: center;
  padding: 13px 0;
  transition: 300ms;
  z-index: 10;
  opacity: 0;
  text-transform: uppercase;
}

.galleryImageWrapper:hover .galleryTitle {
  top: 50%;
  opacity: 1;
}

.galleryImageWrapper .galleryTitle:hover {
  color: var(--btnRezHvr);
}

.mainMenu > li:not(.last):not(.logoLi) {
  margin-top: -1px;
}

.langsAndSocials .currentLang a
{
  font-size: var(--font-size);
  font-family: var(--regularFont);
}

.langsAndSocials .currentLang {top: -1px;}

.RezCenterSeparator
{
  background-color: var(--btnRezHvr);
  min-width: 1px;
}

.scrollDownText
{
  font-size: var(--font-size);
  margin-bottom: 8px;
}

.mainHeader .offersContentTitle{width: 100%; padding-bottom: 0 !important;}

.mainHeader .offersContentTitle .titleInfo{text-align: right !important; margin-top: 9.38px !important; color: var(--little-gray-bkg) !important;}

.offersContentTitle .beutyFont {font-size: 60px;}

.newsletterWrapper .contentTitle
{
  flex: auto;
}

@media (max-width: 980px)
{
  .underColumn li:first-child::before,.underColumn li:last-child::after {content: none;} 
  .Column:not(:last-child)::after {content: none;}
  .sectionContent, .reverse > .siteWidth > .sectionRow > .sectionContent {border: none;}
  #offersMain .contentTitle {padding-left: 0;} 
  .langsAndSocials {display: none;}
  .sectionSide .titleInfo {padding-bottom: 20px;}
  .contentTitle .titleInfoOffers {padding-bottom: 20px;}
  .clear-list {padding: 0 !important;}
  .threeColumns {padding: 0} 
  .newsletterColumn .titleInfo {padding-bottom: 20px; text-align: left;}
  .newsletterWrapper .buttonWrapper {margin: 0;}
  .heroTitle.contentTitle {padding-right: 20px !important;}
  .galleryImageWrapper .galleryTitle {
    top: 50%;
    opacity: 1;
  }
  .scrollTop {padding-right: 10px;}
  .underColumn {gap: 15px !important;}
  .galleryOffers .threeColumns {padding: 50px 0 20px;}
  .roomsMain .button, .offersMain .button, .sectionOpinie .button, .sectionGallery .button {min-height: 0;}
} 

@media (min-width: 981px)
{
  .underColumn li:first-child::before,.underColumn li:last-child::after
  {
    content: "";
    position: absolute;
    top: 89%;
    bottom: 3%;
    width: 1px;
    background-color: white;
  }

  .underColumn li:first-child::before {left: 30%;}
  .underColumn li:last-child::after {right: 30%;}
  .underColumMenu .Column::after {content: '';}
  .noAfterContent .Column::after {content: none;}
}

@media (min-width: 1367px)
{
  .Column:not(:last-child)::after 
  {
    content: "";
    position: absolute;
    top: 0;
    right: -60px;
    bottom: 40px;
    width: 1px;
    height: 70px;
    background-color: white;
  }
  .scrollTop {width: 26px;}
}