a.brown, a.brown:hover {
color: var(--btnRezHvr);
}
.Error/*, .act .mainNav .mainMenu>li.last>a:hover*/ {
background: var(--themeColor);
}
.button, .buttonReservation, .inputRez, .scrollDown, .scrollTop, .slick-arrow {
cursor: pointer;
}
.beutyFont, .offerName {
font-family: var(--beutyFont);
}
.button, .footerMenu a, .footerWrapper a, .localization a, .logoHS, .mainNav a, .optCat li a, .roomWrapper, .singleOffer, .voucherButton {
text-decoration: none;
}
:root {
--themeColor: #1E4B22;
--fontColor: #565555;
--spacing: 70px;
--beutyFont:"operetta-8", serif;
--regularFont:"semplicitapro", sans-serif;
--decorativeFont: "luxurious-script",sans-serif;
--font-size: 16px;
--font-medium: 24px;
--font-large: 52px;
--little-gray-bkg: #fafafa;
--menuTr: rgba(40, 87, 40, 0.4);
--menuTrNA: rgba(40, 87, 40, 0.7);
--menuTrHvr: rgba(40, 87, 40, 1);
--light-color: #D2AC67;
--light-bkg: rgba(243, 227, 196,0.2);
--dark-color: #1E4B22;
--white-color: #ffffff;
--btnRezHvr: #C2A360;
--siteWidth: 1220px;
--siteWidthShort: 1060px;
}
html {
scroll-behavior: smooth;
}
.cd-headline.rotate-3 i {min-width:5px;}
.body-ident-vouchery article,
.body-ident-main article {
display: flex;
flex-direction: column;
}

.body-ident-main .mainSlider .slick-slide img {
transform: scale(1.2);
animation: zoomOut 14s ease forwards;
}
@keyframes zoomOut {
from {transform: scale(1.2);}to {transform: scale(1);}
}

.body-ident-main section {
order: 15;
}
.body-ident-main .section-35872 {
order: 1;
}
.body-ident-main #offersMain {
order: 2;
}
.body-ident-main .section-35873 {
order: 3;
padding-top: var(--spacing);
}
.body-ident-main .roomsMain {
padding-top: var(--spacing);
order: 4;
}
.body-ident-main .section-29379 {
order: 5;
}
.body-ident-main .section-28303 {
order: 7;
}
.body-ident-main .section-28305 {
order: 8;
}
.body-ident-main .sectionOpinie {
order: 16;
padding: var(--spacing) 0;
background: rgba(210, 172, 103,0.1);
margin-top: var(--spacing);
overflow:hidden;
}
.body-ident-main .mainNews {order: 17;padding-top: var(--spacing);z-index:15;}
.body-ident-main .sectionGallery {order: 18;padding-top: var(--spacing);}

.act .header-middle, .body-ident-ceny_i_rezerwacja .articleContent, .body-ident-galeria .articleContent, section.sekcjaKontakt {
background: #fff;
}
strong {
font-weight: 600;
}
body {
font-weight: 400;
font-style: normal;
letter-spacing: .14em;
}
.grid {
display:grid;
}

.beutyFont {
font-weight: 400;
letter-spacing: .07em;
}
.Error {
padding-top: 150px;
display: flex;
flex-direction: column;
align-items: center;
color: #fff;
padding-bottom: 100px;
}
#optionsList, .optCat {
justify-content: center;
display: flex;
}
.Error h2 {
margin: 0;
font-size: 100px;
}
#optionsList {
width: 100%;
}
.optCat {
width: 100%!important;
margin: 20px 0!important;
list-style-type: none;
position: sticky;
top: 60px;
background: #fff;
z-index: 10;
padding: 10px 0;
gap: 20px;
}
.siteWidth, .siteWidthShort {
margin: 0 auto;
width: 100%}
.optCat li {
margin: 1px 1px 0 0!important;
display: inline-block;
float: none;
padding: 1px 0 0!important;
list-style-image: none;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.optCat li a {
position: relative;
background: 0 0;
color: #000;
font-size: 15px;
line-height: 1;
padding: 0 10px 10px;
float: left;
text-transform: uppercase;
}
.footerWrapper *, .heroTitle, .mainNav .mainMenu>li ul .act a {
color: #fff;
}
.footerWrapper p {margin:20px 0 0;line-height:2;}
.optCat li a:hover, .optCat li.active a {
background: 0 0!important;
color: var(--themeColor)!important;
}
.footer-image img{
width: 50px;
}
.optCat li a:hover::before, .optCat li.active a::before {
content: "";
position: absolute;
bottom: 0;
width: 40px;
height: 1px;
left: 50%;
transform: translatex(-50%);
background: var(--themeColor);
}
body {
margin: 0;
padding: 0;
font-family: var(--regularFont);
font-style: normal;
}
* {
box-sizing: border-box;
}
.flexing {
display: flex;
}
.flex-wrap, .galleryGrid, .offersPage .offersContainer {
flex-wrap: wrap;
}
.flex-column, .roomContent {
flex-direction: column;
}
.data-picker-rez, .justify-center, .roomSide .roomPrice {
justify-content: center;
}
.justify-between, .mainNav, .newsletterWrapper .contentTitle {
justify-content: space-between;
}
.justify-start {
justify-content: flex-start;
}
footer .Column:not(:first-child){
justify-content: center;
align-items: center;
}
.justify-end {
justify-content: flex-end;
}
.align-center {
align-items: center;
}
.align-end {
align-items: flex-end;
}
.align-start {
align-items: flex-start;
}
.siteWidth {
max-width: var(--siteWidth);
}
.siteWidthShort {
max-width: var(--siteWidthShort);
}
.onRight {
text-align: right;
}
.onLeft {
text-align: left;
}
.onCenter {
text-align: center;
}
.clear-list {
list-style: none;
padding: 0;
}
.bgCover {
background-position: center;
background-size: cover!important;
}
.imgCover {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
aspect-ratio: 1 / 0.9;
transition: 300ms;
}
.sectionGallery.wsekcji .galleryPicture, header ul {
margin: 0;
padding: 0;
}
header {
position: relative;
background: rgba(40, 87, 40,0.1);
/* z-index:10;*/
}
.FeaturedRoom *, .act .logoLi, .buttonReservation, .galleryImageWrapper img, .galleryPicture span, .galleryPicture::before, .galleryPicture:hover span, .galleryPicture:hover::before, .header-middle, .imageMediaWrapper .button, .imageMediaWrapper::before, .inputRez_____, .inputRez::before, .logoLi, .logoLi .logo, .mainNav a::before, .scrollTop, .slick-arrow, a {
transition: .3s;
}
a {
color: var(--btnRezHvr);
text-decoration:none;
}
a.brown {
opacity: 1;
}
a.brown:hover {
opacity: .7;
}
.sectionSimple .sectionSide.sectionContent {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.sectionSimple:not(.onlyTwo) .sectionSide.sectionContent {
background:var(--white-color);
box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
}
.sectionSimple.Text .sectionSide.sectionContent {background:transparent!important;}
.sectionSimple.Text .sectionSide.sectionContent .contentTitle div,
.sectionSimple.Text .sectionSide.sectionContent .contentTitle .beutyFont {text-align:center!important;}

.sectionSimple .sectionSide.sectionContent>div {
z-index: 5;
}
section.sectionSeparator .button {
margin-top: 25px;
}
a:hover, section.sectionSeparator a:hover {
color: var(--btnRezHvr);
}
.rezForm .hs-widget {
gap: 10px;
display: flex;
flex-direction: column;
}
.act .logoLi .logoStandard, .form-control, .logoLi .logoFixed, .showmobile {
display: none;
}
.heroTitle {
position: absolute;
top: 53%;
left: 50%;
transform: translate(-50%, -50%);
}
.logoLi {
width: 185px;
height: 70px;
align-self: flex-end;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
justify-content: center;
margin: 0 40px!important;
}
.logoLi .logo {
width:100%;
height: 63px;
display: block;
opacity: 1;
}
.logoLi .logo:hover {
opacity: .6;
}
.act .logoLi .logoFixed {
display: block;
height: 60px;
top: 0;
position: relative;
}
.act .logoLi {
background: 0 0;
height: 70px;
}
.logoLi .logoStandard {
width:140px;
object-fit:contain;
}
.logoLi .langsHeader {
position: absolute;
bottom: -40px;
font-size: 15px;
gap: 12px;
}
.langs.langsHeader a {
margin-left: .2em;
margin-right: .2em;
position: relative;
opacity: 0.7;
}
.langs.langsHeader a::before {
content: none !important;
}
.langs.langsHeader .currentLang a,
.langs.langsHeader a:hover {
opacity: 1 !important;
}
.langs.langsHeader .currentLang a::after,
.langs.langsHeader a:hover::after {
content: '';
position: absolute;
bottom: -3px;
left: 50%;
transform: translateX(-50%);
width: 100%;
height: 1px;
background: #fff;
}
.act .langs.langsHeader {
display: none;
}
.mainSlider .slick-arrow {
display: none!important;
}
.header-middle {
width: 100%;
position: fixed;
top: 0;
z-index: 99;
background: 0 0;
}
.mainNav {
display: flex;
align-items: end;
max-width: var(--siteWidth);
justify-content: center;
flex-wrap: nowrap;
position: relative;
margin: 0 auto;
flex-direction: column;
}
.navigation-contianer {
margin-top: 0;
}
#nav, .buttonReservation, .day-and-month, .galleryFirstRow, .galleryGrid, .hero, .inputRez, .mainNav, .mainOffersBox .slick-list, .mainSlider, .navigation-contianer, .rezForm, .slick-list, .slide, .slider-container {
width: 100%}
.mainMenu {
margin-top:20px;
justify-content: space-between;
align-items: center;
width: 100%;
transition:300ms;
}
.act .mainMenu {margin-top:0;}

#nav ul.mainMenu.leftMenu,
#nav ul.mainMenu.rightMenu {
padding-bottom: 0;
border-bottom: none;
position: relative;
}

