:root {
--themeColor: #991B1E;
--fontColor: #383A41;
--spacing: 100px;
--beutyFont: "ivymode", sans-serif;
--regularFont: "semplicitapro", sans-serif;
--font-size: 16px;
--font-large: 30px;
--little-gray-bkg: #F2F1EE;
--menuTr: rgba(40, 87, 40, 0.4);
--menuTrNA: rgba(40, 87, 40, 0.7);
--menuTrHvr: rgba(40, 87, 40, 1);
--light-color: #F3E3C4;
--light-bkg: #EDE9E4;
--dark-color: #8E826F;
--btnRezHvr: #991B1E;
--gold-color: #C1AB80;
--bright-color: #F3EEE4;
--siteWidth: 1270px;
--siteWidthShort: 1080px;
}
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;
}
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 section {
order: 15;
}
.body-ident-main .section-30360 {
order: 1;
}
.body-ident-main .roomsMain {
padding-top: 200px;
order: 2;
}
.body-ident-main #offersMain {
order: 16;
}
.body-ident-main .section-30364 {
order: 17;
}
.body-ident-main .sectionGallery {
order: 18;
padding-top: var(--spacing);
}
.body-ident-main .sectionOpinie {
order: 19;
padding-top: 165px;
}
.body-ident-main .SectionSeparator.faq {
order: 20;
}
.body-ident-main .mainNews {
order: 21;
}
.body-ident-main .section-30760 {
order: 22;
}
.body-ident-ceny_i_rezerwacja .articleContent {
margin-top:60px;
}
.act .header-middle,
.body-ident-ceny_i_rezerwacja .articleContent,
.body-ident-galeria .articleContent,
section.sekcjaKontakt,
.body-ident-pokoje .articleContent {
/* background: #fff; */
background-color: var(--little-gray-bkg);
}
section p {display:block;width:100%;}
strong {
font-weight: 600;
}
body {
font-weight: 400;
font-style: normal;
letter-spacing: .14em;
background-color: var(--little-gray-bkg);
}
.grid {
display: grid;
}
.beutyFont {
font-weight: 400;
letter-spacing: .045em;
}
.Error {
padding-top: 150px;
display: flex;
flex-direction: column;
align-items: center;
color: #fff;
padding-bottom: 100px;
}
.sectionContent h2,
.sectionContent h3,
.sectionContent h4 {
font-weight:400;
font-size: 26px;
letter-spacing: .06em;
font-family: var(--beutyFont);
text-transform:uppercase;
}
.sectionContent h2 {font-size:34px}
.sectionContent h3 {font-size:30px}
#optionsList,
.optCat {
justify-content: center;
display: flex;
padding: 0;
}
.Error h2 {
margin: 0;
font-size: 100px;
}
#optionsList {
width: 100%;
}
.optCat {
width: 100% !important;
margin: 100px 0 !important;
flex-wrap: wrap;
list-style-type: none;
background: var(--little-gray-bkg);
z-index: 10;
gap: 15px;
}
.siteWidth,
.siteWidthShort {
margin: 0 auto;
width: 100%
}
.optCat li {
display: inline-block;
list-style-image: none;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.optCat li a {
position: relative;
background: 0 0;
color: var(--fontColor);
font-size: var(--font-size);
line-height: 1;
letter-spacing: 0.05em;
padding: 0 10px 25px;
text-transform: uppercase;
border-bottom: solid 1px rgba(237, 233, 228);
justify-content: center;
align-items: center;
display: flex;
gap: 15px;
}
.optCat li a img {
width: 22px;
height: 22px;
}
.footerWrapper *,
.heroTitle,
.mainNav .mainMenu>li ul .act a,
.sectionSeparator .contentTitle .beutyFont {
color: #fff;
}
.footerWrapper p {
margin: 0;
line-height: 2.3;
letter-spacing: 0.08em;
font-size: var(--font-size);
}
.optCat li a:hover,
.optCat li.active a {
background: 0 0 !important;
color: var(--themeColor) !important;
border-bottom: solid 1px var(--gold-color);
}
.footer-image img {
width: 50px;
}
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 {
justify-content: flex-start;
align-items: 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 {
max-width: var(--siteWidth);
}
.sectionSeparator .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;
position: relative;
}
.imgDarkened {
width: 100%;
height: 100%;
position: relative;
}
.imgDarkened::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
opacity: 0;
transition: 500ms;
z-index: 3;
}
.sectionTiles__item:hover .imgDarkened::after {
opacity: .5;
}
.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,
.langsContainer ul li,
.button.rezBtn:after,
.button.rezBtn::before,
.button.rezBtn span:after,
.button.rezBtn span::before,
.scrollDown,
.date-wrapper,
.menuLangsWrapper,
a {
transition: .3s;
}
a {
color: var(--btnRezHvr);
text-decoration: none;
}
a.brown {
opacity: 1;
}
a.brown:hover {
opacity: .7;
}
.conf-table {width:100%;border-collapse: collapse;border-spacing: 0;}
.conf-table th {background: #f8f5f0;}
.conf-table th,.conf-table td {padding: 12px 26px;text-align:center;border-bottom:solid 1px var(--gold-color);}
.conf-table .conf-table-name {width:38%;text-align:left;}
.conf-table .cico::after {content:'';display:inline-block;width:20px;height:20px;background-repeat: no-repeat; background-position: center center; background-size: contain;}
.conf-table .cico-teatr::after {background-image: url('/img/sale/teatralny.svg');}
.conf-table .cico-szkolny::after {background-image: url('/img/sale/szkolny.svg');}
.conf-table .cico-podkowa::after {background-image: url('/img/sale/podkowa.svg');}
.conf-table .cico-bankiet::after {background-image: url('/img/sale/bankietowy.svg');}
.conf-table .cico-wspolny::after {background-image: url('/img/sale/wspolny.svg');}
.sectionSimple .sectionSide.sectionContent {
display: flex;
flex-direction: column;
justify-content: /*flex-start*/center;
}
.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;
}
section.sectionSeparator .separatorBottomContent {
display: flex;
align-items: center;
justify-content: center;
max-width: var(--siteWidth);
margin: 0 auto;
position: relative;
z-index: 3;
}
section.sectionSeparator .separatorBottomContent img {
position: absolute;
right: -70px;
bottom: -40px;
z-index: 3;
}
a:hover {
color: var(--btnRezHvr);
}
.rezForm .hs-widget {
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; */
display: flex;
flex-direction: column;
align-items: center;
position: relative;
justify-content: center;
margin: 0 0 0 !important;
height: 150px;
}
.logoLi .logo {
width: 100%;
display: block;
opacity: 1;
}
.logoLi .logo:hover {
opacity: .6;
}
.act .logoLi .logoFixed {
display: block;
height: 50px;
top: 0;
position: relative;
}
.act .logoLi {
background: 0 0;
height: 65px;
}
.logoLi .logoStandard {
width: 140px;
height: 110px;
object-fit: contain;
}
.mainSlider .slick-arrow {
display: none !important;
}
.mainSlider video {
height: 100vh;
}
.header-middle {
width: 100%;
position: fixed;
top: 0;
z-index: 99;
background: 0 0;
}
.mainNav {
display: flex;
align-items: end;
max-width: var(--siteWidth);
/*max-width: 1280px;*/
justify-content: center;
flex-wrap: nowrap;
position: relative;
margin: 0 auto;
flex-direction: column;
}
.navigation-contianer {
margin-top: 0;
}
#nav,
.buttonReservation,
.day-and-month,
.galleryFirstRow,
.galleryGrid,
.hero,
.inputRez,
.mainNav,
.mainOffersBox .slick-list,
.mainSlider,
.navigation-contianer,
.rezForm,
.slick-list,
.slide,
.slider-container {
width: 100%
}
/* MENU POCZĄTEK */
li.sideMenu {width:50%;}
.secMainMenu {justify-content: space-between;width:100%;z-index: 5;position: relative;}
.mainMenu {
margin-top:30px;
justify-content: space-between;
align-items: flex-start;
width: 100%;
transition:300ms;
gap:30px;
}
.act .mainMenu {margin-top:0;}
.mainMenu li.last a {margin-top:-11px;}
.act .mainMenu li.last a {margin-top:0;}
.mainMenu li:not(.logoLi):not(.last) {
padding: 0;
position: relative;
text-align: center;
list-style-type: none;
height:23px;
}
.mainMenu li.subMenuItem {
margin-top:0!important;
height:auto!important;
}
.mainMenu li.sideMenu {
margin-top: 45px;
height: 42px;
}
.mainMenu>li.last {
margin-top:35px;
}
#rooms .contentTitle .beutyFont {margin-top: 23px;}
.act .mainMenu li:not(.last) {margin-top: 10px;}
/*.act .mainMenu li.last {margin-top:11px;}*/
.act .mainMenu li.logoLi ul {opacity:0;visibility:hidden;}
.mainMenu .logoLi .langs {display:flex;position:absolute;bottom:-20px;gap:25px;opacity:1;transition:300ms;visibility:visible;}
.act .mainMenu .logoLi .langs {opacity:0;visibility:hidden;}
.mainMenu .logoLi .langs li.currentLang {border-bottom:solid 1px #fff;}
.mainMenu .logoLi .langs li:hover {border-bottom:solid 1px #fff;}
.sub-menu {
position: absolute;
text-align: center;
left: 0;
width: 195px;
padding: 5px 0;
transform: translate(-50%);
background: rgba(0,0,0,0.5);
visibility: hidden;
opacity: 0;
transform: translate3d(0, 0, 0);
transition: transform .3s, opacity .3s, visibility .3s;
border-top: 1px solid var(--gold-color);
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
}
.sub-menu::after {
content: '\e827';
font-family: hsfont;
color: var(--gold-color);
position: absolute;
top: -7px;
font-size: 6px;
left: 0;
}
.mainMenu .subMenuItem a::before {content:'';width:10px;height:1px;background: var(--gold-color);position:absolute;top:42%;left:0;opacity:0;transition:300ms;}
.sub-menu::before {
content: '';
position: absolute;
top: -20px;
left: 0;
width: 100%;
height: 20px;
}
.mainMenu .subMenuItem a:hover:before,
.mainMenu .subMenuItem.act a::before {opacity:1;}
.act .sub-menu::before {
top: -29px;
height: 29px;
}
.mainMenu li.dropdown:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
}
.sub-menu a {
line-height: 1.2;
padding: 5px 10px 3px 20px;
min-height: 30px;
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
font-weight: 300;
letter-spacing: .08em;
text-align: left;
}
.sub-menu a:hover {
background:rgba(0,0,0,0.5);
color: #fff;
}
/* MENU KONIEC */

#rooms .contentTitle .beutyFont {
margin-top: 25px;
}
.data-picker-rez {
font-size: 10px;
width: 100%;
align-items: stretch;
color: var(--fontColor);
letter-spacing: .08em;
padding: 0;
text-transform: uppercase;
align-items: center;
}
.data-picker-rez .circleBooking {
height: 45px;
width: 100%;
}
.act .logoLi {
width: auto;
}

