@import "./partials/slider.css?v1";
@import "./partials/defaults.css?v1";
@import "./partials/header.css?v1";

:root {
--book-btn:#F7F7F7;
--regular-color:#3A3A3A;
--dark-color:#3A3A3A;
--gold-color:#998646;
--gold-light-color:#AA9745;
--green-color:#11948f;
--lgreen-color:#1BB9B3;
--spacing:80px;
--beuty-font:ivymode,sans-serif;
--text-font:acumin-pro,sans-serif;
--type-font:mrblaketon-pro,sans-serif
}

html {
box-sizing:border-box
}

*,::after,::before {
box-sizing:inherit
}

#container-hs {
background:#fff
}

a {
color:var(--dark-color)
}

.body-ident-ceny_i_rezerwacja .bottomNavMobile {
display:none
}

a:hover {
color:var(--green-color)
}

.body-ident-pokoje #booking-engine {
order:5
}

section {
order:4;
position:relative
}

section .sectionContentText {
letter-spacing:.04em;
line-height:2.29
}

body.body-ident-main #offersMain {
order:1
}
body.body-ident-main #SectionOpinie {
display: none;
}
body:not(.body-ident-main) #offersMain {
order:15
}

body:not(.body-ident-main) #SectionOpinie {
order:16;
display: none;
}

#o-nas {
order:2
}

.roomsMain {
order:3
}

#blog {
order:5
}

#warto_wiedziec {
order:6
}

#offersMain,body:not(.body-ident-pokoje) .animsition-disabled {
/*overflow-x:hidden;*/
overflow-y:hidden;
min-height:100%
}
.icon-arrow-bottom::before {
font-family:'verde'!important
}

#galeria_home {
order:7
}

.fa::before {
margin-left:.2em;
margin-right:.2em
}

section.notopmargin {
margin-top:0!important;
padding-top:0!important
}

section.bigbottommargin {
padding-bottom:calc(2 * var(--spacing))!important
}

section.szary {
background:#f3f3f3;
margin-top:var(--spacing);
padding-bottom:var(--spacing)
}

section.addLogo .section-castle {
position:absolute;
top:20%;
left:-200px;
width:743px
}

section.sectionSimple.addLogo {
padding-bottom:160px
}

section.sectionOpinie .section-castle,section.sectionSimple.addLogo .section-castle {
position:absolute;
top:auto;
bottom:0;
left:calc(50% + 80px);
width:743px
}

body,#accordion p {
font-size:16px;
font-family:var(--text-font);
font-weight:300;
font-style:normal;
color:var(--regular-color)
}

strong {
font-weight:700
}

.beutyFont,.faqList #accordion h3 {
font-family:var(--beuty-font);
font-style:normal;
font-weight:400;
line-height:125%
}

.galleryGrid {
display:block;
position:relative;
width:100%
}

.galleryBox,.galleryBox .galleryBoxInner {
display:flex;
flex-wrap:wrap;
justify-content:space-between
}

.galleryBox {
flex-direction:row;
margin-bottom:5px
}

.galleryImageWrapper {
height:100%
}

.galleryBox > .galleryPicture {
width:50%;
position:relative
}

.galleryBoxInner {
width:35%
}

.galleryBoxInner > .galleryPicture {
height:calc((100% - 5px) * 1/2);
position:relative
}

.galleryBox:nth-child(even) {
flex-direction:row-reverse
}

.offersMain,.roomsMain,.hero {
position:relative
}

.sale-lista-hld {
display:flex;
justify-content:space-between;
width:calc(100% + 100px);
max-width:900px;
margin:0 -50px;
padding:80px 0 40px
}

.sale_lista {
display:flex;
flex-direction:column;
flex-grow:1;
align-items:center;
position:relative
}

.sale_lista:not(:last-child)::after {
content:'';
position:absolute;
top:0;
right:0;
display:inline-block;
width:1px;
height:86px;
background-color:rgba(153,134,70,.5);
-ms-transform:rotate(28deg);
transform:rotate(28deg)
}

.sale_lista_item-title {
padding-bottom:15px;
color:var(--green-color);
font-family:var(--beuty-font);
font-size:22px;
letter-spacing:.04em;
line-height:1.29
}

.sale_lista_item-subtitle {
max-width:120px;
line-height:1.43;
text-align:center
}

.mainNav {
display:flex;
justify-content:space-between;
align-items:flex-start;
max-width:calc(100% - 90px);
flex-wrap:nowrap;
position:relative;
margin:0 auto
}

.mainNav.scrolled {
top:-100px;
position:absolute;
width:100%;
}

.act .mainNav.scrolled {
top:0;
padding:5px
}

.act .mainNav:not(.scrolled) {
top:-120px
}

.act nav#nav,.act .mainNav.scrolled {
max-width:100%;
width:100%
}

.mainNav .mainMenu {
width:100%;
justify-content:center;
padding-bottom:5px
}

.mainNav .mainMenu.leftMenu {
justify-content:flex-end;
padding-top:40px
}

.mainNav .mainMenu.rightMenu {
justify-content:flex-start;
padding-top:40px
}

.icon-youtube::before,.icon-people:before {
width:2em!important
}

.mainHeader .header-middle::after {
content:'';
position:absolute;
top:-15%;
left:-15%;
z-index:-1;
width:130%;
height:130%;
background:linear-gradient(180deg,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%)
}

.mainHeader .mainMenu > li:not(.last) > a,.topBar a {
color:#fff;
text-transform:uppercase;
font-size:14px;
font-weight:500;
padding:10px 15px;
letter-spacing:.1em
}

.mainHeader.act .mainMenu > li > a {
font-size:12px;
font-weight:300;
letter-spacing:.12em
}

.mainHeader .mainMenu > li.act > a,.mainHeader .mainMenu > li:not(.last):not(.currentLangLi) > a:hover,.topBar a:hover,.currentLang a {
color:var(--lgreen-color)
}

.mainNav li.last a {
background:var(--book-btn);
color:var(--gray-color);
border:0
}