#nav ul.mainMenu.leftMenu::after,
#nav ul.mainMenu.rightMenu::after {
content: '';
position: absolute;
left: 0;
height: 1px;
background: rgba(255,255,255,0.4);
}

#nav ul.mainMenu.leftMenu::after {
bottom: -12px; /* dopasuj */
right: 0;
}

#nav ul.mainMenu.rightMenu::after {
bottom: 0;
right: calc(145px + 20px);
}

.act #nav ul.mainMenu.leftMenu::after,
.act #nav ul.mainMenu.rightMenu::after {
content: none;
}

.mainMenu>li:not(.logoLi) {
padding: 0;
position: relative;
/* margin-top: 10px; */
text-align: center;
list-style-type: none;
}
#rooms .contentTitle .beutyFont {
margin-top: 25px;
}
.data-picker-rez {
width: 100%;
align-items: stretch;
justify-content: center;
color: #fff;
gap: 30px;
letter-spacing: .04em;
padding:14px 25px 14px 25px;
border:0;
background: var(--white-color);
display: flex;
flex-direction:row;
}

.act .logoLi {width: auto;margin-top: 0 !important;}


.bestPriceGuaranted, .voucherButton {
justify-content: center;
display: flex;
color: #fff;
}
.bestPriceGuaranted span {margin-top:2px;}
.rezForm {
/*transition: .5s;*/
position: absolute;
opacity: 1;
visibility: visible;
width:390px;
min-width:150px;
z-index: 8;
margin:0;
left: 50%;
bottom: 100px;
transform:translatex(-50%);
}
.be-caption {  font-size: 15px;font-family:var(--regularFont);color: var(--fontColor);text-transform: capitalize;}
.rezForm .buttonReservation {width:100%;}

.slick-slide img, .slick-slider {
z-index: 2;
height: 100%
}
.bestPriceGuaranted {
font-family:var(--beutyFont);
font-size: var(--font-medium);
line-height:1;
align-items: center;
gap: 5px;
}
.data-picker-rez-box {display:flex;flex-direction:row;gap:1px;padding: 0;}
.bestPriceGuaranted::before {font-size:22px;}
.date-wrapper {
display: flex;
align-items: baseline;
flex-direction:row;
line-height: 1;
gap:5px;
}
.date-wrapper .dd {
font-size: 24px;
font-family:var(--beutyFont);
color: var(--light-color);
}

.buttonReservation {
font-size: var(--font-size);
font-weight: 400;
}
.mm, .voucherButton {
font-size: var(--font-size);
text-transform: uppercase;
}
.sliderImage {
height: 100vh;
width: 100%;
position: relative;
}
.slick-list, .slick-track {height: 100%}
.body-ident-blog .slidePage::before, .sliderImage::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0, transparent 70%, rgba(0, 0, 0, 0.6) 100%);
opacity: 1;
z-index:3;
}
.dd,
.mm {
font-weight:400;text-transform: capitalize;
}
.act .navigation-contianer {
transition: .3s;
margin-top: 0;
box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
}
.mainMenu > li > a {position:relative;z-index:1;}
.footerMenu a, .mainNav a {
color:#fff;
font-weight: 400;
font-size: var(--font-size);
letter-spacing: .08em;
}

.act .mainNav .mainMenu>li>a, header.act .sub-menu::after {
color: var(--fontColor);
}
.mainNav li.last a:hover {
background: var(--light-color);
color: #fff!important;}

.inputRez {
position: relative;
flex: auto;
}


#nav a::before {
content: '';
display: block;
height: 2px;
background-color: #fff;
position: absolute;
bottom: -11px;
left: 50%;
transform: translate(-50%);
z-index: 10;
min-width: 34px;
width: 0;
opacity: 0;
}
.act #nav a::before {background-color:var(--btnRezHvr);}

.rez-separator {
width: 1px;
height: 30px;
background: var(--themeColor);
flex-shrink: 0;
align-self: center;
}

#nav li.last a::before, #nav li.logoLi a::before, .sub-menu li a::before {
content: none;
}
.voucherButton {
white-space: nowrap;
align-items: center;
height: 45px;
min-width: 175px;
}
.inputRez > div {opacity:1;transition:300ms;color: var(--fontColor);width: fit-content;}
.inputRez:hover > div, .voucherButton:hover {
color:var(--themeColor);
opacity: 0.7;
}
#nav li.last a, .button.rezBtn {
background: var(--dark-color);
color: #fff !important;
padding: 13px 12px;
min-width: 120px;
display: inline-flex !important;
justify-content: center;
align-items: center;
line-height: 1;
/* border: solid 1px transparent; */
}
#nav li.last a:hover {
background: var(--btnRezHvr);
}
#nav > ul > li > a:hover::before, #nav  > ul > li.act > a::before {
width: 100%;
opacity: 1;
}
.cd-words-wrapper,
.cd-words-wrapper b,
.cd-words-wrapper i {line-height:1!important;margin:0;}
.buttonReservation {
background: var(--dark-color);
color: #fff;
padding: 12px 12px;
min-width: 120px;
line-height:1;
border:solid 1px transparent;
}
.buttonReservation:hover, .button.rezBtn:hover {
background: var(--btnRezHvr);
color: #fff;
}
.sectionRow {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
position: relative;
}
.sectionSimple:not(.onlyTwo):not(.largePhoto) .sectionRow {
gap:16px;
}
.sectionSimple:not(.onlyTwo) .sectionRow .sectionSlider {
max-width:660px;
padding:0!important;
}

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

