:root {
  --themeColor: #2A4B61;
  --fontColor: #444444;
  --spacing: 80px;
  --beutyFont: quasimoda, sans-serif;
  --regularFont: quasimoda, sans-serif;
  --font-size: 14px;
  --little-gray-bkg: #F7F7F7;
  --menuTr: rgba(0, 0, 0, 0.5);
  --menuTrNA: rgba(0, 0, 0, 0.7);
  --menuTrHvr: rgba(0, 0, 0, 1);
  --light-color: #2A4B61;
  --dark-color: #2A4B61;
  --btnRezHvr: #2A4B61;
  --line-gray-color: #989898;
}


.Vouchery {


  padding: 45px !important;

}

.body-ident-main article {
  display: flex;
  flex-direction: column;
}

.body-ident-main section {
  order: 15;
}

.body-ident-main .section-24107 {
  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: 490px;
}

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

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

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

.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,
.offerDescription,
.imageMediaWrapper,
.offerName,
.scrollDown,
.attractionsDetails,
.galleryHyperlinksDescription,
.galleryColumn {
  transition: 300ms;
}

a {
  color: #fff;
}

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

.sectionSimple .sectionSide.sectionSideAttractions {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 400px;
}

.sectionSimple .sectionSide.sectionSideAttractions.reserveAttraction {
  flex-direction: row-reverse;
}

.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(--beutyFont);
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.1em;
}

.beutyFont,
.attractionsFont {
  font-family: var(--beutyFont);
  font-weight: 300;
  letter-spacing: 0.1em;
}

.form-control {
  display: none;
}

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

.logoLi {
  width: 210px;
  height: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  justify-content: center;
}

.logoLi .logo {
  padding: 0;
  display: block;
  opacity: 1;
}

.logoLi .logo:hover {
  opacity: 0.6;
}

/* .logoLi .logo {
  width: 210px;
} */

.logoLi .logoFixed {
  display: none;
}

.act .logoLi .logoFixed {
  display: block;
  height: 50px;
  top: 0;
  position: relative;
}

.act .logoLi {
  background: transparent;
  height: 60px;
  justify-content: center;
}

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

.langsContainer {
  display: flex;
  opacity: 0;
  top: 0;
  left: 0;
  gap: 10px;
  position: absolute;
  padding-top: 40px;
  cursor: none;
  pointer-events: none;
  transition: opacity 300ms, top 300ms;
}

.act .langsContainer {
  opacity: 1;
  top: -20px;
  cursor: auto;
  pointer-events: auto;
}

.act .langsContainer li.currentLang {
  opacity: 1;
}

.act .langsContainer li {
  opacity: 0.5;
}

.act .langsContainer li:hover a {
  opacity: 0.7;
}

.act .langsContainer a {
  color: var(--light-color);
  font-size: 20px;
}

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

.hamburgerMainMenu {
  display: flex !important;
  padding: 20px 0 !important;
  position: absolute;
  gap: 10px;
  top: 0;
  right: 0;
}

.topBarButtonRes {
  right: 130px;
  font-size: 14px !important;
  position: absolute;
  opacity: 0;
  top: 30px;
  transition: opacity 300ms, top 300ms, color 300ms, background-color 300ms, border 300ms !important;
  cursor: none;
  pointer-events: none;
}

.act .topBarButtonRes {
  opacity: 1;
  top: 15px;
  cursor: pointer;
  pointer-events: auto;
}

.menuText {
  font-size: 20px;
  text-transform: uppercase;
  font-family: var(--regularFont);
  letter-spacing: 0.025em;
  color: #fff;
}

.act .menuText {
  color: var(--light-color);
}

#mobileMenu #navigation li:hover a {
  opacity: 0.7;
}

#mobileMenu {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

.header-middle {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) -70%, rgba(0, 0, 0, 0) 100%);
}

.act .header-middle {
  background: white;
}

.mainNav {
  display: flex;
  /* justify-content: space-between; */
  align-items: start;
  max-width: 1230px;
  justify-content: center;
  flex-wrap: nowrap;
  position: relative;
  margin: 0 auto;
  flex-direction: column;
}

.navigation-contianer,
.mainNav {
  width: 100%;
}

#nav {
  width: 100%;
}

.mainMenu {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  transition: 300ms;
}

.mainMenuLogo {
  justify-content: center;
  min-width: 270px;
  width: 270px;
}

/* nav ul {
  height: 80px;
}

.act nav ul {
  height: 60px;
} */

.act .mainMenu {
  margin-top: 0;
  align-items: center;
}

.mainMenu>li:not(.logoLi) {
  padding: 0;
  position: relative;
  /* margin-top: -10px; */
  text-align: center;
  list-style-type: none;
}

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

.logoLi {
  margin: 0;
}

.data-picker-rez {
  height: 50px;
  width: 100%;
  justify-content: center;
  flex-direction: row;
  align-items: stretch;
  color: #fff;
  letter-spacing: 0.1em;
  padding: 0;
}

.data-picker-rez .dd {
  font-size: 30px;
}

.data-picker-rez .mm {
  font-size: 20px;
  margin-top: 8px;
  margin-left: 5px;
}

/* .calendar {
  color: var(--light-color);
  margin-top: 6px;
  margin-right: 5px;
} */


.mainSlider,
.hero,
.slide,
.slick-list,
.slider-container,
.rezForm,
.day-and-month,
.inputRez,
.rezForm>form {
  width: 100%;
}

.rezForm>form {
  height: 100%;
}

.rezForm {
  position: absolute;
  bottom: 100px;
  background: transparent;
  opacity: 1;
  visibility: visible;
  width: 525px;
  /* height: 50px; */
  z-index: 10;
  left: 50%;
  transform: translatex(-50%);
  justify-content: space-between;
  display: flex;
  align-items: start;
  border-bottom: solid 1px #fff;
}

.rezForm .buttonReservation {
  height: 100%;
}

/*.act .rezForm {
  transform: translateY(130%);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}*/