.act .mainNav li.last a {
background:var(--green-color);
color:var(--dark-color);
border:0
}

.mainNav li.last a:hover {
background:var(--dark-color);
color:var(--green-color)
}

.mainNav li:not(.last) a {
position:relative;
color: #fff;
text-transform:uppercase;
font-size:14px;
margin-right: 5px
}

.mainMenu > li:not(.last) > a:hover::before,.mainMenu > li.act:not(.last) > a::before {
width:100%;
opacity:1
}

li.currentLangLi {
position:fixed;
right:30px
}

li.currentLangLi > a {
font-size:13px!important
}

.currentLangLi:hover .nav-lang-list {
pointer-events:auto;
opacity:1;
transform:translate3d(0,0,0)
}

.nav-lang-list {
position:absolute;
top:100%;
left:10px;
pointer-events:none;
padding-top:5px;
opacity:0;
transform:translate3d(0,10px,0);
transition:opacity .3s,transform .3s
}

.nav-lang-list ul {
position:relative;
width:auto;
padding:6px 0;
background-color:#fff;
list-style-type:none
}

.nav-lang-list ul a {
padding:6px 10px;
font-size:12px!important;
font-weight:300;
letter-spacing:.04em;
line-height:1.3;
text-transform:uppercase;
min-height:1px
}

.nav-lang-list ul::before {
content:'';
display:block;
position:absolute;
bottom:100%;
left:50%;
margin-left:-4px;
border-right:4px solid transparent;
border-bottom:4px solid #fff;
border-left:4px solid transparent
}

.scrollDown {
color:#fff;
font-size:30px
}

.rezForm {
position:absolute;
bottom:0;
left:50%;
transform:translate(-50%);
width:100%;
display:flex;
justify-content:center
}

.rezForm * {
line-height:1
}

.data-picker-rez {
position:relative;
background:rgba(59,59,59,.8);
align-items:center;
padding:15px 35px;
justify-content:space-between
}

.be-caption {
font-family:var(--beuty-font);
font-weight:400;
font-size:16px;
text-transform:uppercase;
color:#fff;
letter-spacing:.1em;
padding-right:10px
}

.form-control {
display:none
}
.dd {font-size: 22px;}
.mm {font-size: 14px;text-transform:uppercase;margin-top: 4px;letter-spacing: .25em;}
.day-and-month {
position:relative;
min-width:180px;
padding:15px 10px 18px;
cursor:pointer;
text-align:center;
color:#fff;
background-color:rgba(255,255,255,.04);
border:1px solid rgba(63,213,208,.5);
font-size:14px;
font-family:var(--text-font);
font-size:14px;
font-weight:300;
letter-spacing:.25em;
line-height:10px
}

.day-and-month:hover {
border:1px solid var(--lgreen-color);
}

.rezForm .bookBtn {
margin-left:20px
}

.bookBtn {
cursor:pointer;
width:auto;
height:55px;
padding:18px 30px 21px;
background-color:var(--gold-color);
z-index:10;
position:relative
}

.bookBtn:hover {
background-color:var(--gold-light-color)
}

.voucherBtn span,.bookBtn span {
color:#fff;
font-size:14px;
font-weight:300;
letter-spacing:.25em;
text-transform:uppercase;
white-space:nowrap
}

.voucherBtn i {
color:#fff;
font-size:16px
}

.voucherBtn {
cursor:pointer;
height:57px;
padding:18px 40px 21px;
border:1px solid rgba(255,255,255,.4);
background-color:transparent;
margin-left:15px
}

.voucherBtn:hover {
border:1px solid rgba(255,255,255,1)
}

.tooltip {
display:block;
position:absolute;
bottom:calc(100% + 30px);
left:50%;
pointer-events:none;
padding:6px 20px;
background-color:rgba(0,0,0,.4);
color:#fff;
font-family:var(--text-font);
font-size:13px!important;
letter-spacing:.08em!important;
line-height:1.3!important;
white-space:nowrap!important;
text-transform:none!important;
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}

.tooltip .icon {
position:absolute;
padding-right:0;
bottom:-7px;
left:50%;
width:0;
height:0;
border-top:7px solid rgba(0,0,0,.4);
border-right:10px solid transparent;
border-left:10px solid transparent;
font-size:8px;
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}

.inputRez .hsicon {
color:var(--green-color);
padding-right:10px;
margin-bottom:1px;
font-size: 22px;
}

.inputRezSep {
position:relative;
width:30px;
height:10px
}

.bestPriceGuaranted {
color:#fff;
text-align:center;
margin-bottom:20px;
font-size:18px
}

.slick-arrow.icon-arrow-right:hover {
right:20px
}

.slick-arrow.icon-arrow-left:hover {
left:20px
}

.slick-arrow {
padding:10px
}

.galeria_w_sekcji_box {
display:flex;
flex-wrap:wrap;
justify-content:space-between;
width:100%
}

.item.galleryPicture .box_pic,.galeria_w_sekcji_box .box_pic {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
overflow:hidden
}

.galeria_w_sekcji_box .box_pic img {
width:100%;
height:100%;
object-fit:cover
}

.galeria_w_sekcji_box .item-gallery {
display:inline-block;
position:relative;
width:300px;
height:340px;
margin:5px 0;
overflow:hidden
}

.galeria_w_sekcji_box:not(.box_add) .item-gallery {
width:25%;
padding:0 5px
}

.galeria_w_sekcji_box:not(.box_add) .item-gallery.item-wide {
width:50%
}

.item-gallery span.hsfont {
position:absolute;
bottom:20px;
left:50%;
display:block;
z-index:3;
margin-top:13px;
opacity:0;
color:#fff;
font-size:22px;
-ms-transform:translateX(-50%);
transform:translateX(-50%);
transition:opacity .3s;
line-height:1
}

.item-wide {
width:calc(100% - 620px)
}

.item-wide .item-name {
font-size:40px;
text-transform:uppercase
}