.bestPriceGuaranted,
.voucherButton {
justify-content: center;
display: flex;
color: #fff;
}
.rezForm {
position: relative;
opacity: 1;
visibility: visible;
width: 460px;
min-width: 500px;
z-index: 10;
padding: 10px 20px;
border: 1px solid var(--gold-color);
background: rgba(0, 0, 0, .5);
}
.rezForm .buttonReservation {
width: 100%;
}
.slick-slide img,
.slick-slider {
z-index: 2;
height: 100%
}
.bestPriceGuaranted {
background: var(--menuTr);
font-size: var(--font-size);
height: 45px;
align-items: center;
}
.date-wrapper {
display: flex;
align-items: center;
color: #fff;
line-height: 1;
opacity: 1;
}
.inputRez:hover .date-wrapper {
opacity: 0.6;
}
.date-wrapperFirst {
margin-right: 20px;
}
.date-wrapper .dd {
font-size: 34px;
font-family: var(--regularFont);
}
.buttonReservation {
text-transform: uppercase;
font-size: var(--font-size);
font-weight: 100;
}
.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: rgba(0, 0, 0, .15);
opacity: 1;
}
.dd,
.mm {
font-weight: 400;
}
.mm {
margin-left: 5px;
}
.mm::before {
content: "·";
display: inline-block;
text-align: center;
margin-right: 5px;
}
.act .navigation-contianer {
transition: .3s;
margin-top: 0;
box-shadow: 0 3px 6px rgba(0, 0, 0, .1);
}
.menuLangsWrapper {
margin-top: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.act .menuLangsWrapper {
margin-top: 10px;
}
.langsContainer {
width: 190px;
display: flex;
align-items: center;
justify-content: center;
}
.langsContainer ul li {
margin-top: 3px;
padding-bottom: 3px;
border-bottom: solid 1px transparent;
}
.langsContainer ul .currentLang,
.langsContainer ul li:hover {
border-bottom: solid 1px #fff;
}
.act .langsContainer ul .currentLang,
.act .langsContainer ul li:hover {
border-bottom: solid 1px var(--themeColor);
}
.langsMainMenu {
display: flex;
align-items: center;
justify-content: space-evenly;
width: 100%;
}
.act .langsMainMenu li a {
color: var(--themeColor);
}
.reservationMainMenu {
margin-top: 35px;
}
.act .reservationMainMenu {
margin-top: 10px;
}
.footerMenu a,
.mainNav a {
color: #fff;
font-weight: 400;
font-size: /*var(--font-size)*/ 15px;
letter-spacing: .08em;
text-transform: uppercase;
border-bottom: solid 1px transparent;
}
.mainNav .secMainMenu>li>a {padding: 10px 0;z-index:10;position:relative;}
.act .mainNav .secMainMenu>li>a,
.act .mainNav .mainMenu>li:not(.last)>a {color: var(--fontColor);}
header.act .sub-menu::after {color: var(--gold-color);}
.mainNav .secMainMenu>li>a:hover,
.mainNav .secMainMenu>li.active>a {border-bottom: solid 1px var(--gold-color);}

.mainNav .mainMenu>li:not(.last)>a:hover {
color: var(--themeColor);
}
/*.mainNav li.last a:hover {
background: var(--light-color);
color: #fff!important;
}*/
.inputRez {
position: relative;
flex: auto;
height: 50px;
width: 100%;
}
.act #nav a::before {
color: var(--btnRezHvr);
}
.inputRezOut::before {
width: 15px;
height: 69px;
position: absolute;
z-index: 10;
content: url(/img/hotel/arrowRight.svg);
left: 0;
top: 50%;
transform: translate(-50%, -50%);
}

.inputRezIn::before {
bottom: 50%;
width: 20px;
height: 1px;
opacity: 1;
left: unset;
right: 0;
background: #fff;
transform: translatex(50%);
}
/*#nav li.last a::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;
}
.inputRez:hover>div,
.voucherButton:hover {
color: var(--themeColor);
/*background: var(--menuTrHvr);*/
}
/*#nav li.last a,*/
.button.rezBtn {
color: #fff !important;
padding: 10px 20px;
min-width: 145px;
max-width: 145px;
display: inline-flex !important;
justify-content: center;
min-height: 47px;
max-height: 47px;
align-items: center;
background: var(--themeColor);
position: relative;
/* border: 1px solid transparent; */
}
.button.rezBtn::after {
content: '';
position: absolute;
top: 3px;
left: -1px;
width: 147px;
height: 1px;
background-color: var(--gold-color);
cursor: none;
pointer-events: none;
}
.button.rezBtn::before {
content: '';
position: absolute;
top: -1px;
left: 3px;
width: 1px;
height: 47px;
background-color: var(--gold-color);
cursor: none;
pointer-events: none;
}
.button.rezBtn>span::after {
content: '';
position: absolute;
bottom: 3px;
left: -1px;
width: 147px;
height: 1px;
background-color: var(--gold-color);
cursor: none;
pointer-events: none;
}
.button.rezBtn>span::before {
content: '';
position: absolute;
top: -1px;
right: 3px;
width: 1px;
height: 47px;
background-color: var(--gold-color);
cursor: none;
pointer-events: none;
}
.button.rezBtn:hover::after {
top: 0;
left: 0;
width: 100%;
}
.button.rezBtn:hover::before {
top: 0;
left: 0;
height: 100%;
}
.button.rezBtn:hover>span::after {
bottom: 0;
left: 0;
width: 100%;
}
.button.rezBtn:hover>span::before {
top: 0;
right: 0;
height: 100%;
}
.button.rezBtn:hover {
background: #fff !important;
color: var(--gold-color) !important;
/* border: 1px solid var(--gold-color); */
}
#nav li a:hover::before,
#nav 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(--themeColor);
color: #fff;
height: 100%;
text-transform: uppercase;
width: 155px;
line-height: 1;
}
.buttonReservation:hover {
background: #fff;
color: var(--gold-color);
}
.sectionRow {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
position: relative;
}
/* .sectionSimple:not(.onlyTwo) .sectionRow {
gap: 16px;
} */

.sectionSimple:not(.onlyTwo):not(.Text) .sectionRow {max-height: 600px;}
.sectionSimple:not(.onlyTwo) .sectionRow .sectionSlider {
max-width: 675px;
min-width: 675px;
padding: 0 !important;
}
section.reverse .sectionRow {
flex-direction: row-reverse;
}
.roomsSection .singleRoomWrapper {
padding: 0;
}
.roomsSection .bottomRoomsWrapper,
.FeaturedRoom .bottomRoomsWrapper {
justify-content: space-between !important;
padding: 20px 0 20px 0;
width: 100%;
}
.roomsSection .bottomRoomsWrapper {
justify-content: flex-end !important;
}
.roomsSection .bottomRoomsWrapper .roomPrice,
.FeaturedRoom .bottomRoomsWrapper .roomPrice {
margin-left: 0;
}
.roomsSection .bottomRoomsWrapper .roomPrice {
margin-right: 75px;
}

