:root {
  --themeColor: #C27E44;
  --fontColor: #202020;
  --spacing: 80px;
  --beutyFont: adobe-garamond-pro, serif;
  --regularFont: 'Lato', sans-serif;
  --font-size: 15px;
  --little-gray-bkg: #fafafa;
  --menuTr: rgba(0,0,0,0.5);
  --menuTrNA: rgba(0,0,0,0.7);
  --menuTrHvr: #202020;
  --light-color:#EEEEEE;
  --dark-color: #202020;
  --btnRezHvr: #C27E44 ;
}



.body-ident-main article {display:flex;flex-direction:column;}
.body-ident-main section {order:15;}
.body-ident-main .section-23692 {order:1;}
.body-ident-main #offersMain {order:2;}

.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;min-height:calc(345px + var(--spacing));}
.body-ident-main .section-22224 {order:8;}

div.naszeObiekty {padding-top:var(--spacing);}

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{width:100%!important;margin:0!important;list-style-type:none;margin-bottom:30px!important;margin-top:20px!important;position:sticky;top:60px;  background: #fff;box-shadow: 0px 3px 3px rgba(0,0,0,0.2);z-index:10;padding:10px 0;display:flex;gap:20px;justify-content:center;}
.optCat li{margin:1px 1px 0 0 !important;display:inline-block;float:none;padding:1px 0 0!important;list-style-image:none}
.optCat li a{position:relative;background:0 0;text-decoration:none;color:#000;font-size:var(--font-size);line-height:20px;padding:10px;float:left;text-transform:inherit}
.optCat li a:hover,.optCat li.active a{background:0 0!important;color:var(--themeColor)!important}
.optCat li a:hover::before,.optCat li.active a::before{content:"";position:absolute;bottom:0;width:40px;height:1px;left:50%;transform:translate(-50%,0);background:#b18340}

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;
  margin:0 auto;
}
.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);
}


.topBar {
  position: relative;
  width:100%;
  height:100px;
  display: flex;
  justify-content: flex-end;
  z-index: 5;
  padding: 10px 0;
  transition:300ms;
  background:var(--dark-color);
  border-bottom: solid 1px #C27E44;
}
.topBar > div {display:flex; flex-direction:row; justify-content:space-between;align-items:center;max-width:1230px;padding:0;}
.topBar > div > ul {width:50%;}
.topBar a {color:#fff; font-size:12px;font-weight:bold;text-decoration:none;white-space:nowrap;}

.topBar > div .logo {width:265px;margin: 0 45px;opacity:1;transition:300ms;}
.topBar > div .logo .logoStandard {height:auto;width:265px;;}
.logoFooter:hover,
.topBar > div .logo:hover {opacity:0.7;}

.topBar ul {list-style-type:none; display:flex;flex-direction:row; gap:15px;justify-content:space-between;}
.body-lang-de .topBar ul,
.body-lang-en .topBar ul {justify-content:space-around;}
.topBar ul.langsHeader,
.topBar ul.socialMedia {gap: 5px;}

.topBar > ul > li {position:relative;}
.topBar > ul > li {margin-left:8px;padding-left:8px;}
.topBar > ul > li:last-child::before {
content: '';
width: 1px;
height: 10px;
display: inline-block;
background: #fff;
position: Absolute;
left: -7px;
top: 50%;
transform:translatey(-50%);
}
/*.act .topBar {top: -50px;position: absolute;}*/
.topBar .hsfont {font-size:15px;}




/* Transitions */
a,.mainNav a::before,.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;}
.sectionHotel .siteWidth::before,
section.kreski .sectionSide.sectionContent::before {
  content: '\e822';
  font-family: 'hsfont';
  font-size: 290px;
  color: var(--themeColor);
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1;
}
section.mainNews .negativeMargin::before {
content: '\e822';
  font-family: 'hsfont';
  font-size: 450px;
  color: var(--themeColor);
  position: absolute;
  top: 50%;
  right: 0;
  line-height: 1;
  z-index: -1;
  transform: translate(50%,-50%);
}
section.mainNews .negativeMargin::after {
  content: '\e822';
    font-family: 'hsfont';
    font-size: 360px;
    color: var(--themeColor);
    position: absolute;
    top: -150px;
    line-height: 1;
    left: -190px;
    bottom: 0;
    z-index: -1;
}
section.kreski.reverse {}