.item-gallery .box_pic {
position:absolute;
top:50%;
left:50%;
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
transition:opacity .3s,transform .5s;
height:100%;
object-fit:cover;
width:100%
}

.item-gallery:hover .box_pic {
-ms-transform:translate(-50%,-50%) scale(1.05);
transform:translate(-50%,-50%) scale(1.05);
transition:300ms
}

.item-gallery:hover .item-name {
bottom:55px
}

.item-gallery .hsfont::before {
transform:rotate(270deg)
}

.item-gallery:hover .hsfont {
opacity:1
}

.item-gallery:hover .double_photo-subtitle .hsfont {
opacity:1;
animation:doublePulse 1s ease .2s forwards
}

.item-box {
width:100%;
height:100%;
overflow:hidden
}

.item-bg {
position:absolute;
top:0;
left:0;
z-index:2;
width:100%;
height:100%;
background-color:rgba(0,0,0,.2)
}

.item-bg:not(.double-photo) {
position:absolute;
top:0;
left:5px;
width:calc(100% - 10px)
}

.item-name {
position:absolute;
bottom:33px;
left:50%;
display:block;
z-index:3;
color:#fff;
font-family:var(--beuty-font);
font-size:30px;
font-weight:400;
letter-spacing:.04em;
line-height:1;
text-align:center;
-ms-transform:translateX(-50%);
transform:translateX(-50%);
transition:bottom .3s
}

.double_photo-title {
position:absolute;
bottom:75px;
left:0;
z-index:2;
padding:0 45px;
color:#fff;
font-family:var(--beuty-font);
font-size:40px;
letter-spacing:.04em;
line-height:1.5;
text-transform:uppercase
}

.double_photo-subtitle {
position:absolute;
bottom:25px;
left:50%;
z-index:2;
width:-webkit-max-content;
width:max-content;
max-width:100%;
padding:0 45px;
color:#fff;
font-family:var(--type-font);
font-size:50px;
letter-spacing:.04em;
line-height:1.5;
text-align:center;
-ms-transform:translateX(-50%);
transform:translateX(-50%)
}

.double_photo-subtitle i.hsfont {
position:absolute;
top:50%;
right:-10px;
display:block;
z-index:3;
opacity:1;
color:#fff;
font-size:31px;
transform:translatey(-50%);
transition:opacity .3s;
line-height:1
}

@keyframes doublePulse {
0% {
transform:translate(0,-50%)
}

25% {
transform:translate(15px,-50%)
}

50% {
transform:translate(0,-50%)
}

75% {
transform:translate(15px,-50%)
}

100% {
transform:translate(0,-50%)
}
}

.item-photo {
position:relative;
width:100%;
height:100%;
overflow:hidden
}

.double_photo-item-photo {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
overflow:hidden;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
transition:opacity .3s,transform .5s
}

@media screen and (max-width:1023px) {
.box_add .item-gallery {
-ms-flex-pack:center;
justify-content:center
}

.item-gallery {
width:calc(100% / 3 - 10px * 2 / 3);
height:220px
}

.box_add .item-gallery {
width:33%
}

.item-gallery.item-wide .item-name,.item-name {
font-size:24px;
text-transform:none
}
}

@media screen and (max-width:767px) {
.sectionText .sectionContentText {
margin:0 auto!important;
padding:30px 0!important;
}


section.sectionOpinie .section-castle, section.sectionSimple.addLogo .section-castle {display:none!important;}
section.addLogo {overflow:hidden;}


section.sectionSimple.addLogo {
padding-bottom:0
}

.item-photo {
width:100%;
height:300px
}

.box_add .item-photo {
width:100%
}

.item-gallery.item-wide .item-name,.item-name {
font-size:22px
}
}

.contentTitle .beutyFont {
font-size:50px;
letter-spacing:.04em;
line-height:1.09;
position:relative;
padding-top:70px;
color:var(--dark-color);
display:inline-flex;
margin:0;
text-transform:uppercase;
font-family:var(--beuty-font);
text-align:center;
flex-direction:column;
padding-top:0
}

.heroTitle .beutyFont {
font-size:60px;
color:#fff;
letter-spacing: .03em;
}

.contentTitle .subText {
font-family:var(--text-font);
color:var(--green-color);
display:block;
width:100%;
margin-top:20px;
font-size:16px;
letter-spacing:.4em;
line-height:1.2;
text-transform:uppercase;
font-weight:400
}

.sectionTwoImages .siteWidth {
max-width:1340px;
margin:0 auto;
padding:0
}

.sectionTwoImages .sectionColumns {
padding-top:var(--spacing)
}

.sectionTwoImages .item-gallery {
position:relative;
width:calc(50% - 5px);
padding-bottom:45%;
overflow:hidden
}

.sekcjaKontaktTop .contentTitle,.offersMain .contentTitle,.sectionOpinie .contentTitle,.sectionGallery .contentTitle,.sectionTwoImages .contentTitle,.sectionText .contentTitle {
padding-top:70px;
position:relative
}

.sekcjaKontaktTop .contentTitle::after,.offersMain .contentTitle::after,.sectionOpinie .contentTitle::after,.sectionGallery .contentTitle::after,.sectionTwoImages .contentTitle::after,.sectionText .contentTitle::after {
content:'\e81a';
position:absolute;
top:0;
left:50%;
color:rgba(0,0,0,.03);
font-family:hsfont;
font-size:288px;
-ms-transform:translateX(-50%);
transform:translateX(-50%);
line-height:1
}

.subTitle {
width:-webkit-max-content;
width:max-content;
max-width:500px;
color:var(--green-color);
font-family:var(--type-font);
font-size:44px;
line-height:.9;
margin:0;
letter-spacing:0
}

section,footer {
padding-top:var(--spacing);
padding-bottom:20px
}

.contactDetails a:not([href^="tel:"])::before {
content:'';
position:absolute;
right:0;
bottom:-3px;
left:0;
height:1px;
background-color:rgba(153,134,70,.3)
}

.contactDetails a:not([href^="tel:"]) {
color:var(--green-color);
position:relative
}