#offersMain .nextSlide,
#offersMain .prevSlide,
.roomsMain .nextSlide,
.roomsMain .prevSlide {
left: unset;
right: unset;
color: var(--themeColor);
}
#offersMain .slick-arrow {
position: absolute !important;
}
.sectionSide {
width: 50%;
position: relative;
z-index: 3;
}
.sectionMapAccess .sectionImageWrapper {
height: 517px;
width: 100%;
}
.sectionMapAccess .sectionContent {
min-width: 730px;
}
.sectionMapAccess .sectionImageWrapper .sectionMapAccessImage {
width: 100%;
height: 100%;
min-height: 600px;
max-width: 100%;
object-fit: contain;
position: relative;
}
.sectionMapAccess .numbersMapAccess>span:first-child {
font-family: var(--beutyFont);
color: var(--themeColor);
font-size: var(--font-large);
}
.sectionMapAccess .numbersMapAccess>span:nth-child(2) {
margin-top: 8px;
}
.sectionMapAccess .numbersMapAccess {
display: flex;
align-items: center;
gap: 29px;
}
.sectionMapAccess .numbersMapAccess:first-child {
gap: 20px;
}
.sectionMapAccess .numbersMapAccessWrapper {
display: flex;
flex-direction: column;
gap: 10px;
padding-top: 40px;
}
.sectionMapAccess .mapPinWrapper {
position: absolute;
}
.sectionMapAccess .buttonWrapper {
display: flex;
}
.sectionMapAccess .buttonWrapper .button {
padding: 15px 20px 15px 45px;
}
.sectionMapAccess .buttonWrapper .mapPinWrapper::before {
position: relative;
content: url(/img/hotel/mapPin.svg);
left: 20px;
top: 10px;
}
.sectionMapAccess .buttonWrapper .button .sectionSimple.reverse .sectionRow .sectionSide.sectionSlider {
padding-left: 90px;
}
.sectionSimple:not(.reverse) .sectionRow .sectionSide.sectionSlider {
padding-right: 90px;
}
section.onlyTwo:not(.sectionOrnament) {
margin-bottom: 100px;
}
section.onlyTwo .sectionRow:not(.secondRow) {
/*background:rgba(243, 227, 196,0.2);*/
position: relative;
}
section.onlyTwo .sectionImageWrapper {
position: relative;
justify-content: center;
display: flex;
height: 100%;
}
section.onlyTwo .sectionImage {
width: 100%;
}
section.onlyTwo .sectionSide.sectionImage {
width: auto;
padding-right: 20px;
}
section.onlyTwo .sectionSide.sectionSlider .sectionImage {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center center;
}
section.onlyTwo .sectionSide.sectionSlider {
padding-right: 0px !important;
}
section.onlyTwo .sectionRow:not(.secondRow) .sectionContent {
padding: 0 0 40px 110px;
justify-content: center;
z-index:2;
}
section.onlyTwo .sectionRow.secondRow .sectionContent {
padding-top: 60px;
padding: 0 !important;
justify-content: center;
}
section.onlyTwo .sectionRow.secondRow {
margin-top: -60px;
}
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 .sectionRow img.onlyTwoIcons {
height: 240px;
width: 210px;
object-fit: contain;
opacity: 0.5;
}
section.onlyTwo .sectionSide .sectionBigImage {
width: 100%;
height: 400px;
}
section.onlyTwo .sectionSide .onlyTwoText {
margin-top: 40px;
}
section.onlyTwo .sectionSide.sectionSmallImage {
display: flex;
flex-direction: column;
}
section.onlyTwo .sectionSide .sectionSmallImageHeader {
width: 100%;
height: 100px;
z-index: 6;
}
.section.onlyTwo:not(.sectionOrnament) .siteWidth:before {
content: '';
position: absolute;
width: 60%;
height: calc(100%);
left: 0;
background-color: var(--light-bkg);
}
.sectionOrnament .sectionOrnamentText {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 60px;
}
section.sectionOrnament .sectionSide.sectionSlider .sectionImage {
margin-top: 25px;
}
.sectionOrnament .sectionOrnamentLeafes {
position: absolute;
left: -60px;
top: 25px;
}
.sectionOrnament .sectionOrnamentText .buttonWrapper {
margin-top: 40px;
}
.sectionOrnament .sectionOrnamentText .onlyTwoText {
width: 510px;
}
.sectionOrnament .sectionOrnamentText .onlyTwoText p {
margin: 0;
}
section.sectionOrnament .sectionSide .sectionBigImage::before {
content: '';
position: absolute;
height: calc(100% + 20px);
width: 65px;
left: -10px;
top: 15px;
z-index: -2;
background-color: var(--little-gray-bkg);
}
section.sectionOrnament .sectionRow:not(.secondRow) .sectionContent {
padding: 0 15px 0 100px;
}
section.onlyTwo.sectionOrnament .sectionImageWrapper {
height: 500px;
}
section.onlyTwo.sectionOrnament .sectionSide.sectionSmallImage {
padding-left: 100px;
}
section.onlyTwo.sectionOrnament .sectionSide.sectionSmallImage img {
border: solid 10px var(--little-gray-bkg);
}
.sectionSimpleIcon {
position: absolute;
right: 0;
bottom: 0;
z-index: 4 !important;
line-height: 1;
}
.sectionReviewsIcon,
.mainOffersIcon {
position: absolute;
left: -290px;
bottom: 0;
}
.mainOffersIcon {
bottom: -50px;
}
.sectionReviewsLeaf {
position: absolute;
right: 0;
bottom: 25%;
}
section.reverse .sectionSimpleIcon {
right: 70px;
}
section.reverse.sectionInscription .sectionSimpleIcon {
right: 105px;
}
.onlyTwo .sectionSide .buttonWrapper {
margin-top: 50px;
}
section.Text .sectionSide {
width: 100%;
padding: 0 50px !important;
}
.slick-slide img {
width: 100%;
max-width: 100%;
object-fit: cover;
position: relative;
transition: .4s ease-in-out;
}
.sectionSimple.reverse .sectionSide.sectionContent {
padding-right: 80px;
padding-left: 80px;
}
.sectionSimple:not(.onlyTwo):not(.sectionInscription):not(.sectionMapAccess) .sectionSide.sectionContent {
padding: /*12*/60px 0px /*12*/60px 120px;
}
.sectionSimple.reverse:not(.onlyTwo):not(.sectionInscription) .sectionSide.sectionContent {
padding: /*12*/60px 70px /*12*/60px 0px;
}
.sectionInscription .sectionSide.sectionContent {
padding: 125px 0px 125px 100px;
}
.sectionInscription.reverse .sectionSide.sectionContent {
padding: 125px 105px 125px 0px;
}
.sectionSimple .sectionSide.sectionContent p,
.sectionSimple .sliderContent p {
margin: 0;
}
#rooms .slick-slider {
height: auto;
}
.sectionSeparator .sectionSeparator .contentTitle .titleInfo {
color: #fff !important;
}
.contentTitle .titleInfo {
position: relative;
letter-spacing: .08em;
font-size: 30px;
line-height: 1.5;
font-family: var(--beutyFont);
color: var(--themeColor);
padding-bottom: 30px;
}
.contentTitle .beutyFont {
font-size: 150px;
line-height: 1.2;
margin: 0;
display: block;
color: #fff;
align-items: last baseline !important;
text-shadow: 0px 3px 6px rgba(0, 0, 0, .05);
}
.heroTitle.contentTitle .titleInfo {
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
}
.heroTitle.contentTitle .titleInfo strong {
font-weight: 500;
font-size: var(--font-large);
}
.heroTitle .offerTitleInfo {
font-size: var(--font-size);
}
.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;
}
.sectionOffersIcon,
section.sectionSimple {
padding-top: var(--spacing);
}
section.sectionOrnament {
padding-top: 200px;
}
.sectionGallery.wsekcji {
padding-top: 200px;
padding-bottom: 100px;
}
.sectionGallery.wsekcji .sectionGalleryWrapper {
position: relative;
}
section#offersMain {
padding-top: 200px;
padding-bottom: 100px;
position: relative;
}
.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;
}
.mainNews .contentTitle .beutyFont,
.offersMainWrapper .contentTitle .beutyFont,
.sectionGallery .contentTitle .beutyFont,
.SectionOpinie .contentTitle .beutyFont {
padding-bottom: 10px;
/* text-align: left; */
text-align: center;
}
.offersMainWrapper {
position: relative;
}
.mainNews {
padding-top: 200px;
padding-bottom: 100px;
}
.newsletterWrapper .contentTitle,
.roomInfo {
flex-direction: row
}
.singleRoomWrapper {
padding-right: 90px;
padding-left: 1px;
}
.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;
}
/*.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: #fff;
font-size: var(--font-large);
font-family: var(--beutyFont);
}
.button,
.roomsMain .contentTitle .beutyFont {
color: #fff;
}
.button {
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;
font-size: 60px;
}
.button {
display: inline-flex;
position: relative;
gap: 10px;
justify-content: center;
min-width: 150px;
min-height: 47px;
padding: 15px 20px;
font-family: var(--regularFont);
color: var(--themeColor);
font-weight: 400;
background: transparent;
line-height: 1;
font-size: var(--font-size);
transition: .3s;
text-transform: uppercase;
}
input.button {
border: 0;
}
.button:not(.rezBtn):not(.buttonNews)::before {
content: '';
position: absolute;
top: 0;
left: 4px;
width: 1px;
height: 100%;
background-color: var(--gold-color);
opacity: 1;
transition: 300ms;
cursor: none;
pointer-events: none;
}
.button:not(.rezBtn):not(.buttonNews)::after {
content: '';
position: absolute;
bottom: 4px;
left: 0;
width: 100%;
height: 1px;
background-color: var(--gold-color);
opacity: 1;
transition: 300ms;
cursor: none;
pointer-events: none;
}

.button:not(.rezBtn):not(.buttonNews) span::before {
content: '';
position: absolute;
top: 0;
right: 4px;
width: 1px;
height: 10%;
background-color: var(--gold-color);
opacity: 1;
transition: 300ms;
cursor: none;
pointer-events: none;
opacity: 0;
}
.button:not(.rezBtn):not(.buttonNews) span::after {
content: '';
position: absolute;
top: 4px;
left: 0;
width: 10%;
height: 1px;
background-color: var(--gold-color);
opacity: 1;
transition: 300ms;
cursor: none;
pointer-events: none;
opacity: 0;
}
.button:not(.rezBtn):not(.buttonNews):hover span::before {
height: 100%;
opacity: 1;
}
.button:not(.rezBtn):not(.buttonNews):hover span::after {
width: 100%;
opacity: 1;
}
.bottomRoomsWrapper {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 90px 20px 0;
}
.bottomRoomsWrapper .buttonWrapper {
gap: 80px;
}
.bottomRoomsWrapper .roomPrice {
/*margin-left: 150px;*/
z-index: 2;
line-height: 1;
align-content: center;
}
/* .bottomRoomsWrapper .button {
max-height: 40px;
} */