section.sectionSeparator .contentTitle .titleInfo {border-color:#fff!important;}
section.sectionSeparator .contentTitle .beutyFont,
section.sectionSeparator a {color:#fff!important;}
section.sectionSeparator .button {margin-top:20px;}
section.sectionSeparator .sliderArrows {z-index: 10;
  position: absolute;
  left: 50%;
  transform: translate(-50%,-50%);
  top: 50%;}

a:hover {
  color: var(--themeColor)!important;
}
.rezForm {transition: 500ms}

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

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

.form-control {
  display: none;
}
.hero {position:relative;}
.heroTitle {
  position: absolute;
  top:53%;
  left:50%;
  transform: translate(-50%,-50%);
  color: white;
}
.logoLi {
  width:140px;
  height:100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  justify-content:center;
}
.logoLi .logo {
  padding: 0 20px;
  display: block;
  opacity:1;
}
.logoLi .logo:hover {opacity:0.6;}
.logoLi .logoFixed {
  display: none;
}

.act .logoLi .logoFixed {
  display: block;
  height: 50px;
  top: 0;
  position: relative;
}
.act .logoLi {
  background: transparent;
  height:70px;
}
.act .logoLi .logoStandard {
  display: none;
}

.header-middle {
  width: 100%;
  position: sticky;
  top:0;
  z-index: 99;
  background: transparent;
}
.act .header-middle {
  background: white;
}
.mainNav {background:var(--dark-color);display:flex;justify-content:space-between;align-items:end;
justify-content:center;flex-wrap:nowrap;position:sticky;top:0;margin:0 auto;flex-direction:column;
width:100%;
z-index:99;
}
.navigation-contianer,.mainNav {
  width:100%;
}
#nav {width:100%;}
.mainMenu {
  height:60px;
  margin:0!important;
  justify-content: space-between;
  align-items: center;
  width: 100%!important;
  max-width:1230px!important;
  padding: 0;
  z-index:99;

/*  margin-right: -126px;*/
}
.mainMenu > li:not(.logoLi) {
  padding: 0;
  position: relative;
  margin-top: 0;
  text-align: center;
  list-style-type:none;
  height: 60px;
  display: flex;
  align-items: center;
}
.act .mainMenu li {
  margin-top:0;
}
.logoLi {
  margin: 0;
}

.data-picker-rez {
  height:47px;
  width:100%;
  justify-content:center;
  flex-direction: row;
  align-items: center;
  color: white;
  letter-spacing: 0.08em;
  padding:2px;
  gap: 16px;
}
.mainSlider,.hero,.slide,.slick-list,.slider-container,.rezForm,.day-and-month,.inputRez,.buttonReservation  {
  width: 100%;
}
.rezForm {
  position: absolute;
  top:30px;
  background: transparent;
  opacity: 1;
  visibility: visible;
  width: 600px;
  z-index:10;
  left: 50%;
  transform: translatex(-50%);
}
/*.act .rezForm {
  transform: translateY(130%);
  z-index: -1;
  opacity: 0;
  visibility: hidden;*/
}
.inputRez, .buttonReservation {
    height: 48px;
    cursor: pointer;
	text-transform:uppercase;
	font-size:14px;
	font-weight:100;
}
.sliderImage {
  height: 100vh;
  width: 100%;
  position: relative;
}
.mainSlider .sliderImage {height:calc(100vh - 160px);}
.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;
}
.dd,
.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: var(--font-size);
  letter-spacing: 0.08em;
  text-transform:uppercase;
  height: 100%;
  display: flex;
  align-items: center;
}
.act .mainNav .mainMenu > li.last > a {
background: var(--btnRezHvr);
color:#fff!important;
border-color: #fff;
}
.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 {
  color: var(--themeColor);
}
.mainNav .mainMenu > li ul .act a {
  color: #fff;
}
.mainNav li.last a:hover {
    background: var(--light-color);
    color: white !important;
}

.rezForm .hsicon-calendar-new {font-size:23px;color:var(--themeColor);}
.inputRez {
  width:155px;
  border:solid 1px var(--themeColor);
  background:rgba(0,0,0,0.2);
  position: relative;
  height:100%;
  flex:auto;
  cursor:pointer;
}

nav a::before,.inputRezIn::before {
  content: '';
  position: absolute;
  top: 0;
  width: 0;
  left: 0;
  left:50%;
  transform: translate(-50%);
  border-bottom: 1px solid;
  opacity: 0;
}

#nav li.logoLi a::before,#nav li.last a::before {
  content: none;
}
.button.rezBtn {min-width:175px;}
#nav li.last a {
border: 0 /*1px solid var(--btnRezHvr)*/;
padding: 10px 20px 12px;
min-width: 175px;
display: inline-flex !important;
justify-content: center;
height: 43px;
align-items: center;
background: var(--btnRezHvr);
}
#nav li:not(.last).act > a {color:var(--themeColor);}
#nav li.act > a::after,
#nav li > a:hover::after,
#nav li.act > a::before,
#nav li > a:hover::before {
  color:var(--themeColor);
  width: 100%;
  opacity: 1;
  transition:300ms;
}
.sub-menu li a::before {
  content: none;
}
.inputRez:hover  {
  background: var(--menuTrHvr);
}
.buttonReservation{
  background: var(--btnRezHvr);
  color:#fff;
  height:100%;
  text-transform:uppercase;
  cursor:pointer;
  width:155px;
  padding-bottom:2px;
}
.buttonReservation:hover {
  background: #fff;
  color: var(--btnRezHvr);
}
.sectionColumn,
.sectionRow {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  position: relative;
}
.sectionColumn {flex-direction: column!important;}
.sectionSide {
  width: 55%;
  max-width:630px;
  position: relative;
  z-index: 2;
}
.sectionSide.sectionSlider {width:600px;z-index:3}
section.Text .sectionSide {width:100%!important;max-width:100%!important;padding:0 50px!important;}
section.Text .contentTitle .onLeft {text-align:center;}
.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:70px;
}
.sectionSimple:not(.reverse) .sectionSide.sectionContent {
  padding-left:80px;
  padding-right:70px;
}
/*.sectionSimple:not(.reverse) .sectionSlider {
  width: calc(50% - 100px);
}*/

.slick-slider {z-index:2;height:100%;}
#rooms .slick-slider {height:auto;}
.contentTitle .titleInfo {
  border-left:solid 1px var(--themeColor);
  padding-left:15px;
  position: relative;
  letter-spacing: 0.08em;
  font-size: 15px;
  line-height: 1;
}