.contactDetails a:not([href^="tel:"]):hover {
color:var(--gold-light-color)
}

.contactDetails a:not([href^="tel:"]):hover::before {
animation:line-moved .5s
}

@keyframes line-moved {
0% {
transform:scale(1,1);
transform-origin:top
}

50% {
transform:scale(0,1);
transform-origin:top
}

100% {
transform:scale(1,1);
transform-origin:top
}
}

.body-ident-main footer {
background:#fff
}

.offersMain .contentTitle {
margin-bottom:var(--spacing)
}

.btnOfferSpacing,.btnRoomSpacing {
margin-top:var(--spacing)
}

.singleOffer {
display:block;
position:relative;
margin:0 7.5px;
bottom:0
}

.singleOffer:hover .imageMediaWrapper .button {
color:#fff
}

.singleOffer .offerbuttonWrapper {
display:flex;
justify-content:center;
align-items:center;
position:absolute;
bottom:28px;
left:0;
width:100%;
text-align:center
}

.singleOffer .offerbutton {
font-family:var(--beuty-font);
background:var(--green-color);
color:#fff;
display:inline-flex;
align-items:center;
justify-content:center;
padding:13px 48px;
position:relative;
cursor:pointer;
user-select:none;
transition:background-color .2s,border-color .2s,opacity .2s;
font-size:14px;
font-weight:300;
letter-spacing:.25em;
text-transform:uppercase
}

.singleOffer .offerbutton:hover {
background:var(--lgreen-color)
}

.offerDescription {
display:flex;
position:absolute;
bottom:0;
left:0;
right:0;
padding:0;
background-size:auto!important;
background-position:top center!important;
height:180px;
border:0;
background-repeat:no-repeat!important;
flex-direction:column;
background-color:#f2f2f2!important;
font-weight:300;
transition:300ms;
z-index:10
}

.offerName {
font-size:20px;
font-weight:300;
line-height:1.8;
color:var(--regular-color);
text-align:center;
margin-top:0!important;
margin-bottom:0!important;
padding:20px 10px 0;
height:65px
}

.offerDescription .days {
position:relative!important;
bottom:auto;
background:#f2f2f2;
color:var(--green-color);
text-align:center;
display:flex;
align-items:center;
justify-content:center;
font-weight:500;
font-size:26px;
font-family:var(--beuty-font);
padding:5px 10px 20px
}

.priceRezoffer span {
font-size:16px
}
span.hsfont.hsicon-clock {font-size: 16px; color: var(--regular-color)!important}
.priceRezoffer strong {
font-weight:500
}

.priceRezoffer {
position:relative;
margin-bottom:0;
background:#f2f2f2;
color:var(--green-color);
font-family:var(--beuty-font);
font-size:26px;
text-align:center;
padding:0 30px;
font-weight:400;
letter-spacing:.04em;
line-height:1
}

.mainOfferButton {
display:inline-flex;
align-items:center;
color:#fff;
font-size:14px;
font-weight:300;
letter-spacing:.22727em;
text-transform:uppercase;
height:44px;
padding:0 40px;
background-color:var(--green-color);
position:relative
}

.mainOfferButton::after {
right:-8px
}

.mainOfferButton::before {
left:-8px
}

.mainOfferButton::after,.mainOfferButton::before {
content:'';
position:absolute;
top:0;
width:4px;
height:100%;
background-color:var(--green-color);
transition:background-color .3s;
}

.mainOfferButton:hover {
color:#fff;
background-color:var(--lgreen-color)
}

.mainOfferButton:hover::after,.mainOfferButton:hover::before {
background-color:var(--green-color);
transition:background-color .3s
}

.singleOffer .desc-hover .offerName {
padding-top:30px;
height:85px
}

.singleOffer .priceRezOfferDesc {
padding:0 30px
}

.singleOffer .priceRezOfferDesc ul {
position:relative;
margin-bottom:15px;
list-style-type:none;
margin-top:0;
padding-left:0;
color:#000
}

.singleOffer .priceRezOfferDesc ul li .hsfont {
margin-right:10px
}

.singleOffer:hover .offerDescription {
height:220px
}

.singleOffer:hover .offerDescription .desc-static,.singleOffer .offerDescription .desc-hover {
opacity:0;
transition:opacity 500ms
}

.singleOffer .offerDescription .desc-static,.singleOffer .offerDescription .desc-hover {
position:absolute;
left:0;
right:0;
top:0;
bottom:0
}

.singleOffer .offerDescription .desc-static,.singleOffer:hover .offerDescription .desc-hover {
opacity:1;
transition:opacity .7s ease .3s
}

.offerPriceWrapper {
color:var(--regular-color);
margin-top:40px
}

.offerPriceWrapper strong,.contentTitleRoom h2 {
font-size:26px;
line-height:1;
color:var(--dark-color);
margin-top:0
}

#offersMainSlider .slick-list {
z-index:9
}

.offerWraper {
display:flex;
flex-direction:column;
height:500px;
justify-content:flex-end
}

.imageMediaWrapper {
position:absolute;
top:0;
left:0;
right:0;
height:320px;
display:block;
overflow:hidden
}

.imageMediaWrapper .button {
position:absolute;
top:60%;
left:50%;
transform:translate(-50%,-50%);
opacity:0
}

.singleOffer:hover .imageMediaWrapper .button {
top:45%;
opacity:1;
z-index:1
}

.singleOffer:hover .imageMediaWrapper .button span {
color:#fff
}

.singleOffer img {
opacity:1;
height:100%;
display:block
}

.button {
font-family:var(--beuty-font);
color:var(--green-color);
font-size:20px;
letter-spacing:.04em;
line-height:1.29;
margin:3px 35px 3px 0;
padding-right:35px;
font-weight:400
}

.button:hover {
color:var(--lgreen-color);
opacity:.7
}

.button::after {
content:'\E81C';
font-family:hsfont;
font-size:20px;
position:relative;
transform:rotate(270deg) translateY(70%);
display:inline-block
}