.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;
}
.buttonLight:hover:before {
background: #fff !important;
opacity: 0.7;
}
.buttonLight:hover {
color: var(--fontColor) !important;
opacity: 1;
}
.kafelekContent .buttonWrapper,
.sectionSide .buttonWrapper {
margin-top: 60px;
}
.act .sub-menu,
.sub-menu {
margin-top: 10px;
}
section {
line-height: 2;
color: var(--fontColor);
letter-spacing: .05em;
position: relative;
}
.sectionSeparator {
min-height: 600px;
color: #fff;
}
.sectionSeparator .contentTitle,
.roomsMainWrapper .contentTitle,
.sectionInscription .contentTitle,
section.sectionOrnament .contentTitle {
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 5;
top: -100px;
width: 100%;
}
.sectionDark.roomsMain::before,
.sectionOrnament .siteWidth:before {
content: '';
position: absolute;
width: 60%;
height: calc(100% - 100px);
top: 100px;
right: 0;
background-color: var(--light-bkg);
}
.sectionDark.roomsMain .roomsMainWrapper::before {
content: '';
position: absolute;
width: 845px;
max-width: 100%;
/*height: calc(100% - 100px);*/
top: -100px;
bottom: 0;
right: 0;
background-color: var(--light-bkg);
}

.sectionOrnament .siteWidth:before {
height: calc(100% - 200px);
top: 100px;

}
.sectionOpinie::before,
section#offersMain::before,
.sectionGallery.wsekcji::before {
content: '';
position: absolute;
width: 50%;
height: calc(100% - 100px);
top: 100px;
right: 0;
background-color: var(--light-bkg);
}
.sectionGallery.wsekcji::before {
right: unset;
left: 0;
}
.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::before {
content: '';
position: absolute;
width: 60%;
height: calc(100% + 150px);
top: -100px;
left: 0;
background-color: var(--light-bkg);
}
.galleryContainer,
.newsletter,
.roomsMainWrapper,
.sectionSeparator:not(.contentCenter) .sectionImageWrapper,
.sectionTitle {
position: relative;
}
.sectionSeparator .sectionImageWrapper::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #3E3E3E;
opacity: .3;
z-index: 3;
}
.sectionSeparator:not(.contentCenter) .sectionContent {
position: relative;
z-index: 5;
width: 100%;
max-width: 840px;
padding: 0 !important;
flex-direction: row;
display: flex;
min-height: 600px;
margin: 0 auto;
height: 100%;
}
.sectionSeparator .sectionContent .sectionSide {
width: 100%;
z-index: 4;
padding: 0 0 100px 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
}
.sectionSeparator .sectionContent .sectionSide a {
color: #fff !important;
text-decoration: underline;
}
.sectionSeparator .sectionContent .sectionSide a:hover {
opacity: 0.7;
}
.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::before {
content: '';
width: 100%;
height: calc(100% + 200px);
background: var(--light-bkg);
position: absolute;
top: -100px;
}
.mainNews .relMainNews>.siteWidth,
.mainNews .relMainNews>.siteWidth>.sectionTiles__wrapper {
position: relative;
z-index: 10;
}
.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;
}
.slick-arrow {
color: #fff;
position: absolute;
top: 50%;
right: 0;
z-index: 1;
transform: translate(50%, -50%);
}
.naszeObiekty .prevSlide {
left: 40px;
top: 0;
}
.naszeObiekty .nextSlide {
right: 40px;
top: 0;
}
.galleryContainer .slick-arrow {
top: 175px;
}
.roomArrow.nextSlide {
right: 45px;
}
.roomArrow.prevSlide {
left: 45px;
}
.nextSlide,
.prevSlide {
width: 30px;
height: 90px;
}
.prevSlide::before {
width: 15px;
height: 69px;
position: absolute;
z-index: 10;
content: url(/img/hotel/arrowLeft.svg);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.nextSlide::before {
width: 15px;
height: 69px;
position: absolute;
z-index: 10;
content: url(/img/hotel/arrowRight.svg);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.sectionSimple .prevSlide::before,
.sectionSimple .nextSlide::before {
filter: brightness(0) invert(1);
}
section .prevSlide.secarrowleft {
left: 40px;
}
section .nextSlide.secarrowright {
right: 40px;
}
section .prevSlide.secarrowleft,
section .nextSlide.secarrowright {
transform: translatey(-50%);
}
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: 37%;
}
.localizationWrapper {
left: 0;
text-align: center;
color: #fff;
bottom: -130px !important;
height: 120px;
/*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: var(--siteWidthShort);
}
.scrollTop {
position: absolute;
bottom: 60px;
right: -90px;
opacity: 1;
width: 69px;
}
.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;
}
.scrollDown {
position: relative;
display: flex;
width: 20px;
height: 120px;
opacity: 1;
}
.scrollDown span {
color: #fff;
padding: 10px 20px;
text-transform: uppercase;
font-size: 14px;
}
.scrollTop:hover,
.scrollDown:hover {
opacity: 0.6;
}
.scrollDown::after {
content: '';
position: absolute;
width: 2px;
height: 100px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: linear-gradient(to bottom, #fff 50%, var(--gold-color) 50%);
}
/* .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;
}
.langs.langsHeader {
left: 0;
font-size: 16px;
gap: 12px;
}
.langs.langsHeader a,
.socialMedia a {
opacity: 1;
}
.langs.langsHeader a {
margin-left: .2em;
margin-right: .2em;
}
.langs.langsHeader li a {
opacity: 0.7;
}
.langs.langsHeader .currentLang a,
.langs.langsHeader a:hover {
opacity: 1 !important;
/*border-bottom: 1px solid #fff;*/
}
.socialMediaHeader {
position: absolute;
width: 100%;
max-width: var(--siteWidth);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
z-index: 5;
justify-content: flex-end;
}
.socialMediaHeader ul {
flex-direction: column;
align-items: center;
gap: 20px;
}
.headerList :is(a),
.socialMedia :is(a) {
color: #fff;
text-decoration: none;
}
footer .logoFooter img {
width: 200px;
height: 150px;
object-fit: contain;
object-position: center center;
}
footer .socialMedia {
gap: 5px;
justify-content: flex-start;
margin: 0;
}
.footerWrapperInner {
position: relative;
}
.headerFooter,
.headerFooterSocialMedia {
position: absolute;
bottom: 70px;
left: 50%;
transform: translate(-50%);
z-index: 10;
}
.headerFooterSocialMedia {
bottom: 50%;
}
.quickbookHeaderFooter {
width: 100%;
justify-content: center;
align-items: center;
position: relative;
}

.headerFooter>*,
.headerFooterSocialMedia>* {
position: absolute;
color: var(--themeColor);
bottom: 0;
}
.footerWrapper {
background: var(--themeColor);
padding: 50px 0 50px 0;
}
.footerWrapper a {
text-decoration: none;
}
.footerWrapper a:hover {
color: #fff !important;
opacity: 0.6;
}
.footerWrapper ul a:hover,
.footerWrapper .footerContent a:hover,
.footerContact a:hover {
color: var(--btnRezHvr);
}
.socialMedia a:hover {
opacity: 0.6;
}
.footerWrapper * {
color: #fff;
}
.footerMenu a {
text-decoration: none;
text-transform: none;
line-height: 2.3;
}
.footerMenu ul {
justify-content: space-between;
flex-wrap: wrap;
flex-direction: column;
margin: 0;
padding: 0;
line-height: 2;
}
.footerMenu {
margin: 0;
max-width: 850px;
}
.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 0.5fr 1fr 0.5fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 0;
}
.footerWrapperInner .threeColumns .Column:nth-child(1) {
grid-column: 1 / 2;
grid-row: 1 / 2;
}
.footerWrapperInner .threeColumns .Column:nth-child(2) {
grid-column: 3 / 4;
grid-row: 1 / 2;
}
.footerWrapperInner .threeColumns .Column:nth-child(3) {
grid-column: 5 / 5;
grid-row: 1 / 2;
}
.footerWrapperInner .threeColumns .Column:nth-child(4) {
grid-column: 1 / 2;
grid-row: 2 / 3;
}
.footerWrapperInner .threeColumns .Column:nth-child(5) {
grid-column: 3 / 4;
grid-row: 2 / 3;
}
.footerWrapperInner .threeColumns .Column:nth-child(6) {
grid-column: 5 / 5;
grid-row: 2 / 3;
}
.logoFooterCenter {
align-items: center;
justify-content: center;
margin-bottom: 20px;
}