#offersMain .nextSlide, #offersMain .prevSlide {left:unset;right:unset;color:var(--themeColor);}
#offersMain .slick-arrow {position:relative!important;}
.roomsMain .nextSlide, .roomsMain .prevSlide {color:var(--light-color);}
.roomsMain .slick-arrow {position:absolute!important;}
.sectionSide {
width: 50%;
position: relative;
z-index: 2;
}
.sectionSimple.largePhoto.reverse .sectionRow .sectionSide.sectionSlider {position: absolute;top: 0;bottom: 0;left: 0;width: 700px;max-width:100%;}
.sectionSimple.largePhoto:not(.reverse) .sectionRow .sectionSide.sectionSlider {position: absolute;top: 0;bottom: 0;right: 0;width: 700px;max-width:100%;}
.sectionSimple.reverse .sectionRow .sectionSide.sectionSlider {
padding-left: 90px;
}
.sectionSimple:not(.reverse) .sectionRow .sectionSide.sectionSlider {
padding-right: 90px;
}
section.onlyTwo {overflow-x:hidden;margin-top:var(--spacing);}
section.onlyTwo .sectionRow:not(.secondRow) {/*background:rgba(243, 227, 196,0.2);*/position:relative;}
section.onlyTwo .sectionRow:not(.secondRow)::before {
content:'';
position:absolute;
background:var(--light-bkg);
width:100vw;
height: 100%;
left:0;
}
section.onlyTwo .sectionImageWrapper {position:relative;justify-content: center;display: flex;}
section.onlyTwo .sectionImage {width:100%;}
section.onlyTwo .sectionSide.sectionImage {width:auto;background:#fff;padding-right: 20px;}
section.onlyTwo .sectionSide.sectionSlider .sectionImage {min-height:550px;object-fit:cover;object-position:center center;}
section.onlyTwo .sectionSide.sectionSlider {width: 660px;padding-right: 0px !important;min-width: 660px;}
section.onlyTwo .sectionRow:not(.secondRow) .sectionContent {padding:var(--spacing);justify-content: center;}
section.onlyTwo .sectionRow.secondRow .sectionContent {padding-top:60px;padding:0!important;justify-content: center;}
section.onlyTwo .sectionRow.secondRow {margin-top:-60px;}

section.onlyTwo .sectionRow:not(.secondRow) {min-height:450px;}
section.onlyTwo .sectionRow.secondRow .sectionSide.sectionContent {width:100%;padding:60px 60px 0!important;margin-top: 0}
section.onlyTwo .sectionSide.sectionContent .contentTitle {padding-bottom:0;width: auto;display: inline-flex;align-items: center;}
section.onlyTwo .sectionSide.sectionContent img {margin-top:30px; width:100%;height:300px;object-fit:cover;object-position:center center;}
section.onlyTwo img.smallimage {width:435px;min-height:unset!important;height:390px;object-fit:cover;object-position:center center;margin-top:-60px;}

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

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

section.Text .sectionSide {
width: 100%;
padding: 50px 100px!important;
}
section.yelBkg .sectionSide .buttonWrapper,
section .sectionContent .sliderContent p,
section .sectionSide.sectionContent > div p:first-child {margin-top:0;}

.slick-slide img {
width: 100%;
max-width: 100%;
object-fit: cover;
position: relative;
transition: .4s ease-in-out;
}

.sectionSimple.reverse .sectionSide.sectionContent {
padding-right: 80px;
padding-left: 80px;
}
.sectionSimple.largePhoto .sectionSide.sectionContent {
margin:50px 0;
width:600px;
max-width:100%;
}
.sectionSimple:not(.onlyTwo) .sectionSide.sectionContent {
padding: 50px 80px;
}
section.yelBkg::after {
content:'';
position: Absolute;
background: #D2AC67;
opacity: 0.1;
width: 100%;
height: 100vh;
top: 170px;
}
section:not(.sectionExtended) .sectionSide.sectionContent {
padding-right: 80px;
}
#rooms .slick-slider {
height: auto;
}.sectionSeparator .sectionSeparator .contentTitle .titleInfo {color:#fff!important;}
.contentTitle .titleInfo {
position: relative;
letter-spacing: .08em;
font-size: 32px;
line-height: 1;
color: var(--light-color);
font-family: var(--decorativeFont);
}
.heroTitle.contentTitle .titleInfo {color:#fff!important;}
.contentTitle .beutyFont {
font-size: 60px;
line-height: 1.25;
margin: 0;
display: block;
color: var(--themeColor);
align-items: last baseline!important;
}
.titlesBar{
width:100%;
}
.titlesBar h3{
padding:30px 45px;
}
.sub-menu a {
font-size: 12px;
}
.buttonTheme:hover, .buttonTheme:hover span {
color: #fff!important;
}
.contentTitle .beutyFont .hsfont {
color: var(--light-color);
font-size: 6px!important;
margin-left: 5px;
}
.newsletterWrapper,section.faq,.sectionGallery.wsekcji, .sectionOffersIcon, section#offersMain, section.sectionSimple {
padding-top: var(--spacing);
}
.sectionOffersIcon .sectionRow {
flex-wrap: wrap;
gap: 10px;
}
.sectionOffersIcon .sectionIcon {
width: calc(20% - 20px);
height: 160px;
box-sizing: border-box;
position: Relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
line-height: 1.5;
}
.sectionOffersIcon .sectionIcon .hsfont {
font-size: 53px;
color: var(--themeColor);
line-height: 1;
margin-bottom: 5px;
}
.FeaturedRoom .contentTitle .beutyFont, .mainNews .contentTitle .beutyFont, .offersMainWrapper .contentTitle .beutyFont, .roomsMain .contentTitle .beutyFont, .sectionGallery .contentTitle .beutyFont, .SectionOpinie .contentTitle .beutyFont, {
padding-bottom: 10px;
text-align: left;
}
.newsletterWrapper .contentTitle, .roomInfo {
flex-direction: row
}
.singleRoomWrapper .roomInfo {position:absolute;opacity:0;visibility:hidden;transition:1300ms;}
.singleRoomWrapper a {text-decoration:none;}
.singleRoomWrapper:hover .roomInfo {opacity:1;visibility:visible;}
.singleRoomWrapper .roomPrice {opacity:1;transition:1300ms;visibility:visible;gap:5px!important;}
/*.singleRoomWrapper:hover .roomPrice {opacity:0;visibility:hidden;}*/
.roomInfo i {
color: #fff;
margin-right: 5px;
font-size:var(--font-size);
}
.roomInfo div {
display: inline-flex;
margin: 0 5px;
align-items: center;
justify-content: start;
padding: 0;
}
.roomName {
color: var(--themeColor);
font-size: var(--font-medium);
font-family: var(--beutyFont);
justify-content: center;
text-align: center;
margin-bottom: 6px;
}

.button {
color: var(--fontColor);
}
.roomsMain .contentTitle .beutyFont {
color: var(--themeColor);
}
.button, .sub-menu a {
align-items: center;
letter-spacing: .08em;
}
.sectionGallery:not(.wsekcji) .contentTitle {
padding: 50px 0!important;
}
.sectionGallery:not(.wsekcji) .contentTitle .beutyFont {
margin: 0;
padding: 0!important;
}
.heroTitle.contentTitle .beutyFont {
border: 0!important;
padding: 0!important;
text-shadow: 2px 2px 5px rgba(0, 0, 0, .25);
color: #fff;
}
.button {
position: relative;
display: inline-flex;
gap: 10px;
justify-content: center;
min-width: auto;
min-height: 40px;
padding: 10px 0 5px;
border: none;
font-family: var(--regularFont);
color: var(--fontColor);
font-weight: 400;
background: 0;
line-height: 1;
font-size: var(--font-size);
transition: .3s;
letter-spacing: 0.07em;
}
.button:not(.rezBtn)::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 40px;
height: 1px;
background: var(--light-color);
transition: .3s;
}
.button:not(.rezBtn):hover::before {
width: 100%;
}

.button--arrow::after {
content: "\E827";
font-family: "hsfont";
font-size: 16px;
color: var(--light-color);
}

.roomSide .button:not(.rezBtn) {color:#fff;}
.scrollTop, section {
font-size: var(--font-size);
}
.bottomRoom .button {
min-width: 174px;
}
.button.noBorder {
border: 0!important;
}
.buttonLight {
background: 0 0;
color: #fff;
}
.buttonLight::before {
background:#fff;
}
/* .button:hover {
color:var(--fontColor)!important;
background:var(--themeColor);
} */
.button:hover::before {background: var(--btnRezHvr)!important;}

.buttonLight:hover:before{
background:#fff!important;
opacity:0.7;
}
.buttonLight:hover {
color:var(--fontColor)!important;
opacity:1;
}
.kafelekContent .buttonWrapper, .sectionSide .buttonWrapper {
margin-top: 20px;
}
.act .sub-menu, .sub-menu {
margin-top: 20px;
}
section {
line-height: 2;
color: var(--fontColor);
letter-spacing: .08em;
position: relative;
}
.contentCenter.sectionSeparator, .contentTitle {
padding-bottom: 30px;
}
.sectionSeparator {
min-height: 600px;
}
.sectionSeparator .sectionImage {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
object-fit: cover;
object-position: center center;
}
.sectionSeparator .sectionSlider {
position: relative;
width: 100%!important;
height: 100%!important;
padding: 0!important;
}
.sectionSeparator .sectionSlider .sectionContent .sectionSide::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
opacity: .9;
z-index: 3;
}
.galleryContainer, .newsletter, .roomsMainWrapper, .sectionSeparator:not(.contentCenter) .sectionImageWrapper, .sectionTitle {
position: relative;
}
.sectionSeparator:not(.contentCenter) .sectionContent {
position: relative;
z-index: 5;
width: 100%;
padding: 0!important;
flex-direction: row;
display: flex;
min-height: 550px;
margin:50px auto;
height:100%;
}
.sectionSeparator .sectionContent .sectionSide * {z-index:5;text-align:left;}
.sectionSeparator .sectionContent .sectionSide {
width: 100%;
max-width:600px;
z-index: 4;
padding: 50px 80px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
.sectionSeparator:not(.contentCenter) .separatorContent>div.contentTitle {
padding-right: 110px;
}
.sectionSeparator .sectionSide.slideTitleBox {
display: flex;
align-items: flex-end;
justify-content: flex-end;
text-align: center;
}
.sectionSeparator .slideTitle {
font-size: var(--font-large);
width: 400px;
bottom: -70px;
position: relative;
border-bottom: 1px solid;
padding-bottom: 22px;
line-height: 1.5;
}
.sectionSeparator .sliderArrows {
width: 400px;
position: relative;
margin-bottom: 20px;
}
.mainNews .relMainNews>.siteWidth, .mainNews .relMainNews>.siteWidth>.sectionTiles__wrapper {
position: relative;
z-index: 10;
}
.mainNews .relMainNews::before {
top: 90px;
transform: unset;
}
.mainHeader .contentTitle {
width: calc(100% - 150px);
max-width: 1290px;
text-align: center;
padding: 0 0;
z-index: 5;
}
.nextSlide::before, .prevSlide::before, .slick-arrow {
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
text-align:center;
line-height:1;
}
.slick-arrow {
color: #fff;
position: absolute;
top: 50%;
right: 0;
z-index: 1;
/*  transform: translate(50%, -50%);*/
}
.naszeObiekty .prevSlide {
left: 35px;
top: 0;
}
.naszeObiekty .nextSlide {
right: 35px;
top: 0;
}
.galleryContainer .slick-arrow {
top: 175px;
}
.prevSlide::before {
content: '\E82F';
font-family: "hsfont";
font-size: 35px;
}
.nextSlide::before {
content: '\E82C';
font-family: "hsfont";
font-size: 35px;
}
section .prevSlide.secarrowleft {left:40px;}
section .nextSlide.secarrowright {right:40px;}
section.largePhoto:not(.reverse) .prevSlide.secarrowleft {left:120px;}
section.largePhoto.reverse .nextSlide.secarrowright {right:120px;}
section .prevSlide.secarrowleft,
section .nextSlide.secarrowright {transform:translatey(-50%);}
section .prevSlide.secarrowleft::before {
content: '\E82F';
font-family: "hsfont";
font-size: 35px;
}
section .nextSlide.secarrowright::before {
content: '\E82C';
font-family: "hsfont";
font-size: 40px;
}
section .nextSlide {
transition: .3s;
}
.FeaturedRoom .prevSlide,
.FeaturedGallery .prevSlide,
section:not(.sectionSimple) .prevSlide {
/*background-image: url('/img/hotel/arrowLeft.svg');*/
transition: .3s;
}
.FeaturedRoom .nextSlide,
.FeaturedGallery .nextSlide,
section:not(.sectionSimple):not(.roomsMain) .nextSlide {
/*background-image: url('/img/hotel/arrowRight.svg');*/
transition: .3s;
}
.FeaturedGallery .prevSlide.slick-disabled,
.FeaturedGallery .nextSlide.slick-disabled {opacity:0.7;}

.FeaturedGallery .prevSlide {left:40px;}
.FeaturedGallery .nextSlide {right:40px;}


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

.localization a:hover, .nextRoom:hover, .nextSlide:hover, .prevSlide:hover {
opacity: .7;
}
.prevSlide {
left: 0;
right: auto;
/*    transform: translate(-50%, -50%);*/
}
#offersMainSlider .nextSlide, #offersMainSlider .prevSlide {
top: 45%}
.sub-menu {
position: absolute;
text-align: center;
left: 50%;
width: 180px;
transform: translate(-50%);
background: var(--menuTrNA);
visibility: hidden;
opacity: 0;
transform: translate3d(0, 0, 0) translateX(-40%);
transition: transform .3s, opacity .3s, visibility .3s;
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
}
.sub-menu::after {
content: '\E801';
font-family: hsfont;
color: var(--themeColor)!important;
font-size:16px;
position: absolute;
width: 20px;
height: 8px;
top: -12px;
pointer-events: none;
left: 50%;
transform: translateX(-50%);
}
.sub-menu::before {
content: '';
position: absolute;
top: -20px;
left: 0;
width: 100%;
height: 20px;
}
.act .sub-menu::before {
top: -29px;
height: 29px;
}
.mainMenu li:hover .sub-menu {
opacity: 1;
visibility: visible;
transform:translate3d(0, 0, 0) translateX(-50%);
}
.sub-menu a {
line-height: 1.2;
padding: 5px 10px 7px;
min-height: 40px;
display: flex;
justify-content: center;
width: 100%;
font-weight: 100;
}
.sub-menu .act a, .sub-menu a:hover {
background: var(--menuTrHvr);
color: var(--light-color);
}
.localizationWrapper {
left: 50%;
transform: translatex(-50%);
text-align: center;
color: #fff;
bottom: -50px!important;
height: 70px;
/*    background-image: url('/img/hotel/centerlinetop.svg');
background-position: bottom center;
background-repeat: no-repeat;*/
}
.localization {
margin-bottom: 40px;
text-transform:uppercase;
font-weight: 600;
}
.localization i, .socialMedia a, footer .socialMedia a {
font-size: 20px;
}
.localizationWrapper .icon-arrow-bottom:before {
width: 40px;
}
.footerWrapperInner {
position: relative;
width:1250px;
}
.scrollTop {
display: flex;
align-items: center;
justify-content: center;
color:var(--themeColor)!important;
position: absolute;
bottom: 0;
right: 30px;
line-height: 1;
opacity: 1;
width: 2px;
}
.scrollTop::before {
content: '\E82E';
font-family: "hsfont";
font-size:11px;
}
.scrollTop span {
transform: rotate(-90deg);
transform-origin: center center;
white-space: nowrap;
text-transform: uppercase;
background: var(--themeColor);
padding: 0 10px;
display: inline-block;
transition: .3s;
}
.scrollTop:hover,
.scrollTop:hover span {
color: var(--btnRezHvr)!important;
}
.scrollDown {
font-size: 40px;
animation-name: scrollAnim;
animation-duration: 2s;
animation-iteration-count: infinite;
position: relative;
display: flex;
width: 50px;
height: 50px;
}
.scrollDown::before{
content:'\E82B';
font-family: "hsfont";
font-size:20px;
color:#fff;
position:absolute;
left:0;
top:3px;
right: 0;
margin: auto;
width: 50px;
display: block;
text-align: center;
}
.scrollDown span {
transform: rotate(-90deg);
transform-origin: center center;
}
.scrollDown i {
position: absolute;
top: 40px;
right: -20px;
transform: rotate(-90deg);
}
@keyframes scrollAnim {
0%, 100% {
bottom: 0;
}
50% {
bottom: -10px;
}
}.langsHeader li, .socialMedia li {
position: relative;
line-height: 1;
}