.button span {
position:relative
}

.newbutton {
  cursor:pointer;
  height:55px;
  background-color: var(--gold-color);
  border:solid 1px var(--gold-color);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin: 0 10px 10px 0;
}
.newbutton.light:hover,
.newbutton.dark:hover,
.newbutton:hover {
	border:solid 1px var(--gold-light-color);
	background:var(--gold-light-color);
}
.newbutton.dark:hover span,
.newbutton:hover span {
	color:#fff;
}

.newbutton span {
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: .25em;
  text-transform: uppercase;
  white-space: nowrap;
  padding:18px 30px 21px
}
.newbutton.light {
	border: solid 1px var(--gold-color);
	background: var(--gold-color);
}

.newbutton.dark {
	border: solid 1px var(--lgreen-color);
	background: var(--lgreen-color);
}
.newbutton.light span,
.newbutton.dark span {
	color:#fff;
}


.heroTitle .titleInfo {
display:block;
margin-top:10px;
font-family:var(--text-font);
font-size:15px;
letter-spacing:.6em;
line-height:2.57;
text-transform:uppercase
}

h1:not(.beutyFont),h2:not(.beutyFont),h3:not(.beutyFont),h4:not(.beutyFont) {
font-weight:400
}

.buttonArrows {
position:absolute;
width:350px;
left:50%;
top:50%;
transform:translate(-50%,-50%);
color:var(--green-color);
}

.buttonArrows .slick-arrow {
position:relative
}

.buttonArrows .prevSlide {
left:0
}

.buttonArrows .prevSlide:hover {
left:-5px
}

.buttonArrows .nextSlide {
right:0
}

.buttonArrows .nextSlide:hover {
right:-5px
}

footer {
background-color:#fff;
overflow:hidden;
}

.offersMainWrapper.siteWidth {
max-width:1230px
}

#offersPage .singleOffer {
flex:0 0 calc(33.333% - 15px);
margin:7.5px;
padding:0
}

#offersPage #offersMainSlider {
flex-wrap:wrap
}

.roomSide.roomDescription {
background:#F7F7F7;
color:var(--dark-color)
}

.roomsMain {
width:100%
}

.roomsMainWrapper {
width:100%
}

.singleRoomWrapper {
position:relative
}

.roomDescription {
position:absolute;
right:0;
bottom:0;
left:calc(50% + 290px);
height:100%
}

.roomDescWrapper {
height:100%;
padding:80px 50px
}

.roomImage {
width:calc(50% + 290px)
}

.roomImage img {
width:100%
}

.roomSpec,.roomPrice {
color:var(--regular-color);
font-size:16px;
text-transform:lowercase
}
.roomPrice {
margin-top:calc(var(--spacing) * 0.5);
font-family:var(--beuty-font);
color:var(--gold-color);
}

.roomSpec i {
color:var(--dark-color);
margin-right:30px;
width:35px;
display:inline-block;
text-align:center
}

.bottomRoom {
margin:-15px
}

.bottomRoom .button {
margin:15px
}

#newsletter {
background:#cdcdcd;
padding-top:80px;
padding-bottom:80px;
margin-top:80px
}

#newsletter .contentTitle .beutyFont {
color:var(regular-font);
font-size:36px;
text-transform:uppercase
}

#newsletter .contentTitle .subTitle {
padding-top:15px
}

.newsletterContent {
position:relative;
display:flex;
align-items:center;
border-bottom:1px solid var(--light-color);
width:50%;
justify-content:center
}

.newsleter {
justify-content:space-between;
width:100%
}

.newsletterContent input {
height:60px;
padding:0 30px;
border:0;
background-color:#fff;
box-shadow:none!important;
color:#fff;
font-size:14px;
letter-spacing:.04em;
transition:background-color .2s;
width:100%;
color:rgba(255,255,255,.3)
}

.newsletter-btn {
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
border:solid 1px rgba(19,148,143,.5);
background-color:var(--green-color);
opacity:1!important;
color:#fff;
font-size:14px;
font-weight:300;
letter-spacing:.2em;
text-transform:uppercase;
transition:border .3s;
padding:14px 15px
}

.newsletter-btn:hover {
color:#fff;
border:1px solid var(--lgreen-color);
}

.form-group.buttons {
display:block;
position:absolute;
top:0;
right:0;
bottom:0;
z-index:40;
width:125px;
margin:0
}

.site-footer-route {
width:60%;
margin-top:-15px;
text-align:left
}

.site-footer-route .button {
display:flex;
align-items:center
}

.site-footer-route span {
display:inline-block;
max-width:70px;
font-size:17px
}

.footerWrapper .siteWidth {
border-top:1px solid var(--lgreen-color);
padding-top:80px
}

.footerWrapper {
padding:0 30px 90px;
background:#cdcdcd;
}

.contactDetails li {
line-height:2.29
}

.colum3 {
flex:0 0 33.333%
}

.colum4 {
width:auto!important
}

footer a,footer p {
color:var(regular-font);;
font-size:16px
}

.footer-heading {
font-size:20px;
color:var(regular-font);
font-weight:400;
letter-spacing:.12em;
line-height:1.2;
text-transform:uppercase;
margin-bottom:25px
}

.pfr-hld {
background:var(--green-color);
display:flex;
align-items:center;
justify-content:center;
width:100%;
margin-bottom:20px
}

.pfr-logo {
height:auto;
background-repeat:no-repeat;
background-position:center;
background-size:contain
}

@media screen and (max-width: 640px) {
.pfr-logo {
width:250px;
min-height:150px;
background-image:url(/img/Baner-PFR.jpg)
}
}

@media screen and (min-width: 641px) {
.pfr-logo {
width:70%;
max-width:700px;
min-height:100px;
background-image:url(/img/Baner-PFR.jpg)
}
}

.pfr-logo {
height:200px
}

.sectionBlogContent {
text-align:center
}

.blogColumn {
flex:0 0 33.333%
}