.inputRez,
.buttonReservation {
  height: 50px;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 100;
  width: 145px;
}

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

.mainSlider .sliderImage:first-of-type {
  animation: zoomInOut 3s ease-in-out;
}

@keyframes zoomInOut {
  0% {
    transform: scale(110%);
  }

  100% {
    transform: scale(100%);
  }
}

.mm {
  margin: 0 5px;
  text-transform: uppercase;
}

.day-and-month {
  height: 100%;
}

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

.mainNav a,
.footerMenu a {
  color: white;
  font-weight: 300;
  text-decoration: none;
  /*  position: relative;*/
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* .mainNav .mainMenu>li.last>a:hover {
  background: #fff !important;
  color: var(--btnRezHvr) !important;
  border-color: var(--btnRezHvr) !important;
}

.act .mainNav .mainMenu>li.last>a:hover {
  background: var(--themeColor);
} */

.act .mainNav .mainMenu>li>a:not(.button) {
  color: var(--themeColor);
}

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



.inputRez {
  position: relative;
  height: 100%;
  flex: auto;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.4);
}

.rezFormSeparator {
  position: absolute;
  width: 1px;
  height: 20px;
  background-color: #fff;
  right: -0.5px;
}

.be-caption {
  position: absolute;
  top: -8%;
  font-size: 10px;
}

/* #nav a::after, */
#nav a:not(.button)::before,
.inputRezIn::before {
  content: '';
  position: absolute;
  bottom: -9px;
  width: 0;
  left: 0;
  border-bottom: 1px solid;
  opacity: 0;
}

#nav li.active a:not(.button)::before,
#nav li a:not(.button):hover::before {
  width: 60%;
  opacity: 0.5;
  transition: 300ms, color 100ms;
}

/* #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:not(.button)::before,
#nav li.logoLi a::after,
#nav li.last a:not(.button)::after {
  content: none;
}

.button.rezBtn {
  min-width: 175px;
}

/* #nav li.last a {
  border: 1px solid #fff;
  padding: 10px 10px 12px;
  min-width: 145px;
  display: inline-flex !important;
  justify-content: center;
  height: 50px;
  align-items: center;
  background: var(--btnRezHvr);
} */

/* #nav li.active a::after,
#nav li a:hover::after, */

.sub-menu li a:not(.button)::before {
  content: none;
}

.inputRez:hover {
  /*  background: var(--menuTrHvr);*/
  opacity: 0.7;
}

.buttonReservation {
  background: var(--btnRezHvr) !important;
  color: #fff !important;
  border-top: 1px solid #fff !important;
  border-left: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
  text-transform: uppercase;
  cursor: pointer;
}

.buttonReservation:hover {
  background: #fff !important;
  color: var(--btnRezHvr) !important;
  border-top: 1px solid var(--btnRezHvr) !important;
  border-left: 1px solid var(--btnRezHvr) !important;
  border-right: 1px solid var(--btnRezHvr) !important;
}

.rezForm .buttonReservation,
.rezForm .buttonReservation:hover {
  border-bottom: none;
}

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

.sectionAttractions .sectionRow {
  gap: 16px;
}

.sectionSide {
  width: 50%;
  position: relative;
  z-index: 2;
}

section.Text .sectionSide {
  width: 50%;
  padding: 50px 100px !important;
}

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

.slick-slide img,
img.attractionImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
  position: relative;
}

.sectionSimple.reverse .sectionSide.sectionContent .sectionText {
  padding: 0 120px;
}

.sectionSimple:not(.reverse) .sectionSide.sectionContent .sectionText {
  padding-left: 240px;
}

.sectionSimple.reverse .contentTitle {
  padding-bottom: 10px;
  padding-right: 120px;
}

.sectionSimple:not(.reverse):not(.sectionAttractions) .contentTitle {
  padding-bottom: 10px;
  padding-left: 120px;
}

/*.sectionSimple:not(.reverse) .sectionSlider {
  width: calc(50% - 100px);
}*/

.slick-slider {
  z-index: 2;
  height: 100%;
}

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

#container-hs {
  margin-top: 30px;
}

#container-hs .contentTitle {
  display: block;
}

.contentTitle .titleInfo,
#container-hs .contentTitle .titleInfo {
  position: relative;
  padding-top: 3px;
  letter-spacing: 0.1em;
  font-size: 14px;
  line-height: 1.5;
  text-transform: uppercase;
  color: #fff;
}

.contentTitle .titleInfo::before {
  content: "";
  position: absolute;
  width: 65px;
  height: 1px;
  top: 50%;
  left: 0;
  background-color: #fff;
  transform: translateY(50%);
}

.contentTitle .titleInfo::after {
  content: "";
  position: absolute;
  width: 65px;
  height: 1px;
  top: 50%;
  right: 0;
  background-color: #fff;
  transform: translateY(50%);
}

#container-hs .contentTitle .titleInfo {
  color: var(--line-gray-color);
  margin-bottom: 20px;
  display: inline-block;
  left: 35px;
}

#container-hs .contentTitle .titleInfo.leftTitleInfo {
  left: 80px;
}

#container-hs .contentTitle .beutyFont {
  display: block;
}



#container-hs .contentTitle .titleInfo::before {
  content: "";
  position: absolute;
  width: 65px;
  height: 1px;
  top: 50%;
  left: -80px;
  background-color: var(--line-gray-color);
  transform: translateY(-50%);
}

#container-hs .contentTitle .titleInfo::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  top: -75px;
  left: -20px;
  background-color: var(--little-gray-bkg);
  z-index: -1;
}

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

/* .Text .contentTitle .beutyFont {text-align:center;width:100%;} */
.priceInBox {
  line-height: 1;
}

.priceInBox strong {
  font-size: 20px;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
}

