/* MAIN LAYOUT HotelSystems.pl */
h2, h3, h4, h2 a, h3 a, h4 a {font-weight:normal}
a {text-decoration:none; }
a:hover {text-decoration: none; }
a img, embed, object { border:0 none;}

sup {top: -0.5em;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}

.cd-words-wrapper b {font-size: 1rem; line-height: 150%;}

/* HOTEL LAYOUT HotelSystems.pl */
#small-nav, .langs li a, img.zoom, .section-gallery a::before , section .image , .headRow,.offer-el h3, .offer-price, /*.logo img,*/ .header-top-in, .header-top, nav ul li a::before, #cnt, .dateHld, .offerPrice, .btn-rez, .boxDesc span, .boxDesc > i,.logo, .box::before, .bookNow, .navIconLink i, .ease02, .boxIn::before {-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
h1, h1 span,  #slidecaption span, #slidecaption {-webkit-transition: all 2s ease-out;-moz-transition: all 2s ease-out;-o-transition: all 2s ease-out;transition: all 2s ease-out;}
.btn-alloffers, .section-btn::after, .btn-book::after,.offer-el::after {-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}

#prevslide:hover, #nextslide:hover,
#prevslide, #nextslide,
header.act .header-middle, header .header-middle {-webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;-o-transition: all 300ms ease-out;transition: all 300ms ease-out;}