/*.Column {
flex:0 0 33.333%
}*/
.Column4 {
flex: 0 0 auto
}
.socialMedia a {
font-size: 22px;
}
.socialMedia a.hsicon-youtube {
font-size: 18px;
}
footer .socialMedia a {
font-size: 20px !important;
color: #fff;
}
footer .socialMedia a.fa-gift {
font-size: 26px !important;
}
footer .socialMedia li:not(:first-child)::before {
display: none !important
}
.footerLogoSM {
display: flex;
flex-direction: column;
width: 100%;
}
.logoColumn {
display: flex;
flex-direction: column;
align-items: center;
flex: 0 0 33.33%;
position: relative;
}
.newsletter .icon-bird {
position: absolute;
bottom: 0;
right: 200px;
}
.newsletterWrapper {
width: 100%;
max-width: 100%;
margin: 0 auto;
padding-top: var(--spacing);
padding-bottom: 30px;
}
.newsletterContent {
max-width: 100%;
align-items: center;
display: flex;
flex-direction: row;
width: 390px;
justify-content: flex-end;
flex-direction: row;
z-index: 10;
padding-right: 0;
position: initial;
height: 50px !important;
border-bottom: solid 1px var(--gold-color);
}
.newsletterContent input:focus {
border: none !important;
outline: none !important;
}
.newsletterContent input {
width: 100%;
max-width: 100%;
border: 0;
background: 0 0;
margin: 0;
padding: 0;
letter-spacing: .08em;
height: 50px;
text-align: left;
color: #fff !important;
font-size: var(--font-size) !important;
}
.newsletter .squareContent {
font-size: var(--font-size);
color: var(--fontColor);
text-align: left;
}
.newsletterContent input::placeholder {
color: #fff !important;
opacity: 1;
font-size: var(--font-size);
letter-spacing: .08em;
text-align: left;
text-transform: uppercase;
font-family: var(--regularFont);
}
.newsletterContent .button {
cursor: pointer;
height: 50px;
font-family: var(--regularFont);
background-color: transparent;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
border: 0;
min-width: auto;
padding: 0;
opacity: 1;
transition: .3s;
position: relative;
min-width: unset !important;
text-transform: uppercase;
}
.newsletterContent .button:hover {
opacity: 0.6;
}
.footerContent {
font-size: 15px;
letter-spacing: .06em;
line-height: 1.75;
font-weight: 400;
}
.newsletterColumn {
justify-content: end;
}
.newsletterWrapper .contentTitle {
position: relative;
justify-content: center !important;
}
.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;
}
#offersMain .offerArrows .smallArrow::before,
#roomsMain .roomArrows .smallArrow::before,
.footerContent p,
.offersContainer {
margin: 0;
}
.footerContact {
font-size: var(--font-large);
font-family: var(--beutyFont);
margin-bottom: 20px;
}
.newsletterColumnContact .footerContact {
margin-bottom: 15px;
}
.newsletterColumnContact p span {
color: var(--gold-color);
}
.footerOurObjects {
justify-content: center;
align-items: center;
display: flex;
background-color: var(--light-bkg);
height: 100px;
margin-top: var(--spacing);
}
.footerOurObjectsWrapper {
width: var(--siteWidthShort);
margin: 0 auto;
}
.footerOurObjectsContent {
display: flex;
justify-content: space-between;
align-items: center;
}
.footerOurObjectsContent a {
opacity: 1;
}
.footerOurObjectsContent a:hover {
opacity: 0.6;
}
.ourObjectsText {
font-family: var(--beutyFont);
font-size: var(--font-large);
color: var(--themeColor);
text-transform: uppercase;
}
.singleKafelek {
flex: 0 0 33.333%;
display: flex;
flex-direction: column;
}
.singleKafelek img {
width: 100%;
padding: 5px;
}
.kafelekContent {
min-height: 350px;
display: flex;
flex-direction: column;
justify-content: center;
}
.singleKafelek:nth-child(2n) {
flex-direction: column-reverse;
}
/* .footerHead {
font-size: 20px;
color: #fff;
margin-bottom: 15px;
} */
.galleryPicture {
padding: 4px !important;
flex: 0 0 33.333%;
display: block;
position: relative;
line-height: 1;
}
.wsekcji .galleryGrid {
overflow: hidden;
display: grid;
grid-template-columns: repeat(2, 1fr);
/* 2 kolumny */
gap: 16px;
/* Odstęp między elementami */
}
.wsekcji .galleryGrid * {
transition: 300ms;
}
.wsekcji .galleryGrid>.galleryPicture:nth-child(3n+1) {
grid-column: 1 / 2;
/* Pierwszy obrazek w pierwszej kolumnie */
grid-row: span 1;
/* Zajmuje jeden rząd */
}
.wsekcji .galleryGrid>.galleryPicture:nth-child(3n+2) {
grid-column: 2 / 3;
/* Drugi obrazek w drugiej kolumnie */
grid-row: span 2;
/* Zajmuje dwa rzędy */
height: 480px;
/* Ustawiona wysokość */
align-self: center;
/* Wyśrodkowanie między wierszami */
}
.wsekcji .galleryGrid>.galleryPicture:nth-child(3n+3) {
grid-column: 1 / 2;
/* Trzeci obrazek w pierwszej kolumnie */
grid-row: span 1;
/* Pod pierwszym obrazkiem */
}
.wsekcji .galleryGrid * {
transition: 300ms;
}
.wsekcji .galleryGrid .galleryPicture {
padding: 0 !important;
}
.wsekcji .galleryGrid .galleryPicture img {
width: 100%;
height: 360px;
object-fit: cover;
object-position: center center;
}
.wsekcji .galleryGrid .galleryPicture:nth-child(3n+2) img {
height: 480px;
}
.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 {
position: absolute;
right: 25%;
transform: translateX(50%);
bottom: 42px;
margin-top: 0 !important;
}
.sectionGallery.wsekcji .galleryGrid {
justify-content: center;
gap: 16px;
}
.sectionGallery.wsekcji .galleryPicture {
overflow: hidden;
}
.sectionGallery.wsekcji .galleryPicture span {
position: absolute;
bottom: -20px;
left: 0;
font-weight: 400;
opacity: 0;
color: #fff;
z-index: 10;
min-width: 100%;
min-height: 80px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
padding: 35px;
font-family: var(--beutyFont);
font-size: var(--font-large);
display: flex;
justify-content: center;
align-items: center;
transition: 500ms;
}
.buttonNews::before {
display: none;
}
.sectionGallery.wsekcji .galleryPicture:hover span {
opacity: 1;
bottom: 0;
}
.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.sekcjaKontakt {
padding-top: var(--spacing) !important;
}
section.sectionSeparator {
padding-top: 200px;
padding-bottom: 50px;
overflow: hidden;
}
section.sectionInscription {
padding-top: 200px;
}
section.sectionInscription::before,
section.sectionInscription.reverse::before {
content: '';
position: absolute;
width: 65%;
height: calc(100% - 200px);
top: 100px;
right: 0;
background-color: var(--light-bkg);
}
section.sectionInscription>.siteWidth {
position: Relative;
}
section.sectionInscription:not(.reverse)>.siteWidth::before {
content: '';
position: absolute;
width: 995px;
max-width: 100%;
height: calc(100% - 200px);
top: -100px;
right: 0;
background-color: var(--light-bkg);
}
section.sectionInscription.reverse::before {
right: unset;
left: 0;
}
.sectionGallery:not(.wsekcji) {
padding-top: 0;
}