/* .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: #fff;
  font-size: 20px;
  text-transform: uppercase;
  width: 280px;
  line-height: 1.75;
}

/*.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-align: center;
  width: 100%;
}

.button {
  min-width: 145px;
  height: 50px;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 20px;
  background: var(--dark-color);
  text-decoration: none;
  line-height: 1;
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: solid 1px var(--dark-color);
  transition: 600ms;
  cursor: pointer;
  overflow: hidden;
}

#nav a.button {
  border: solid 1px #fff;
}

/* .button:hover {
  background-color: #fff;
  color: var(--dark-color);
} */

.button span {
  z-index: 1;
  position: relative;
}

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

#nav a.button:hover {
  border: solid 1px var(--btnRezHvr);
}

.button::before {
  content: '';
  position: absolute;
  top: var(--y);
  left: var(--x);
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-radius: 0%;
  background: #fff;
  transition: width 0.6s, height 0.6s !important;
  filter: blur(20px);
}

.buttonLight.button::before,
.buttonTheme.button::before {
  background: var(--btnRezHvr);
}

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

.button:hover::before {
  width: 460px;
  height: 460px;
}

.bottomRoom .button {
  min-width: 174px;
}

.button.noBorder {
  border: 0 !important;
}

.buttonLight {
  background: #fff;
  border: 1px solid #fff;
  color: var(--dark-color);
}

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

.buttonLight:hover {
  background: var(--dark-color);
  border: 1px solid #fff !important;
  color: #fff;
}

.buttonWrapper {
  position: relative;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 16px;
}

.attractionsButton {
  position: absolute;
  display: inline-flex;
  transform: translateX(47px);
  bottom: -25px;
  z-index: 5;
  opacity: 1;
}

.reserveAttraction .attractionsButton {
  transform: translateX(-47px);
}

.attractionsButton .button {
  border: 1px solid #fff;
}

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

.attractionsDetails,
.galleryHyperlinksDescription {
  position: absolute;
  z-index: 6;
  color: white;
  left: 50%;
  top: 60%;
  font-size: 20px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 300;
  line-height: 1.25;
  text-align: center;
  font-family: var(--regularFont);
  transform: translate(-50%, -50%);
  opacity: 0;
}

.sectionAttractions .sectionImageWrapper:hover .attractionsDetails,
.sectionGalleryHyperlinks .galleryPicture:hover .galleryHyperlinksDescription {
  top: 50%;
  opacity: 1;
}

.sectionAttractions .contentTitle {
  padding-bottom: 40px;
}

.attractionsFont {
  transform: rotate(-180deg);
  white-space: nowrap;
  transform-origin: center;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  padding-left: 30px;
}

.reserveAttraction .attractionsFont {
  padding-right: 30px;
  padding-left: 0;
}

.sectionSideAttractions .sectionImageWrapper {
  overflow: hidden;
  position: relative;
  height: 400px;
}

.sectionAttractions .sectionImageWrapper img {
  display: block;
  transition: 300ms;
}

.sectionAttractions .sectionImageWrapperContrail::before,
.sectionGalleryHyperlinks .galleryPicture::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--dark-color);
  opacity: 0;
  z-index: 5;
  transition: 300ms;
}

.sectionAttractions .sectionImageWrapper:hover img {
  transform: scale(1.05);
}

.sectionAttractions .sectionImageWrapperContrail:hover::before,
.sectionGalleryHyperlinks .galleryPicture:hover::before {
  opacity: 0.5;
}

.roomsMain .roomsArrows,
.offersMain .offersArrows {
  gap: 100px;
}

.sectionSide .buttonWrapper {
  margin-top: 40px;
}

section {
  font-size: var(--font-size);
  line-height: 2;
  color: var(--fontColor);
  letter-spacing: 0.1em;
}

body {
  overflow-x: hidden;
}

/* section.sectionSimple { 
  overflow: hidden;
} */
.sectionSeparator {
  min-height: 50vh;
}

.contentTitle,
.contentCenter.sectionSeparator {
  text-align: center;
  padding-bottom: 80px;
}

.sectionSeparatorImage {
  position: relative;
  padding: 60px 0;
  min-height: 550px;
  width: 100%;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.16);
}

.sectionSeparatorImage img {
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.contentCenter .separatorContent {
  padding: 30px 50px;
  max-width: 550px;
  box-shadow: 0px 3px 6px rgba(21, 34, 56, .2);
}

.sectionSeparatorImage::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: black;
  opacity: .05;
  z-index: 1;
}

.sectionSeparator:not(.contentCenter) .separatorContent {
  display: flex;
  flex-direction: column;
  padding: 0 55px;
  width: 100%;
  box-shadow: none;
}

.sectionSeparator:not(.contentCenter) .separatorContent .buttonWrapper {
  align-items: flex-start;
}

.sectionSeparator:not(.contentCenter) .separatorContent .contentTitle {
  text-align: left;
  padding-bottom: 30px;
}

.sectionSeparator:not(.contentCenter) .separatorContent .contentTitle .beutyFont {
  color: #fff;
}

.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);
  max-width: 390px;
  padding: 0 15px;
  z-index: 5;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}

.mainHeader .contentTitle .beutyFont {
  font-family: quasimoda, sans-serif;
  font-size: 52px;
}

.slick-arrow {
  font-size: 30px;
  color: var(--dark-color);
  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(--light-color) !important;
}

#rooms .slick-arrow:hover {
  opacity: 1;
}

.sectionSimple .slick-arrow,
.imagesOffer .slick-arrow {
  color: white;
  position: absolute;
  top: 50%;
  right: 35px;
  z-index: 1;
  transform: translatey(-50%);
}

.sectionSimple .prevSlide,
#rooms .prevSlide,
.imagesOffer .prevSlide {
  left: 35px;
  right: auto;
}

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

.sectionSimple:not(.Text):not(.sectionAttractions) .sectionRow {
  min-height: 500px;
}


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

.headerLangs {
  position: absolute;
  bottom: 30px;
  left: 0;
  z-index: 10;
}

.headerSocials {
  position: absolute;
  bottom: 30px;
  right: 0;
  gap: 5px;
  z-index: 10;
}

.headerSocials.roomSocials {
  right: 380px;
}

.headerSocials a {
  color: #fff;
}