.onCenter .titleInfo::before {
  left:calc(50% - 20px);
}
.contentTitle .beutyFont {
  font-size: 52px;
  line-height: 1.25;
  margin: 0;
  display: inline-block;
}

.contentTitle .beutyFont {color:var(--themeColor);}
.roomInfo {flex-direction:row;display: flex;
  flex: 0 0 50%;
  justify-content: center;
  align-items: center;
  color: var(--fontColor);

  }
.roomInfo i {color:var(--btnRezHvr);margin-right:5px;}
.roomInfo i.hsicon-people {font-size:12px;}
.roomInfo div {display:inline-flex;margin:0 5px;align-items:center;justify-content:start;padding:0;}
.roomName {color: var(--fontColor);
  font-size: 26px;
  line-height: 1;
  flex: 0 0 50%;
  display: flex;
  justify-content: start;
  align-items: center;
  text-align:left;
  border-right:solid 1px var(--themeColor);
}
.roomsMain .contentTitle .beutyFont {color:var(--btnRezHvr);}
.sectionGallery:not(.wsekcji) .contentTitle .beutyFont {margin:50px 0 30px;}
.heroTitle .titleInfo {border-left:solid 1px #fff;text-shadow: 2px 2px 5px rgba(0,0,0,0.25);}
.heroTitle.contentTitle .beutyFont {border:0!important;padding:0!important;text-shadow: 2px 2px 5px rgba(0,0,0,0.25);color:#fff!important;}
.body-ident-main .heroTitle.contentTitle {text-align:center;}
.button::before,
.button::after {
	content:'';width:45px;height:45px;
	background-image: url('/img/hotel/arrowRight.svg');
	display:inline-block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right:20px;
	transition:300ms;
	opacity:1;
	position: relative;
	left: 0;
}
.singleOffer .button::before {top: 50%;transform: translatey(-50%);}
.button::after {
	opacity:0;
	position:absolute;
	left:0;
	top:50%;
	transform:translatey(-50%);
	background-image: url('/img/hotel/arrowRighthover.svg');
}
/*.singleOffer:hover .button::before,
.button:hover::before {opacity:0;}*/
.singleOffer:hover .button::after,
.button:hover::after {opacity:1;}

.button {
	display:inline-flex!important;
	justify-content:start!important;
	align-items:center!important;
	text-transform:uppercase!important;
	text-decoration:none!important;
	line-height:1!important;
	font-family:var(--regularFont)!important;
	font-size: var(--font-size)!important;
	position:relative;
	color:var(--fontColor)!important;
	transition:300ms!important;
	padding:0!important;
}
.singleOffer .button {color:transparent;}
.singleOffer .button span {opacity:0;transition:300ms;}
.singleOffer:hover .button {color:var(--btnRezHvr)!important;}
.singleOffer:hover .button span {opacity:1;}

.galleryPicture .button {position:absolute!important;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;color:#fff!important;opacity:0;}
.galleryPicture:hover .button {opacity:1;}

/*.button {
min-height: 43px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;;
padding: 10px 15px;
min-width: 130px;
background: var(--btnRezHvr);
text-decoration: none;
line-height: 1;
font-size: var(--font-size);
letter-spacing: 0.08em;
text-transform: uppercase;
border: solid 1px var(--btnRezHvr);
transition: 300ms;
cursor: pointer;
}*/
.bottomRoom .button {min-width:174px;}
.button.noBorder {border:0!important;}
.buttonLight {
  background: transparent;
  border:1px solid #fff;
  color:#fff;
}

.button:hover {
  color:  var(--btnRezHvr);
  transition:300ms;
}
.button:hover span {color: var(--btnRezHvr)!important;transition:300ms;}
.buttonLight.buttonRez:hover {color: var(--themeColor)!important;}
.buttonLight:hover {
color: var(--themeColor)!important;
}
section {
    font-size: var(--font-size);
    line-height: 1.75;
    color: var(--dark-color);
	letter-spacing:0.08em;
}
/*body {
  overflow-x:hidden;
}*/
/*section.sectionSimple {
  overflow: hidden;
}*/
.sectionSeparator {
  min-height: 50vh;
}
.sectionHotel {background:#eeeeee; min-height:370px;overflow:hidden;}
.sectionHotel .siteWidth {max-width:1366px; position:relative; height:400px; padding: var(--spacing) 0; justify-content: space-between; display: flex; flex-direction: column;}
.sectionHotel .siteWidth::before {top:50%;right:unset;left:0;transform:translate(-50%,-50%);}
.sectionHotel .iconSet {max-width:1020px;margin:0 auto;width:100%;align-items: center;}
.sectionHotel .iconSet > div {display:flex;flex-direction:column;align-items: center;}
.sectionHotel .iconSet i {color:var(--themeColor);font-size:30px;}
.sectionHotel .iconSet .iconSetSeparator {width:1px;height:15px;display:inline-block;background:var(--themeColor)}
.hotelStar {font-size:17px;letter-spacing: 5px;color:var(--themeColor);}
.contentTitle,
.contentCenter.sectionSeparator {
  text-align: left;
  padding-bottom: 20px;
}
.sectionSeparatorImage {
  position: relative;
  padding: 60px 0;
  min-height: 550px;
  width:100%;
}
.sectionSeparatorImage .sectionSlider {width:100%;position:absolute;height:100%;}
.sectionSeparatorImage img {
  object-fit: cover;
  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;*/
}
.singleObiekt::before,
.sectionSeparatorImage .sectionSlider .slick-list::before {
  content:'';
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background: black;
  opacity: .2;
  z-index: 3;
}
.sectionSeparatorImage .prevSlide {display:none!important;}
.singleObiekt:hover::before {opacity:0.5}
.sectionSeparator:not(.contentCenter) .separatorContent {
/*  padding-right: 60px;*/
display: flex;
  flex-direction: row;
  padding: 0 0 0 100px;
  width: 100%;
  max-width: 1230px;
}
.sectionSeparator:not(.contentCenter) .separatorContent > div.contentTitle {padding-right:110px;}
.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:1230px;
    padding: 0;
	z-index:5;
}

.slick-arrow {
  font-size:35px;
  color: var(--btnRezHvr);
  cursor: pointer;
  z-index: 2;
}
.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;
}*/
.slick-arrow {
  color: white;
  position: absolute;
  top: 50%;
  right:0;
  z-index: 1;
  transform: translate(50%,-50%);
  width:45px;
  height:45px;
  background-size:contain;
  background-position:center center;
  background-repeat:no-repeat;
}
.naszeObiekty .prevSlide {left:40px;top:0;}
.naszeObiekty .nextSlide {right:40px;top:0;}


.galleryContainer .slick-arrow {
 top:175px;
}
.prevSlide {background-image: url('/img/hotel/arrowLeft.svg');transition:300ms;}
.nextSlide {background-image: url('/img/hotel/arrowRight.svg');transition:300ms;}

.prevSlide::after,
.nextSlide::after {
	content:'';width:45px;height:45px;
	display:inline-block;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right:0;
	transition:300ms;
	opacity:0;
	position: relative;
	left: 0;
}
.prevSlide::after {background-image: url('/img/hotel/arrowLefthover.svg');}
.nextSlide::after {background-image: url('/img/hotel/arrowRighthover.svg');}

.prevSlide:hover::after {background-image: url('/img/hotel/arrowLefthover.svg');opacity:1;}
.nextSlide:hover::after {background-image: url('/img/hotel/arrowRighthover.svg');opacity:1;}

.prevSlide {
  left: 0;
  right:auto;
  transform: translate(-50%,-50%);
}


#offersMainSlider .prevSlide {left:-30px;top:45%;}
#offersMainSlider .nextSlide {right:-30px;top:45%;}

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

.sub-menu {
    position: absolute;
    text-align: center;
/*    left: 50%;*/
    left: 0;
    width: 210px;
    background: var(--menuTrNA);
    margin-top: 0;
    visibility: hidden;
    opacity: 0;
/*    transform: translate3d(-50%,10px,0);*/
    transform: translate3d(0,0,0);
    transition: transform ease .3s,opacity ease .3s,visibility ease .3s;
	bottom:100%!important;
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
	padding: 10px 0;
}
body.sliderOff .sub-menu,
.body-ident-pakiety:not(.body-offer) .sub-menu,
.mainMenu.act .sub-menu {
  margin-top:0;
  bottom:auto!important;
  top:100%!important;
}
/*.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 {background-color:transparent!important;}
.mainMenu li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
/*  transform: translate3d(-50%,0,0);*/
  transform: translate3d(0,0,0);
}

.sub-menu a {
	position:relative;
    line-height: 1.2;
    padding: 7px 25px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: start;
	text-align:left;
    width: 100%;
	text-transform:uppercase;
	font-size: var(--font-size);
	letter-spacing: 0.08em;
	font-weight:100;
}
.sub-menu a::before,
.sub-menu a::after {
	content:''!important;
	position:absolute;
	left:0;
	top:50%;
	width:10px!important;
	height:2px!important;
	background:var(--themeColor);
	transform:unset!important;
	opacity:0;
	transition:300ms;
}
.sub-menu a::after {left:unset;right:0;}

.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:1034px!important;}
.scrollTop {
cursor: pointer;
color: #fff !important;
position: absolute;
  bottom: 40px;
  right: 10px;
  font-size: 24px;
  line-height: 1;
  opacity: 1;
}
.scrollTop:hover {opacity:0.6;}
.scrollDown {
  font-size:20px;
  cursor: pointer;
  animation-name: scrollAnim;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  position: relative;
}
@keyframes scrollAnim {
  0% {
    bottom: 0px;
  }
  50% {
    bottom: 10px;
  }
  100% {
    bottom: 0px;
  }

}