.socialMedia.socialMediaHeader {
left: 0;
gap: 8px;
}
.headerList :is(a), .socialMedia :is(a) {
color: #fff;
text-decoration: none;
}
footer .logoFooter img {width:190px;height:auto;object-fit:contain;object-position:center center;}
footer .socialMedia {
gap: 5px;
justify-content: center;
}
.footerWrapperInner {position:relative;}
.headerFooter {
position: absolute;
bottom: 40px;
left: 50%;
transform: translate(-50%);
z-index: 10;
}
.headerFooter>* {
position: absolute;
color: var(--themeColor);
bottom: 0;
}

.footerWrapper {
background: var(--themeColor);
padding: 0;
}
.footerWrapper a {
text-decoration: none;
}
.footerWrapper ul a:hover,.footerWrapper .footerContent a:hover,.socialMedia a:hover, .footerContact a:hover {
color:var(--btnRezHvr);
}
.footerWrapper * {
color: #fff;
}
.footerMenu a {
text-decoration: none;
}
.footerMenu ul {
justify-content: space-between;
flex-wrap: wrap;
flex-direction: row;
margin: 0;
padding: 0;
line-height: 2;
}
.footerMenu a {
padding: 5px;
}
.footerMenu {
margin: 0;
width: 100%;
}
.footerSubmenu {
margin: 30px auto 20px;
max-width: 800px;
padding-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.footerSubmenu span {color:var(--btnRezHvr);}
.footerSubmenu i.dot {display:inline-block;width:3px;height:3px;background:#fff;margin: 10px 30px;}
.Credits {
min-height: 50px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px;
}
.threeColumns{
padding: 0;
}
.footerWrapperInner .threeColumns{
display: grid;
grid-template-columns: 1fr 1fr 1fr; /* 3 kolumny */
grid-template-rows: 1fr 1fr; /* 2 wiersze */
gap: 0; /* odstępy między elementami */
}

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

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

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

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

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


/*.Column {
flex:0 0 33.333%
}*/
.Column4 {
flex:0 0 auto
}
.socialMedia a {
font-size: 20px;
}
footer .socialMedia {margin:40px 0;}
footer .socialMedia a {font-size:20px!important;color:var(--themeColor);}
footer .socialMedia a.fa-gift {font-size:26px!important;}
footer .socialMedia li:not(:first-child)::before {display:none!important}

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

#offersMain .offerArrows .smallArrow::before, #roomsMain .roomArrows .smallArrow::before, .footerContent p, .offersContainer {
margin: 0;
}
.footerContact {
font-size:var(--font-large);
text-transform:uppercase;
margin-bottom: 30px;
}
.singleKafelek {
flex: 0 0 33.333%;
display: flex;
flex-direction: column;
}
.singleKafelek img {
width: 100%;
padding: 5px;
}
.kafelekContent {
min-height: 350px;
display: flex;
flex-direction: column;
justify-content: center;
}
.singleKafelek:nth-child(2n) {
flex-direction: column-reverse;
}

.galleryPicture {
padding: 4px !important;
flex: 0 0 33.333%;
display: block;
position: relative;
line-height:1;
}
.wsekcji .galleryGrid {
overflow: visible;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
align-items: end;
}
.wsekcji .galleryGrid * {transition:300ms;}
.wsekcji .galleryGrid > .galleryPicture:nth-child(4n+1) {
grid-column: span 1; /* Pierwszy element wiersza zajmuje 1 kolumnę */
}

.wsekcji .galleryGrid * {transition:300ms;}
.wsekcji .galleryGrid .galleryPicture {padding:0!important;overflow:visible;}
.wsekcji .galleryGrid {padding-bottom: 30px;}
.wsekcji .galleryGrid .galleryPicture img {width:100%;height:335px;object-fit:cover;object-position:center center;transition: transform 0.4s ease, opacity 0.4s ease;}
.galleryFirstRow {
display: flex;
flex-direction: row;
height: 100%}
.sectionGallery:not(.wsekcji) .galleryColumn .galleryPicture {
flex: 0 0 100%}
.sectionGallery .galleryColumn a {
line-height: 1;
}
.sectionGallery:not(.wsekcji) .galleryColumn {
width: 33.33%}
.sectionGallery.wsekcji .galleryColumn:first-child, .sectionGallery.wsekcji.reverse .galleryColumn:nth-child(2) {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 390px;
max-width: 100%;
gap: 16px;
}
.sectionGallery.wsekcji.offersGallery .galleryColumn:first-child {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
max-width: 100%;
gap: 10px;
}
/*.sectionGallery.wsekcji .galleryColumn:first-child .galleryImage, .sectionGallery.wsekcji.reverse .galleryColumn:nth-child(2) .galleryImage {
height: 320px;
}*/
.sectionGallery.wsekcji .galleryColumn:nth-child(2), .sectionGallery.wsekcji.reverse .galleryColumn:first-child {
width: calc(100% - 406px);
max-width: 100%}
.sectionGallery:not(.wsekcji) .galleryColumn,
.sectionGallery:not(.wsekcji) .galleryColumn .galleryPicture {
height: 315px;
display: block;
}
.sectionGallery.wsekcji .galleryImage {
width: 100%;
height: auto;
margin: 0;
max-height: 660px;
}
.sectionGallery.wsekcji .buttonWrapper {
margin-top: var(--spacing);
justify-content: center;
}
.sectionGallery.wsekcji .galleryGrid {
justify-content: center;
gap: 16px;
}
.sectionGallery.wsekcji .galleryPicture span {
position: absolute;
bottom: 0;
left: 50%;
top: auto;
transform: translate(-50%, 50%);
font-weight: 400;
opacity: 1;
color: var(--themeColor);
z-index: 10;
width: auto;
min-width: 240px;
min-height: unset;
background: #fff;
box-shadow: 0 3px 12px rgba(0,0,0,0.10);
padding: 18px 40px;
font-family: var(--beutyFont);
font-size: var(--font-medium);
letter-spacing: 0.07em;
text-transform: uppercase;
display: flex;
justify-content: center;
align-items: center;
transition: 400ms;
white-space: nowrap;
}
.buttonNews::before{
display:none;
}
.sectionGallery.wsekcji .galleryPicture .galleryImageWrapper {
overflow: hidden;
}
.sectionGallery.wsekcji .galleryPicture:hover .galleryImageWrapper img {
transform: scale(1.05);
opacity: 0.9;
}
.sectionGallery.wsekcji .galleryPicture:hover span{
box-shadow: 0 6px 18px rgba(0,0,0,0.15);
color: var(--themeColor);
}
.sectionGallery.wsekcji .galleryPicture::before {
content: none;
}
.sectionGallery.wsekcji .galleryPicture.galleryPictureCenter {
margin-top: -50px;
}
.sectionGallery.wsekcji {
position: relative;
overflow: hidden;
}
.sectionGallery.wsekcji .galleryHeroBg {
position: absolute;
inset: 0;
background-image: url('/img/hotel/galeria-bg.jpg');
background-size: cover;
background-position: center center;
filter: blur(2px);
transform: scale(1.02);
z-index: 0;
}
.sectionGallery.wsekcji .galleryHeroOverlay {
position: absolute;
inset: 0;
background: linear-gradient(
to bottom,
#ffffff 0%,
rgba(255,255,255,0.15) 20%,
rgba(255,255,255,0.15) 80%,
#ffffff 100%
);
z-index: 1;
}
.sectionGallery.wsekcji .contentTitle,
.sectionGallery.wsekcji .sectionGalleryWrapper {
position: relative;
z-index: 2;
}
.sectionGallery.wsekcji .galleryTitleWrapper {
position: relative;
display: inline-flex;
flex-direction: column;
align-items: center;
}
.sectionGallery.wsekcji .contentTitle .beutyFont {
position: relative;
}
.sectionGallery.wsekcji .galleryTitleIcon {
position: absolute;
right: 90%;
top: 50%;
transform: translateY(-50%);
width: 62px;
height: 52px;
opacity: 1;
pointer-events: none;
user-select: none;
}
.sectionGallery.wsekcji .galleryPicture:hover::before {
opacity: .2;
}
.galleryImageWrapper {
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.galleryImageWrapper:hover img {
opacity: .9;
transform: scale(1.05);
}
.sectionGallery.reverse .galleryFirstRow {
flex-direction: row-reverse;
position: relative;
}
.sectionGallery .buttonWrapper {
margin-top: var(--spacing);
}
section#mapaGoogle, section.sectionSeparator, section.sekcjaKontakt, section:not(.sectionGallery):not(.wsekcji):first-child {
padding-top: var(--spacing)!important;
}
.sectionGallery:not(.wsekcji) {padding-top:0;}


#offersMain #offersMainSlider {
width: 100%;
overflow: hidden;
}
#offersMainSlider .singleOffer {
max-width: 650px;
width:33.33%;
position:relative;
display: flex;
flex-direction: column;
margin-bottom:5px;
}
/*.sectionOpinie .reviewsWrapper {
background-image: url('/img/hotel/reviews.webp');
background-repeat: no-repeat;
background-size: contain;
background-position: center right;
}*/
.sectionOpinie .reviewsWrapper .contentTitle {
text-align: left!important;
}
#offersMain .contentTitle, .FeaturedRoom .contentTitle, .mainNews .contentTitle, .roomWrapper, .roomsMainWrapper .contentTitle, .sectionGallery.wsekcji .contentTitle, .sectionOpinie .contentTitle, .newsletterWrapper .contentTitle {
flex-direction: column;
justify-content: space-between;
padding-bottom: 60px!important;
}
.contentTitle div.hidemobile {
display: flex;
justify-content: flex-end;
flex-direction: column;
}
h2 + .buttonWrapper {line-height:1;margin-top: 20px;margin-bottom: 10px;}
/*.FeaturedRoom .contentTitle>div, .mainNews .contentTitle>div, .offersMainWrapper .contentTitle>div, .roomsMainWrapper .contentTitle>div, .sectionGallery.wsekcji .contentTitle>div, .sectionOpinie .contentTitle>div, section.talerz .contentTitle>div {
flex: 0 0 33.33%;
align-items: center;
}*/
.singleOffer .buttonWrapper {
display: flex;
justify-content: center;
height: auto;
opacity: 1;
visibility: visible;
}