.headerSocials li:hover a {
  opacity: 0.6;
}

.localizationWrapper {
  width: 100%;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  text-align: center;
  color: white;
  bottom: -30px !important;
  height: 30px;
  border-bottom: 1px solid var(--dark-color);
  z-index: 5;
}

.localization {
  margin-bottom: 40px;
}

.localization i {
  font-size: 20px;
}

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

.footerWrapperInner {
  position: relative;
  max-width: 1230px !important;
  color: #fff;
}

.footerWrapperInner a {
  color: #fff;
}

.scrollTop {
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 1;
  margin-bottom: 80px;
  font-size: 10px;
  text-transform: uppercase;
}

.scrollTop:hover {
  opacity: 0.6;
}

.scrollDown {
  font-size: 10px;
  cursor: pointer;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  text-transform: uppercase;
  justify-content: center;
  height: 30px;
  color: var(--btnRezHvr);
  gap: 10px;
  bottom: 0;
}

.scrollDown.scrollMain {
  color: #fff;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 1);
  bottom: 50px;
  font-weight: 500;
}

.scrollDown:hover {
  opacity: 0.6;
}

/* .scrollDown::before {
  content: '';
  width: 1px;
  height: 50px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 3px;
  right: 0;
  margin: auto;
}

.scrollDown::after {
  content: '';
  width: 1px;
  height: 50px;
  background: var(--dark-color);
  position: absolute;
  left: 0;
  top: 50px;
  right: 0;
  margin: auto;
} */

/* @keyframes scrollAnim {
  0% {
    bottom: 30px;
  }

  50% {
    bottom: 50px;
  }

  100% {
    bottom: 30px;
  }

} */

.langsHeader li {
  margin-right: 12px;
}

.langs.langsHeader {
  font-size: 14px;
}

.langs.langsHeader a,
.socialMediaHeader a:hover,
.socialMedia a:hover {
  opacity: .5;
}

.langs.langsHeader a {
  margin-left: .2em;
  margin-right: .2em;
}

.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 {
  left: 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: 80px 0 40px; */
  background: linear-gradient(to right, var(--light-color) 60%, var(--dark-color) 40%);
}

.footerWrapper a {
  text-decoration: none;
}

.footerWrapper ul a:hover,
.footerWrapper .footerContent a:hover,
.socialMedia a:hover,
a.logoFooter:hover {
  opacity: .6;
  color: white;
  background: none;
}

/* .footerWrapper * {
    color: var(--dark-color);
} */
a.logoFooter {
  text-align: center;
}

.logoFooter img {
  height: auto;
  max-width: 100%;
}

.footerMenu a {
  text-decoration: none;
  text-transform: unset !important;
}

.footerMenu ul {
  flex-wrap: wrap;
  align-items: end;
  margin: 0;
  gap: 2px;
}

.footerMenu a {
  text-align: right;
  font-family: var(--regularFont);
  font-size: var(--font-size);
}

.footerMenu {
  justify-content: start;
  flex-direction: column;
  align-items: center;
}

.Credits {
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* padding: 10px; */
}

.Column {
  flex: 0 0 33.333%
}

.Column4 {
  flex: 0 0 auto
}

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

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

.footerLogoSM {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  margin-top: 40px;
}

/* .logoColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 33.33%;
  justify-content: center;
} */

.newsletterWrapper {
  padding-left: 100px;
  padding-right: 100px;
  flex-direction: row;
  align-items: end;
  justify-content: space-between;
}

.newsletterWrapper .squareContent {
  width: 600px;
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
  margin-bottom: 10px;
}

.newsletterWrapper .buttonWrapper {
  justify-content: end !important;
  padding-bottom: 10px;
  align-items: end;
  align-content: end;
}

.newsletterContent input {
  width: 180px;
  border: 0;
  border-bottom: 1px solid #fff;
  text-align: center;
  color: #fff;
  background: transparent;
  margin: 0 auto;
  font-size: 10px;
  letter-spacing: 0.1em;
  position: relative;
  padding: 10px 0;
  font-weight: 100;

}

.newsletterContent #newsletter_email::placeholder {
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.1em;
  font-family: var(--beutyFont);
  text-align: center;
  text-transform: uppercase;
}

/*.newsletterContent .button {width:100%; max-width:170px;}*/
.footerContent {
  font-size: var(--font-size);
  letter-spacing: .1em;
  line-height: 1.75;
  font-weight: 300;
  font-family: var(--regularFont);
}

.newsletterColumn {
  justify-content: end;
  padding-top: var(--spacing);
}

.footerContent p {
  margin: 0 0 5px 0;
}

.footerContact {
  justify-content: center;
  border-bottom: 1px solid var(--dark-color);
}

.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: 20px;
  color: #fff;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.darkColumn .footerHead {
  text-align: right;
}

.footerSocialMedia .footerHead {
  margin-top: 30px;
}

.galleryPicture {
  flex: 0 0 33.333%;
  display: block;
  position: relative;
}

.sectionGallery:not(.sectionGalleryHyperlinks) .galleryPicture {
  padding: 4px;
}

/* .galleryPicture:hover {
  flex: 0 0 50%;
} */

.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):not(.sectionGalleryHyperlinks) .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):not(.sectionGalleryHyperlinks) .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:not(.sectionGalleryHyperlinks) {
  padding-top: var(--spacing);
}

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

.sectionGallery:not(.sectionGalleryHyperlinks) .galleryImageWrapper:hover img {
  transform: scale(1.05);
}


/* .galleryImageWrapper:hover img {
  transform: scale(1.05);
} */

.sectionGalleryHyperlinks .galleryPicture:hover img {
  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 {
  /* margin-top: 30px; */
  padding-top: var(--spacing);
  clear: both !important;
}

.section.SectionWithoutHeader {
  padding-top: 25px;
}

section.sekcjaKontakt,
section#mapaGoogle,
section.sectionSeparator

/*,section:not(.sectionGallery):not(.wsekcji):first-child*/
  {
  padding-top: var(--spacing) !important;
}

section.sectionSimple {
  margin-top: 0;
  padding-top: calc(var(--spacing) + 80px) !important;
  padding-bottom: var(--spacing) !important;
}

.galleryContainer,
.sectionTitle {
  position: relative;
}

footer {
  margin-top: var(--spacing);
}

#offersMain #offersMainSlider {
  width: 100%;
}