.langs.langsHeader {
  right: 0;
  font-size: 16px;
}
.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;
}


.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: var(--dark-color);
	background-image: url('/img/hotel/black_bkg.webp');
	background-position:Center center;
	background-size:cover;
	background-repeat:no-repeat;
	position:relative;
}
.footerWrapper .socialMedia {padding:0!important;list-style-type:none;display:flex;flex-direction:row;gap:10px; justify-content:center;margin:20px 0 50px;}
.footerWrapper .socialMedia li a {font-size:var(--font-size)}
.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:360px;height:auto;max-width:100%;}
.footerMenu a {
  text-decoration: none;
}
.footerMenu ul {
  justify-content: center;
  flex-wrap: wrap;
  margin:0;
  gap: 20px;
}
.footerMenu a {
  padding: 5px;
}
.footerMenu {
    margin: 0 auto 0;
}
.footerMenu ul li {order:1}
.footerMenu ul li#footerNav_22426 {order:10}
.footerMenu ul li#footerNav_22427 {order:11}
.footerMenu ul li#footerNav_22493 {order:12}
.footerMenu ul li#footerNav_22425 {order:13}

.Credits {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}
.Column {
  flex:0 0 calc(33.333% - 20px);
}
.fourColumns .Column {flex:0 0 25%;}
.Column p {line-height:1.75;}
.socialMedia a {
  font-size: 20px;
}
footer .socialMedia a {font-size:28px}