.singleOffer .buttonWrapper .button {
color: var(--fontColor);
margin-top: 15px;
opacity: 1;
text-transform: capitalize;
}

.singleOffer .buttonWrapper .button:hover {
color: var(--fontColor) !important;
}
.singleRoomWrapper .buttonWrapper .button:not(.rezBtn) {
color: var(--fontColor);
opacity: 1;
text-transform: capitalize;
padding-left: 0;
}
.singleRoomWrapper .buttonWrapper .button:not(.rezBtn)::before {
left: 0;
width: 40px;
background: var(--light-color);
}
.singleRoomWrapper .buttonWrapper .button:not(.rezBtn):hover::before {
width: 100%;
background: var(--btnRezHvr);
}
.offersMain .offersWrapper > .buttonWrapper {margin:var(--spacing) 0 0 1px;position:relative;gap:20px;}
#offersMain .offersWrapper .contentTitle .beutyFont {
margin-bottom: 100px;
}
.offersMain:not(#offersMain) .buttonWrapper {
margin-top: 100px;
}
#rooms .slick-arrow, #roomsMain .slick-arrow, .roomsWrapper .slick-arrow, .offersMain .slick-arrow, .sectionOpinie .slick-arrow {
display: flex;
align-items: center;
position: absolute;
z-index: 5;
}
#rooms .slick-arrow.nextSlide, #roomsMain .slick-arrow.nextSlide, .roomsWrapper .slick-arrow.nextSlide, .offersMain .slick-arrow.nextSlide {
left: unset;
}
.roomsArrows,
.roomArrows {
margin-top:60px;
width: 100%;
position: relative;
display: flex;
justify-content: center;
}
#offersMain .offerArrows span, #rooms .roomArrows span, #roomsMain .roomArrows span {
text-transform: uppercase;
/* margin: 0 15px; */
}
#offersMain .offerArrows .button, .roomArrows .button {
margin: 0!important;
white-space: nowrap;
}
.slick-arrow span {
font-size: 14px;
line-height: 1;
letter-spacing: .08em;
padding-bottom: 2px;
}
.offersWrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.roomWrapper, .singleOffer {
padding: 0 8px;
}
.offerWraper, .roomWrapper {
text-align: center;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
}
.offerWraper{

}
.offerWraper img{
opacity:1;
transition: .4s ease;
}
.offerWraper:hover img{
opacity: .4;
}
.offerWraper .button{
transition: .4s ease;
}
/*.offerWraper:hover .button{
font-size:19px;
}*/
.roomWrapper {
padding: 0!important;
margin-bottom: 5px !important;
}
.offerName, .offerPriceWrapper {
padding: 0;
text-align: left;
color: var(--fontColor);
font-weight: 400;
color: #fff;
font-size: 16px;
text-decoration: none;
}
.offerName {
text-align: center;
margin: 00;
color: var(--themeColor);
font-size: var(--font-medium);
line-height: 1.25;
position: relative;
min-height:65px;
}
.offerPriceWrapper {
font-size: var(--font-size);
color: #fff;
letter-spacing: .08em;
line-height: 2;
opacity: 1;
transition: .3s;
visibility: visible;
display: flex;
/*flex-direction: column;*/
font-family: var(--beutyFont);
}
.body-ident-main .roomsMain {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
min-height: 150px;
}
.offerDescription{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 150px;
}
.singleOffer .offerDescription {
min-height: 250px;
height:250px;
transition: .3s;
padding: 30px 25px;
z-index: 2;
background: #fff;
color: var(--fontColor);
box-shadow: 0 4px 5px rgba(0,0,0,0.07);
}
.singleOffer .offerDescription > .flexing {width:100%;text-align: center;height:100%;}

.body-ident-main .roomsMain {
min-height: unset;
}
.imageMediaWrapper {
position: relative;
height: auto;
display: block;
overflow: hidden;
z-index:1;
}
.singleRoomWrapper .imageMediaWrapper::before,
section:not(.offersMain) .imageMediaWrapper::before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: rgba(0,0,0,0.2);
z-index: 5;
}
/*.singleRoomWrapper:hover .imageMediaWrapper::before {
opacity:0.3;
}*/
.singleOffer:hover .imgCover {transform: scale(1.05);opacity:0.9;}
.singleOffer:hover .imageMediaWrapper .button, .singleRoomWrapper:hover .buttonWrapper, .singleRoomWrapper:hover .imageMediaWrapper .button {
top: 50%;
opacity: 1;
}
.mainOffersBox, .opinieSlider {
width: 100%!important;
position: relative;
}
.imageMediaWrapper .button {
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
z-index: 5;
}