#offersMain #offersMainSlider {
width: 100%;
overflow: hidden;
}
#offersMainSlider .singleOffer {
max-width: 650px;
position: relative;
flex: 1 1 33.33%;
width: 33.33%;
}
/*.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 {
position: absolute;
right: 8%;
top: 4%;
}
.sectionGallery.wsekcji .contentTitle {
position: absolute;
right: 4%;
top: -10%;
}
.FeaturedRoom .contentTitle,
.roomWrapper,
.sectionOpinie .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 {
position: absolute;
bottom: 10px;
left: 50%;
transform: translatex(-50%);
display: flex;
justify-content: flex-start;
transition: .3s;
text-align: left;
transition: 500ms ease-in-out;
z-index: 5;
}
.singleOffer .buttonWrapper .button {
color: #fff !important;
background-color: transparent !important;
opacity: 0;
transition: 500ms;
position: relative !important;
top: unset;
left: unset;
transform: unset;
}
.singleOffer:hover .buttonWrapper .button {
opacity: 1;
}
.singleOffer:hover .buttonWrapper .button {
opacity: 1;
visibility: visible;
}
.singleOffer:hover .buttonWrapper {
bottom: 25px;
}
.singleOffer:hover .imgDarkened::after {
opacity: .5;
}
.offersMain .offersWrapper>.buttonWrapper {
position: absolute;
bottom: 2px;
left: 50%;
transform: translateX(-50%);
}
#offersMain .offersWrapper .contentTitle .beutyFont {
margin-bottom: 100px;
}
#offersMain .offersWrapper .singleOffer:first-child {
margin-bottom: 400px;
}
#offersMain .offersWrapper .singleOffer:nth-child(2) {
margin-top: 200px;
margin-bottom: 200px;
}
#offersMain .offersWrapper .singleOffer:nth-child(3) {
margin-top: 400px;
}
.offersMain:not(#offersMain) .buttonWrapper {
margin-top: 100px;
}
#rooms .slick-arrow,
#roomsMain .slick-arrow,
.offersMain .slick-arrow,
.sectionOpinie .slick-arrow {
display: flex;
align-items: center;
position: absolute;
z-index: 5;
}
#rooms .slick-arrow.nextSlide,
#roomsMain .slick-arrow.nextSlide,
.offersMain .slick-arrow.nextSlide {
left: unset;
}
#offersMain .offerArrows span,
#rooms .roomArrows span,
#roomsMain .roomArrows span {
text-transform: uppercase;
/* margin: 0 15px; */
}
.roomArrow .slick-arrow {
position: absolute;
right: 35px;
}
#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;
overflow: hidden;
position: relative;
}
.offerWraper img {
opacity: 1;
transition: .4s ease;
}
.offerWraper:hover img {
opacity: .4;
}
.offerWraper .button {
transition: .4s ease;
}
/*.offerWraper:hover .button{
font-size:19px;
}*/
.roomWrapper {
padding: 0 !important;
}
.offerName,
.offerPriceWrapper {
padding: 0;
text-align: left;
color: var(--fontColor);
text-decoration: none;
font-size: var(--font-size);
letter-spacing: .05em;
line-height: 1.4;
opacity: 1;
transition: .3s;
visibility: visible;
}
.offerName {
margin-bottom: 25px;
font-size: var(--font-large);
line-height: 1.4;
position: relative;
}
.offerName,
.offerPriceWrapper strong {
color: var(--themeColor) !important;
}
.offerPriceWrapper {
min-height: 145px;
font-size: var(--font-size);
color: var(--fontColor);
letter-spacing: .05em;
line-height: 1;
opacity: 1;
transition: .3s;
visibility: visible;
display: flex;
/*flex-direction: column;*/
font-family: var(--regularFont);
}
.offersMainWrapper .offerPriceWrapper {
min-height: unset;
}
.body-ident-main .roomsMain,
.offerDescription {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
min-height: 150px;
}
.singleOffer .offerDescription {
min-height: 140px !important;
transition: .3s;
padding: 25px 0 25px 0;
position: relative;
z-index: 2;
bottom: 0;
left: 0;
right: 0;
border-bottom: solid 1px var(--gold-color);
}
.singleOffer .days {
color: var(--fontColor);
}
.singleOffer .offerDescription>.flexing {
width: 100%;
}
.body-ident-main .roomsMain {
min-height: unset;
}
.imageMediaWrapper {
position: relative;
height: auto;
display: block;
overflow: hidden;
z-index: 1;
}
.singleRoomWrapper .imageMediaWrapper::before,
.FeaturedRoom .BxImage .RoomCover::before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
z-index: 5;
}
/*.singleRoomWrapper:hover .imageMediaWrapper::before {
opacity:0.3;
}*/
.singleOffer:hover .imgCover {
transform: scale(1.05);
}
.singleOffer .imageMediaWrapper {
height: 390px;
width: 100%;
}
.singleOffer:hover .imageMediaWrapper .button,
.singleRoomWrapper:hover .buttonWrapper,
.singleRoomWrapper:hover .imageMediaWrapper .button {
top: 50%;
opacity: 1;
}
.mainOffersBox,
.opinieSlider {
width: 100% !important;
position: relative;
}
.imageMediaWrapper .button {
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
z-index: 5;
}
.singleRoomWrapper .buttonWrapper .button {
padding: 8px 20px 10px;
min-width: 145px;
/*height:47px;*/
position: relative;
top: unset;
left: unset;
transform: none;
margin: 0;
}
.singleRoomWrapper .buttonWrapper .button.rezBtn {
color: var(--fontColor);
}
.cont {
margin: 0 8px;
}
.singleRoomWrapper .buttonWrapper {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
z-index: 10;
opacity: 1;
transition: .3s;
}
.imageMediaWrapper img {
display: block;
height: 100%;
transform: scale(1);
transition: 500ms;
}
.roomImage,
.roomsImage {
width: 100%;
max-width: 100%
}
.roomsImage {
width: 100%;
height: 500px;
}
section.roomsMain .imageMediaWrapper img {
height: 600px;
object-fit: cover;
}
.singleRoomWrapper .imageMediaWrapper {
opacity: 1;
transition: 300ms;
}
.roomsSection .singleRoomWrapper .imageMediaWrapper {
padding-right: 90px;
}
.roomDescription,
.roomsDescription {
padding: 20px 0 20px 30px;
width: 100%;
background: 0 0;
color: var(--fontColor);
}
.priceRezoffer strong,
.roomPrice strong {
font-size: var(--font-large);
color: var(--themeColor);
font-weight: 400;
margin: 0 3px;
}
.priceRezoffer strong span {
font-size: var(--font-size);
color: var(--fontColor);
}
.roomsDescription {
position: absolute;
bottom: 0;
width: 100%;
z-index: 5;
padding: 10px 20px;
color: #fff;
flex-direction: row;
justify-content: center;
align-items: center;
}
.roomDescription .buttonWrapper .button:not(:last-child) {
margin-right: 30px;
}
.room-icons-in {
display: flex;
flex-wrap: wrap;
margin: -10px;
}
.icon-item {
color: var(--btnRezHvr);
font-size: 18px;
}
.icon-name,
.roomsSpecification .hsicon-roomsize {
font-size: 16px;
}
.icon-name {
margin-left: 10px;
}
.roomsSpecification {
margin-left: 100px;
align-self: center;
column-count: 3;
width: 100%
}
.roomsSpecification .tt-el {
padding: 10px 0;
}
.roomsName {
font-size: var(--font-large);
font-weight: 400;
position: relative;
padding: 0;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 20px;
}
.fiveColumns .Column {
flex: auto;
}
.Column {
padding: 30px 0 0 0;
}
.sekcjaKontakt .Column {
padding: 0;
}
.Column4 {
padding: 0 20px;
}
@media(min-height:780px) and (min-width:960px) {
.heroTitle {
top: 50%
}
}
@media(min-width:981px) {

.bottomNavMobile,
.mobileBar {
display: none;
}
.sliderImage,
header.mainHeader:not(.sliderOff) {
min-height: 640px;
}
body:not(.body-layout-home) header .sliderImage {
max-height: 90vh;
}
}
.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) {

.contentTitle .beutyFont {
font-size: 100px;
}
.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;
} */