.footerLogoSM {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width:100%;
}
.logoColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 33.33%;
  justify-content: center;
}
.newsletterWrapper .contentTitle {flex-direction:column;tify-content:center;align-items: center;}
.newsletterWrapper .titleInfo {border-left:0;padding-left:0;}
.newsletterWrapper .beutyFont {color:#fff;}
.newsletterWrapper .beutyFont.titleMega {
  color: #fff;
  font-size: 90px;
  opacity: 0.15;
  letter-spacing: inherit;
  line-height: 1;
  margin-top: -45px;
  text-align:center;
}
#newsletter {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 80px;
}
#newsletter input {
width: 380px;
max-width: 100%;
border: 0;
border-bottom: 1px solid #fff;
text-align: left;
color: white;
background: transparent;
margin: 20px 0 30px;
font-size: var(--font-size);
letter-spacing: 0.08em;
padding: 0 10px;
text-align: center;
height:48px;
}
#newsletter input::placeholder {
color: white !important;
opacity: 0.7;
font-size:var(--font-size);
letter-spacing: 0.08em;
}
#newsletter .button {width:100%; max-width:170px; transform:translatex(-50%); margin-bottom:8px;}
#newsletter .button::before {margin-right:0;background-image: url('/img/hotel/newsletter.svg');}
.footerContent {
  font-size: var(--font-size);
  letter-spacing: .06em;
  line-height: 1.75;
  font-weight:300;
}
.footerContent p {
  margin: 0;
}
.footerContact {justify-content:start;}
.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: 26px;
  color:var(--btnRezHvr);
  text-transform:uppercase;
  margin-bottom:15px;
}

.galleryPicture {
  padding: 8px;
  flex:0 0 33.333%;
  display: block;
  position:relative;
}
.galleryGrid,.galleryFirstRow {
  width:100%;
}
.galleryGrid {
  flex-wrap: wrap;
}
.galleryFirstRow {
  display: flex;
  flex-direction:row;
  height: 100%;
}
.sectionGallery.wsekcji {padding-top:var(--spacing);}
.sectionGallery.wsekcji .slick-list {margin: 0 -8px;width: calc(100% + 16px);}
.sectionGallery.wsekcji .galleryImage {width:100%;height:100%;margin:0;object-fit:cover;}
.sectionGallery.wsekcji .buttonWrapper {margin-top:25px;margin-bottom:70px;}
.sectionGallery.wsekcji .galleryGrid {justify-content:center;}
.sectionGallery.wsekcji .galleryPicture {margin:0 8px;padding:0;text-decoration:none;text-align:center;}
.sectionGallery.wsekcji .galleryPicture span {position:relative; font-weight:300; color:var(--fontColor);font-size:30px;display:block;padding:30px 0;line-height:1;}
.sectionGallery.wsekcji .galleryPicture .galleryImageWrapper::before {
  content:'';
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom: 0;
  background:#000;
  opacity: 0;
  z-index:5;
  transition:300ms;
}
.sectionGallery.wsekcji .galleryPicture:hover .galleryImageWrapper::before {opacity:0.25;}

.galleryImageWrapper {
  display: block;
  width: 100%;
  height: 350px;
  position: relative;
  overflow: hidden;
}
.sectionGallery.reverse .galleryFirstRow {
  flex-direction: row-reverse;
}
.sectionGallery:not(.wsekcji) .contentTitle {text-align:center;}
/*.sectionGallery .contentTitle .beutyFont {
  margin:0;
  margin-bottom: 100px;
}*/

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

section {position: relative;}
section.sectionSimple, section#offersMain {
  padding-top:70px;
}
.section.addAnd,
.section.noTopMargin {
padding-top:0!important
}
.section.addAnd::before {
content:'';
position:absolute;
z-index:10;
display:inline-block;
width:167px;
height:145px;
background-image:url('/img/hotel/and.svg');
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
left: 50%;
top: 0;
transform: translate(-50%,-50%);
}
.pasek {position:relative;width:100%;}
.offersWrapper .pasek .siteWidth {display:flex; flex-direction:row;}
.offersWrapper .pasek::before,
.sliderFeaturedWrapper::before,
.FeaturedGallery::before,
.sectionGallery.wsekcji .galleryContainer::before,
.roomsMainWrapper.pasek::before,
section#offersMain::before {
content:'';
width:100%;
height:330px;
background:var(--light-color);
position:absolute;
bottom:calc(var(--spacing) + 32px);
}
.sliderFeaturedWrapper::before,
.FeaturedGallery::before,
.roomsMainWrapper.pasek::before {height:200px;bottom:unset;top:50%;transform:translatey(-50%);}
.sectionGallery.wsekcji .galleryContainer::before {height:265px;bottom:0;top:unset;transform:unset;}