.singleRoomWrapper .buttonWrapper .button {
position: relative;
top: unset;
left: unset;
transform: none;
margin: 0;
text-transform: capitalize;
}
.singleRoomWrapper .buttonWrapper .button.rezBtn {
background: var(--themeColor);
color: #fff !important;
border: 1px solid var(--themeColor);
padding: 12px 22px;
letter-spacing: .1em;
min-width: auto;
overflow: visible;
}
.singleRoomWrapper .buttonWrapper .button.rezBtn:hover {
background: var(--btnRezHvr);
border-color: var(--btnRezHvr);
}
.singleRoomWrapper .buttonWrapper .button.rezBtn::before {
content: none;
}
.cont{
margin:0 8px;
}
.singleRoomWrapper .buttonWrapper {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 12px;
z-index: 10;
opacity: 1;
visibility: visible;
position: static;
top: unset;
left: unset;
transform: none;
transition: .3s;
margin-top: 14px;
}
.imageMediaWrapper img {
display: block;
height: 100%;
transform: scale(1);
transition:300ms;
}
.roomImage, .roomsImage {
width: 100%;
max-width: 100%}
.roomsImage {
width: 100%;
height: 500px;
}
section.roomsMain .imageMediaWrapper {
padding-top: 75%;
height: 0;
}
section.roomsMain .imageMediaWrapper img {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: transform 0.4s ease;
}
section.roomsMain .singleRoomWrapper:hover .imageMediaWrapper img {
transform: scale(1.04);
}
section.roomsMain .imageMediaWrapper::before {
content: none;
}
.singleRoomWrapper .imageMediaWrapper {opacity:1;transition:300ms;}
.roomDescription {
padding: 20px 0 20px 30px;
width: 100%;
background: 0 0;
color: var(--fontColor);
}
.roomSide.roomsDescription > div {
flex: auto;
display: flex;
align-items: baseline;
justify-content: center;
gap: 16px;
}
.priceRezoffer, .roomPrice {
font-family: var(--regularFont);
font-size: var(--font-size);
color: var(--fontColor);
font-weight: 400;
margin: 0 3px;
}
.priceRezoffer strong, .roomPrice strong {
font-family: var(--regularFont);
font-size: var(--font-medium);
color: var(--light-color);
font-weight: 500;
margin: 0 3px;
}

.roomsDescription {
position: static;
width: 100%;
margin: 0;
padding: 16px 20px 22px;
border-bottom: none;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
background: #fff;
color: var(--fontColor);
z-index: auto;
box-shadow: 0 4px 5px rgba(0,0,0,0.07);
}
.FeaturedRoom .roomPrice {justify-content: flex-end;}
.roomDescription .buttonWrapper .button:not(:last-child) {
margin-right: 30px;
}
.room-icons-in {
display: flex;
flex-wrap: wrap;
margin: -10px;
}
.icon-item {
color: var(--btnRezHvr);
font-size: 18px;
}
.icon-name, .roomsSpecification .hsicon-roomsize {
font-size: 16px;
}
.icon-name {
margin-left: 10px;
}
.roomsSpecification {
margin-left: 100px;
align-self: center;
column-count: 3;
width: 100%}
.roomsSpecification .tt-el {
padding: 10px 0;
}
.roomsName {
font-size: var(--font-large);
font-weight: 400;
position: relative;
padding: 0;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 20px;
}

.fiveColumns .Column {
flex: auto;
}
.Column {
padding: 20px;
}
.Column4 {
padding: 0 20px;
}
@media(min-height:780px) and (min-width:960px) {
.heroTitle {
top: 50%}
}
@media(min-width:981px) {
    .bottomNavMobile, .mobileBar {
    display: none;
}
.sliderImage, header.mainHeader:not(.sliderOff) {
    min-height: 640px;
}
body:not(.body-layout-home) header video,
body:not(.body-layout-home) header .sliderImage {
    max-height: 90vh;
    max-height: 90dvh;
}
}
.localization a {
color: #fff;
text-transform: uppercase;
text-decoration: none!important;
}
@media(max-width:1320px) {
.topBar {
padding: 10px!important;
}
.mainMenu>li:not(.logoLi) {
padding: 0 10px;
}
}@media(max-width:1290px) {

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

.siteWidth {
max-width: calc(100% - 40px);
padding: 0 20px;
}
.rezForm {margin-right:20px!important;}
.logoLi {margin: 0 30px 0 20px!important;}

}
@media(max-width:980px) {
:root {
--spacing: 50px;
--font-size: 15px;
--font-medium: 24px;
--font-large: 42px;
}
.body-ident-blog .slidePage::before, .sliderImage::before {display:none!important;}
.sectionSimple:not(.onlyTwo):not(.yelBkg) .sectionSide.sectionContent {box-shadow: unset!important;}
.sectionSimple.yelBkg:not(.onlyTwo):not(.Text) .sectionSide.sectionContent {padding:25px 20px 30px!important;}
section.roomsMain .imageMediaWrapper img {height:85vw;}
.offersMain .offersWrapper > .buttonWrapper {gap:0;}
.contentTitle {padding-bottom:20px;}
.sectionGallery.wsekcji .galleryPicture span {opacity:1;}
.wsekcji .galleryGrid .galleryPicture img {height:100%;}
.sectionSimple.largePhoto .sectionSide.sectionContent {margin:0!important;overflow:hidden;}
section.onlyTwo .sectionRow:not(.secondRow)::before {left:-20px;}
section.sectionSimple.Text {overflow-x: scroll;}
.sectionSimple:not(.onlyTwo):not(.Text) .sectionSide.sectionContent {padding:30px 0 0!important;}

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

.revQuote {display:none!important;}

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

.sectionGallery.wsekcji .galleryPicture:hover {width:100%!important;}
.wsekcji .galleryGrid .galleryPicture:hover {flex: auto;}
footer .socialMedia {margin:40px 0 0;}

.offerWraper img {height:85vw!important;}
.singleOffer .offerDescription {padding: 0 0 30px 0!important;gap:40px;left:0;right:0;}
.offerPriceWrapper {display:flex;flex-direction:column;}
.offerPriceWrapper .days {text-align:center;padding: 0 10px;}
section.onlyTwo {margin-top:0!important;}
section.onlyTwo .sectionSide.sectionContent,
section.onlyTwo .sectionSide.sectionSlider {padding-right:0!important;width:100%!important;min-width:unset;}
section.roomsMain .imageMediaWrapper { height: 0!important; }
.wsekcji .galleryGrid {flex-wrap:wrap;display:flex!important;align-items:start;}
.wsekcji .galleryGrid > .galleryPicture {width:100%;}
.sectionGallery.wsekcji .galleryPicture.galleryPictureCenter {margin-top:0;}
section.onlyTwo .sectionSide.sectionSlider .sectionImage,
section.onlyTwo .sectionRow .sectionSlider img:not(.onlyTwoIcons),
section iframe,
section.Text iframe {width:100%!important;height:85vw!important;min-height:100px;}
.sectionSeparator.separatorNew > .siteWidth::before {width:100%!important;right:0;}

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

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

/*.singleRoomWrapper .roomInfo {opacity:1;visibility:visible;bottom: -10px;}
.singleRoomWrapper:hover .roomPrice {opacity:1;visibility:visible;}*/

.sectionSeparator: not(.contentCenter) .sectionContent {
transform: unset!important;
padding: 0 20px!important;
flex-direction: column;
left: 0;
bottom: 0;
}
.sectionSeparator:not(.contentCenter) .imageSlider .sectionContent {
flex-direction: column;
left: 0;
top: 0;
height: 100%;
min-height:auto;
justify-content: center;
position: relative;
transform: unset;
padding: 20px !important;
margin:0;
}
section:not(.sectionSeparator) .sectionSlider .slick-slide img {height: 85vw!important;}
.sectionSeparator .sectionImage {height:85vw!important;position:relative;top:0;left:0;right:0;bottom:0;object-fit:cover;}
.sectionSeparator .sectionImageWrapper {display:flex;flex-direction:column-reverse;}

.sectionSeparator .sliderArrows {
width: 100%;
margin-bottom: 30px;
}
.sectionSeparator.sectionSimple .contentTitle {
padding-top: 0px!important;
}
.sectionSeparator .sliderContent {
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
overflow: hidden;
}
#roomsMain .slick-arrow, .sectionOpinie .slick-arrow, .sectionSeparator .prevSlide {
left: 0;
}

section.offersMain .prevSlide { left: unset!important; }
section.offersMain .nextSlide { right: unset!important; }

.sectionSeparator .nextSlide {
right: 0;
}
.sectionSeparator .slideTitle {
width: 100%;
bottom: 0;
border-bottom: unset;
padding-bottom: 35px;
}
.mainNews .relMainNews>.siteWidth::before {
right: 20px;
}
.average span.revsource::after, .average span.revsource::before {
height: 2px!important;
}
.sectionOpinie .sectionSide.sectionContent {
margin-top: var(--spacing);
}
.roomsSection {
margin-bottom: 0;
}
#optionsList .optCat, .footerSubmenu, .footerWrapperInner .fiveColumns, .galleryFirstRow, .newsletterWrapper .contentTitle {
flex-direction: column;
}
.footer-bottom {flex-direction:row;padding:0;}