.sectionBlogContent p {
max-width:200px;
margin:20px 0 auto;
margin-top:20px
}

.sectionBlogContent .buttonWrapper {
margin-top:40px
}

.sliderGallery .buttonWrapper,.sliderGallery .galleryContainer {
margin-top:70px
}

.galleryImageWrapper {
position:relative
}

.galleryImageWrapper .beutyFont {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:100%;
line-height:1.4;
padding:10px;
background:rgba(0,0,0,.15);
text-align:center;
color:#fff;
font-size:26px
}

.galleryImageWrapper img {
opacity:1
}

.galleryImageWrapper:hover img {
opacity:.8
}

.sectionColumns,.sectionRow {
position:relative
}

.bigV {
position:absolute;
right:0;
left:0;
top:0;
height:100%;
opacity:.3!important
}

.column {
width:50%
}

.centerColumn {
width:100%
}

.leftColumn {
width:calc(100% - 100px)
}

.leftColumn .columnContent,.sectionTwoImages:not(.smallImage) .contentTitle {
padding-left:80px
}

.leftColumn .sectionImage,.rightColumn .columnContent {
margin-top:50px
}

.sectionTwoImages .buttonWrapper {
margin-top:90px
}

.sectionText .centerColumn .wrapper {
width:100%;
max-width:100%
}

.smallImage .sectionColumns {
flex-direction:column
}

.smallImage .column {
display:flex;
justify-content:space-between;
width:100%
}

.smallImage .rightColumn .columnContent {
padding-left:90px
}

.smallImage .rightColumn {
align-items:flex-end;
margin-top:-20px
}

.smallImage .sectionColumns {
position:relative
}

.smallImage .sectionColumns::before {
content:'';
position:absolute;
width:60%;
max-width:690px;
height:60%;
max-height:400px;
background:var(--book-btn);
right:0;
bottom:12%;
z-index:-1
}

.sectionSeparator,.sectionSeparatorImage {
position:relative
}

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

.sectionSeparatorImage {
align-items:center
}

.separatorContent .buttonWrapper {
padding-top:240px;
padding-bottom:150px
}

.separatorContent {
position:relative;
width:100%;
height:100%;
display:flex;
justify-content:flex-end;
z-index:2;
flex-direction:column
}

.sectionSeparatorImage {
margin-top:80px
}

.sectionSeparatorImage .button {
color:#fff;
background:transparent;
border-color:#fff
}

.sectionSeparatorImage .button:hover {
background:var(--dark-color)
}

.sectionSeparatorImage .button::before {
content:none
}

.separatorContentText {
color:#fff;
width:calc(100% - 100px);
max-width:900px;
margin:0 auto;
margin-bottom:20px
}

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

.sectionSimple .sectionSide {
width:calc(100% - 580px)
}

.sectionSimple .sectionImageWrapper img {
width:100%;
height:100%;
object-fit:cover
}

.sectionSimple .sectionSide.sectionContent {
width:580px;
max-width:505px;
padding-left:20px
}

.sectionSimple.reverse .sectionSide.sectionContent {
padding-left:0
}

.sectionSimple .sectionSlider {
z-index:2
}

.galleryContainer * {
line-height:1!important
}

.galleryContainer .galleryPicture .galleryImage {
background-size:cover
}

.mainNav ul li .sub-menu li {
margin-left:0
}

.sectionContentText {
max-width:100%;
margin-top:20px
}

.sectionText .sectionRow {
padding-bottom:80px
}

.sectionText:not(.galeria_box):not(.box_add) .sectionRow {
border-bottom:1px solid rgba(153,134,70,.25)
}

.sectionText .sectionContentText {
width:800px;
max-width:100%;
margin:44px auto;
position:relative;
z-index:5
}

.sectionSimple .sectionContentText {
padding-left:35px
}

.sectionText .sectionContentText p {
margin:0
}

.sectionSimple .sectionContent .buttonWrapper {
margin-top:50px
}

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

.sectionSimple .sectionRow {
position:relative
}

#rooms .slick-slide img {
width:100%;
height:80vw!important;
object-fit:cover!important;
}

#rooms .slick-slide img {
width:100%;
height:80vw!important;
object-fit:cover!important;
}
.body-ident-pokoje #rooms .slick-slide img{
  height:auto !important;
}
section.roomsSection > div {
display:flex;
flex-direction:row;
flex-wrap:nowrap;
justify-content:space-between;

padding:0!important;
background:#f3f3f3;
}
.roomsSlider {
width:720px;
height:475px;
}
.roomName h3 {
font-size:30px;
letter-spacing: .04em;
color:var(--dark-color);
margin:0;
text-align:left;
text-transform:uppercase;
}



.additionalInfo i {
margin-right:30px;
color:var(--dark-color)
}

.additionalInfo span {
color:var(--regular-color)
}

.roomInfo {
margin-top:10px;
margin-bottom:20px
}

.roomsDescription {
padding: 60px 45px;
margin: 0 auto;
text-align: left;
width: 100%;
max-width:520px;
}

.roomsDescription .roomPrice strong {
color:var(--gold-color);
font-size:26px;
font-weight:500;
}

.roomsDescription .buttonWrapper {
margin-top:10px;
position:absolute;
bottom:var(--spacing);
}

.roomsDescription .buttonWrapper .button {
  margin:15px
}

.body-ident-kontakt footer {
  padding-top: 0;
}

.body-ident-kontakt #newsletter {
  margin-top: 0;
}

.body-ident-kontakt .mapaGoogle {
  padding-bottom: 0;
}

.body-ident-kontakt .mapaGoogle .sectionContainerFull {
  height: 550px;
}