section.mainNews,
section.sekcjaKontakt,
section#mapaGoogle,
section.sectionSeparator,
section:not(.sectionHotel):not(.sectionGallery):not(.wsekcji):first-child {padding-top:var(--spacing)!important;}
.galleryContainer,.sectionTitle {
  position: relative;
}
footer {margin-top:0;}
#naszeObiektySlider {background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 5%);;}
.singleObiekt {position:relative;}
.singleObiekt img {height:23vw!important;}
.singleObiekt .beutyFont {
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  font-size: 30px;
  z-index: 5;
  width: 100%;
  text-align: center;
  margin: 0;
  top: 85%;
  transform: translatey(-50%);
  padding: 0 30px;
}
#offersMain #offersMainSlider {width:100%;}
#offersMainSlider .singleOffer {max-width:520px;}
.naszeObiekty .contentTitle,
.roomWrapper,
.sectionGallery.wsekcji .contentTitle,
.roomsMainWrapper .contentTitle,
#offersMain .contentTitle {flex-direction:column; justify-content:center;padding-bottom:var(--spacing);padding-left:100px;}
/*#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,
.offersMain .slick-arrow,
#rooms .slick-arrow,
#roomsMain .slick-arrow {
  display: flex;
  align-items: center;
  position:absolute;
  top:50%;
  left:-40px;
}
.offersMain .slick-arrow.nextSlide,
#rooms .slick-arrow.nextSlide,
#roomsMain .slick-arrow.nextSlide {
  left:unset;
  right:-40px;
}
.offerArrows,.roomArrows {
  margin: 60px 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;margin:0;}*/
.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.08em;
	padding-bottom: 2px;
}
.offersWrapper {display: flex;
flex-direction: row;
justify-content: center;
align-items: center;}

.roomWrapper,
.singleOffer {
  text-decoration: none;
  padding: 0 8px;
}
.offersContainer {
  margin:0;
}
.roomWrapper,
.offerWraper {
  text-align: center;
  display: flex;
  flex-direction: column;
  height: 620px;
  justify-content: flex-end;
/*  overflow: hidden;*/
}
.offerWraper {height:515px;}
.roomWrapper {padding:0;margin:8px;box-shadow:0 0 5px rgba(0,0,0,0.2)}
.offerName,.offerPriceWrapper {
  color:white;
  font-size: 16px;
  line-height: 2;
  font-weight: normal;
  text-decoration: none;
}
.offerName {
  margin:0;
  color:var(--fontColor);
  font-size:26px;
  font-weight:300;
  padding: 10px;
  line-height:1.25;
  position: relative;
  text-align:left;
}
.offerPriceWrapper {
  padding: 15px;
  background: var(--light-color);
  font-size:var(--font-size);
text-align:Center;
color:var(--fontColor);;
letter-spacing:0.08em;
font-weight:300;
line-height:1;
position:absolute;
left:0;
bottom:0;
z-index:4;
min-width:300px;
}
.roomPrice strong,
.priceRezoffer strong {font-weight:400; color:var(--themeColor);font-size:calc(2 * var(--font-size));}