footer .Column:not(:first-child) {
justify-content: center;
}
.footerContent, .footerHead, .footerMenu ul, .roomsName {
text-align: center;
}
.navigation-contianer {
margin-top: 0;
}
.singleOffer .buttonWrapper, .singleOffer:hover .buttonWrapper {
margin-top: 30px!important;
}
.mainMenu>li:not(.logoLi) {
padding: 0 10px;
width: auto;
}
#offersMain .offerArrows .button span, .btnRoomSpacing span, .mainMenu, .offersMain .buttonWrapper span, .sectionGallery:not(.wsekcji) .contentTitle .beutyFont {
margin: 0;
}
.heroTitle {
top: 50%}
body:not(.body-layout-home) header video,
.sliderImage {
height: calc(100vh - 60px);
}
.logo, .logo a, .logo img, .roomsMain .imageMediaWrapper {
height: 100%}
.mainNav, .scrollTop {
display: none;
}
.footerSubmenu a, .logo a {
display: block;
}
.logo img {
width: auto;
}
.mobileBar {
position: absolute;
z-index: 99;
height: 60px;
background: #fff;
padding: 10px 20px 10px 20px;
}
section .prevSlide {
left: 30px!important;
}
section .nextSlide {
right: 30px!important;
}
section.roomsMain .prevSlide,
section.roomsMain .nextSlide {
position: absolute !important;
top: 37.5%;
transform: translateY(-50%);
z-index: 10;
display: flex !important;
align-items: center;
}
section.roomsMain .prevSlide {
/*left: 50px !important;*/
right: auto !important;
color:#fff;
}
section.roomsMain .nextSlide {
/*right: 50px !important;*/
left: auto !important;
color:#fff;
}
.sectionSimple:not(.sectionSeparator):not(.onlyTwo):not(.Text) .contentTitle {padding-top:0px!important;}
.separateOffer .sectionSimple:not(.onlyTwo):not(.Text) .contentTitle {padding-top:0px!important;}
.sectionSimple .contentTitle,
.body-ident-main #SectionOpinie,
.sectionGallery.wsekcji,
section#offersMain,
section.sectionSimple {
padding-top: var(--spacing)!important;
}
.newsletter .contentTitle .beutyFont {left: 50% !important;transform: translate(-50%,10px);}
.newsletterContent .button {right:0!important;}
.newsletterContent input {margin: 0 50px 0 0;text-align: left !important;}
.button:not(.btnBorder):(.buttonNews) {
min-width: 150px!important;
}
.button.rezBtn {
border: 1px solid var(--btnRezHvr);
}
.socialMedia li {
margin: 0 5px!important;
}
.roomsWrapper .buttonWrapper .button {
margin: 0px;
padding: 5px;
}
.roomWrapper, .singleOffer, section.Text .sectionSide {
padding: 0!important;
}
.offersPage .singleOffer {
flex: 0 0 50%}
.galleryColumn .galleryPicture, .galleryPicture {
flex: auto;
height: 85vw;
overflow: hidden;
}
.roomDescription, .roomImage {
width: 100%;
max-width: 100%;
padding-right: 0!important;
margin-top: 0;
}
.roomWrapper {
flex-direction: column;
height: auto;
justify-content: flex-start;
}
section.roomsMain .singleRoomWrapper {
padding: 0;
}
section.roomsMain .roomWrapper {
background: #fff;
border: 1px solid rgba(0,0,0,0.07);
border-radius: 2px;
/* box-shadow: 0 4px 20px rgba(0,0,0,0.10);*/
overflow: hidden;
padding: 0 !important;
width: calc(100% - 0px);
margin: 0 auto;
}
.roomsMain .slick-track {
display: flex;
align-content: stretch;
}
.roomsMain .slick-slide, .singleOffer .buttonWrapper, .singleOffer .offerDescription, .singleOffer:hover .buttonWrapper {
justify-content:center;
height: auto!important;
}
.singleOffer .buttonWrapper .button {
color: var(--fontColor);
opacity: 1;
margin-top: 0;
}
.roomDescription {
padding-left: 0;
margin-top: 0;
justify-content: space-between;
}
.roomDescription .contentTitle {
padding-right: 100px;
}
.kafelki>.flexing, .roomContent {
flex-wrap: wrap;
}
.roomsSpecification {
margin-left: 0;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
width: 100%;
margin-top: 50px;
}
.roomsSpecification .tt-el {
flex: 0 0 33.333%;
padding: 5px;
}
.btnRoomSpacing, .offersMain .buttonWrapper {
position: relative!important;
width: 100%;
justify-content: center;
}
.siteWidth {
max-width: 100%}
section.roomsMain .roomsWrapper {
position: relative;
margin: 0 50px;
overflow: visible;
flex: 0 0 100%;
}
section.roomsMain .roomsContainer {
position: relative;
}
section.roomsMain .roomsContainer .slick-track {
display: flex;
}

.opinieSlider .slick-list {
padding: 0;
}
.reviewsSlider .nextSlide {
right: 10px;
color: var(--btnRezHvr)!important;
top: 50%!important;
}
.reviewsSlider .prevSlide {
left: 10px;
color: var(--btnRezHvr)!important;
top: 50%!important;
}
.showmobile {
display: inline-flex;
}
.hidemobile {
display: none!important;
height: 0;
overflow: hidden!important;
margin: 0!important;
padding: 0!important;
}
#SectionOpinie::before, .mainSlider .slick-arrow, .newsletter .icon-bird, .rezForm, .roomsMain::before, .roomsSection::before, .sectionSlider::before {
display: none!important;
}
.offerName {
font-size:32px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
width:100%;
text-align:center;
padding:0 10px;
}
ul.langsMobile {
display: flex;
gap: 10px;
flex-direction: row;
padding: 0 0;
list-style-type: none;
width: 100%;
justify-content: center;
}
/*ul.langsMobile li {
opacity: .5;
}
ul.langsMobile li.currentLang {
opacity: 1;
}*/
ul.langsMobile li.currentLang a::after {
opacity:1;
visibility:visible;
}
ul.langsMobile li a::after {
opacity:0;
visibility:hidden;
content:'';
position:Absolute;
left:0;
bottom:-2px;
width:100%;
height:1px;
display:inline-block;
background:#333;
}
ul.langsMobile li a {
position:relative;
text-decoration: none;
color:#333;
}
.footerWrapper {
padding-top: 50px;
height:auto;
}
.footerWrapper .logo img {
width: 220px;
max-width: 100%}
.footerWrapperInner {
border: 0!important;
padding:0
}
.footerMap {}
.FeaturedRoom .contentTitle .beutyFont, .mainNews .contentTitle .beutyFont, .offersMainWrapper .contentTitle .beutyFont, .roomsMain .contentTitle .beutyFont, .sectionGallery .contentTitle .beutyFont {
padding-left: 0;
}
.body-nomain section.sectionSimple {
padding-bottom: 0;
}
.offersWrapper, .reviewsWrapper, .sectionSeparator:not(.contentCenter) .separatorContent {
flex-direction: column!important;
align-items: flex-start;
}
.sectionSeparator:not(.contentCenter) .separatorContent>div {
width: 100%;
padding: 0 20px;
}
.sectionSeparator:not(.contentCenter) .separatorContent>div.contentTitle {
padding: 0 20px;
}
.body-ident-main .roomsMain, .roomsSection {
padding-top: var(--spacing);
min-height: auto;
}
section#mapaGoogle, section.sectionSeparator, section.sekcjaKontakt, section:not(.sectionGallery):not(.wsekcji):first-child {
padding-top: var(--spacing)!important;
padding-bottom: 0;
}
#offersMain .offersWrapper {
background: unset;
}
.opinieContent {
background: 0 0!important;
/*    padding: 0!important;*/
}
.opinieNameWrapper {
padding-left: 0!important;
}
.sectionGallery.wsekcji .galleryColumn:first-child, .sectionGallery.wsekcji .galleryColumn:nth-child(2), .sectionGallery.wsekcji.reverse .galleryColumn:first-child, .sectionGallery.wsekcji.reverse .galleryColumn:nth-child(2) {
margin-bottom: 0;
margin-top: 0;
width: 100%!important;
padding: 0!important;
}
.sectionGallery.wsekcji .galleryColumn:first-child .galleryImage, .sectionGallery.wsekcji .galleryImage, .sectionGallery.wsekcji.reverse .galleryColumn:nth-child(2) .galleryImage {
height: 85vw;
}
.Column4 {
padding: 20px 0!important;
border: unset!important;
}
.sectionGallery.wsekcji .buttonWrapper {
/*    margin-top: 50px;*/
margin-bottom: 0;
/*    justify-content: center;*/
width: 100%}
.contentCenter .sectionSeparatorImage img {
position: relative;
height: auto;
}
.contentCenter .sectionSeparatorImage::before {
content: none;
}
.contentCenter .sectionSeparatorImage {
display: flex;
flex-direction: column;
align-items: center;
}
.contentCenter .separatorContent {
margin-bottom: 0;
margin-top: -50px;
max-width: calc(100% - 10px);
padding: 30px 10px;
}
.singleKafelek {
flex: 0 0 100%;
flex-direction: row;
}
.singleKafelek:nth-child(2n) {
flex-direction: row-reverse;
}
.kafelekContent, .singleKafelek img {
width: 50%;
object-fit: cover;
}
.sectionSeparator:not(.contentCenter) .separatorContent {
padding: 30px;
}
.sectionRow {
flex-direction: column!important;
}
.sectionSimple:not(.onlyTwo) .sectionRow .sectionSlider,
.sectionSide, .sectionSlider .imageSlider {
width: 100%!important;
max-width: 100%;
padding: 0!important;
}
.sectionSeparator .sectionSide:not(.slideTitleBox) {
height: calc(100% - 110px);
justify-content: space-between;
display: flex;
flex-direction: column;
}
#offersMain .offersWrapper .contentTitle .beutyFont {
margin-bottom: 30px;
}
.sectionSlider .slick-slide img {
width: 100%;
height: 85vw;
}
.newsletterContent, .roomsImage img, .sectionGallery:not(.wsekcji) .galleryColumn {
width: 100%}
.newsletterColumn, .newsletterContent input, .newsletterWrapper {
width: 100%;
z-index: 5;
position: relative;
}