.offersWrapper .mainOffersBox {
  position: relative;
}

.singleOfferWrapper.siteWidth:before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 400px;
  background-color: var(--little-gray-bkg);
}

.sectionSimple.reverse .siteWidth:before {
  content: '';
  position: absolute;
  width: 50%;
  height: calc(100% - 80px);
  top: 80px;
  right: 0;
  background-color: var(--little-gray-bkg);
}

.sectionSimple.reverse .sectionRow::before {
  content: '';
  position: absolute;
  width: 50%;
  height: calc(100% + 160px);
  top: -80px;
  right: 300px;
  background-color: var(--little-gray-bkg);
}

.sectionSimple:not(.reverse) .siteWidth:before {
  content: '';
  position: absolute;
  width: 50%;
  height: calc(100% - 80px);
  top: 80px;
  left: 0;
  background-color: var(--little-gray-bkg);
}

.sectionSimple.sectionAttractions .siteWidth::before {
  width: 100%;
  z-index: -2;
}

.sectionSimple:not(.reverse):not(.sectionAttractions) .sectionRow::before {
  content: '';
  position: absolute;
  width: 50%;
  height: calc(100% + 160px);
  top: -80px;
  left: 300px;
  background-color: var(--little-gray-bkg);
}

#container-hs .sectionSimple:not(.reverse) .contentTitle .titleInfo::after {
  background-color: #fff;
}

.offersSiteWrapper .offersWrapper_ {
  gap: var(--spacing);
  padding: var(--spacing) 0px;
  background-color: var(--little-gray-bkg);
}

.offersMainWrapper.offersSiteWrapper.siteWidth:before {
  display: none;
}

/* #offersMainSlider .singleOffer {max-width:416px;} */
/* .roomWrapper,
.roomsMainWrapper .contentTitle,
#offersMain .contentTitle {flex-direction:column; justify-content:center;} */
/*#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,
#rooms .slick-arrow,
#roomsMain .slick-arrow {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  left: -40px;
}

#rooms .slick-arrow.nextSlide,
#roomsMain .slick-arrow.nextSlide {
  left: unset;
  right: -40px;
}

#rooms .slick-arrow.nextSlide {
  right: 20px;
  color: #fff;
}

#rooms .slick-arrow {
  left: 20px;
  color: #fff;
}

/*.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;
  padding-top: 80px;
}

/*#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;
}

.offerArrows {
  padding-top: 80px;
}

/* #offersMain .offerArrows .button:hover span {color:#fff;} */

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

.smallArrow {
  position: relative;
}

/* .prevSlide::after {
  content: 'POPRZEDNIE';
  font-size: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  padding-left: 12px;
} */

/* .roomArrows .prevSlide::after {
  left: 20px;
}

.nextSlide::after {
  content: 'NASTĘPNE';
  font-size: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -75px;
  padding-right: 12px;
} */

/* .roomArrows .nextSlide::after {
  left: -70px;
} */

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

.container-hs .threeColumns {
  padding: 0 0 30px;
  display: flex;
  flex-direction: row;
}

.container-hs .threeColumns .Column {
  padding: 0
}

.container-hs .threeColumns .Column:first-child {
  padding-left: 100px;
}

.container-hs .button,
.container-hs .contentTitle .beutyFont {
  position: relative;
}

/* .container-hs .button:not(.buttonLight):not(.buttonReservation)::after {
  content: '';
  position: absolute;
  left: 0%;
  bottom: -80%;
  width: 50px;
  height: 1px;
  background-color: var(--light-color);
  pointer-events: none;
  transition: 300ms;
}

.container-hs .button:not(.buttonLight):not(.buttonReservation):hover::after {
  left: 50%;
  transform: translateX(-50%);
} */

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

.singleOffer {
  text-decoration: none;
  /* padding: 8px; */
}

.offersContainer {
  margin: 0;
}

.roomWrapper,
.offerWraper {
  text-align: center;
  display: flex;
  flex-direction: column;
  /* height: 545px; */
  justify-content: flex-end;
  overflow: hidden;
}

.offerWraper {
  background-color: var(--little-gray-bkg);
  flex-direction: row;
  justify-content: start;
  margin-left: 100px;
}

.priceRezoffer {
  position: relative;
  color: var(--dark-color);
}

.priceRezoffer::after {
  content: '';
  position: absolute;
  width: 65px;
  left: 0;
  bottom: -25px;
  border-bottom: var(--line-gray-color) 1px solid;
}

.priceRezofferBigger {
  font-size: 20px;
  font-style: normal;
  text-transform: uppercase;
}

.offerName,
.offerPriceWrapper {
  color: white;
  font-size: 16px;
  line-height: 2;
  font-weight: normal;
  text-decoration: none;
}

.offerName {
  margin: 0;
  color: var(--dark-color);
  font-size: 20px;
  font-weight: 300;
  text-transform: uppercase;
  padding: 0;
  line-height: 1.25;
  position: relative;
  text-align: left;
}

.offerName::before {
  content: '';
  position: absolute;
  width: 65px;
  left: 0;
  top: -30px;
  border-bottom: var(--line-gray-color) 1px solid;
}

.offerPriceWrapper {
  font-size: 20px;
  letter-spacing: 0.1em;
  font-weight: 300;
  line-height: 1;
  font-family: var(--regularFont);
  background: linear-gradient(to top, black -100%, transparent 100%);
  text-transform: uppercase;
  position: absolute;
  z-index: 5;
  bottom: -20px;
  height: 120px;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 25px;
  width: 100%;
  opacity: 0;
  transition: 300ms;
}