.Column:not(:first-child) {
margin-top: 20px;
}
.footerContent .socialMedia {
justify-content: center;
}
.footerWrapperInner .threeColumns {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
margin: 0;
gap: 20px !important;
}
.threeColumns .Column {
align-items: center;
justify-content: center;
}
.scrollTop {
right: 0;
}
.footerOurObjectsWrapper {
padding: 0 20px;
}
.newsletterContent {
width: 100%;
}
.mainNav {
padding: 0 20px;
}
.sectionSimpleIcon,
.sectionReviewsIcon,
.mainOffersIcon {
display: none;
}
.sectionSeparator .contentTitle,
.roomsMainWrapper .contentTitle,
.sectionInscription .contentTitle,
section.sectionOrnament .contentTitle {
top: -65px;
}
.bottomRoomsWrapper .roomPrice {
margin-left: 0;
}
.bottomRoomsWrapper .buttonWrapper {
gap: 30px;
}
.roomsWrapper.siteWidth {
padding: var(--spacing) 0 0 0 !important;
max-width: 100%;
}
.sectionGallery.wsekcji .contentTitle {
right: 10%;
top: 0;
}
.offerPriceWrapper {
line-height: 1.4;
}
}
body.body-pluginident-HotelSystemsBooking #booking-engine {padding: 40px 40px;}
@media(max-width:980px) {
section.Text table:not(.conf-table),
section.Text table:not(.conf-table) tr,
section.Text table:not(.conf-table) td {display:block;}

.mainHeader .contentTitle {width: 100%!important;padding:0 30px!important;}

.sectionSimple:not(.onlyTwo):not(.Text) .sectionRow {max-height: inherit;}
.sectionSimple:not(.onlyTwo) .sectionRow .sectionSlider {
max-width: auto;
min-width: auto;
padding: 0 !important;
}
section.Text .sectionContent {overflow-x: scroll;overflow-y:hidden!important;}
body.body-ident-main section.Text .sectionContent {overflow: unset!important;}
section.Texttable:not([class]),
section.Texttable:not([class]) tr,
section.Texttable:not([class]) td {display:block;}
body.body-pluginident-HotelSystemsBooking #booking-engine {padding: 0 20px;}
.optCat {margin:50px 0 50px!important;}
.optCat li {width:45%;justify-content: flex-start;overflow: hidden;padding-left: 20px;}
.optCat li a {padding-right:0!important;padding-left:0!important;padding-bottom: 10px;}
.optCat li span {text-align: left;line-height: 1.25;}
.singleOffer .imageMediaWrapper video,
.singleOffer .imageMediaWrapper img {
height: 80vw !important;
}
.contentTitle .beutyFont {
font-size: 80px;
text-shadow: 0px 3px 6px rgba(0, 0, 0, .2);
}
.contentTitle {
padding-bottom: 30px;
}
.sectionGallery.wsekcji .galleryPicture span {
opacity: 1;
bottom: 0;
}
.wsekcji .galleryGrid .galleryPicture img {
height: 100% !important;
}

.wsekcji .galleryGrid>.galleryPicture:nth-child(3n+2) {
height: 80vw;
}
/* section.sectionSimple.Text {
overflow-x: scroll;
} */

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;
}
.sectionGallery.wsekcji .galleryPicture:hover {
width: 100% !important;
}
.wsekcji .galleryGrid .galleryPicture:hover {
flex: auto;
}
.offerWraper img {
height: 80vw !important;
}
.singleOffer .offerDescription {
padding: 0 0 30px 0 !important;
gap: 40px;
left: 0;
right: 0;
}
.offersPage .singleOffer .offerDescription {
padding: 0 0 60px 0 !important;
}
.offerPriceWrapper {
display: flex;
flex-direction: column;
}
.singleOffer .buttonWrapper {
bottom: 30px;
}
.offerPriceWrapper .days {
text-align: center;
}
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 img {
height: 100%;
width: 100%;
}
body:not(.body-ident-main) .singleRoomWrapper .imageMediaWrapper img {height: 60vw!important;}
body.body-ident-main .roomsMainWrapper .contentTitle {padding: 0 40px 50px;position:relative;top: unset;}
.wsekcji .galleryGrid {
flex-wrap: wrap;
display: flex !important;
}
.wsekcji .galleryGrid>.galleryPicture {
width: 100%;
}
section.onlyTwo.sectionOrnament .sectionSide.sectionSmallImage img {border:0!important;}
section.onlyTwo .sectionSide.sectionSlider .sectionImage,
section.onlyTwo .sectionRow .sectionSlider img:not(.onlyTwoIcons),
section iframe,
section.Text iframe {
width: 100% !important;
height: 80vw !important;
min-height: 100px;
}
.sectionSeparator.separatorNew>.siteWidth::before {
width: 100% !important;
right: 0;
}
.sectionSeparator.separatorNew .sectionSeparatorImage {
width: 100%;
}
section.onlyTwo .sectionRow {
margin-top: 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;
min-height:80vw;
}
.sectionSeparator:not(.contentCenter) .imageSlider .sectionContent {
flex-direction: column;
left: 0;
top: 0;
height: 100%;
justify-content: flex-end;
position: relative;
transform: unset;
padding: 70px 40px !important;
}
section:not(.sectionSeparator) .sectionSlider .slick-slide img,
.sectionMapAccess .sectionImageWrapper .sectionMapAccessImage {
height: 80vw !important;
}
.sectionMapAccess .sectionImageWrapper {
height: 100%;
}
.sectionMapAccess .sectionContent {
padding-top: 30px;
}
.sectionSeparator .sectionImage {
height: 100% !important;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}
.sectionSeparator .contentTitle,
.roomsMainWrapper .contentTitle,
.sectionInscription .contentTitle,
section.sectionOrnament .contentTitle {
padding-bottom: 0;
top: /*30px*/0;
position:relative;
}
.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;
}
.sectionSeparator .nextSlide {
right: 0;
}
.sectionSeparator .slideTitle {
width: 100%;
bottom: 0;
border-bottom: unset;
padding-bottom: 35px;
}
section.mainNews {
padding-top: var(--spacing);
padding-bottom: 0;
}
.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;
}
.footer-bottom {flex-direction: row;}
.footerSubmenu,
.footerWrapperInner .fiveColumns,
.galleryFirstRow,
.newsletterWrapper .contentTitle {
flex-direction: column;
}
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: 25px !important;
}
.mainMenu>li:not(.logoLi) {
padding: 0 10px;
width: auto;
}
#offersMain .offerArrows .button span,
.btnRoomSpacing span,
.mainMenu,
.offersMain .buttonWrapper span,
.sectionGallery:not(.wsekcji) .contentTitle .beutyFont {
margin: 0;
}
.heroTitle {
top: 50%
}
.sliderImage {
height: calc(100vh - 60px);
}
.logo,
.logo a,
.logo img {
height: 100%
}
.roomsMain .slick-slide,
.roomsMain .imageMediaWrapper {height:80vw!important;}
.mainNav,
.scrollTop,
.socialMediaHeader,
.localizationWrapper,
section.sectionSeparator .separatorBottomContent img {
display: none;
}
.footerSubmenu a,
.logo a {
display: block;
}
.logo img {
width: auto;
}
.mobileBar .logo img {
height: 35px;
width: 55px;
}
.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;
}
.separateOffer .sectionSimple:not(.onlyTwo):not(.Text) .contentTitle {
padding-top: 0px !important;
}
.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 {
text-align: left !important;
}
.button:not(.btnBorder):not(.buttonNews) {
min-width: 150px !important;
}
.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: 80vw;
overflow: hidden;
}
.roomDescription,
.roomImage {
width: 100%;
max-width: 100%;
padding-right: 0 !important;
margin-top: 0;
}
.roomWrapper {
flex-direction: column;
height: 80vw;
justify-content: space-between;
}
.roomsMain .slick-track {
display: flex;
align-content: stretch;
}
.singleOffer .buttonWrapper,
.singleOffer .offerDescription,
.singleOffer:hover .buttonWrapper {
justify-content: center;
height: auto !important;
}
.singleOffer .buttonWrapper .button {
opacity: 1;
}
.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 {
position: relative !important;
width: 100%;
justify-content: center;
}
.siteWidth {
max-width: 100%
}
.roomsWrapper.siteWidth:last-child {
padding-bottom: 0 !important;
}
.opinieSlider .slick-list {
padding: 0;
}
.reviewsSlider .nextSlide {
right: 10px;
color: var(--btnRezHvr) !important;
top: 50% !important;
}
.reviewsSlider .prevSlide {
left: 10px;
color: var(--btnRezHvr) !important;
top: 50% !important;
}
.showmobile {
display: inline-flex;
}
.hidemobile {
display: none !important;
height: 0;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
.mainSlider .slick-arrow,
.newsletter .icon-bird,
.quickbookHeaderFooter /*.rezForm*/,
.roomsMain::before,
.roomsSection::before,
.sectionSeparator .sectionSlider::before,
.section.onlyTwo .siteWidth:before,
.roomsMain::before,
section.sectionInscription::before,
section.sectionInscription.reverse::before,
.sectionOpinie::before,
.sectionOpinie .sectionSide,
.sectionReviewsLeaf,
section#offersMain::before,
.sectionGallery.wsekcji::before,
.mainNews .relMainNews::before,
.sectionOrnament .sectionOrnamentLeafes,
section.sectionOrnament .sectionSide .sectionBigImage::before,
section.sectionInscription:not(.reverse)>.siteWidth::before,
.sectionDark.roomsMain .roomsMainWrapper::before {
display: none !important;
}
:root {
--spacing: 50px;
--font-size: 15px;
--font-large: 22px;
}
.offerName {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
width: 100%;
text-align: center;
}
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: 1;
padding: 5px;

}
ul.langsMobile li.currentLang {
border-bottom: 1px solid var(--btnRezHvr);
}
ul.langsMobile li a {
text-decoration: none;
}
.footerWrapper {
padding-top: 50px;
height: auto;
}
.footerWrapper .logo img {
width: 160px;
max-width: 100%
}
.footerWrapperInner {
border: 0 !important;
}
.FeaturedRoom .contentTitle .beutyFont,
.mainNews .contentTitle .beutyFont,
.offersMainWrapper .contentTitle .beutyFont,
.roomsMain .contentTitle .beutyFont,
.sectionGallery .contentTitle .beutyFont {
padding-left: 0;
}
.body-nomain section.sectionSimple {
padding-bottom: 0;
}
.offersWrapper,
.reviewsWrapper,
.sectionSeparator:not(.contentCenter) .separatorContent {
flex-direction: column !important;
align-items: flex-start;
}
.sectionSeparator:not(.contentCenter) .separatorContent>div {
width: 100%;
padding: 0 20px;
}
.sectionSeparator:not(.contentCenter) .separatorContent>div.contentTitle {
padding: 0 20px;
}
.body-ident-main .roomsMain,
.roomsSection {
padding-top: var(--spacing);
min-height: auto;
}
section#mapaGoogle,
section.sectionSeparator,
section.sekcjaKontakt,
section.sectionInscription {
padding-top: var(--spacing) !important;
padding-bottom: 0;
}
#offersMain .offersWrapper {
background: unset;
}
.opinieContent {
background: 0 0 !important;
/*padding: 0!important;*/
}
.opinieNameWrapper {
justify-content: flex-start !important;
padding-left: 0 !important;
}
.sectionGallery.wsekcji .galleryColumn:first-child,
.sectionGallery.wsekcji .galleryColumn:nth-child(2),
.sectionGallery.wsekcji.reverse .galleryColumn:first-child,
.sectionGallery.wsekcji.reverse .galleryColumn:nth-child(2) {
margin-bottom: 0;
margin-top: 0;
width: 100% !important;
padding: 0 !important;
}
.sectionGallery.wsekcji .galleryColumn:first-child .galleryImage,
.sectionGallery.wsekcji .galleryImage,
.sectionGallery.wsekcji.reverse .galleryColumn:nth-child(2) .galleryImage {
height: 80vw;
}
.Column4 {
padding: 20px 0 !important;
border: unset !important;
}
.sectionGallery.wsekcji .buttonWrapper {
margin: 30px 0 0 !important;
width: 100% !important;
flex-wrap: wrap;
bottom: 0;
right: 0;
transform: none;
position: relative;
justify-content: center;
}
.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: 80vw;
}
.newsletterContent,
.roomsImage img,
.sectionGallery:not(.wsekcji) .galleryColumn {
width: 100%
}
.newsletterColumn,
.newsletterContent input,
.newsletterWrapper {
width: 100%;
z-index: 5;
position: relative;
}
.newsletterWrapper {
padding-top: 100px;
}
.footer-bottom>div {
margin-bottom: 10px;
text-align: center;
}
.offersMain .offersWrapper>.buttonWrapper.offerArrows {
margin: 30px 0 0 !important;
width: 100% !important;
flex-wrap: wrap;
bottom: 0;
left: 0;
transform: none;
position: relative;
justify-content: center;
}
#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,
.sectionGallery.wsekcji .contentTitle {
display: inline-flex;
position: relative;
right: 0;
top: 0;
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: 40px auto 0;
}
.footerMenu a {
/*padding: 15px 5px !important;*/
display: inline-block;
font-size:
}
.roomsMainWrapper {
flex-direction: column;
display: flex;
}
.FeaturedRoom .contentTitle,
.mainNews .contentTitle,
.roomWrapper_,
.sectionOpinie .contentTitle {
flex-direction: column;
padding-bottom: 50px !important;
}
.FeaturedRoom .contentTitle>div,
.mainNews .contentTitle>div,
.offersMainWrapper .contentTitle>div,
.roomsMainWrapper .contentTitle>div,
.sectionGallery.wsekcji .contentTitle>div,
.sectionOpinie .contentTitle>div {
flex: 0 0 100%
}
.singleOffer .buttonWrapper {
opacity: 1;
visibility: visible;
}
.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;
}
.offersPage .singleOffer .imageMediaWrapper video,
.offersPage .singleOffer .imageMediaWrapper img {
height: 100% !important;
}
.offersPage .offerName {
margin-bottom: unset;
margin-top: 25px;
overflow: unset;
}
.offersPage .singleOffer .offerDescription {
gap: 0;
}
.roomsSection .bottomRoomsWrapper,
.sectionDark .bottomRoomsWrapper,
.FeaturedRoom .bottomRoomsWrapper {
flex-wrap: wrap;
align-items: center;
justify-content: center !important;
padding: 30px 0 10px 0;
gap: 20px;
}
.sectionDark .bottomRoomsWrapper {
flex-wrap: wrap-reverse;
}
.singleRoomWrapper {
padding-right: 0;
padding-left: 0;
}
.sectionDark .bottomRoomsWrapper .roomPrice {
order: 1;
}
.FeaturedRoom .bottomRoomsWrapper .roomPrice {
order: 1;
width: 100%;
}
.roomsSection .bottomRoomsWrapper .button,
.FeaturedRoom .bottomRoomsWrapper .button {
order: 2;
}
.roomsSection .bottomRoomsWrapper .button .rezBtn,
.FeaturedRoom .bottomRoomsWrapper .button .rezBtn {
order: 3;
}
.roomsImage {
order: 1;
width: 100%;
max-width: 100% !important;
height: 90vw;
}
.roomsDescription,
.roomsSpecification {
order: 2;
}
.roomsDescription .buttonWrapper {
flex-direction: column;
justify-content: center;
align-items: center;
}
.footerOurObjects {
height: 100%;
padding: 30px 0;
}
.footerOurObjectsContent {
flex-direction: column;
gap: 30px;
}
section.onlyTwo .sectionSide .headerTextWrapper,
section.sectionOrnament .contentTitle {
position: relative;
align-items: center;
text-align: center;
padding-bottom: 0;
padding-top: 30px !important;
top: 0;
}
section.sectionOrnament .contentTitle {
padding-top: 0 !important;
padding-bottom: 30px;
}
section.onlyTwo .sectionSide .sectionSmallImageHeader {
height: unset;
}
section.onlyTwo .sectionSide.sectionSmallImage {
flex-direction: column-reverse;
}
section.onlyTwo .sectionSide .sectionBigImage {
height: 100%;
}
section.onlyTwo .sectionSide .onlyTwoText {
margin-top: 0;
padding: 30px 0;
}
section.onlyTwo .sectionSide .onlyTwoText p {
margin-top: 0;
}
section.onlyTwo {
margin-bottom: 0;
}
section p {text-align: justify;}
.body-ident-main .roomsMain {
padding-top: /*var(--spacing)*/20px;;
}
.contentTitle .titleInfo {
padding-bottom: 0;
}
.sectionInscription .contentTitle {
position: relative;
top: 0;
padding: 30px 0;
}
.kafelekContent .buttonWrapper,
.sectionSide .buttonWrapper,
.onlyTwo .sectionSide .buttonWrapper {
margin-top: 30px;
}
.sectionSimple:not(.Text):not(.onlyTwo):not(.sectionMapAccess) .contentTitle {
padding: 30px 0 !important;
}
.sectionMapAccess .sectionSide:first-child {
display: flex;
align-items: center;
flex-direction: column;
padding-bottom: 30px !important;
}
.sectionMapAccess .sectionSide .contentTitle {
padding: 0 !important;
}
.sectionMapAccess .numbersMapAccess {
gap: 28px;
}
.sectionMapAccess .numbersMapAccessWrapper {
padding-top: 30px;
}
.sectionSimple .contentTitle .titleInfo {
text-align: center;
}
.singleOffer .imageMediaWrapper {
/*height: 100%;*/
height:80vw;
min-height:80vw!important;
}
.singleOffer .offerDescription .offerPriceWrapper {
min-height: unset;
}
#offersMainSlider .singleOffer {
max-width: unset;
flex: unset;
}
.prevSlide.offerArrow {
left: 45px;
}
.nextSlide.offerArrow {
right: 45px;
}
.prevSlide:not(.roomArrow):before,
.nextSlide:not(.roomArrow):before {
filter: brightness(0) invert(1);
}
.imgDarkened::after {
opacity: .5;
}
section#offersMain {
padding-bottom: 0;
}
.offersMainWrapper .beutyFont {
padding: 0 !important;
}
#offersMain .offersMainWrapper .contentTitle {
padding: 0 0 30px 0 !important;
}
#offersMain .offersWrapper .singleOffer:first-child,
#offersMain .offersWrapper .singleOffer:nth-child(2),
#offersMain .offersWrapper .singleOffer:nth-child(3) {
margin-top: 0;
margin-bottom: 0;
}
.sectionOrnament .sectionOrnamentText .onlyTwoText {
width: 100%;
}
section.onlyTwo.sectionOrnament .sectionImageWrapper {
height: 100%;
}
section.onlyTwo:not(.sectionOrnament) {
margin-bottom: 0;
}
.sectionGallery.wsekcji {
padding-bottom: 0;
}
.roomsSection .bottomRoomsWrapper .roomPrice {
margin-right: 0;
}
.roomsSection .singleRoomWrapper .roomsDescription {padding-right:40px;padding-left:0;}
.roomsSection .singleRoomWrapper .imageMediaWrapper::before {
right: 40px;
}
.roomsSection .singleRoomWrapper .imageMediaWrapper {
padding-right: 40px !important;
}
.roomsSection .bottomRoomsWrapper {
padding-right: 0px !important;
}

.Column {
padding: 0 !important;
}
.sectionMapAccess .sectionContent {
min-width: unset;
}
.sectionMapAccess .sectionImageWrapper .sectionMapAccessImage {
min-height: unset;
height: 100% !important;
}
.sectionSimple:not(.onlyTwo) .sectionRow .sectionSlider {
min-width: unset;
}
}
@media(max-width:576px) {
.contentTitle .beutyFont {
font-size: 50px;
/*word-wrap: anywhere;*/
}
.heroTitle.contentTitle .beutyFont {
font-size: 50px;
}
section {
padding-top: 50px;
}
.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;
overflow:hidden;
}
.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;
}
.bottomRoomsWrapper .buttonWrapper {
width: 100%;
justify-content: space-around;
gap: 20px;
flex-wrap: wrap-reverse;
}
}
@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;
}