.offer-el::after, .section-photo-bg .images-section::after,#supersized li::after{    content: "";    float: left;    height: 100%;    pointer-events: none;    position: relative;    width: 100%;    z-index: 9}
body #ui-datepicker-div { display:none}
body {	width:100%; font-size:1.5rem; line-height:1.5;background:#FFF}
.footerContactSec h3, a.section-btn *, body * { font-family:'Lato', sans-serif;}
.kontaktNew input.section-btn, .offer-el h3, h2.section-title span { /*font-family: 'Italianno', cursive;*/ font-family:'Lato', sans-serif;}

 .footerContact *, button, input, select, textarea, #start, .footer-text p, nav ul li a, .separateOffer *, #newsletter input, .desc-text, .desc-text *, .btn-bell span, .langs a { font-family:"Lato", sans-serif}
footer ul a {font-family:'Lato', sans-serif;}
header { float:left; width:100%; height:100vh; position:relative}
.body-nomain _header { min-height:500px; height:90vh}
	.header-top { margin:0 auto; width:90%; max-width:100%;padding:0}
	.header-top-in { float:left; width:100%; padding-top:25px; position:relative}
		.offer-price, .section-btn, .btn-book { float:right; width:185px;  text-align:right; font-size:20px; line-height:26px; color:#E5CC97; position:relative;}
		.section-btn::after, .btn-book::after { content:""; position:absolute; left:50%; top:0; bottom:0; background:#B79D63; z-index:0; width:0  }
		.btn-book::after { z-index:-1}
		.offer-price, .section-btn { color:#B79D63; border-color:#B79D63;float:none; display:inline-block; font-size:18px; width:160px; position:relative}
		.section-btn b { font-weight:normal; text-transform:uppercase; position:relative; z-index:10 }
		.section-btn i { font-family:FontAwesome; float:left; background:#B79D63; color:#FFF; position:absolute; right:100%; padding:10px; top:50%; margin-top:-20px}
		.section-btn:hover::after, .btn-book:hover::after { left:0; width:100%}
		.section-btn:hover, .btn-book:hover {text-decoration:none!important; border-color:#B79D63!important; color:#FFF!important}
		.btn-book:hover {color:#222!important}
header.act .header-top { position:fixed; top:0; background:#222; left:0; z-index:50; right:0; max-width:none; width:auto; padding:10px 5%}
header.act .header-top .header-top-in { padding-top:0}


	.body-ident-blog .page-header.act {position: relative; left: 0; right: 0;}
	.body-ident-blog nav ul.pager {display: none;}


.btn-1,.btn-1::after {  -webkit-transition: all 0.3s;	-moz-transition: all 0.3s;  -o-transition: all 0.3s;	transition: all 0.3s;}
.btn-1 {background: #a58554;  border: 2px solid #a58554;  border-radius: 1px;  color: #fff;  display: inline-block;  font-size: 1rem;  width: auto;  padding: 6px 20px;  font-weight: 400;  position: relative;  z-index:9;  text-transform: uppercase;cursor:pointer;}
.btn-1::before,.btn-1::after {  background: #fff;  content: '';  position: absolute;  z-index: -1;}
.btn-1:hover {  color: #a58554;background: none;}
.btn-1 span {color:#fff;}
.btn-1:hover span {color:#a58554;}


/* BUTTON 1 */
.btn-1::after {  height: 0;  left: 50%;  top: 50%;  width: 0;}
.btn-1:hover:after {  height: 100%;  left: 0;  top: 0;  width: 100%;}





footer .head5, footer .head6 {width:calc(50% - 220px);height:1px;}
footer .head1, footer .head4 {top:40px;}


	#down { position:absolute; bottom:10px; left:50%;margin-left:-20px;  text-align:center; cursor:pointer }
	#down span {border-left:1px solid #E5CC97;border-top:1px solid #E5CC97; width:50px;height:50px; transform:rotate(-135deg); float:left}

	i.fa-facebook-official {font-size:17px; cursor:pointer; color:#FFF}
	.langs {
	list-style-type: none;
	width: 30px;
	position: absolute;
	z-index: 20;
	margin-right: 10px;
	right: 0;
	}
	.langs li a {line-height: 150%; float:left; text-align: center; color:#FFF!important; padding:0 1px;text-align:center; font-weight: 400;}
	.langs li.active a,
	.langs li a:hover {color:#a58554!important;}
	.langTag_pl #lang_pl, .langTag_en #lang_en, .langTag_de #lang_de { opacity:1 }



#cnt { float:left; width:100%; background:#fff; margin-left: 0; margin-right: 0;}
.body-ident-pakiety_pobytowe #cnt { padding:0;}
.body-offer #cnt { padding:0; width: 100%; margin: 0!important;}


.main_offersTitle {font-size: 48px; font-weight: 400; text-align:center; padding: 0 0 40px 0; float: left; width: 100%; line-height:100%; color:#a58554 !important}
.main_offersTitle span {font-size: 50%; display:block; text-transform: lowercase; font-style: italic; color:#cccccc !important }


section.images-section {margin-top:0 !important}
.text-images {padding:0;position:relative; overflow:hidden;/*margin: 80px 0 80px 0;*/}
.section-photo-bg::before { content: '';
background: rgba(0, 0, 0, 0.6);

width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
	.all-offers, .main-offers > h3, h3.section-info, .gallery-section h3, .text-images h3 { font-size:30px; line-height:100%; padding:15px 0; color:#000; font-weight:normal; width:100%; float:left; position:relative; z-index:10; margin-bottom:40px; text-align:center; margin-top:15px; }
	.text-images > div.desc-section { float:right; width:475px; z-index: 10; position: absolute;
	padding: 40px 50px;
display: flex;
align-items: center;
align-content: center;
flex-wrap: wrap;
	}
	.text-images > div.desc-section > div { margin:0 auto; width:100%}
	.text-images .box-el { width:59%;z-index:0; float:left}
	.text-images .boxIn { height:100%;  float:left; width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
/*	.text-images img { float:left; width:100%;}*/
/*	.text-images p img { width:100%; height: auto;}*/
	.text-images a { color:#B79D63}
	.text-images a.btn {background:#B79D63; color:#FFF; font-size:20px}
	.text-images a.btn:hover { background:rgb(206, 199, 172); text-decoration:none}
	.text-images a:hover { text-decoration:underline}
		.text-images-desc { font-size:16px; line-height:28px; padding-bottom:20px}
			.desc-text { float:left; width:100%;}
		.text-images-desc p { padding:10px 0;  letter-spacing:0.15em; text-align:center}
			a.btn-text {  margin:0 10px; color:#FFF; background:#000 }
			a.btn-text:hover { text-decoration:none; }

	.images-section { float:left; position:absolute; left:0; top:0; bottom:0; width:60%}
	.images-section .image { position:absolute; width:50%; height:50%; left:0; top:0; background-position:center center; background-size:cover;}
	.images-section .image:hover { opacity:0.6;}
	.images-section .galEl_2 { left:50%}
	.images-section .galEl_3 { top:50%}
	.images-section .galEl_4 { left:50%; top:50%}
	.images-section.images-sectNr_1 .image { width:100%; height:100% }
	.images-section h4 { position:absolute; right:0; bottom:0; width:52%; text-align:right; font-size:32px; line-height:34px; ; color:#FFF; padding:40px 3% 20px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222+0,3e0434+100&0+0,0.4+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003e0434', endColorstr='#663e0434',GradientType=0 ); /* IE6-9 */

	}
	.images-section h4 strong { font-size:14px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic}
	.text-images-right {padding-left: 60px;}
	.text-images-right .images-section h4 { right:auto; left:0}

	.text-images-right div.desc-section { float:left;}
	.text-images-right .box-el { left:auto; right:20px}
	.text-images-right .images-section img { float:right}
	.text-images-right h3.section-info { left:auto; right:20px}
	.text-images-right .images-section { left:40%}

	.leftImg {padding-right: 60px;}
	.leftImg div.desc-section { right: 0; margin-right: 20px;}




	h2.section-title {margin-bottom:0.5rem;text-align:center;font-size:3rem!important; color:#a58554;}
	h2.section-title strong, h2.section-title span { float:left; width:100%;}
	h2.section-title span { color:#a58554; line-height:125%;}
	h2.section-title strong {letter-spacing:0.15em; margin-top:-10px}
	h2.section-title strong b {font-weight:normal;}

	p.section-btn-hld { text-align:center}
	p.section-btn-hld a {opacity: 1!important;}

/*	.room-options-box {position: absolute; left: 0; bottom: 100px; z-index: 10; display: block; width: 60%;}
	.text-images-right .room-options-box  {left: auto; right: 0}*/

	.rooms-section h3.section-info { width:120px}
	.rooms-section .text-images-desc { font-size:14px; line-height:24px}
		ul.room-options {padding: 0 !important; white-space: nowrap;
margin: 20px 0 !important;
float: left;
width: auto;
text-align: center;
transform: translatex(-50%);
left: 50%;
position: absolute;}
		ul.room-options li { display:inline-block; font-size:20px; background:rgba(255, 255, 255, 0.85); padding:3px 8px!important; margin:1px!important;}
		ul.room-options li i {font-size: 20px;}
		p.btn-room-hld { float:left; width:100%; text-align:center; padding:10px 0 30px 0}

	section.section-photo-bg { /*margin: 0 0 80px 0; */width:100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;/*margin-top:50px !important;*/}
	section.section-photo-bg .images-section { width:100%}
	section.section-photo-bg .images-section .image { border:0 none; opacity:1!important;display: flex;justify-content: center;align-items: center; flex-direction: column;background-attachment: fixed !important;background-size:cover;background-repeat:no-repeat;}
	section.section-photo-bg > div.desc-section { width:100%}
	.section-photo-bg {min-height: 700px;}
	.text-section {min-height: 400px; background:#a58554;}
	.text-section:before {opacity:0;}
	.text-section .btn-1 {border: solid 2px #fff;}

	section.section-photo-bg .ContentTitle {display:block; width:90%; margin-bottom:0; margin-left:5%;}
	section.section-photo-bg h3.section-title { text-align:center; color:#fff;background:none;font-size: 5rem; font-weight:400; text-transform: uppercase;}
	section.section-photo-bg p.section-btn-hld { float:left; width:100%; position:relative; z-index:10;opacity: 1 !important;}
	section.section-photo-bg .button { opacity: 1 !important}
	section.section-photo-bg a.section-btn { color:#FFF; border-color:#FFF}

	section.section-photo-bg .subTitle {float:left;margin-top: 20px;color: #fff; width:100%;z-index:1;text-align:center;font-size:1.8rem;}
	section.section-photo-bg .desc-text {width:90%;margin-right:5%;margin-left: 5%; line-height: 150%;}
	section.section-photo-bg .desc-text p {color: #fff;}
	.section-gallery h2.section-title span { font-size:50px; line-height:50px; }
	.section-gallery h2.section-title {margin-top:0; padding-top:0; padding-bottom:30px}
	.section-gallery img { float:left; width:100%}
	.section-gallery a { float:left; width:25%; position:relative}
	.section-gallery img.zoom { width:auto; position:absolute; z-index:10; left:50%; top:50%; margin-left:-12px; margin-top:-12px; opacity:0; transform:scale(0) }
	.section-gallery a::before { content:""; position:absolute; left:0; right:0; top:0; bottom:0; border:3px solid #FFF}
	.section-gallery a:hover::before { background:rgba(34,34,34,0.3)}
	.section-gallery a:hover img.zoom { opacity:1; transform:scale(1)}

.body-ident-pokoje .section-gallery a {float: left; width: 100%;transform: translatey(-50%);top: 50%;}

.body-ident-pokoje .section-gallery img.zoom {z-index: 999;}


/* OFFERS */

.separateOffer { padding:30px 0; margin:0 auto; width:90%; max-width:1200px}
.separateOffer * { font-size:16px; line-height:26px; }
.separateOffer a { color:#A88E55}
.offer-title h1 { display:block!important}
.offer-title { position:absolute; top:40%; color:#FFF; text-align:center; left:5%; right:5%; font-size:50px; line-height:60px}
.offer-title strong { line-height:40px; padding-top:25px }
.offer-title strong strong { font-weight:normal; font-size:40px}
_body.body-offer header { height: 470px;}
.btn-alloffers { position:fixed; bottom:-60px; left:50%; transform:translateX(-50%); background:#222222; padding:6px 20px; width:auto ; z-index:50}
header.act .btn-alloffers { bottom:0}

.main-offers { float:left; width:100%; margin-bottom:2px}

.section-offers { float:left; width:100%; /*display: flex; flex-wrap: wrap;*/}
	.offer-el { float:left; position:relative; flex-grow: 1; flex-shrink: 0; overflow:hidden;}
	.offer-el * { color:#555}
	.offer-el:hover::after {top:0;background:rgba(255,255,255,1)}
	.offer-el::after { content:""; position:absolute; left:0; right:0; top:100%; bottom:0; border:3px solid #f1ede5; width:auto!important; height:auto;background: rgba(255,255,255,0);}
	.offer-el-1::after { border-left-width:4px}
	.offer-el-2::after { border-right-width:4px}
	.offer-el img { width:100%; float:left}
	.offer-el h3 { position:absolute;bottom:0; right:30px; z-index:20; text-align:right; font-size:34px; line-height:1}
		.offer-price { border-color:#555; width:340px; padding:10px 0 }
		.offer-price strong {font-weight:normal; font-size:32px}
	.offer-el:hover h3 { bottom:30px;}
	.offer-price {bottom: 0; position: relative;}
	.offer-el:hover .offer-price {bottom: -10px;}

	.main-offers .offer-el { margin:10px; height:475px; background-position:center center; background-repeat:no-repeat; background-size:cover; width:calc(33.33333% - 20px);}



.hidden-box {
padding: 0 40px;
border: 3px solid
#f1ede5;
text-align: center;
transition: all .4s ease;
position: absolute;
top: 70%;
right: 0;
bottom: 0;
left: 0;
background: #fff;
width: 70%;
margin: 0 auto;
height: 80px;
z-index: 0;
}

.hidden-box-tab {
    max-height: 30px;
    overflow: hidden;
    display: block;
    padding: 0;
    background: #f1ede5;
	color: #927b49;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
	line-height:250%;
	font-weight: 400;
}
.hidden-offer-price {font-size: 1rem; font-weight:400;}
.hidden-offer-price strong {font-size: 1.5rem;color:#a58554 !important;}
.tytul-pakiety-new {font-weight: bold;font-size: 1.2rem; margin: 10px 0;text-transform: uppercase;}
.days-pakiety {font-size: 1.2rem !important;color:#000 !important;line-height: 35px; font-weight:400;}
.dni-pakiety-new { margin: 25px 0;}


.content-details {
position: absolute;
text-align: center;
padding-left: 1em;
padding-right: 1em;
width: 100%;
top: 0;
left: 50%;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.6s ease-in-out 0s;
-moz-transition: all 0.6s ease-in-out 0s;
transition: all 0.6s ease-in-out 0s;
}

.offer-el:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1;
	z-index: 50;
}



@media screen and (max-width: 1600px) {
	.main-offers .offer-el {/*width:33.33333%;*/ height:27vw;}
}


	.all-offers  { padding:0 20px; margin-top:2px}

/*
	.all-offers .offer-item-1, .all-offers .offer-item-4,
	.all-offers .offer-item-2, .all-offers .offer-item-3,
	.all-offers .offer-item-7, .all-offers .offer-item-8 { width:25%!important; height:560px }
*/

	.all-offers .offer-el {  /*height:560px*/ }

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

/*
	.all-offers .offer-item-1, .all-offers .offer-item-4,
	.all-offers .offer-item-2, .all-offers .offer-item-3,
	.all-offers .offer-item-7, .all-offers .offer-item-8 { width:50%!important; height:560px }
*/

	.all-offers .offer-el { width:calc(50% - 20px); height:27vw }

	}


/*	.all-offers .offer-item-1 { width:55%; height:640px}
	.all-offers .offer-item-2, .all-offers .offer-item-3 { width:45%; height:320px }
	.all-offers .offer-item-7, .all-offers .offer-item-8 { width:50%; }
*/
/*	.offers-num-4 .offer-item-4, .offers-num-6 .offer-item-6, .offers-num-8 .offer-item-8, .offers-num-10 .offer-item-10 { width:100%}*/

	@media screen and (max-width: 1350px) {
		.offer-el { width:48%; }
	}
	@media screen and (max-width: 1000px) {
		.offer-el h3, .offer-price strong, .offer-price { font-size:16px; line-height:18px }
		.offer-el h3 {font-size:40px; line-height:40px }
		.offer-price { width:200px}
		.main-offers .offer-el {width:50%; height:400px;}
	}
	@media screen and (max-width: 800px) {
		.offer-el { width:100%; margin:10px 0 }
		.all-offers .offer-el { width:100%!important; margin-left:0; margin-right:0; height:560px }
		.all-offers .offer-el h3 { font-size:24px; line-height:24px }
	}

.body-offer .sub-menu-hld { display:none}

.section-hld { float:left; margin-left:0; margin-right:0; width:100%; }
.text-images { float:left; width:100%;}


footer { background:#000; float:left; width:100%; padding:70px 50px 00px 50px !important}
.body-pluginident-ParseForm footer {margin-top: 0 !important;}
footer ul { float:left; width:100%; text-align:center; padding:30px 0}
footer ul li a {font-size:16px;}
footer ul li a:hover { text-decoration:underline}
footer ul li { display:inline-block; padding:0 30px}
.footer-in { position:relative; float:left; width:100%; margin: 0; padding:120px 60px 120px 60px;}
.footer-in .marker-footer { position:absolute; bottom:6px; left:50%; color:#555; font-size:40px; line-height:60px; margin-left:-13px}
.footer-text { float:left; text-align:left;}
.footer-text .h3 { font-size:1.5rem; line-height:100%; margin-bottom:10px;color:#777; margin-top:0;  }
.footer-text .fa {font-size: 16px;}
.footer-text p {float:none; width:100%; margin:0 auto; color:#555;}
.footer-text a {font-size: 32px; display:inline-block; position:relative; width:100%;}
.footer-text a i {color: #fff;}
.text-gold {color: #d0bb7e !important; font-weight:300;}

footer * { color:#fff}
footer .mapHolder { position:relative; width:100%; height:auto; float:left}
footer .row {display:flex;width:100%;clear:both;margin-bottom:20px;}
	.footerContact { padding:0 3rem; line-height:100%;width:33.33%;text-align:center;}
	.logo-fotter,
	.footerContact .h3 {margin-top: 25px !important; margin-bottom: 30px; color: #fff;}
	.footerContact img { max-width:100%; }
	.footerContact span, .footerContact a { font-size:16px; ;line-height:100%; color:#fff; /*float:left;*/ }
	.footerContact span i, .footerContact a i  { color:#fff; padding-right:10px; }
	.square {position: absolute;bottom: 5px;left: 50%;width: 75px;height: 75px;border: 1px solid #ded1a5;-webkit-transform: translate(-50%);transform: translate(-50%);}
	.footerContactSec span, .footerContactSec a { text-align:right}
	.footerContactSec h3 { text-align:right; font-size:22px; line-height:24px}
	.footerBlock {display: inline-block;width:100%;}
	.footerBlock h3 {font-family: 'Lato', sans-serif; font-size:24px;color:#ded1a5;margin-top: 30px;}
	.footerBlock.footerContactSecIn h3 {text-align: right;}
	.footerBlock.bankInfo h3 {margin-top: 0;text-align: left; padding-left: 0;}
	.bankInfo p {text-align: left; padding-left: 25px; margin: 0 auto;color: #555;}
	.HS { float:left; width:100%; padding:25px 0; color:#000; text-align:center; font-family:"Lato", sans-serif; font-size:16px; }
	.HS img { position:relative; top:0px; margin-left:5px; height: 30px;}

.newsletterBox {float:none;margin:0 auto;}

@media(max-width:1180px) {
.rezFormScrolled {display:none!important;}

.footerContact { float:left; width:50%;padding:0 3rem;}
.footer-text {padding: 30px;}
}
@media(max-width:980px) {
	footer .row {display:flex;flex-direction:column;}
	.footerContact {width:100%;}
	.footer-empty {display:none;}
	.footerContact img {margin:0;}

.footerContact { float:left; width:100%;padding:0 3rem;}
.footer-text {padding: 30px;}
	section.section-photo-bg h3.section-title {font-size: 3rem;}
	section.section-photo-bg .subTitle {font-size: 1rem;}

.text-images {width: 100%!important; margin: 15px 0!important; padding:0!important;}
.unslider {height: auto!important; min-height: 700px!important;}
.s-hld {margin: 0 0 40px 0!important;}
.section-photo-bg,
ul.bkgSecSlider {min-height: 50vh!important; height: auto!important;}
#nextslide {background-position: -70px 0 !important;}
#prevslide {background-position: 15px 0px!important;}
.text-images-right div.desc-section {margin-left: 0!important;}
	h2.section-title {margin-bottom:0.5rem;text-align:center;font-size:2rem!important; color:#a58554;}

.hidden-box {padding: 0 10px; width: 90%;}
.btn-1 {line-height:100%;}
footer {padding: 40px 30px!important;}
.footer-in {padding:0;}

}


/* STANDARD styles */

	.rezFormScrolled {position: fixed;
right: -300px;
top: 100px;
z-index: 555;
width: auto !important;
background:
rgba(0,0,0,0.9);
padding: 0 15px 15px;
-o-transition:300ms!important;transition:300ms!important;-webkit-transition:300ms!important
}
	.scrolled .rezFormScrolled {right:0;}
	.scrolled .rezFormScrolled .btn-1 {margin-right: 15px;}

	.full .rezForm { display:none}

		#secText {float: left; width: 100%;}
			#secTextIn { float:left; width:100%;}
			#secTextIn a { }
			#secTextIn hr {color:#DBC9BD;background-color:#DBC9BD;height:3px;border: 0;}
			.openoffer #secText h1, #secTextIn > h2, #secTextIn > h3, #secTextIn > h4, .section .txt > h3  { color:#B8292F; font-size:20px; line-height:24px; font-weight:normal; text-align:center; padding:15px 0 40px; margin-bottom:20px;background:url(/img/h2.png) no-repeat center bottom }
		.secTextIn ul, .text-images-desc ul, #panel1 ul, #secText ul, .separateOffer ul, .roomDesc ul { padding:5px 15px 15px; list-style-type: square; text-align:left;}
		#secText p { padding:5px 0; width: 100%;}
		#secText p a img { float:none}
		#secText a {color:#B8292F}
		#secText a:hover {color:#522A4F}
		#secText p strong { font-weight: bold;}
		.secTextIn ul li, .text-images-desc ul li, #secText ul li, .separateOffer ul li { margin-left:20px; float: none; letter-spacing:0.05em}
		.secTextIn a { color:#B39E6A}

		.lokalizacja-kontakt #secTextIn { float:left; width:35%}
		.lokalizacja-kontakt .mapHolder { float:right; width:60%}


.mapOuter { padding:0 40px;margin-top: 30px;display: inline-block;width: 100%;    float: left;}

#outputDiv { font-size:12px;width:100%; padding:0; background:rgba(0,0,0,0.6); float:left; text-align:center; position:absolute; top:0; left:0; right:0; color:#FFF}
#outputDiv * { color:#FFF}
#outputDiv strong {font-size: 16px; line-height: 18px; padding-left:25px; font-weight:normal}
#outputDiv span {  font-size: 16px;  padding: 0 10px;}
.directHld { position:absolute; bottom:30px;  left:10px; overflow:hidden; }
#start { letter-spacing:0.15em; color:#FFF; background:rgba(0, 0, 0, 0.7)!important; line-height:50px; height:50px; border:0 none; font-size:18px; text-align:center; float:left;  margin:0!important; padding:0 25px!important}
body input.trasaBtn {background:#B79D63 url('http://thumbs.hotelsystems.pl/_design/bs/img/zoom.png') no-repeat center center!important;padding:0!important;    color: #FFF !important;    float: right;    font-size: 14px;  height:50px;   line-height:50pxpx;text-align: center; margin:0!important;    text-transform: uppercase;    width: 50px; border:0 none}
body input.trasaBtn:hover {background-color:#B79D63!important}
#map-canvas {width: 100%; height: 360px;float:left;}
.body-ident-kontakt_ footer .mapHolder, .body-ident-kontakt_ #map-canvas {height: auto;}
.body-ident-kontakt_ footer .mapHolder { width:calc(100% - 300px); margin-bottom:40px}
.body-ident-kontakt_ #cnt { padding:0}
.body-ident-kontakt_ .footer-text { margin-bottom:0}

::-webkit-input-placeholder{color: #000;}
:-moz-placeholder{color:#000;/* For Firefox 18- */}
::-moz-placeholder{color:#000;/* For Firefox 19+ */}
:-ms-input-placeholder{color:#000;}


.kontaktNew { text-align:center; float:right; width:100%; margin:0; padding: 20px; background:rgba(165, 133, 84, 0.8);;}
.kontaktNew textarea, .kontaktNew input.required { width:100%; float:left; margin:0 0 20px 0; border:0 none; background:#fff; color:#000; text-align:left; padding:0 20px; line-height:40px; height:40px; font-size:1rem; font-weight:400;}
.kontaktNew textarea {  height:150px; padding:5px 20px}
.kontaktNew input.section-btn { background:none; margin-top:15px; letter-spacing:0.15em; white-space:normal; line-height:20px; text-transform:uppercase; padding:10px 0}
.kontaktNew .subBtnNew {width: 100%; background: #fff; border: solid 1px #fff; font-size: 1rem; color:#a58554; padding: 15px 0; text-transform:uppercase; font-weight: 400;}
.kontaktNew .subBtnNew:hover {background: transparent; color: #fff;}
.body-layout-full .rezForm  { display:none}
.body-layout-full h1 { display:none}
.body-layout-full article { background:#FFF; float:left; width:100%}
.body-layout-full header { height:300px}

.gallery-section h3 { margin:22px 0 24px; float:right; width:73%; margin-right:2% }
.title-text-image-in { float:left; width:100%}
.gallery-section a { float:left; width:25%}
.owl-carousel.gallery-section a {width:100%; height: 33vw;background-repeat:no-repeat; background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

@media screen and (max-width: 1000px) {
	.owl-carousel.gallery-section a {width:100%; height: 50vw;}
}
@media screen and (max-width: 600px) {
	.owl-carousel.gallery-section a {width:100%; height: 85vw;}
}


.gallery-section a img { float:left; width:100% }
.gallery-section a:hover img { opacity:0.6}

.body-ident-praca .desc-text { line-height:15px}

#small-nav {  background: #b39e6a none repeat scroll 0 0;
    border-radius: 0;
    cursor: pointer;
    display: none;
    float: left;
    height: 30px;
    left: 180px;
    position: fixed;
    text-align: center;
    top: 25px;
    width: 30px;
    z-index: 50;}
#small-nav hr { background:none; border-width:1px 0 1px 0; border-color:#FFF; border-style:solid; width:80%; margin:5px 20% 1px 20%; padding:0; float:left; width:60%  }
#small-nav strong { float:left; width:100%; font-size:12px }
#small-nav:hover { background:#967831}

.offers-menu-hld { display:none}
.sec-nav {
      float: left;
    padding:20px 0 0 0;
    text-align: center; width:100%
}
.sec-nav li {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 6px 10px;
    width: auto;
}
.sec-nav li a {
    background:#000;
    float: none;
    font-size: 14px;
    line-height: 45px;
    padding: 10px 25px;
    width: auto; text-transform:uppercase;position:relative
}
.sec-nav li a span {    color:#FFF; letter-spacing:0.15em}
.sec-nav li.act a, .sec-nav li a:hover {
    background:#B39E6A  none repeat scroll 0 0;
}
.sec-nav li.act a span, .sec-nav li a:hover span {
	color:#FFF
}
.sec-nav li.act a::after {
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -16px;
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 16px;
	border-top-color: #B39E6A;
	content: '';
	pointer-events: none;
}

.section-photo-bg .desc-section {
    position: relative;
    z-index: 9;
}

.sec-nav.Active { background:rgba(94, 43, 58, 0.5) none repeat scroll 0 0; position:fixed; top:0}

@media screen and (max-width: 1250px) {
	nav ul li a { letter-spacing:0 }
}
@media screen and (max-width: 1150px) {
	nav ul li a {   font-size: 11px;}
	h2.section-title span , h1 > span, #slidecaption span { font-size:40px; line-height:40px}
	h2.section-title strong b , h1 > strong b, #slidecaption strong b {letter-spacing: 0.1em; font-size:20px; line-height:20px }
	.footerContactSec h3, .footerContact span, .footerContact a, .text-images-desc  { }
	.text-images { margin: 15px 2%; width: 96%;}
}
@media screen and (max-width: 1050px) {
	.headRow  { display:none}
	.header-top { width:98%}
	header.act .langs  { display:none}
	header.act .header-top { padding-left:10px; padding-right:10px}
}

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

.JezykiMobile .langs { position:relative; display: flex; flex-direction: row;}
.JezykiMobile .langs li {padding: 0 5px;}
.logoMobile img {margin-top: 8px;}
.scrollDown {display:none;}

	#cnt { float:left; width:100%; background:#fff; margin-left: 0; margin-right: 0}
	#nav .mainMenu {display:none}
	#small-nav {  display:block; }
	#nav { position:static}
	#nav ul.mainMenu { background:#B39E6A; left:180px; top:55px;  z-index:5000; position:fixed; width:170px; margin:0!important; float:left!important; padding:10px 0!important;}
	ul.mainMenu ul { display:none!important}
	ul.mainMenu li { width:100%!important;}
	ul.mainMenu li a {padding:5px 0!important}
	ul.mainMenu li a, #nav ul li strong { line-height:16px; font-size:14px;}
	header.act #small-nav { top:10px}
	header.act #nav ul.mainMenu { top:35px}
/*	.footer-text p { display:none}
	.footer-text { margin-bottom:0}
	.footerContactSecIn, .footerContact { width:100%; text-align:center!important; padding:10px 0}
	.footerContact i { padding:0!important}
	.footerContactSec h3, .footerContactSec span, .footerContactSec a { text-align:center}*/
}
/*
@media screen and (max-width: 530px) {
	#start  { font-size:14px; padding-left:5px!important; padding-right:5px!important; letter-spacing:0}
	.offer-el h3, .footer-text h3, h2.section-title span , h1 > span, #slidecaption span { font-size:20px; line-height:20px;}
	h3.section-title strong { margin-top:-30px}
	h3.section-title strong b , h1 > strong b, #slidecaption strong b {letter-spacing:0; font-size:16px; line-height:16px }
	.footerContactSec h3, .footerContact span, .footerContact a, .text-images-desc  { font-size:11px; line-height:14px}
	.main-offers .offer-el { width:100%; height:260px}
	.offer-el .offer-price { margin-top:20px}
	.section-btn { font-size:14px; width:120px; line-height:18px}
	.text-images > div.desc-section { padding:0}
	h3.section-title { margin-bottom:10px; padding-bottom:20px}
	section.section-photo-bg > div.desc-section { padding-bottom: 30px;}
	#controls-wrapper { display:none!important}
	.logo { width:130px; margin-left:0}
	header.act .logo img { width: 80%;}
	.btn-book { font-size:14px; width:140px}
	.langs { position:absolute; right:0; top:60px}
	#small-nav { left: auto;  right: 146px;}
	.images-section { display:none }
	.section-photo-bg 	.images-section { display:block }
	.section-hld { padding:0}
	.text-images > div.desc-section { width:100%}
	.desc-text {   min-height:0px;}
	.body-ident-kontakt_ footer .mapHolder { width:100%}
	.sec-nav li a span { letter-spacing:0; font-size:12px}
	.sec-nav li, .sec-nav li a { padding:5px}
	.mapOuter { padding:0}
}
*/
@media screen and (max-width: 800px) {

	.mobile-menu { display:block}

	#start  { font-size:14px; padding-left:5px!important; padding-right:5px!important; letter-spacing:0}
	.offer-el h3{ font-size:24px; line-height:24px;}
	h3.section-title strong { margin-top:0}
	h3.section-title strong b , h1 > strong b, #slidecaption strong b {letter-spacing:0; font-size:16px; line-height:16px }
	.footerContactSec h3, .footerContact span, .footerContact a, .text-images-desc  {}
	.main-offers .offer-el { width:100%; height:260px}
	.offer-el .offer-price { margin-top:20px}
	.section-btn { font-size:14px; width:120px; line-height:18px}
	.text-images > div.desc-section { padding:0;}
	h3.section-title { margin-bottom:10px; padding-bottom:20px}
	section.section-photo-bg > div.desc-section { padding-bottom: 30px;}
	#controls-wrapper { display:none!important}
	.btn-book { font-size:14px; width:140px}
	.langs { position:absolute; right:0; top:60px}
	#small-nav { left: auto;  right: 146px;}
	.images-section { /*display:none */  width: 100%;}
	.section-photo-bg 	.images-section { display:block }
	.section-hld { padding:0}
	.text-images > div.desc-section { width:100%}
	.desc-text {   min-height:0px;}
	.body-ident-kontakt_ footer .mapHolder { width:100%}
	.sec-nav li a span { letter-spacing:0; font-size:12px}
	.sec-nav li, .sec-nav li a { padding:5px}
	.mapOuter { padding:0}
	.text-images-right .images-section { left:0}

	.images-section { float:left; position:relative; display: block; height: 50vh;}
	.images-section .image { position:relative; width:50%; height:50%; float: left;}
	.images-section .galEl_2 { left:0}
	.images-section .galEl_3 { top:0}
	.images-section .galEl_4 { left:0; top:0}
  .section-photo-bg .images-section {position: absolute;height: 100%;padding: 0;width: 100% !important;}
.text-images > div.desc-section > div {width: 100%;}
}




@-webkit-keyframes blink {
        0% {
            background:#93070C;
        }

        50% {
            background:#CC0F11;
        }

        100% {
            background:#93070C;
        }
    }

    @keyframes blink {
        0% {
            background:#93070C;
        }

        50% {
            background:#CC0F11;
        }

        100% {
            background:#93070C;
        }
    }


    #animate {
        background: rgba(255,0,0,1);
    }

    #animate {
        -webkit-animation-direction: normal;
        -webkit-animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-name: blink;
        -webkit-animation-timing-function: ease;
        animation-direction: normal;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-name: blink;
        animation-timing-function: ease;
    }


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

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


#section-5700-pp .text-images-desc p {  letter-spacing:0; text-align:left}


.czytajwiecejless {cursor: pointer; font-weight: bold;}
.body-ident-aktualnosci h3.title { text-align: left; margin: 5px 0;}
.body-ident-aktualnosci #dynamicContent1 p { font-family: "Lato", sans-serif !important;}


.body-ident-pakiety_pobytowe #down,
.body-ident-ceny_i_rezerwacja #down,
.body-ident-blog #down,
.body-ident-kontakt_ #down {display: none!important;}

.body-ident-pakiety_pobytowe header,
.body-ident-ceny_i_rezerwacja header,
.body-ident-blog header,
.body-ident-kontakt_ header {height: 53px;}

.body-ident-pakiety_pobytowe h1.act,
.body-ident-ceny_i_rezerwacja h1.act,
.body-ident-blog h1.act,
.body-ident-kontakt_ h1.act {display: none!important}

.body-ident-blog article {padding: 0 40px;}
.body-ident-blog .blog-image {margin: 0 0 40px 40px; float: right; display: block;
max-width: calc(40% - 40px);
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
}
.body-ident-blog .blog-content {margin-top: 50px;}
.body-ident-blog .blog-content * {font-family: "Lato", sans-serif;}

@media(max-width:1250px) and (min-width:980px) {
  .mainMenu li a {font-size: 12px;}
}

@media (max-width:980px) {
  .kontaktNew {width: 100%;margin-top:50px; padding-left: 30px; padding-right: 30px;}
}
@media(max-width:480px) {
    h2, .footerHead, .sectionContent h3 {font-size: 32px !important;}
    .kontaktNew {padding-left: 15px; padding-right: 15px;}
}
@media(max-width:360px) {
  .BxOpisLang::before,.OfferBannerRezerwacja .subTitle::before,section.section-photo-bg .subTitle::before {width: 240px;height: 10px;}
  .bankInfo p {width: 100%;padding-left: 15px; padding-right: 15px;}
}


video#bgvid {
    position: absolute;
    bottom: 0;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%);
    transition: 1s opacity;
    z-index: -1;
}


.section-hld:hover .snap::after {
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    right: 100%;
}

.section-hld .snap::after {
    content: '';
    width: 20%;
    height: 100%;
    position: absolute;
    left: auto;
    top: 0;
    bottom: 0;
    right: -20%;
}

.sidebar-box-prawy {
	position: fixed;
	z-index: 120;
	width: 244px;
	background-color: #fff;
	transition-duration: .5s;
	left: -214px;
	bottom: 30px;
}
.sidebar-box-prawy .col-left {
	float: right;
	width: 20px;
	margin-right: 10px
}
.sidebar-box-prawy .col-left img {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.sidebar-box-prawy .col-right {
	float: left;
	margin-left: 10px;
	width: 202px;
	padding: 10px
}
.sidebar-box-prawy:hover {
	left: 0!important
}

.button.rez-room {background: #820000; color: #fff; }

.mobilneMenu .rozwin {display:none;}


/* POKOJE */

.body-ident-pokoje .text-images-right,
.body-ident-pokoje .leftImg {padding: 0 120px; overflow: visible;}
.body-ident-pokoje ul.bkgSecSlider {width:100%;}
.body-ident-pokoje .unslider-fade {overflow: visible!important;}
.body-ident-pokoje .unslider {overflow: visible!important;}
.body-ident-pokoje #prevslide {
right: auto;
left: -70px;
background-image: url('../img/controls.png');
background-position: -3px 0;
}

.body-ident-pokoje #nextslide {
    right: -70px;
    left: auto;
    background-image: url('../img/controls.png');
    background-position: -70px 0 !important;
}

.body-ident-pokoje #prevslide,
.body-ident-pokoje #nextslide {
    width: 65px;
}

.body-ident-pokoje .text-images div.desc-section {
width: 100%;
max-width: 950px;
margin: 0;
float: left;
height: auto;
transform: translatex(-50%);
left: 50%;
bottom: -50px;
z-index: 15;
top: auto;}


@media(max-width:980px) {
.body-ident-pokoje .text-images div.desc-section {transform: none;}
.body-ident-pokoje .btn-1.bookbtn {margin-top: 20px;}
.body-ident-pokoje #nextslide {background-position: -75px 0 !important;}
.body-ident-pokoje #prevslide {background-position: 5px 0px !important;}
}

ul.room-options,
.room-options-box {position: relative!important; float:none;}

.footer-social a {width:auto;}
.footer-social a .fa {
    font-size: 2rem;
    margin-right: 10px;
    position: relative;
	float:left;

}

.body-ident-kontakt .container-hs-wrapper {
	display: flex;
	flex-direction: column;
	width:100%;
	}

.body-ident-kontakt section#section-,
.body-ident-kontakt article .buttonContainer,
.body-ident-kontakt .main_offersTitle {display:none;}

.body-ident-kontakt .container-hs-wrapper > div#cnt {order: 3}
.body-ident-kontakt .container-hs-wrapper > div#fotMap {order: 2}
.body-ident-kontakt .container-hs-wrapper > footer {order: 1}
.body-ident-kontakt .container-hs-wrapper > .HS {order: 4}

.body-ident-kontakt article {position:relative;}

.body-ident-kontakt article .kontaktNew {position: absolute; top: -625px; width: 33.33%; right:50px;}
.body-ident-kontakt article .kontaktNew strong {padding: 10px 0 20px; color: #fff; display:block; text-align:left; font-weight: 400;}

.body-ident-kontakt .footer-in {padding: 0;}
.body-ident-kontakt #fotMap {background: #000; width:100%!important; margin: 0!important; padding-bottom: 30px;}

@media screen and (max-width: 1180px) {
.body-ident-kontakt article .kontaktNew {position: relative!important; top: 0; width:100%; right: auto;}
}