@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700&display=swap&subset=latin-ext');

.loader-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;z-index:4;top:0;left:0;bottom:0;right:0;background-color:#FFFFFF;z-index:99999999}
.loader-logo{z-index:5;width:160px;height:160px;padding-bottom:10px;background-repeat:no-repeat;background-size:100px;background-position:center}
.loader-circle{border-top:1px solid #e30002;border-radius:50%;width:160px;height:160px;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}
@-webkit-keyframes spin {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin {
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
  img.logoSpin {
    display: inline-block;
    margin: 0 auto;
    width: 100px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}


/* HOTEL LAYOUT HotelSystems.pl */
body #ui-datepicker-div { display:none}
body {
	width:100%;font:normal 16px/24px Lato, sans-serif;
	line-height: 150%;
	color:#7c6e51; background:/*url(../img/body.jpg) repeat-x center top*/ #fff;
}

html, body {width: 100%; height: 100%;}

a {color:#8C8E2B}
a:hover {color:#5E5F0C}
input, select {color:#7c6e51; text-align:center; font-size:11px; float:left; line-height:13px; border:0 none!important; background:none!important; padding:4px 0;	text-align:center;	vertical-align:middle; cursor:pointer}

#secTextIn .h3, #secTextIn h4, .rplFont { font-weight:normal;
font-family: trajan-pro-3, serif;
}

.centerDiv { width:100%; float:left;}
.centerDivIn { width:100%;margin:0 auto}

.centHeader { /*margin-top:10px;*/}
.centMiddle {}
.centMiddleIn {}

#fb-top { right: 0;
    position: absolute;
    top: 58px;
    z-index: 20;}

.header { float:left; width:100%;/* background:#7c6e51;*/ height:/*385px*/ 100vh;}
.header-left {position:fixed;/*background:url(../img/header-left.png) repeat-x center bottom #d7d2ad;*/ width:235px; /*margin-left:3px;*/ float:left; /*margin-top:3px;*/ /*height:380px*/ z-index: 12;}

.centerDiv.centHeader::after {
content:'';
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
background: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
}
.topBar {
display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0 20px;
  gap: 20px;
  height: 60px;
  align-items: center;
}
.scrolled .topBar {margin-top:-60px;}
.topBar a {text-transform: capitalize;font-family: trajan-pro-3, serif;color:#fff;font-size: 15px;}
.smBottom a:hover,
.topBar a:hover {opacity:0.7;}

.smBottom {position:absolute;bottom:30px;left:20px;color:#fff;display:flex;flex-direction:row;gap:20px;z-index: 10;}
.smBottom a {font-size:24px;color:#fff;opacity:1;transition:300ms;}



#slogan { position:absolute; right:0; bottom:55px; z-index:5; display: none;}
/*#langsHld {
bottom: 30px;
top: auto;
left: 30px;
border: solid 1px #fff;
padding: 10px 15px;
}*/
	#langs {display:flex;gap:10px;}
	#langsHld a img { float:right; margin-top:5px;}
	#langsHld #langs a { width:30px; float:left; color: #fff; text-align:center;position:relative;font-size: 15px;}
	.langTag_pl #lang_pl,.langTag_de #lang_de,.langTag_en #lang_en, .langTag_ru #lang_ru {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity:1;opacity:1;}
	#langsHld #langs a:hover {opacity:1;}
	#langsHld #langs a::before {opacity:0;transition:300ms;content:'';width:80%;height:2px;background:#fff;position:absolute;bottom:-3px;left:50%; transform:translatex(-50%);}
	#langsHld #langs a.current::before,
	#langsHld #langs a:hover::before {opacity:1;}

#reviewsHld { position:absolute; right:0; top:55px; z-index:10}
#reviewsHld {bottom: 30px;
top: auto;
right: 30px;
border: solid 1px #fff;}
#reviewsHld a { float:left; color: #fff; text-align:center; background:rgba(0,0,0,0.25);padding: 10px 15px;transition: 300ms;}
#reviewsHld a:hover {background:rgba(0,0,0,0.5);transition: 300ms;}



.logoHld {float: left;margin-left:6px;width:100%;text-align:center;transition:300ms;line-height:1;height:150px;
background: rgba(255, 255, 255, 0);}
.logoHld img {padding:10px;transition:300ms;float:none;height: 130px;object-fit:contain;background: rgba(255, 255, 255, 0.8);}
.scrolled .logoHld {height:58px;background: rgba(255, 255, 255, 1);overflow:hidden;}
.scrolled .logoHld img {padding: 5px;height: 135px;}

.book-btn {text-transform: capitalize;font-family: trajan-pro-3, serif; color:rgba(116, 97, 51,1)!important; text-decoration: none!important; padding: 15px 20px; line-height: 100%!important; height: auto; font-size:1.1rem; width:auto!important; left:auto; /*transform: translatex(-50%);*/ text-align:center; border: solid 1px rgba(116, 97, 51,1);background: /*rgba(116, 97, 51,1)!important*/transparent;display:inline-block;}
.book-btn.red {background:#E30613!important;color:#fff!important;border: solid 1px #E30613!important;}
.book-btn:hover {background:#5b4d30 !important;color:#fff!important;}
.book-btn.red:hover {border: solid 1px transparent!important;}

@media screen and (min-width: 981px) {
.rooms .text-images-desc .book-btn {margin:5px 10px;}
}

.mainBtns { float:left;width:100%;color:#FFF!important; font-size:14px;line-height:30px;height:32px; overflow:hidden; text-align:center; background:url(../img/btn-green.png) no-repeat center top; }
.mainBtns:hover { background-position:center bottom}
.btnRez, .btnPrez {background-image:url(../img/btn-rez.png); height:70px; line-height:68px; text-indent:25px}
.btnPrez {background-image:url(../img/btn-prez.png); }
.bigRed {background-image:#EDEEDC url(../img/middle.png) repeat-y left; line-height:42px; height:44px; font-size:18px;  width:215px;  margin-left: 2px;}

#middle {float:left; width:100%;background:#fff /*url(../img/middle.png) repeat-y center*/}
.middleIn {float:left; width:100%; position:relative}
	.col2 { float:right; width:/*750px*/ 100%}
	.col1 { float:left; width:218px;display:none;}

/*
#newsletter {background:url(../img/newslBG.png) no-repeat 25px 74px; float:left; width:100%; padding-bottom:60px }
#newsletter h3, #newsletter p {color:#928467!important}
#newsletter p { text-align:center; padding:10px 0; float:left; width:100%}
#newsletter input {background: none repeat scroll 0 0 transparent !important;
    margin-left: 30px;
    margin-top: 4px;
    width: 89px;}
*/
body.ceny_i_rezerwacja #ss-hld {display:none!important}
body.main .centerDiv.centMiddleIn {display: flex;flex-direction: column-reverse;}
.mainOffers > div {
margin-top:30px!important;
margin-bottom:30px;
  width: 100%;
  overflow:hidden;
}
.mainOffers .offersArrows {display:none!important;}
.mainOffers .bkgSecSlider {width:100%;}
.mainOffers .bkgSecSlider,
.mainOffers .bkgSecSlider li {position:relative!important;}
.mainOffers .offer {flex:unset!important;}
.mainOffersTitle {text-align:center!important;}

#secContent { float:left; width:/*715px*/100%; padding-bottom:15px}
    #secText {float:left; width:calc(100% - 40px); padding: 0 20px;}
		#secTextIn { float:left; width:100%; padding:0}
    #secText .h3, #secText h4 {font-family: trajan-pro-3, serif; font-weight:normal; font-size:16px;  padding:12px 0;  color:/*#979935*/#7c6e51;line-height:1.25;}
    #secText ul, .separateOffer ul { padding:5px 15px 15px;list-style-type:circle; /*text-align:left*/}
	#secText p { padding:10px 0}
	#secText ul li, .separateOffer ul li { margin-left:20px; list-style-type: disc;text-align:left;}
	#secContent h1 { float: left;  font-size: 34px; font-weight: normal; line-height: 1.25;  padding: 150px 0;  width: 100%; text-align:center; position: absolute; top: 50vh; transform: translatey(-50%); color:#fff; text-shadow: 2px 2px 2px #555;
	background: linear-gradient(0deg, rgba(250,250,250,0) 0%, rgba(0,0,0,0.15) 50%, rgba(250,250,250,0) 100%);
	}


/*MENU*/
#mainMenuHld {float:left;width:calc(100% - 235px); background:transparent; position: fixed; top: 0; left: 235px; right:0; z-index: 50;transition:300ms;display: flex;flex-direction: column;}
.scrolled .header-left,
.scrolled #mainMenuHld {background:#fff;border-bottom: solid 1px #eee;}
#mainMenuHld ul {list-style:none;width:calc(100% - 40px); float:left;margin-left: 20px;margin-right: 20px;}
#mainMenuHld ul li {padding:0; display:inline;background-color:transparent!important; float:left;/* border-right:1px solid #746133*/}
#mainMenuHld ul li.first {}
#mainMenuHld ul li a { float:left;display:block;padding:0; /*width:100%;*/ text-align:center;position:relative;}
#mainMenuHld ul li:not(.last) a::before {content:'';width:0;height:1px;background:#f3ebe0;display:block;position:absolute;bottom:10px;
left:50%;transform:translatex(-50%);transition:300ms;}
.Active #mainMenuHld ul li a::before,
body.scrolled #mainMenuHld ul li a::before {background:#2d1d01;height:1px;}
#mainMenuHld ul li.active a::before,#mainMenuHld ul li a:hover::before {width:80%;}
#mainMenuHld ul li a img {float: none;}
/*.body_en #mainMenuHld ul li a {padding:0 12px;}*/
#mainMenuHld ul li a span {color:#f3ebe0; cursor:pointer; font-size:1.1rem; line-height:58px; text-align:center; overflow:hidden;  overflow:hidden; width:100%}
body.scrolled #mainMenuHld ul li:not(.last) span, body.scrolled #mainMenuHld ul li a:hover span {color:#2d1d01;}
#mainMenuHld ul li.active a span img { margin-top:-39px}
/*#mainMenuHld ul li.active > a {background:#746133!important}*/
/*#mainMenuHld ul li a:hover { background:rgba(116, 97, 51, 0.3) }*/


#mainMenuHld ul.dropdown { position: relative; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}
#mainMenuHld ul.dropdown li { float: left; zoom: 1;  position: relative; /*flex:auto;*/}
#mainMenuHld ul.dropdown li.last a {background:#E30613;/*width:180px;*/min-width: 100px;padding: 0 15px;}
#mainMenuHld ul.dropdown ul {width:200px!important; display:none; position: absolute; top: 100%; z-index:10;margin-top:0 ; background:#2D1D01    }
#mainMenuHld ul.dropdown ul li { float: left; background:none; padding:0; width:100%; margin:1px 0; border-bottom:1px solid #2D1D01;display:flex;justify-content: center;}
#mainMenuHld ul.dropdown ul li a	{ display:block; padding:4px!important;height:auto; float:left;margin:0!important; color:#F6F5F3; width:calc(100% - 8px); text-align:left }
#mainMenuHld ul.dropdown li:hover > ul 			{ display:block }
#mainMenuHld ul li ul li a span { text-align:left!important; color: #FFF!important; font-size:16px!important; padding:12px 10px!important; line-height:16px!important; width:auto!important}
#mainMenuHld ul li ul li.active a span { color: #FFF!important;}
#mainMenuHld ul li.active ul li.active a { background:#5B4D30!important;}
#mainMenuHld ul li ul li a:hover, ul li.active ul li.active a { background:#5B4D30!important; text-decoration:none }
#mainMenuHld ul li ul li:hover a {}
#mainMenuHld ul li ul li:hover a span { color: #FFF!important;}



/* REZ BOX */
.rezBox .hs-quickbook-html {width:100%;}
.rezBox {float:right; width:450px;/* height:135px;*/position: absolute;bottom: 90px;left: 50%;transform: translatex(-50%);z-index:10;}
body.body_pl .rezBox {width:570px;}
body:not(.body_pl) .rezBox .box-3 {width:200px;}
.rezBox form {
  background:#fff;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  align-content: stretch;
  justify-content: space-between;}
.header-left h3, #newsletter h3 { width:100%; color:#ed1c24;; font-size:18px; cursor:pointer; float:right; line-height:22px; text-align:center; margin-top:15px }
.rezBox h3 { color:#90922f}
.body_en .rezBox h3, .body_de .rezBox h3 { font-size:15px}
#date_from_a, #date_to_a {float:left; width:86px; height:21px; background:url(../img/rezInput.png) no-repeat center center; margin-left:15px; margin-top:15px}
.rezBox input { background:none!important;border:0 none!important;line-height:18px;padding:0; width:70px; text-align:center; text-transform:uppercase; margin-top:4px }
.voucherBtn{
    transition: 300ms
}
.voucherBtn:hover{
  background-color: #7c6e51;
    color: #000 !important;

}

/* SEC NAV */
.secNav { float: right; width: 215px; background:#FFFFFE}
.secNav ul { width:100%; float:left;}
.secNav  ul li {float:right; width:200px; }
.secNav  ul li.last span { border:0 none!important }
.secNav  ul li.first { padding-top:20px}
.secNav  ul li.last { padding-bottom:20px}
.secNav  ul li a {margin:0; width:100%;  display:block;float:left;}
.secNav  ul li a span { border-bottom:1px solid #EDEEDC; color:#6b6d1d;font-size:14px; line-height:15px; width:170px; margin-left:10px; cursor:pointer;float:left; padding:12px 0; text-align:right; text-transform:uppercase}
.secNav  ul li a span strong {font-size:12px}
.secNav  ul li a span strong, .secNav ul li.active a span { color:#7c6e51!important;}
.secNav ul li a:hover span { background: #edeedc; /* Old browsers */
background: -moz-linear-gradient(left,  #edeedc 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#edeedc), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #edeedc 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #edeedc 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #edeedc 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right,  #edeedc 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edeedc', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.secNav  ul li li span { border:0 none; font-size:12px;}

/* Footer */
#footer {position:relative; float:left; width:100%;  margin-top: 5px; padding: 50px 0 0;/*position: relative;*/ color: #7c6e51; line-height:150%; font-size: 16px;
background:#dec99c7;
}

#footerContact { display: flex; flex-direction: row; }
#footer .footbox {flex: auto; width: 33.33%; padding: 0 40px;/* border-right: solid 1px #c7B6B0;*/}
#footer .footbox:last-child {border-right: none;}

#footer .fa {font-size: 24px;}
#footer a,
#footerContact a,
.centFooter a img {color:#7c6e51; float: none;}

#footerContact img {max-width:100%; width:220px;}

#footerContact { width:1000px; max-width:100%; float:none; padding-bottom:50px; margin: 0 auto;}
#footerContact, #footerContact a, #footer li a {line-height:150%; font-size:1rem!important; text-decoration:none;}
#footerContact .hsicon-instagram, #footerContact .hsicon-facebook{font-size:24px!important;}
#footerContact .hsicon-instagram:hover, #footerContact .hsicon-facebook:hover{transition: 500ms;opacity: 0.8;}
#footer h1 { float:left; font-weight:normal; }
#footer ul.footerNav {margin-left: 15px;}
#footer ul.footerNav li, ul.footerNav li {list-style-type: disc;}
#footer ul li#HS { background:none; padding-right:0}
#footer a:hover, #footerContact a:hover { text-decoration:underline}

#FB img, #UE img {float: none; left: 10px; position: relative; top: 4px;}
#UE img {top: 8px; left:50px}
#HS {position: absolute; bottom: 0; right:0; height:32px; overflow:hidden;}

.homeLogos { float:left; width:100%; padding:50px 0 50px; display: block; text-align: center; border-top: solid 1px #7c6e51;background:#fff;}
.homeLogos img { padding:0 20px; float: none;max-width: 100%;width: auto !important;max-height: 86px;}
.mP #secContent { width: 100%;}

.promoTitle {color:#870707; font-size:20px!important; text-align:center; line-height:26px; margin-top:15px}
.discount strong {color:#AD0F0C; font-weight:normal; margin-top:15px; font-size:18px}

.allPackages{
    text-transform: uppercase;
    color: #FFF;
    font-size: 15px;
    background-image: url(../img/btn-red.png);
    width: 214px;
    height: 44px;
    float: right;
    text-align: center;
    line-height: 42px;
}
.allPackages:hover{color:#FFF;background-position:center bottom;}


.footbox.newsBox {padding:0!important;}

/* newsletter */
.newsletterWrapper .contentTitleWrapper {
  width: auto;
  margin-bottom:calc(var(--spacing) * 0.5);
}
.newsletterWrapper #newsletter {background-position:center; background-repeat:no-repeat;background-size:contain; flex-direction:column;align-items: center;justify-content: space-between;display:flex;margin: 0 auto;padding: 70px 0;}

.newsletter {
  max-width: 800px;
  width: 100%;
}
.newsletter .rplFont {font-size:30px;}

.newsletterContent {
  position: relative;
  width: 450px;
  max-width: 100%;
  margin-top: 0;
}
  .reviewNewsletterWrapper {
    flex-direction: column;
  }

#newsletter_email {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #928467!important;
  padding: 5px 10px;
  outline: none;
  background: transparent;
  font-size:30px;
  text-align:center;
  line-height:3;
}
#newsletter_email::placeholder {opacity:0.3;}

.newsletter-btn {
color:#e30613;
}
.newsletter-btn:hover {
opacity: 0.6;
}

.newsletterContent p {
  margin-top: 20px;
  float:left;
  text-align:center;
  width:100%;
}
.newsletterContent p span {
  color: var(--dark-color);
}


.newsletterImageBig {
  position: absolute;
  left: 50%;
  top: 50%;
  object-fit: cover;
  transform: translate(-50%, -50%);
}
.newsletterSection {
	padding: 30px 0;
	width:100%;
	background:#fff;
	float:left;
}
.body-nomain .newsletterSection {padding-top:0;}
.newsletterWrapper {
/*  min-height: 300px!important;*/
  position:relative;
}



@media screen and (max-width: 980px) {
#langsHld #langs a::before {background:#7c6e51;}
.rezBox,
.topBar{display:none!important;}
.footbox.newsBox {padding:0;width:100%!important;}
	#newsletter {
	text-align:center;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	width:auto;
	}
	#newsletter_email {text-align:center;}
	.newsletterContent {align-items: center;width:calc(100% - 60px);}
}

.pakiety_pobytowe.closeoffer h1.pageTitle,
.pakiety_pobytowe.closeoffer .down,
.ceny_i_rezerwacja .down,
.ceny_i_rezerwacja h1.pageTitle,
.ceny_i_rezerwacja .rezBox,
.ceny_i_rezerwacja .col1 {display: none;}
.ceny_i_rezerwacja .header {border-bottom: solid 1px #eee;}
.ceny_i_rezerwacja #mainMenuHld {background:#fff;}
.ceny_i_rezerwacja #mainMenuHld ul li:not(.last) a span {color:#2d1d01;}
/*.ceny_i_rezerwacja #middle {background: #F1ECE7;}*/
.ceny_i_rezerwacja .centerDiv.centHeader::after {display:none;}
.ceny_i_rezerwacja #dynamicContent {width: 100%}
.ceny_i_rezerwacja #dynamicContent #secContent {width: calc(100% - 20px)}
.ceny_i_rezerwacja #dynamicContent .hs-widget {margin: auto;}
.ceny_i_rezerwacja .centerDiv.centMiddle .centerDivIn {width: 100%;}

@media screen and (min-width: 981px) {
	.ceny_i_rezerwacja .topBar {display:none;}
}

.atrakcje_na_mapie .centHeader {margin-top: 0;}
.atrakcje_na_mapie .centerDiv.centMiddleIn .centerDivIn {width: 100%!important;}
.atrakcje_na_mapie .centerDiv.centMiddleIn .centerDivIn #middle {background: transparent;}

.atrakcje_na_mapie #reviewsHld,
.atrakcje_na_mapie #langsHld,
.atrakcje_na_mapie #fb-top,
.atrakcje_na_mapie .middleIn,
.atrakcje_na_mapie .centFooter,
.atrakcje_na_mapie #supersized-loader,
.atrakcje_na_mapie #ss-hld,
.atrakcje_na_mapie #slogan,
.atrakcje_na_mapie .header {display: none!important;}

.atrakcje_na_mapie .hs-widget,
.atrakcje_na_mapie .hs-widget iframe {height: 100%!important;}

  /* 2.1. Slider arrows */
  .bx-controls {position: absolute; top:50%; transform:translate(0,-50%); z-index: 9;}
  .bx-controls {width:100%;}
  .bx-controls-direction {display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center; width:90%; margin:0 auto;}
  .bx-controls-direction a {display: block;height: 40px; width:20px;     position: relative;}
	.lightArrows  { cursor: pointer;top: 50%;height: 40px;width: 23px;}
  .bx-prev::before, .bx-next::before, #lightPrev::before, #lightNext:before {content: '';position: absolute; width:100%; height:100%; background: url(/img/leftDark.svg) no-repeat;}
	#lightPrev::before, #lightNext:before {background: url(/img/rightDark.svg) no-repeat;}
  .bx-prev::before,#lightPrev::before {left:0; opacity:1;}
  .bx-next::before, #lightNext:before {right:0; transform: rotate(180deg);opacity:1;}
  .bx-controls-direction .bx-prev:hover::before, #lightPrev:hover::before {transform: scale(0.9,0.9); opacity:0.9;}
  .bx-controls-direction .bx-next:hover::before, #lightNext:hover::before {transform: rotate(180deg) scale(0.9,0.9);opacity:0.9;}
	.bx-controls-direction a:focus, .bx-controls-direction a:active:focus, .bx-controls-direction a:active {outline: none;}


	/* --8.7. Sekcja z opiniami */
	.circle {width: 200px;color: #fff;height: 200px;border: 3px solid #fff;border-radius: 50%;position: relative;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;flex-direction: column;}
	.circle:hover {border: 3px solid rgba(255,255,255,0.75);}
	.circle:first-child {margin-right: 50px;}
	.circle::before {content: '';top: -13px;left: calc(50% - 23px);width: 13px;height: 25px;background: background: rgba(116, 97, 51,1) !important;;position: absolute;display: block;transform: rotate(83deg);}
	.score span {font-size: 48px;line-height: 1;}
	.howManyReviews.beutyFont {font-size: 15px;line-height: 1; margin-bottom: 15px;}
	.opinieSlider .bx-prev::before, .opinieSlider .bx-next::before {background-image: url(/img/leftDark.svg);background-repeat:no-repeat;background-size:contain;background-position: center;}
/*	.opinieSlider .opinieContent {width: 100%;}*/
	.opinieSlider .bx-viewport {height:auto!important}
	.opinieSlider li {margin:0!important;}


.siteWidth {
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
}

  /* 9. Opinie */
	.SectionOpinie {position: relative;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
  .opinieSlider {position: relative;text-align: center;width:100%; /*padding: 70px 0;*/margin:auto; background: #fff;}
	.opinieSlider h2 {margin-top:0 !important;font-size: 30px  !important;}
  .opinieButton,.SectionOpinie  {margin-top:70px; order:3;}
  .opinieContent {/*width: 650px;*/font-size:17px;/*margin: auto;*/ display: block; color:#656565;}
  .opinieName {font-size: 24px; line-height: 1; color:#656565;margin:30px 0;display: block;}
  .opinieSlider .bx-prev::before,.opinieSlider  .bx-next::before {border-color: background: rgba(116, 97, 51,1) !important;;}
	.opinieJPG {width: 50%; text-align: center; background: rgba(116, 97, 51,1) !important;;height: 500px;display: flex;justify-content: center;align-items: center;flex-flow: row wrap;}
.opinieSlider .subTitle {
    font: 400 19px/1 Lato;
    color: #4E4E4E;
    margin-top: 15px;
    padding-bottom: 45px;
    display: block;
}

	.opinieJPG a:hover {color:rgba(255,255,255,0.75);}
.opinieSlider .bx-wrapper {height:150px;}
.opinieSlider .bx-wrapper li {margin-left:0;}

@media only screen and (max-width : 980px) {
.logoHld img {height: 50px !important;padding: 10px !important;}
.header-left {width:100%;height:70px;background:#fff;z-index:998;box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.logoHld {background:transparent;width:90px;height:70px;}
}

.opinieSlider {width:100%;}
.opinieSlider .bx-viewport {
    width: 70% !important;
    margin: 0 auto;
}

.rooms.section-bg-image{margin:15px 0 0!important;}
.title-text-image .h3 span {font-size: 30px; margin: 34px 0 20px 0; display: block;}
.sections-group {float:left;width:100%;}
.sections-group section:first-child {margin-top: 15px;}
.section-bg-image { float:left;text-align: center;width:100%; background-position:center center; background-size:cover; background-repeat:no-repeat; position:relative; margin-bottom:15px;min-height: 500px}
  .text-images-desc { float:right; width:40%; margin:0; z-index:10; position:relative;/* background:rgba(146, 132, 103,0.05);*/padding:0; /*text-align:justify;*/ min-height:/*600px*/500px}
	.mainOffersTitle,
	.text-images-desc .h3 { padding:30px 0!important; font-size:30px!important; line-height:32px; text-align:left; position:relative}
  .fontStyleh3{ padding:30px 0!important; font-size:30px!important; line-height:32px; text-align:left; position:relative}

/*
	.left .text-images-desc .h3::after,
	.text-images-desc .h3::after { content:""; position:absolute; right:0; width:20px; bottom:15px; height:1px; background:#CDAE5A;-moz-transition:all 1.4s ease;	-o-transition:all 1.4s ease;	-webkit-transition:all 1.4s ease;	transition:all 1.4s ease;}
*/
	.left .text-images-desc .h3::after {left: 0;right:auto; }

	.section-bg-image:hover .text-images-desc .h3::after { width:70%;}
		.desc-text, .text-images-desc .h3 { float:left; width:80%; margin-left:10%; margin-right:5%}
		.desc-text { padding-bottom:30px}
		.desc-text a { color:#000; text-decoration:underline}

.content-section-Tekst {margin: 15px 0; float: left; width: 100%;}
.content-section-Tekst .text-images-desc {min-height: auto;}
.content-section-Tekst .text-images-desc .h3 { padding:30px 0; font-size:30px; line-height:32px; text-align:center; position:relative}
.content-section-Tekst .text-images-desc .h3::after { content:""; position:absolute; right: calc(50% - 10px); width:20px; bottom:15px; height:1px; background:#A80200;-moz-transition:all 1.4s ease;	-o-transition:all 1.4s ease;	-webkit-transition:all 1.4s ease;	transition:all 1.4s ease;}
.content-section-Tekst:hover .text-images-desc .h3::after { width:70%; right: calc(50% - 35%);}

.room-icons { float:right; width:60%; text-align:center; margin-top:40px; padding-right:25px; position: absolute; bottom: 25px;z-index:10;}
.room-icons * { color:#FFF; font-size:20px}
.room-icons-in .tt-el { text-align:center; width:30px; height:40px; display:inline-block;}
.room-icons-in .tt-el i , .room-icons-in .tt-el img { position:relative; top:6px; cursor:default}
.room-icons-in .tt-el-w { width:70px; letter-spacing:0.1em }
.room-icons img { height:20px;}
.room-size-icon sup { font-size:70%}
.room-icons img:hover, .room-icons i:hover { opacity:0.6}


@media screen and (max-width: 990px) {

.text-images-desc {width: 100%;}
.room-icons {width: calc(100% - 50px)!important; padding: 0 25px; position:relative!important;}
.room-icons * {color:#555!important;}
.unslider #prevslide, .unslider #nextslide {top: 25vh!important;}
.unslider #prevslide {left: 0px!important; right: auto!important;}
.unslider #nextslide {left: auto!important; right: 0px!important;}
#HSBooking.flag-r .room-img img
}

ul.bkgSecSlider {
padding: 0 !important;
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
width: 60%;
}

ul.bkgSecSlider li {
	height: 100%;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	margin-left:0!important;
}

	.text-images-right .text-images-desc { float:left;}
	.text-images-right ul.bkgSecSlider {left: auto; right:0;}

.text-images-right #prevslide {left:40%; right: auto;}
.text-images-right #nextslide {right: 0; left: auto;}


.gallery-section {margin-bottom: 15px; float: left; display: block; width: 100%;}
.gallery-section a {width: 25%; height: auto; float: left; position: relative;overflow:hidden;}
.gallery-section a:after {content:''; position: absolute; width: 24px; height: 24px; right: 20px; bottom: 20px; background: url(../img/zoom.png) repeat;}
.gallery-section img {width: calc(100% - 10px); margin: 5px;}


.gallery-section a:hover img {opacity: 0.7;transform:scale(1.1,1.1)}



.down { position:fixed; bottom:50px; left:calc(50% - 25px); width:50px; height:50px; color:#fff;z-index:10;}
.down img {height:40px;margin-top:35px; cursor:pointer}

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}



.down img {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.scrolled .down {
    display: none !important;
}

.ceny_i_rezerwacja .header,
.pakiety_pobytowe.closeoffer .header {height:58px; overflow:hidden;}
.ceny_i_rezerwacja .logoHld,
.pakiety_pobytowe.closeoffer .logoHld {margin-top: -7px;}
.ceny_i_rezerwacja .header-left .hs-quickbook-html,
.pakiety_pobytowe.closeoffer .header-left .hs-quickbook-html,
.ceny_i_rezerwacja #reviewsHld,
.ceny_i_rezerwacja #langsHld,
.pakiety_pobytowe.closeoffer #reviewsHld,
.pakiety_pobytowe.closeoffer #langsHld {display:none;}
.ceny_i_rezerwacja .header-left,
.pakiety_pobytowe.closeoffer .header-left {height: 58px!important;position: fixed;overflow: hidden;}

    /* Styles */
    .box-1, .box-2, .box-3{
      display:flex;
      float:none !important;
      vertical-align: middle;
      padding: 0px 25px;
      position: relative;
      height: 58px;
	  flex-direction: row;
  width: 25%;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
    }

	.box-3 {display: block; width: 335px; height: 58px;padding:0;}

    .box-3 button{height:100%;background-color:#7c6e51; width:100%;border:0px;color:#fff !important; font-size: 1.1rem;font-weight:400;}
    .fromto{text-align:left;}
    /* .box-2, .box-1{
          padding: 10px 40px 10px 10px !important;
    } */
    .slash{font-size:2rem!important;color:#a58554; display:none!important;}
    .monthbig{font-size:2rem!important;}
    /*.box-1::after, .box-2::after{
		display:none!important;
      content:"\f078";
      font-family:FontAwesome;
      position:absolute;
      top: 68px;
	  font-size: 16px;
	  color: #a58554;
    }*/
    .box-2::before{
content: "";
  position: absolute;
  width: 1px;
  background-color: #cccccc;
  height: 25px;
  left: 0px;
  top: 50%;
  vertical-align: middle;
  transform: translatey(-50%);
    }
    .slider-caption.tytul{text-transform:none !important;}
    .language-menu{position: absolute;right: 0px;top:0px;}
      .language-menu li{padding:5px;float:none;}
    #menu-switcher{float:left !important;}
    .header-arrows{display:none !important;}
    .slider-subcaption{display:none !important;}

.gwarancja {text-align:center; color:#fff;margin-top:5px;width:100%;font-size: 1.1rem;}

    .fromto{color:#000;}
    /*.box-1, .box-2*/{background-color:#fff;}
    .middle ul{float:none;}
    .main-menu{width: 88% !important; margin:0 auto;}
    #cssmenu_lang{float:right;}
    .logo-header{margin: 0 auto;width: 100%;text-align: center;margin-top:5vh;}
    .middle{width: auto;margin: 0 auto;text-align: center;}

    .hs-apply-default-style.hs-quickbook-html[data-hs-form="quickbook"] form > div > div{margin-top: 0!important;background-color:transparent !important;color:#000;text-align:left; /*margin-bottom: 20px; margin-left: -5px*/
	display: flex;justify-content: center;align-items: baseline;flex-direction: row;padding-top: 9px;	}
    .hs-apply-default-style.hs-quickbook-html[data-hs-form="quickbook"] form > div > div > strong{border-color: rgba(140, 174, 79,1);}
    .hs-apply-default-style.hs-quickbook-html[data-hs-form="quickbook"] form > div > div .around{display: inline-block;width:auto;}
    .hs-apply-default-style.hs-quickbook-html[data-hs-form="quickbook"] form > div{width:50% !important; cursor:pointer; white-space:nowrap;}
    .hs-apply-default-style.hs-quickbook-html[data-hs-form="quickbook"] form > button{color:rgba(140, 174, 79,1);width:40% !important;}
    .hs-apply-default-style.hs-quickbook-html[data-hs-form="quickbook"] form > div > div{margin-top:0px;}
    .hs-apply-default-style.hs-quickbook-html[data-hs-form="quickbook"] form > div.box-3{padding:0px !important;width:100% !important;z-index: 49}
    .hs-apply-default-style.hs-quickbook-html[data-hs-form="quickbook"] form > div > div:hover {box-shadow: 0px 0px 0px 0px!important;}
    .language-level{position: absolute;top: 20px;right: 0px;width: 150px;}

    .box-1:hover, .box-2:hover {
    background: #928467 !important;
    transition: 300ms;
}

.box-1 div, .box-2 div {
color: #000!important;
font-size: 1.1rem;
font-weight: 400;
display: flex;
  align-items: baseline;
  gap: 5px;
  padding-top: 3px;
}
.box-1:hover div, .box-2:hover div {
    color:#000 !important;
    transition: 300ms;
}

.box-1:hover::after, .box-2:hover::after{
    color:#fff !important;
    transition: 300ms;
}
.box-3 button {transition: 300ms; cursor: pointer; background:#E30613}
#mainMenuHld ul.dropdown li.last a:hover,
.box-3 button:hover {background-color: #7c6e51;color: #000 !important;transition: 300ms;}
#mainMenuHld ul.dropdown li.last a:hover span {color: #000 !important;transition: 300ms;}
/*
	.scrolled .box-3 {position: fixed; top:0; left: 0; width: 215px!important;}
	.scrolled .box-3 button {width: 215px!important; float:left; background:#E30613}
	.scrolled .box-3 button:hover {background-color: #7c6e51;}
*/


#prevslide,
#nextslide {
	height: 100%;
	background-position: center center;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left:0!important;
	opacity:1;
	transition:300ms;
}
#prevslide:hover,
#nextslide:hover {opacity:0.7;}



/* galeria */
.SectionGallery {
float: left;
width: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
position: relative;
margin-bottom: 15px;
}
.GalleryContainer {width:100%;max-width:1280px;margin:0 auto;}
.GalleryPicture {overflow:hidden; width: calc(33.33% - 10px); margin: 5px; float:left; position: relative; /*box-shadow: 0 0 2px #555;*/}
.GalleryPicture a {float:left;}
.GalleryPictureInner {overflow:hidden;}
.GalleryPicture .GalleryPictureInner::before {content:''; background:rgba(255,255,255,0); position: absolute; top:0;left:0;right:0;bottom:0;}
.GalleryPicture .GalleryPictureInner .zoom {}
.GalleryPictureInner img.pic {width: 100%;}
.GalleryPicture:hover .GalleryPictureInner::before {background:rgba(255,255,255,0.25);}

.GalleryPicture .zoom {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 0; height: 0;}
.GalleryPicture:hover .zoom {width: 24px; height: 24px; z-index: 20;}

.ContentTitle h2.beutyFont { text-align:center; font-size: 30px; margin: 50px 0; Text-transform: uppercase; font-weight:400;font-family: trajan-pro-3, serif;}

/* galeria */


.box-1:hover, .box-2:hover,
.box-1, .box-2,
.Active #mainMenuHld *,
#mainMenuHld *,
.offer *,
.offer:hover *,
#mainMenuHld *,
.GalleryPicture:hover .GalleryPictureInner::before,
.GalleryPicture .GalleryPictureInner::before,
.GalleryContainer *,
.GalleryContainer:hover *,
#prevslide:hover, #nextslide:hover,
#prevslide, #nextslide,
.book-btn:hover,
.book-btn,
.offer:hover:before,
.offer:before,
.offer
{
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}





.showmobile {display:none!important;}
.hidemobile {display:inline-block;}

@media only screen and (max-width : 980px) {

.mainMenu li.last.hidemobile   {display:none!important;}

.homeLogos img, .homeLogos a {
    position: relative;
    top: 0 !important;
    display: block;
    padding: 20px 0;
    text-align: center;
    margin: 0 auto;
}


.hidemobile {display:none;}
.showmobile {display:inline-flex!important;}


#fb-top {top: 90px;}

#footerContact {flex-direction: column;}
#footer {padding-bottom: 100px;}
#footer .footbox {width: calc(100% - 80px); padding: 40px; text-align: center!important;}

.down {bottom: 90px;}
#langsHld #langs a {color:#7c6e51;}
#langsHld { position:absolute; z-index:5; bottom: 25px;left: 50%;transform: translatex(-50%);top:unset;}
#reviewsHld {bottom:80px; right: 15px;}
#blogHld{
  bottom: 80px !important;
}
#popupContact {width:90%;}
#popupContact img {max-width:100%; height:auto;}

ul.bkgSecSlider {width: 100%!important; height: 50vh!important;position: relative!important;}
.text-images-desc {min-height:auto!important;}

.GalleryContainer .GalleryPicture {width: calc(100% - 10px);}
.middleIn .offer:not(.mainOffer) {width:calc(100% - 10px)!important; height: 50vh; margin: 5px!important;}
.offer, .offerHld {height: 50vh!important;}

#secContent h1 {width:100%; overflow:hidden;}

.ceny_i_rezerwacja #dynamicContent #secContent {width:100%;}
.ceny_i_rezerwacja .header, .pakiety_pobytowe .header {}
.ceny_i_rezerwacja .header-left,
.pakiety_pobytowe .header-left {height: 70px!important;}

.ceny_i_rezerwacja #supersized,
#fb-top,
#mainMenuHld {display: none;}
body.Active {overflow:hidden;}
.mainmenu_full #closemenu {display: inline-block;}
.Active #mainMenuHld:before {content:'';position: fixed; left:0;right:0;top:0;bottom:0;z-index:-1}
.Active #mainMenuHld {
    display: block;
    z-index: 997;
    background: white;
    width: 100%;
    position: fixed;
    height: 100vh;
	overflow-y: scroll;
	box-shadow: none;
	margin-left: 0;
	left:0!important;
	right:0!important;
}

.Active #mainMenuHld ul.dropdown > li:first-child {
	padding-top: 90px;
}
#mainMenuHld ul li:not(.last) a::before {bottom:0}
.Active #mainMenuHld ul.dropdown > li {
	padding-top: 10px;
}
.Active #mainMenuHld ul.dropdown > li > a {
	background:/*#7c6e51*/transparent;
	width:100%;
}
.Active #mainMenuHld ul li a span {color:#2d1d01;line-height:2;}
#mainMenuHld ul li.active > a {background:important!important}

.Active #mainMenuHld ul.dropdown > li > ul > li > a {
	padding: 10px 0!important;
  text-align: center;
}


.Active #mainMenuHld ul.dropdown {
	position: relative;
	width: 100%;
	display: flex;
	flex-wrap: nowrap!important;
	align-items: stretch;
	flex-direction: column!important;
	margin-bottom: 100px;
	margin-left:0;
}

#mainMenuHld ul.dropdown ul {
	display: block;
	width:100%!important;
	position:relative!important;
	background:transparent;
  margin-left:0px;
}

#mainMenuHld ul li {
	background:transparent;
	width:100%;
	float: none;
	flex: none;
}

#mainMenuHld ul.dropdown ul {top: 0;}

.footerMenuMobile {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 65px;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	background: #fff;
	z-index: 998;
	font-size: 1em;
	line-height: 32px;
	text-transform: uppercase;
	text-decoration: none;
	border-top: solid 1px rgba(0,0,0,0.2);
}

.footerMenuMobile a.iconBox.tel {border-left: solid 1px rgba(0,0,0,0.2);border-right: solid 1px rgba(0,0,0,0.2);}
.footerMenuMobile a.iconBox.rez {background:#C12324;color:#fff;}
.footerMenuMobile a.iconBox.www {background:#35221C; display: none;}
/*.footerMenuMobile a.iconBox.map {background:rgba(58, 132, 223, 0.8);}*/
{*.footerMenuMobile a.iconBox.gal {background:rgba(53, 34, 28, 0.8);}*}
.footerMenuMobile a.iconBox.menu {background:#C12324;}
.footerMenuMobile a.iconBox.menu.Active {display: block;}
.footerMenuMobile a.iconBox.menu {display: none;}

.footerMenuMobile a.iconBox:hover::before {content:'';position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255,0.3); text-decoration: none!important;}
.footerMenuMobile a.iconBox:hover {/*background:rgba(0, 0, 0,0.6);*/ text-decoration: none!important;}

.footerMenuMobile a.iconBox {width: 100%; text-align: center; line-height: 100%;position: relative;}
.footerMenuMobile a.iconBox img {height: 20px; margin: 13px 0 3px; float: none;}
.footerMenuMobile a.iconBox {color: #555;
font-weight: normal;
padding: 0;
letter-spacing: 0;
font-size: 14px;
}

.footerMenuMobile a.menu {position:fixed; top: 0; right:0; width: 70px; height: 60px; padding-top: 10px;}
.footerMenuMobile a.menu img {margin: 8px;margin-top:14px; width: 30px; transform:scale(2.5); -webkit-transform:scale(2.5);
-moz-transform:scale(2.5); -o-transform:scale(2.5);}

}
#blogHld{
  position:absolute;
  bottom: 30px;
  top: auto;
  right: 125px;
  border: solid 1px #fff;
  z-index:10;
}
#blogHld a{
  float: left;
  color: #fff;
  text-align: center;
  background: rgba(0,0,0,0.25);
  padding: 10px 15px;
  min-width:85px;
  box-sizing: border-box;
  transition: 300ms;
}
#blogHld a:hover{
  background: rgba(0,0,0,0.5);
  transition: 300ms;
}