@media(max-width:1180px) {

section.roomsSection > div {
flex-direction:column;
}
.roomsSlider {
width:100%;
height:auto;
}
.roomsDescription .buttonWrapper {
position:relative;
bottom:auto;
margin-top:var(--spacing);
}

.roomsDescription {
padding: 40px 20px;
}

}

  @media (max-width: 780px) {
.roomName h3 {text-align:center;}
.roomPrice {
  text-align:center;
  margin-top: calc(var(--spacing) * 0.3);
}

.roomsDescription .buttonWrapper {
  position: relative;
  bottom: auto;
  margin-top: calc(var(--spacing) * 0.3);
  flex-wrap:wrap;
  justify-content:center;
}
.roomInfo {
  margin-top: 10px;
  margin-bottom: 40px;
  align-items:center;
}

}



body:not(.body-ident-main) .sliderImage {
height:95vh;
min-height:500px
}

#offersPage .contentTitle,.sectionTitle,.roomsMain .contentTitle {
margin-bottom:70px
}

#offersMainSlider {
position:relative
}

.sectionSimple .slick-arrow,.sectionGallery .slick-arrow {
color:var(--dark-color)
}

input#newsletter_email:focus-visible,input#newsletter_email:focus {
outline:0;
background-color:rgba(255,255,255,.1)
}

.galleryBoxInner {
width:calc((100% - 5px) * 1/2)
}

.galleryBoxInner .galleryPicture:first-child {
margin-bottom:5px
}

.nextArrow,.prevArrow {
color:var(--gold-color)
}

@media(min-width:1200px) {
.sectionGallery .prevArrow {
left:-60px
}

.sectionGallery .prevArrow:hover {
left:-65px
}

.sectionGallery .nextArrow {
right:-60px
}

.sectionGallery .nextArrow:hover {
right:-65px
}
}

@media(min-width:1080px) {
.galleryBoxInner > .galleryPicture {
line-height:1!important
}

.galleryImageWrapper {
height:100%
}

.galleryBox > .galleryPicture {
width:calc((100% - 5px) * 1/2)
}

.galleryBoxInner > .galleryPicture:nth-child(2),.galleryBoxInner > .galleryPicture:nth-child(3) {
width:calc((100% - 5px) * 1/2)
}

.boxpic-img-hover .plus-icon::before {
top:6px;
left:10px;
width:1px;
height:9px
}

.boxpic-img-hover .plus-icon::after {
top:10px;
left:6px;
width:9px;
height:1px
}

.boxpic-img-hover .plus-icon::after,.boxpic-img-hover .plus-icon::before {
content:'';
display:block;
position:absolute;
background-color:var(--gold-color)
}

.boxpic-img-hover .plus-icon {
position:relative;
width:23px;
height:23px;
margin-top:13px;
margin-left:13px;
border:1px solid var(--gold-color);
border-radius:50%
}

/* .boxpic-img-hover .icon-hld {
position:absolute;
top:50%;
left:50%;
width:49px;
height:49px;
margin-top:-24px;
margin-left:-24px;
border-radius:50%;
background-color:var(--green-color);
transform:scale3d(.5,.5,1);
transition:transform .2s
} */

/* .galleryPicture:hover .boxpic-img-hover .icon-hld {
transform:scale3d(1,1,1)
} */

.galleryPicture:hover .boxpic-img-hover {
opacity:1
}

.boxpic-img-hover {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color: rgba(255, 255, 255, .55);
opacity:0;
transition:opacity .2s
}

.sectionGallery .siteWidth.sectionGalleryWrapper {
max-width:1240px
}

.gallery_five .galleryPicture {
display:inline-block;
width:/*calc(100% * (1/4))*/100%;
}
}

@media(max-width:1400px) {
.siteWidth {
max-width:calc(100% - 80px)
}

.mainNav ul li:not(:first-child) {
margin-left:15px
}
}

@media(max-width:1200px) {
.roomImage {
width:calc(50% + 150px)
}

.roomDescription {
left:calc(50% + 150px)
}

.siteWidth {
max-width:calc(100% - 60px)
}

.sectionColumns .sectionImage {
max-width:100%!important;
height:100%;
object-fit:cover
}
}

@media(max-width:1180px) {
#zabiegiSpa .siteWidth {
padding-left:0;
padding-right:0
}
}

@media(max-width:1080px) {
#offersPage .singleOffer {
flex:0 0 50%
}
}

@media(max-width:980px) {
.roomImage {
width:calc(50% + 80px)
}

.roomDescription {
left:calc(50% + 80px)
}

.roomDescWrapper {
padding:30px
}
}

@media(max-width:780px) {
.item.galleryPicture .box_pic,.galeria_w_sekcji_box .box_pic {
height:auto
}

.galleryBoxInner .galleryPicture {
width:100%
}

.galleryBox .galleryPicture {
margin-bottom:5px!important
}

.galleryBoxInner > .galleryPicture:nth-child(2),.galleryBoxInner > .galleryPicture:nth-child(3) {
width:calc((100% - 5px) * 1/2);
margin-bottom:0!important
}

section.bigbottommargin {
padding-bottom:calc(1 * var(--spacing))!important
}

.double_photo-subtitle {
font-size:32px
}

.double_photo-title {
font-size:28px;
padding:0 15px
}

.double_photo-subtitle i.hsfont {
right:0;
font-size:16px
}

.galeria_w_sekcji_box .item-gallery {
height:300px
}

.galeria_w_sekcji_box:not(.box_add) .item-gallery.item-wide,.galeria_w_sekcji_box:not(.box_add) .item-gallery {
width:100%
}

.sale-lista-hld {
flex-wrap:wrap;
width:100%;
max-width:900px;
margin:0 auto;
padding:40px 0
}

.sale_lista {
width:50%;
padding-bottom:20px
}

.sale_lista:not(:last-child):not(:nth-child(2n))::after {
position:absolute;
top:25px;
right:0;
height:30px;
-ms-transform:rotate(0);
transform:rotate(0)
}

.sale_lista:nth-child(2n)::after {
display:none
}

.sectionTwoImages .item-gallery {
width:100%;
padding-bottom:100%!important;
margin-bottom:10px
}

.item-gallery .box_pic {
position:absolute;
top:0;
left:0;
-ms-transform:none;
transform:none;
transition:opacity .3s,transform .5s;
height:100%;
object-fit:cover;
width:100%
}

.item-gallery:hover .box_pic {
-ms-transform:none;
transform:none
}

.sectionTwoImages .item-gallery {
height:100%
}

.offersMainWrapper {
padding-left:10px;
padding-right:10px
}

.subTitle {
width:auto
}

#newsletter .subTitle {
text-align:center
}