.imageMediaWrapper:hover .offerPriceWrapper {
  opacity: 1;
  bottom: 0;
}

/* .offerPriceWrapper strong {
  font-size: 20px;
  font-family: var(--beutyFont);
  font-weight: 400;
} */

.body-ident-main .roomsMain,
.offerDescription {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  min-height: 145px;
}

.roomsMain {
  overflow: hidden;
}

.offerDescription {
  padding: 100px 60px 80px 120px;
  min-height: 400px;
  height: 400px;
  width: 448px;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  background-color: #fff;
  text-align: left;
}

/* .FeaturedRoom .roomDescription::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%);
} */

.body-ident-main .roomsMain {
  min-height: unset;
  /*margin-top:var(--spacing);*/
}

.imageMediaWrapper {
  position: relative;
  height: 400px;
  /* width: 539px; */
  display: block;
  overflow: hidden;
  border-left: 15px solid #fff;
}

.singleRoomWrapper .imageMediaWrapper {
  height: 100% !important;
  border-left: none;
}

.singleRoomWrapper,
.roomWrapper {
  height: 490px;
  position: relative;
}

.singleRoomWrapper {
  padding: 0 8px;
}

.roomsSection .roomDescription {
  bottom: 0 !important;
}

/* .roomsSection .roomContent {
  padding-bottom: 100px;
} */

/* .imageMediaWrapper::before {
  content:'';
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom: 0;
  background:#000;
  opacity: 0;
  z-index:5;
} */
/* .singleOffer:hover .imageMediaWrapper::before {
  opacity: .5;
} */
/* .singleOffer:hover .imageMediaWrapper .button {
  top: 50%;
  opacity: 1;
}

.singleOffer:hover .offerName {
  top: -10%;
} */

/* .offerDescription .button {
  transition: 300ms;
} */

/* .singleOffer:hover .offerDescription {
  height: 170px;
}

.singleOffer:hover .imageMediaWrapper {
  height: 275px;
} */

/* .singleOffer .offerDescription .button {
  opacity: 0;
  bottom: -10%;
}

.singleOffer:hover .offerDescription .button {
  display: flex;
  opacity: 1;
  bottom: 0;
} */

.opinieSlider,
.mainOffersBox {
  width: 100% !important;
}

.roomsMainWrapper {
  position: relative;
}

.roomsMainWrapper::before {
  content: '';
  position: absolute;
  left: -40px;
  top: 110px;
  width: 20%;
  height: 330px;
  background-color: var(--little-gray-bkg);
}

.roomsMainWrapper::after {
  content: '';
  position: absolute;
  right: -40px;
  bottom: 60px;
  width: 20%;
  height: 330px;
  background-color: var(--little-gray-bkg);
}

.imageMediaWrapper .button {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 5;
  font-size: var(--font-size);
  min-width: 140px;
  height: 60px;
}

.singleRoomWrapper .buttonWrapper .button {
  position: relative;
  top: unset;
  left: unset;
  transform: none;
}

.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%;
  transition: 300ms;
  opacity: 1;
  transform: scale(1);
}

.imageMediaWrapper:hover img,
.roomWrapper:hover img {
  /* opacity: .9; */
  transform: scale(1.05);
}

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

.roomDescription::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  cursor: pointer;
}

#roomDesc .roomDescription::before {
  content: none;
}

.roomsDescription,
.roomDescription {
  /* padding: 20px 0 20px 30px; */
  width: 100%;
  background: #fff;
  color: var(--fontColor);
}

.roomSide.roomDescription {
  height: 150px;
  width: 100%;
  padding: 0 25px 25px 25px;
  position: absolute;
  z-index: 5;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  color: #fff;
  justify-content: space-between;
  background: linear-gradient(to top, black -100%, transparent 100%);
}

.roomDescriptionWrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  gap: 10px;
}

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

.roomDescriptionWrapper .buttonWrapper .button {
  height: 40px;
  border: #fff 1px solid;
  font-size: 14px;
}

.roomDescriptionWrapper .buttonWrapper .button:hover {
  border: var(--dark-color) 1px solid;
}

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

.Column4 {
  padding: 0 20px;
}

.footerColumn {
  background: var(--light-color);
  flex: 0 0 20%;
}

.darkColumn {
  background: var(--dark-color);
  color: #fff;
  flex: 0 0 40%;
}

.darkColumn a.newsletterButton {
  width: 140px;
  height: 50px;
  color: #fff;
  border: 1px solid #fff;
}

.darkColumn .footerContent {
  border-bottom: none;
  text-transform: uppercase;
}

.darkColumn .buttonWrapper {
  justify-content: end;
}

.footerLinks {
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 14px;
  gap: 50px;
  text-transform: uppercase;
  padding-bottom: 80px;
  padding-top: 30px;
  margin: 0;
}

.newsletterStatement {
  margin-top: 5px;
  font-size: 10px;
}

.sectionOverlapping .sectionOverlappingImage {
  display: block;
  overflow: hidden;
  width: 920px;
  height: 600px;
}

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

.sectionOverlapping .contentTitle {
  padding-bottom: 30px;
}

body.menu-opened {
  overflow-y: hidden;
}

#mobileMenu {
  overflow-y: scroll !important;
}

section.sectionGalleryHyperlinks:not(.wsekcji) .galleryColumn img {
  width: 100%;
}

section.sectionGalleryHyperlinks:not(.wsekcji) .galleryColumn {
  width: 100%;
}

section.sectionGalleryHyperlinks:not(.wsekcji) .galleryColumn:nth-child(1) {
  width: 100%;
}

section.sectionGalleryHyperlinks:not(.wsekcji) .galleryColumn img {
  height: 100%;
}

section.sectionGalleryHyperlinks:not(.wsekcji) .galleryColumn:nth-child(1) img {
  height: 100%;
}

section.sectionGalleryHyperlinks:not(.wsekcji) .galleryColumn .galleryImageWrapper {
  height: 100%;
}