.body-ident-main .roomsMain,
.offerDescription {
  display:flex;
  flex-direction:column;
  justify-content:Center;
  align-imtems:center;
  min-height: 120px;
  position:relative;
}
.centerOffer .offerDescription::after,
.centerOffer .offerDescription::before,
.singleOffer.slick-current .offerDescription::after,
.singleOffer.slick-current .offerDescription::before {content:'';position:absolute; right:0;top:20px;bottom:0;width:1px;background:#fff;}
.centerOffer .offerDescription::before,
.singleOffer.slick-current .offerDescription::before {right:auto;left:-15px;}


.body-ident-main .roomsMain {min-height:unset;/*margin-top:var(--spacing);*/}
.imageMediaWrapper {
  position: relative;
  height: auto;
  display: block;
  overflow: hidden;
}
/*
.singleRoomWrapper .imageMediaWrapper::before,
.imageMediaWrapper::before {
  content:'';
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom: 0;
  background:#000;
  opacity: 0;
  z-index:5;
}
.singleRoomWrapper:hover .imageMediaWrapper::before,
.singleOffer:hover .imageMediaWrapper::before {
  opacity: .4;
}
*/
.singleRoomWrapper:hover .imageMediaWrapper .button,
.singleOffer img {opacity:1;transition:300ms;}
.singleOffer:hover img {opacity:0.8}
.singleOffer:hover .imageMediaWrapper .button {
  top:50%;
  opacity: 1;
}
.mainOffersBox {width:100%!important;}
.roomsMainWrapper {position:relative;}
.imageMediaWrapper .button {
  position: absolute;
  top:40%;
  left:50%;
  transform: translate(-50%,-50%);
  opacity: 0;
  z-index:5;
}

.singleRoomWrapper .buttonWrapper .button {
position:relative;
top:unset;
left:unset;
transform:none;
margin:10px;
}
.singleRoomWrapper .buttonWrapper  {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
position: absolute;
bottom: 0;
left: 0;
right:0;
background:#fff;
z-index: 10;
opacity:1;
transition: 300ms;
border-bottom: solid 1px var(--themeColor);
}
.singleRoomWrapper .buttonWrapper .roomPrice {flex:0 0 50%; margin:0;padding:0 20px;text-align:left;line-height:46px;}

#sideBar a.buttonLight.buttonRez,
#sideBar a.buttonLight.buttonRez:hover,
.singleRoomWrapper .buttonWrapper a.buttonLight.buttonRez:hover,
.singleRoomWrapper .buttonWrapper a.buttonLight {flex:0 0 25%;font-size:var(--font-size);color:var(--themeColor);height: 50px;
  background:#fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  text-decoration: none;
  border:0;
  transition:300ms;
}
.singleRoomWrapper .buttonWrapper .roomPrice,
.singleRoomWrapper .buttonWrapper a.buttonLight:not(.buttonRez) {border-right: solid 1px var(--themeColor);}

.singleRoomWrapper .buttonWrapper a.buttonLight:hover:not(.buttonRez) {
  background:var(--themeColor);
  color:#fff!important;
  border-right: solid 1px #fff;
}
#sideBar a.buttonLight.buttonRez,
.singleRoomWrapper .buttonWrapper a.buttonLight.buttonRez {
  background:var(--themeColor);
  color:#fff;
}
#sideBar a.buttonLight.buttonRez:hover,
#sideBar a.buttonLight.buttonRez:hover {border:solid 1px var(--themeColor);}

#rooms > .siteWidth {display:flex;flex-wrap:wrap;}
#rooms .singleRoomWrapper {flex: 0 0 50%;margin-bottom:var(--spacing);}
#rooms .singleRoomWrapper img {width:100%;height:100%;object-fit:cover;}

.offersPage .singleOffer {
  flex:0 0 33.333%;
}
.offersPage .offersContainer {
  flex-wrap: wrap;
}
.imageMediaWrapper img {
  display: block;
      height: 100%;
}
.roomPrice {
    margin-bottom: 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);
}
.roomDescription {
	height:120px;
	padding:30px 20px;
	display:flex;
	flex-direction:row;

}
.roomsDescription {border:solid 1px var(--btnRezHvr);flex-direction:row;}
.roomContent {flex-direction:column;}
.roomDescription .buttonWrapper .button:not(:last-child) {
  margin-right: 30px;
}
.room-icons-in {display:flex; flex-wrap:wrap;margin:-10px}
.icon-item {
  color:var(--btnRezHvr);
  font-size:18px;
}
.icon-name {margin-left: 10px;font-size:16px;}
.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: 26px;
  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;
}
.fourColumns,
.threeColumns {
	gap: 20px;
}
.Column {
  padding: 0;
}
@media(min-height:780px) and (min-width:960px) {
  .heroTitle {
    top:50%;
  }
}

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

  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:1600px) {
section.mainNews {overflow:hidden;}
}
@media(max-width:1320px) {
  .topBar {
    padding: 10px!important;
  }
  .mainMenu > li:not(.logoLi) {
    padding: 0 10px;
  }
}
@media(max-width:980px) {
  .mainMenu > li:not(.logoLi) {
    padding: 0 10px;
    width: auto;
  }
  .mainMenu {
    margin: 0;
  }
}
@media(max-width:1230px) {
.siteWidth {max-width:calc(1230px  - 40px);padding:0 20px;}
}

@media(max-width:1200px) {
.galleryContainer .slick-arrow,
.sectionOpinie .slick-arrow.prevSlide, .offersMain .slick-arrow.prevSlide, .roomsMain .slick-arrow.prevSlide,
.sectionOpinie .slick-arrow.nextSlide, .offersMain .slick-arrow.nextSlide, .roomsMain .slick-arrow.nextSlide,
.rezForm,
.topBar {display:none!important;}
.heroTitle {top:50%;}
  .Credits {
    margin-bottom: 100px;
  }
  .mobileBar {
    position: fixed;
    z-index: 99;
  }
  .sliderImage {
    height: calc(100vh - 60px)!important;
  }
  .mainNav {
    display: none;
  }
  .logo a {
    display: block;
    height: 100%;
  }
  .logo img {
    width: auto;
  }
  .mobileBar .logo img {height:35px;margin-top:2px;}
  .mobileBar  {
    height: 60px;
    background: var(--dark-color);
    padding: 10px 10px 10px 10px;
  }
}
/*
@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) {
section.mainNews .negativeMargin::after,
section.mainNews .negativeMargin::before {opacity:0.3}

#newsletter {margin-bottom: 30px;}
.newsletterWrapper .contentTitle {padding-top:0;}

.roomsMainWrapper .roomsWrapper {padding:0!important;}
nav .langs.langsHeader {margin:0;}
nav .langs.langsHeader a {line-height:20px!important;margin-top: 15px;}
.sectionHotel .siteWidth::before, section.kreski .sectionSide.sectionContent::before {opacity:0.2;z-index:1;}
.sectionHotel .contentTitle .beutyFont {margin:0;}
section .sectionSide.sectionContent * {z-index:3;}
.singleOffer .button::before {transform:unset;}
.offerWraper {height:auto;}
#container-hs {padding-top: 60px;}
.optCat {
  flex-direction: column;
  align-items: center;
  gap: 5px;
  margin: 0 !important;
  position: relative;
  top: 0;
  padding-bottom: 30px;
}
.optCat li,
.optCat li a {width:100%;text-align:center;}

.imageMediaWrapper img,
.galleryImageWrapper {height:unset!important;}
.body-ident-main .slick-current .offerDescription::after, .body-ident-main .slick-current .offerDescription::before {display:none!important;}
.singleRoomWrapper .buttonWrapper {flex-direction:column;padding:10px 0;position:relative;border-bottom:0;gap:10px;display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
.socialMedia li {margin: 0 2px!important;}
.singleRoomWrapper .buttonWrapper .roomPrice {width:100%;flex: 0 0 100%!important
; text-align: center;  justify-content: center;}
.socialMedia li a {font-size:16px;}
  .roomWrapper, .singleOffer {padding:0!important;}
  .offersPage .singleOffer {
    flex: 0 0 50%;
  }
.singleOffer .button span {opacity:1!important;}

/*  .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;
	margin: 8px 20px;
  }
  .roomsMain .slick-track {display:flex;align-content: stretch;}
  .roomDescription {
	padding:0;
    margin-top: 0;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .singleRoomWrapper .buttonWrapper .roomPrice, .singleRoomWrapper .roomName {border-right:unset!important;text-align: center; padding: 0 15px;}

.singleRoomWrapper .buttonWrapper a.buttonLight.buttonRez:hover,
.singleRoomWrapper .buttonWrapper a.buttonLight,
.singleRoomWrapper .buttonWrapper a.buttonLight {
flex:auto;
width:145px;
flex: 0 0 145px;
border:solid 1px var(--themeColor)!important;
}
#rooms > .siteWidth {padding:0;}


  .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}
*/
}