#newsletter .newsletterContent {
width:100%
}

#optionsList li {
margin:5px 0;
line-height:2
}

.reviewArrows {
top:110px!important;
width:auto!important;
left:50%;
transform:translatex(-50%);
z-index:10
}

.reviewArrows > div {
font-size:35px;
color:var(--gold-color)
}

#offersMainSlider::before,#offersMainSlider::after {
content:none
}

.animsition-disabled,body {
/*overflow-x:hidden*/
}

footer {
overflow:hidden
}
/*
.heroTitle {
top:50%
}
*/
.roomImage,.roomSide.roomDescription {
width:100%
}

.roomSide.roomDescription {
left:0;
position:relative
}

.siteWidth {
max-width:calc(100% - 40px)
}

.sectionColumns,.sectionRow,.roomWrapper {
flex-direction:column
}

.sectionColumns .column {
width:100%!important;
display:flex;
flex-direction:column;
align-items:center
}

.leftColumn .columnContent,.sectionTwoImages:not(.smallImage) .contentTitle {
padding-left:0
}

.sectionColumns .sectionImage,.sectionWrapper > *,.sectionSimple .sectionSide,.sectionSimple .sectionSide.sectionContent,.sectionContentText,.sectionTwoImages .columnContent .wrapper {
width:100%;
max-width:500px;
padding-left:0!important
}

sectionColumns .sectionImage {
width:100%;
height:100%;
object-fit:cover
}

.contentTitle {
text-align:center
}

.rightColumn,.leftColumn,.sectionTwoImages .buttonWrapper,.leftColumn .sectionImage,.rightColumn .columnContent {
margin-top:30px
}

.sectionBlogContent {
margin:60px 0
}

.sectionSimple.reverse .sectionRow,.blog .sectionWrapper,.galleryBox,.galleryBox:nth-child(2n) {
flex-direction:column
}

.sectionSimple .sectionRow {
flex-direction:column
}

.sectionSimple .sectionContent {
margin-top:40px
}

.sectionSimple .sectionContent .buttonWrapper {
text-align:center
}

.bottomRoom {
margin-top:10px
}

section,footer {
padding-top:40px
}

.offersMain .contentTitle,#offersPage .contentTitle,.sectionTitle,.roomsMain .contentTitle,.sectionSeparatorImage {
margin-bottom:40px
}

.sliderGallery .sectionTitle {
margin-bottom:50px
}

.btnOfferSpacing,.btnRoomSpacing,.sliderGallery .buttonWrapper,.sliderGallery .galleryContainer,.sliderGallery .buttonWrapper,.sliderGallery .galleryContainer {
margin-top:60px
}

.separatorContent .buttonWrapper {
padding-top:140px;
padding-bottom:60px
}

.separatorContentText {
width:calc(100% - 50px)
}

.contentTitle .beutyFont {
font-size:36px
}

.contentTitle .beutyFont::before {
font-size:60px
}

footer .colum4,footer .colum3 {
flex:0 0 100%;
width:100%;
max-width:500px;
justify-content:center;
text-align:center
}

.socialMediaFooter {
justify-content:center
}

.columns {
flex-direction:column;
align-items:center
}

footer .colum4:not(:first-child),footer .colum3:not(:first-child) {
margin-top:40px
}

.galleryBoxInner,.galleryBox > .galleryPicture {
width:100%;
max-width:500px;
margin:0 auto
}

.sekcjaKontaktTop .contentTitle::after,.offersMain .contentTitle::after,.sectionOpinie .contentTitle::after,.sectionGallery .contentTitle::after,.sectionTwoImages .contentTitle::after,.sectionText .contentTitle::after {
content:'\e81a';
position:absolute;
top:0;
left:50%;
color:rgba(0,0,0,.03);
font-family:hsfont;
font-size:178px;
-ms-transform:translateX(-50%);
transform:translateX(-50%);

}

.button {
  margin: 0;
  padding-right: 18px;
}

}

@media(max-width:600px) {
#offersPage .singleOffer {
flex:0 0 100%
}
}

@media(max-width:560px) {
.roomName .additionalInfo {
padding:10px
}

.additionalInfo i {
margin-right:10px
}

.newsleter {
flex-direction:column
}

.offerWraper {
height:500px
}

.slick-arrow.icon-arrow-right:hover {
right:5px
}

.slick-arrow.icon-arrow-left:hover {
left:5px
}
.contentTitle.onCenter {overflow:hidden;}

}

@media(max-width:400px) {
.roomsDescription {
margin-top:0
}
}

@media(max-width:380px) {
.rezForm {
display:none
}
}

.topBar ul {
font-size:12px;
text-transform:uppercase;
align-items:center
}

.topBar ul .socialMedia li a {
font-size:16px
}

.promoOfferOut {
width:150px;
height:150px;
overflow:hidden;
left:0;
top:0;
position:absolute
}

.promoOffer {
background:var(--light-color);
color:#fff;
padding:5px 0;
width:195px;
text-align:center;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
font-size:16px!important;
top:40px!important;
left:-40px;
position:absolute!important;
display:block;
font-weight:400;
z-index:1
}

.promoInfotext {
position:absolute;
opacity:0;
z-index:1;
color:#fff;
top:0;
left:40px;
right:40px;
bottom:0;
height:100%;
display:flex;
justify-content:center;
align-content:center;
align-items:center;
text-align:center
}

a.singleOffer:hover .promoInfotext {
opacity:1
}

.singleOffer .imageMediaWrapper::after,.singleOffer:hover .imageMediaWrapper::after,.promoOfferOut *,.promoInfotext,a.singleOffer:hover .promoInfotext {
transition:300ms
}