section.sectionGalleryHyperlinks:not(.wsekcji) .galleryColumn:nth-child(1) .galleryImageWrapper {
  height: 100%;
}

section.sectionGalleryHyperlinks:not(.wsekcji) .galleryColumn {
  text-decoration: none;
  height: 320px;
}

section.sectionGalleryHyperlinks:not(.wsekcji) .galleryColumn:hover {
  width: 110%;
  height: 110%;
}

.sectionGalleryHyperlinks {
  padding-top: var(--spacing)
}

.sectionGalleryHyperlinks .galleryGrid {
  display: flex;
  justify-content: space-between;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  height: 340px;
  gap: 8px;
}

.sectionGalleryHyperlinks .galleryPicture {
  padding: 0;
}

.sectionGalleryHyperlinks .galleryImageWrapper {
  display: flex;
  flex-direction: column;
}

.sectionGalleryHyperlinks .buttonWrapper {
  justify-content: center;
  padding-top: var(--spacing);
}


@media(min-height:780px) and (min-width:960px) {
  .heroTitle {
    top: 50%;
  }
}

@media(min-width:981px) {

  .mobileBar,
  .bottomNavMobile {
    display: none;
  }

  #mobileMenu {
    height: 100% !important;
  }

  header.mainHeader:not(.sliderOff),
  .sliderImage {
    min-height: 640px;
  }

  body:not(.body-layout-home) header .sliderImage {
    max-height: 90vh;
  }

  #mobileMenu {
    top: 70px !important;
  }

  .hamburger-inner,
  .hamburger-inner::before,
  .hamburger-inner::after {
    background-color: #fff !important;
  }

  .act .hamburger-inner,
  .act .hamburger-inner::before,
  .act .hamburger-inner::after {
    background-color: var(--light-color) !important;
  }

  body.menu-opened .mainMenu {
    padding-right: 17px;
  }

  body.menu-opened .hamburgerMainMenu {
    padding-right: 8.5px !important;
  }

  body.menu-opened .act .langsContainer {
    left: -8.5px;
  }

  body.menu-opened .act .topBarButtonRes {
    right: 138px;
  }
}

.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:not(.offersMain .siteWidth) {
    max-width: calc(1230px - 40px);
    padding: 0 20px;
  }

  .offersMain .siteWidth {
    padding-left: 20px;
    padding-right: 20px;
  }

  .headerLangs {
    padding-left: 20px;
  }

  .headerSocials {
    padding-right: 20px;
  }

  .scrollTop {
    margin-right: 20px;
  }

  .mainNav {
    padding: 0 20px;
  }

  .hamburgerMainMenu {
    padding-right: 20px !important;
  }

  .act .langsContainer {
    padding-left: 20px;
  }

  .act .topBarButtonRes {
    right: 150px;
  }

  .newsletterContent input {
    width: 140px;
  }

  .mainMenuLogo {
    min-width: 220px;
    width: 220px;
  }

  .roomsMainWrapper::after {
    right: 0;
  }

}

@media(max-width:980px) {
  .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,
  .headerLangs,
  .headerSocials {
    display: none;
  }

  .logo {
    height: 100%;
  }

  .logo a {
    display: flex;
    height: 100%;
  }

  .logo img {
    height: auto;
    width: 130px;
  }

  .mobileBar {
    height: 60px;
    background: white;
    padding: 10px 20px 10px 20px;
  }

  .offersMainWrapper.siteWidth:before {
    top: 50%;
    transform: translateY(-50%);
    height: 50%;
  }

  .imageMediaWrapper {
    height: 100%;
    width: 100%;
    border: none;
  }

  .offerDescription {
    padding: 35px 40px 20px 40px;
    height: 235px;
    min-height: 235px;
    width: auto;
    flex-direction: column;
  }

  .offerName::before {
    top: -15px;
  }

  .priceRezoffer::after {
    bottom: -10px;
  }

  .offerWraper {
    margin: 0;
    flex-direction: column;
  }

  .offersSiteWrapper .offersWrapper_ {
    padding: 80px 0px 60px 0px;
  }

  .nextSlide::after {
    content: '';
  }

  .prevSlide::after {
    content: '';
  }

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

  #container-hs .contentTitle .titleInfo {
    margin-bottom: 15px;
  }

  .sectionAttractions .sectionImageWrapperContrail::before,
  .sectionGalleryHyperlinks .galleryPicture::before {
    opacity: 0.5;
  }

  .sectionAttractions .sectionImageWrapper .attractionsDetails,
  .sectionGalleryHyperlinks .galleryPicture .galleryHyperlinksDescription {
    top: 50%;
    opacity: 1;
  }

  .attractionsButton {
    opacity: 0;
  }

  .sectionGalleryHyperlinks .galleryGrid {
    height: 100%;
  }
}