@media(max-width:950px) {
  .fourColumns,
  .threeColumns {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
	margin:0;
  }
  .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;}

.offersWrapper .pasek .siteWidth {flex-direction:column;}

/*.rezForm {display:none!important;}*/
:root {
  --spacing: 50px;
  --font-size: 14px;
}
.singleObiekt img {
  height: 85vw !important;
}

/*.langsMobile*/ ul li.langsMobile {opacity:0.5;}
/*.langsMobile*/ ul li.langsMobile.currentLang {opacity:1;}
.footerWrapper .logo img {width: 90%!important;max-width: 100%;height:auto!important}
section.sectionSimple, section#offersMain {
  padding-top: var(--spacing)!important;
/*  padding-bottom: var(--spacing);*/
}
.threeColumns {flex-direction:column;}
.threeColumns .Column {text-align:center;}

.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;}
.section.addAnd::before,
.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 .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;
  }
  #offersMain .offersWrapper .contentTitle .beutyFont {margin-bottom:30px;}
  #offersMain #offersMainSlider,
  .sectionSlider .slick-slide img {
    width:100%;
  }
  .newsletterWrapper {width:100%;}
  .footer-bottom {flex-direction:column;}
  .footer-bottom > div {margin-bottom:10px;text-align:center;}
  .roomsSection {margin-bottom:/*var(--spacing)*/0;}
  .offerArrows, .roomArrows {margin:50px 0 0 0!important;width: 100% !important;flex-wrap:wrap;position:relative;justify-content:space-between;}
/*  .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;}
.nextSlide {right:40px;}
.prevSlide {left:40px;}
.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;
}
.galleryContainer .slick-arrow,
.sectionOpinie .slick-arrow.prevSlide, .offersMain .slick-arrow.prevSlide, .roomsMain .slick-arrow.prevSlide,
.sectionOpinie .slick-arrow.nextSlide, .offersMain .slick-arrow.nextSlide, .roomsMain .slick-arrow.nextSlide {
display:none!important;
}

.sectionOpinie .slick-arrow,
.sectionOpinie .slick-arrow.nextSlide,
.offersMain .slick-arrow,
.offersMain .slick-arrow.nextSlide {top:4px;}
.desktopButton {position:relative;}

.singleObiekt img .singleObiekt img {
  height: 40vw !important;
}
.contentTitle .beutyFont {font-size:45px;}
.newsletterWrapper .beutyFont.titleMega {font-size:50px;}
.footerMenu ul {margin: 0;
flex-direction: column;
padding: 20px;
text-align: center;}
.footerWrapper .socialMedia {margin: 20px 0 10px;}
.footerMenu {margin: 10px auto 0;}
.footerMenu a {padding: 5px 5px !important;display: inline-block;}
.galleryFirstRow {flex-direction:column;}
.sectionGallery:not(.wsekcji) .contentTitle .beutyFont {margin: 0;}
.roomsMainWrapper {flex-direction: column;display: flex;}
.sectionHotel .siteWidth {height:auto;padding-top:0;}
.sectionHotel .contentTitle {padding-top:0;}

.sectionHotel .iconSet {flex-direction:column;}
#rooms .singleRoomWrapper img {height:auto!important;}


.naszeObiekty .contentTitle, .roomWrapper, .sectionGallery.wsekcji .contentTitle, #offersMain .contentTitle {padding-left:0;}
.roomsMainWrapper .contentTitle {padding-left:20px;}
.contentTitle, .contentCenter.sectionSeparator {padding-top:40px;}
#rooms .singleRoomWrapper {flex:0 0 100%}
section.Text .sectionSide {padding:0!important}

  .offersPage .singleOffer {
    flex: 0 0 100%;
	margin-top:/*var(--spacing)*/0;
  }
  .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: 36px;
	margin-top:10px;
  }
  .contentTitle .titleInfo {
	font-size:15px;
  }
  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: space-between;
}

.sectionGallery .buttonWrapper, footer {
position:relative;left:unset;transform:unset;
}

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

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

}

@media(max-width:480px) {
  .galleryPicture { flex: 0 0 100%;}
  .roomsSpecification .tt-el {flex:0 0 100%;}
}

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

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