.footer-bottom>div {
margin-bottom: 10px;
text-align:center;
}
.offerArrows, .roomArrows {
margin: 50px 0 0!important;
width: 100%!important;
flex-wrap: wrap;
position: relative;
justify-content: space-between;
/*display:none;*/
}
.roomsMain .roomArrows {
margin-bottom: 0!important;
margin-top: 0!important;
}
#rooms .prevSlide {
left: 10px!important;
right: auto;
}
#rooms .nextSlide {
left: auto;
right: 10px!important;
}
#rooms .slick-arrow {
position: absolute!important;
color: #fff!important;
}
#offersMain .contentTitle {
display: inline-flex;
width: 100%;
margin-bottom: 0;
}
.offersContainer {
margin: 0 auto!important;
}
.slick-arrow {
font-size: 28px;
}
#roomsMain .slick-arrow.nextSlide, .offersMain .slick-arrow.nextSlide, .sectionOpinie .slick-arrow.nextSlide {
left: unset;
right: 0;
}
.sectionOpinie .slick-arrow, .sectionOpinie .slick-arrow.nextSlide {
top: 4px;
}
.desktopButton {
position: relative;
}
.footerMenu ul {
margin: 0;
flex-direction: column;
padding: 0;
}
footer {
padding-bottom: 50px;
}
.footerMenu {
margin: 0 auto 0;
}
.footerMenu a {
padding: 10px 5px!important;
display: inline-block;
}
.roomsMainWrapper {
flex-direction: column;
display: flex;
}
/*#offersMain .contentTitle,*/ .FeaturedRoom .contentTitle, .mainNews .contentTitle, .roomWrapper_, .roomsMainWrapper .contentTitle, .sectionGallery.wsekcji .contentTitle, .sectionOpinie .contentTitle {
flex-direction: column;
padding-bottom: 50px!important;
}
.FeaturedRoom .contentTitle>div, .mainNews .contentTitle>div, .offersMainWrapper .contentTitle>div, .roomsMainWrapper .contentTitle>div, .sectionGallery.wsekcji .contentTitle>div, .sectionOpinie .contentTitle>div {
flex: 0 0 100%}
.singleOffer .buttonWrapper {
height: auto;
overflow: visible;
opacity: 1;
visibility: visible;
}
.singleOffer .priceRezoffer {
margin: 25px 0 0 0;
}
.offerWraper, .roomWrapper {
justify-content: flex-start;
}
.singleOffer .offerDescription, .singleOffer:hover .offerDescription {
height: /*250px*/auto!important;
}
.sectionOffersIcon>div {
padding: 0 20px!important;
}
.sectionOffersIcon .sectionIcon {
width: calc(50% - 16px);
}
.sectionOffersIcon .sectionRow {
flex-direction: row!important;
}
.sectionOpinie .reviewsWrapper {
background-position: bottom;
padding:20px!important;
}
.average {
flex-direction: row;
justify-content: center;
}
.average>div {
transform: scale(.75);
}
.offersPage .singleOffer {
flex: 0 0 100%;
margin-top: 0;
}
.roomsDescription .buttonWrapper {
flex-direction: row;
justify-content: center;
align-items: center;
gap: 8px;
}
}@media(max-width:950px) {
.threeColumns {
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
margin: 0;
padding:20px 0 20px 0;
gap:20px!important;
}
.Column:not(:first-child) {
margin-top: 20px;
}
.footerContent .socialMedia {
justify-content: center;
}
}@media(max-width:576px) {
.contentTitle .beutyFont {
font-size: var(--font-large);
}
.contentTitle .titleInfo {
font-size: 28px;
}
section {
padding-top: 40px;
}
.sectionGallery .contentTitle .beutyFont {
margin-bottom: 10px;
}
.roomsMain .btnRoomSpacing {
position: relative!important;
flex-direction: row;
display: flex;
justify-content: space-between;
}
.sectionGallery .buttonWrapper, footer {
position: relative;
left: unset;
transform: unset;
}
.sectionGallery .buttonWrapper {
margin-top: var(--spacing);
}
footer {
margin-top: 0;
}
.mainHeader .contentTitle {
width: calc(100% - 50px);
padding: 0;
z-index: 5;
}
.heroTitle {
top: 50%}
.headerFooter {
bottom: 50px;
}
.headerFooter .langs, .headerFooter .socialMedia {
display: none;
}
.singleKafelek {
flex: 0 0 100%;
flex-direction: column;
}
.singleKafelek:nth-child(2n) {
flex-direction: column;
}
.kafelekContent, .singleKafelek img {
width: 100%;
object-fit: cover;
}
}@media(max-width:480px) {
.galleryPicture, .roomsSpecification .tt-el {
flex: 0 0 100%}
.galleryColumn:first-child, .galleryColumn:nth-child(2) {
width: 50%}
}.icon-wrapper {
align-items: baseline;
}
.body-ident-rezerwacja #container-hs {
margin-top: 80px;
}
.newsletterWrapper .contentTitle{
position:relative;
justify-content: center !important;
}
.newsletterContent input{
height:50px !important;
border-top: solid 1px var(--themeColor);
border-bottom: solid 1px var(--themeColor);
text-align:center;
color: var(--themeColor)!important;
font-size: var(--font-size)!important;
letter-spacing: .08em;
text-align: left;
}
.newsletter .newsletterWrapper .contentTitle::before {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
left: 0;
background:url("/img/linia.png");
background-repeat:no-repeat;
background-size:100% 100px;
}
.newsletter .contentTitle .beutyFont {
position: absolute !important;
top: -30px !important;
background: #fff;
left: 30px;
padding: 0px 20px;
}
.newsletterContent{
padding-right:0;
position:initial;
height:50px !important;
border-top: solid 1px var(--themeColor);
border-bottom: solid 1px var(--themeColor);
}

/* --- NEWSLETTER KAFELKI --- */
.newsletterWrapper { padding-bottom: 0; margin-bottom: var(--spacing); }
.newsletterColumns {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
width: 100%;
min-height: 352px;
}
.newsletterCol {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 70px 40px;
text-align: center;
}
.newsletterColSocial {
background: var(--themeColor);
gap: 20px;
}
.newsletterColForm {
position: relative;
background: var(--light-bkg);
justify-content: space-between;
}
.newsletterColImage { overflow: hidden; padding: 0; }
.newsletterColTitle {
font-size: var(--font-medium);
color: var(--themeColor);
font-family: var(--beutyFont);
}
.newsletterColSocial .newsletterColTitle {
color: var(--light-color);
}
.newsletterColForm .newsletterColTitle {
color: var(--fontColor);
}
.newsletterColImage { overflow: hidden; padding: 0; }
.newsletterColImage img { width: 100%; height: 100%; object-fit: cover; display: block; }
.newsletterBell {
font-size: 26px;
display: block;
color: var(--light-color);
position: absolute;
top: -26px;
left: 50%;
transform: translateX(-50%);
}
.newsletterColText { text-align: center; }

.newsletterColSocial .socialMedia a {
font-size: 60px;
color: var(--light-color) !important;
}
.newsletterColSocial .socialMedia { margin: 0; }

.newsletterColForm .newsletterContent {
width: 100%;
max-width: 300px;
flex-direction: column;
align-items: stretch;
border: none;
height: auto;
gap: 0;
}
.newsletterColForm .newsletterContent input {
height: 44px;
border: none;
border-bottom: 1px solid var(--themeColor);
background: transparent;
color: var(--themeColor);
text-align: center;
padding: 0;
}
.newsletterColForm .newsletterContent input::placeholder {
text-align: center;
}
.newsletterColForm .button {
color: var(--fontColor);
}
.newsletterColForm p {
font-size: var(--font-size);
color: var(--fontColor);
margin: 0;
}

/* --- FOOTER --- */
.footerHeadline {
font-size: var(--font-large);
color: var(--light-color);
font-family: var(--decorativeFont);
text-align: center;
padding: 50px 0;
line-height:1;
}
.footerDivider {
border: none;
border-top: 1px solid var(--light-color);
margin: 0;
opacity:0.5;
}
.footerMain { padding: 20px 0;}
.footerDividerV {
width: 1px;
height: 100px;
background: var(--light-color);
}
.footerMapCol { flex: 0 0 auto; max-width: 330px;padding:0;}
.footerMap { width: 340px; height: auto; opacity: 0.85; }
footer .Column p { color: #fff; font-size: var(--font-size); line-height: 2; margin: 0; }
footer .Column p a { color: #fff; }
footer .Column p a:hover { color: var(--light-color); }
.footerMenu { padding: 50px 0; }
.footerMenu a { color: #fff; font-size: var(--font-size); padding: 10px 5px; }
.footerMenu a:hover { color: var(--light-color); }


@media(max-width: 980px) {
.sectionSimple.largePhoto .sectionRow .sectionSide.sectionSlider {position:relative!important;}

.newsletterColumns {
grid-template-columns: 1fr;
min-height: unset;
}
.newsletterColForm { order: 1; }
.newsletterColSocial { order: 2; }
.newsletterCol { padding: 40px 30px; }
.newsletterColImage { display: none; }
.footerMain { flex-direction: column; align-items: center; text-align: center; gap: 20px; }
.footerDividerV { display: none; }
.footerMapCol { max-width: 100%; width: 100%; }
.footerMenu ul { justify-content: center; gap: 10px; }
}

@media (max-width: 980px) {
section.roomsMain .roomsWrapper {
margin: 0 40px;
}
}

@media (max-width: 600px) {
section.roomsMain .imageMediaWrapper {
padding-top: 0;
height: 85vw !important;
}
section.roomsMain .roomsWrapper {
margin: 0 0;
}
/*section.roomsMain .roomName {font-size: calc(var(--font-medium) * 0.85);}*/
}