/*
@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.sectionGalleryHyperlinks:not(.wsekcji) .galleryColumn:nth-child(1) img,
  section.sectionGalleryHyperlinks:not(.wsekcji) .galleryColumn img {
    height: 330px;
  }

  .sectionGalleryHyperlinks .galleryGrid {
    flex-wrap: wrap;
  }

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

  /* section.sectionGalleryHyperlinks:not(.wsekcji) .galleryColumn:hover {
    width: 100%;
    height: 100%;
  } */

  .sectionGalleryHyperlinks .galleryColumn .galleryPicture {
    height: 320px !important;
  }

  /* .sectionGallery:not(.wsekcji) .contentTitle .beutyFont {margin: 0;} */

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

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

  .roomsMain .slick-slide {
    height: auto !important;
  }

  .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,
  .btnRoomSpacing {
    /*  margin-top: 40px;*/
    position: relative !important;
    /*  left: 50%;*/
    /* transform: translatex(-50%);*/
    width: 100%;
    justify-content: center;
  }

  /*
.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;
    width: 100%;
    margin: 30px 0 50px;
  }

}

@media(max-width:980px) {

  .container-hs .threeColumns,
  .threeColumns {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0;
  }

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

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

  .bottomNavMobile {
    display: flex;
  }

  #mobileMenu #navigation li a {
    font-size: 16px !important;
  }

  .socialMedia a {
    font-size: 16px;
  }

  .rezForm {
    display: none !important;
  }

  :root {
    --spacing: 60px;
    --font-size: 15px;
  }

  /*.langsMobile*/
  ul li.langsMobile {
    opacity: 0.5;
  }

  /*.langsMobile*/
  ul li.langsMobile.currentLang {
    opacity: 1;
  }

  .footerWrapper {
    padding-top: 30px;
  }

  .footerWrapper .logo img {
    max-width: 100%;
  }

  /*section.sectionSimple:not(.SectionWithoutHeader),*/
  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 30px 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;
  }

  section.sectionSimple {
    padding-top: calc(var(--spacing) + 60px) !important;
  }

  #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 30px !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;
  }

  .Text .sectionContent {
    margin-top: 0;
  }

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

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

  #offersMain #offersMainSlider,
  .sectionSlider .slick-slide img {
    width: 100%;
  }

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

  .newsletterColumn {
    padding-top: var(--spacing) !important;
  }

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

  .newsletterContent input,
  .newsletterWrapper,
  .newsletterColumn {
    width: 100%;
    flex-direction: column;
    /*padding:0;*/
    justify-content: center;
    align-items: start;
  }

  .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;
    padding-top: 0;
  }

  .roomArrows {
    margin: 40px 0 0 0 !important;
  }

  /*  .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;
    color: #fff !important;
  }

  /*  .imgCover,
  .roomsImage img,
  .sectionSlider .slick-slide img {height:80vw;}*/
  /* #offersMain .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;
    margin: 20px 0;
    align-items: center;
    text-align: center;
  }

  .footerMenu {
    margin: 40px auto 0;
    align-items: center;
    width: 100%;
  }

  /* .footerMenu a {
    padding: 15px 5px !important;
    display: inline-block;
  } */

  .galleryFirstRow {
    flex-direction: column;
  }

  .sectionGallery:not(.wsekcji) .galleryColumn,
  section.sectionGallery:not(.wsekcji):not(.sectionGalleryHyperlinks) .galleryColumn:nth-child(8) {
    width: 100%;
  }

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

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

  .footerWrapper .Column {
    padding: 30px 0;
  }

  .footerWrapper .darkColumn {
    padding: 60px 0;
  }

  .footerLinks {
    flex-direction: column;
  }

  .footerLinksMobile {
    display: flex;
  }

  .footerLinksMobile .footerContact {
    border-bottom: none;
  }

  .footerLinksMobile ul {
    text-transform: uppercase;
    flex-direction: column;
    gap: 20px;
  }

  .footerWrapper .siteWidth {
    padding: 0;
  }

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

  .roomsMainWrapper::before {
    left: 0;
  }

  .roomName {
    width: 100%;
  }
}

@media(max-width:980px) {
  section.Text .sectionSide {
    padding: 40px !important
  }

  .sectionOverlapping .sectionOverlappingImage {
    height: auto;
  }

  /* .scrollDown {
    top: 0;
    height: 50px
  } */

  /* .localizationWrapper {
    bottom: -75px !important;
    height: 50px;
  } */

  /* .scrollDown::before {
    top: 0;
    height: 25px;
  }

  .scrollDown::after {
    top: 25px;
    height: 25px;
  } */

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

  .roomsMain .roomsArrows,
  .offersMain .offersArrows {
    gap: 50px;
  }

  .sectionSimple.reverse .sectionSide.sectionContent .sectionText {
    padding: 0;
  }

  .sectionSimple.reverse .sectionRow::before {
    height: calc(100% + 120px);
    top: -60px;
    right: 10%;
  }

  .sectionSimple.reverse .siteWidth:before,
  .sectionSimple:not(.reverse) .siteWidth:before {
    height: calc(100% - 60px);
    top: 60px;
  }

  .sectionSimple:not(.reverse):not(.sectionAttractions) .sectionRow::before {
    height: calc(100% + 120px);
    top: -60px;
    left: 10%;
  }

  .sectionSimple.reverse .contentTitle,
  .sectionSimple:not(.reverse):not(.sectionAttractions) .contentTitle {
    padding-right: 0;
    padding-left: 0;
  }

  .sectionSimple:not(.reverse) .sectionSide.sectionContent .sectionText {
    padding-left: 0;
  }

}

@media(max-width:576px) {

  .contentTitle .beutyFont,
  .attractionsFont {
    font-size: 32px;
  }

  /* .contentTitle .titleInfo {
    font-size: 15px;
  } */

  section {
    padding-top: 60px;
  }

  /* .sectionGallery .contentTitle .beutyFont {
    margin-bottom:10px;
  } */
  .mainHeader .contentTitle .beutyFont {
    font-size: 32px;
  }

  .roomsMain .btnRoomSpacing {
    position: relative !important;
    /*margin-top:50px!important;*/
    flex-direction: row;
    display: flex;
    justify-content: center;
  }

  /* .roomInfo {min-height: 100px;padding: 0 0 20px;align-items: center;} */
  .singleRoomWrapper .imageMediaWrapper {
    height: 95vw !important;
  }

  .sectionSimple:not(.Text) .sectionRow {
    min-height: unset;
  }

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

  .mainHeader .contentTitle {
    width: calc(100% - 50px);
    padding: 0;
    z-index: 5;
  }

  .heroTitle {
    top: 50%;
  }

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

  .sectionGallery:not(.wsekcji) .contentTitle .beutyFont {
    margin: 0;
  }

  .scrollDown.scrollMain {
    bottom: 110px;
  }

}

@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;
  color: var(--themeColor);
}

@media(min-width:981px) {
  .sectionOverlapping .sectionContent {
    position: absolute;
    background: white;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 70px;
    max-width: 500px;
    max-height: 520px;
    height: 100%;
    width: 100%;
    padding: 80px 55px !important;
  }

  .sectionOverlapping.reverse .sectionContent {
    left: 0;
  }
}