/* 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;}

/* HOTEL LAYOUT HotelSystems.pl */
img.zoom, #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;}
#down , #right-bell {-webkit-transition: all 2s ease-out;-moz-transition: all 2s ease-out;-o-transition: all 2s ease-out;transition: all 2s ease-out;}
.offer-el h3 {-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out;}

#main-video-hld::after, #supersized li::after{    content: "";    float: left;    height: 100%;    pointer-events: none;    position: relative;    width: 100%;    z-index: 10;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#280222+0,280222+100&0.3+0,0+40,0+60,0.3+100 */
background: -moz-linear-gradient(top,  rgba(40,2,34,0.3) 0%, rgba(40,2,34,0) 40%, rgba(40,2,34,0) 60%, rgba(40,2,34,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(40,2,34,0.3) 0%,rgba(40,2,34,0) 40%,rgba(40,2,34,0) 60%,rgba(40,2,34,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(40,2,34,0.3) 0%,rgba(40,2,34,0) 40%,rgba(40,2,34,0) 60%,rgba(40,2,34,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d280222', endColorstr='#4d280222',GradientType=0 ); /* IE6-9 */
}

body #ui-datepicker-div { display:none}
body {	width:100%; font-size:16px; line-height:24px;color: #3E0434;background:#FFF;}
.separateOffer h3, .separateOffer h4, .kontaktNew input.btn-section , .text-images .btn, body *, button, input, select, textarea { font-family:"Marcellus SC", "Times New Roman", Times, serif}
body article h2 { font-family:"Marcellus SC", "Times New Roman", Times, serif!important}

.section-offer-text p, .section-offer-text em, .section-offer-text strong, .hcWidgetMain *, .secTextIn-pl *, label *, .conf-util *, .separateOffer *, #newsletter input, .desc-text, .desc-text *, .btn-bell span, .langs a { font-family:'Roboto', Tahoma, Geneva, sans-serif}

header { float:left; width:100%; height:100vh; position:relative}
body.body-offer header, .body-nomain header { min-height:250px; height:90vh}
body.body-ident-o_programie_lojalnosciowym header { height:90vh}
body.body-ident-o_programie_lojalnosciowym .logo { display:none}
	body.body-offer .logo, .logo {position:absolute; left:50%; top:70px; z-index:10; margin-left:-133px; width:266px; background:none; height:auto}
	body.body-offer .logo img, .logo img { width:100%; float:left; margin:0 }
	header.act .logo { opacity:0;}

#down { position:absolute; bottom:10px; left:50%;margin-left:-15px;  text-align:center; cursor:pointer; border:2px solid #FFF;  width:30px;height:50px;float:left; border-radius:15px; opacity:0.5 }
#down span { width:2px; margin-left:-1px; height:8px; background:#FFF; position:absolute; left:50%; top:12px}
header.act #down { opacity:0;}


#right-bell	{ position:fixed; right:-50px; top:0; bottom:0; width:30px; background:#3e0434;text-align:center; z-index:999; box-shadow:0 0 80px rgba(255, 255, 255, 0.15) }
#right-bell.act { right:0}
	i.fa-facebook { float:left; width:100%; background:#022e7f; color:#FFF; line-height:50px; height:50px;  font-size:17px; cursor:pointer}
	i.fa-facebook:hover { background:#2B63C4}
	.langs { float:left;    list-style-type: none;    padding: 0; margin:0;  width:100%; position:relative; z-index:20;  }
	/*
	.langs li { float: left; width:100%; display:none}
	.langs li a { float: left;    width:100%;text-align: center; color:#FFF; font-size:13px; line-height:13px; margin-bottom:5px; padding-top:10px}
	.langs li a i { opacity:0; float:left; width:100%;}
	.langTag_pl #lang_pl a i, .langTag_en #lang_en a i, .langTag_de #lang_de a i { opacity:1}
	.langs  li a:hover { background:#750863}
	.langs:hover li, .langTag_pl #lang_pl, .langTag_en #lang_en, .langTag_de #lang_de { display:block}
	.langs:hover { background:#3E0434}
	*/
	.langs li { float: left; width:100%; }
	.langs li a { float: left; width:100%;text-align: center; color:#FFF; font-size:13px; line-height:13px; padding:7px 0; margin-bottom:1px}
	.langs li a i { display:none}
	.langs  li a:hover, .langTag_pl #lang_pl a, .langTag_en #lang_en a, .langTag_de #lang_de a, .langTag_ru #lang_ru a{ background:#750863}

	.btn-bell { color:#FFF; position:absolute; left:0; width:30px; height:60px; margin-top:-120px }
	.btn-bell:hover { background:#750863}
	.btn-bell span { transform:rotate(90deg); position:absolute; left:-5px; font-size:13px; text-transform:lowercase; top:36px; width:45px; text-align:left;}
		.btn-room { top:26%; }
		.btn-room span { }
		.btn-gallery { top:43%;}
		.btn-gallery span { }
		.btn-film { top:60%;}
		.btn-lojal { bottom:5px;height:160px; margin:0}
		.btn-lojal span { width:140px; left:-52px; top:80px}

.rezForm { position:fixed; left:0; top:0; width:220px; background:#750863; z-index:100}
.inputRez input , .rezForm .hasDatepicker {    display: none;}
.inputRez {  color: #fff;    cursor: pointer;    float: left;    margin-left:5%;    width: 44%; overflow:hidden;text-align: center; line-height:55px; position:relative }
.inputRezOut { float: right;    margin-left: 0;    margin-right: 5%;}
.inputRez i { position:absolute; right:5px; top:5px; font-size:12px; transform:rotate(45deg) }
.inputRezOut i {transform:rotate(-45deg)}
.dateHld {   background: #3e0434;    color: #FFF;    float: left;    width: 100%; height:50px;}
header.act .dateHld { height:0}
#slidecaption a:hover strong, .book-btn:hover, .dateHld:hover {    background:#BA25A1 }
.inputRez span, .inputRez strong {   font-size: 13px;    line-height: 20px; }
.dateHld strong {font-size: 26px;font-weight:normal}
.book-btn { width:90%; border:0 none; background:none; float:left; color:#FFF; line-height:40px; margin:5px 5%;  font-size:26px; }
.body-lang-ru .book-btn { font-size:22px}
.body-lang-de .book-btn { font-size:23px}
.book-btn i { padding-right:7px; }

#main-video-hld { position:fixed; width:100%; height:100%; z-index:-100}
#main-video {position:fixed;left:0;top:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;}

.video-in-section { position:absolute; left:0; top:0; height:100%; width:100%; overflow:hidden}
.video-in-section video { position:absolute;left:50%;top:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100; transform:translateX(-50%)}

#cnt { float:left; width:100%; background:rgba(255,255,255,0.4); padding-bottom:50px}
#cnt.act { background:#FFF}
article {padding-right:30px;}
article h2 { padding:15px 0; margin:15px 0; text-align:center; background:#3E0434; color:#FFF; font-size:24px; line-height:26px}

/*
.secNav { float:left; width:100%; padding:20px 0}
.secNav ul {    float: left;    text-align: center;    width: 100%;}
.secNav li {    display: inline-block;    float: none;    margin: 0;    padding: 0 25px;    width: auto;}
.secNav li a {    color: #A88E55;    float: none;    font-size: 16px;    font-weight: normal;    line-height: 30px;    padding: 5px 0;    text-transform: uppercase;    width: auto;}
.secNav li.act {}
.secNav li.act a {    color: #442D27; border-bottom:3px solid #442D27}
.secNav li a:hover {border-bottom:3px solid #A88E55}
.slicknav_menu {    display: none;}
*/

/* nav drop DOWN */

nav { float:left; position:fixed; left:220px; right:30px; background:#FFF; position:fixed; z-index:50; height:50px}
.body-layout-full nav, header.act nav { box-shadow:0 0 150px rgba(62, 4, 52,0.4)}
nav ul { list-style-type:none; float:left; width:100%}
nav ul li { text-align:center; float:left; font-size:14px; display:inline; width:9%}
nav ul li#menu_3696 { width:5%}
nav ul li#menu_3697 {width:9%}
nav ul li#menu_3698 {}
nav ul li#menu_3701, nav ul li#menu_3699 { width:14%}
nav ul li#menu_3700 { width:7%}
nav ul li#menu_3703 {width:13%}
nav ul li#menu_3704 {width:11%}
.body-lang-de nav ul li#menu_3700 { width:5%}
.body-lang-de nav ul li#menu_3702 { width:10%}
.body-lang-de nav ul li#menu_3698 { width:11%}
.body-lang-de nav ul li#menu_3767 { width:8%}
nav ul li a { color:#750863; font-size:21px; line-height:50px; padding:0; text-decoration:none; float:left; width:100%;font-weight:normal}

nav ul li.act a {background: none repeat scroll 0 0 #3E0434; border: 0 none;color: #FFF;}
nav ul li a:hover { background:#750863; color:#FFF}
nav ul li.act.first a { color:#750863; background:none}

nav ul.dropdown li                      { float: left; zoom: 1;  }
nav ul.dropdown ul 					{ width:200px!important; display:none!important; _visibility: hidden; position: absolute; top:0; z-index:10;margin-top:61px; background:rgba(159, 151, 151,0.9); box-shadow:3px 3px 10px rgba(0,0,0,0.3)}
nav ul.dropdown ul li 					{ font-weight: normal; float: left; padding:0; width:100%; }
nav ul.dropdown ul li.last, nav ul ul li:last-child { background-image:none!important}
nav ul.dropdown ul li a					{ display:block; width:100%; padding:0!important; border-right: none; display: inline-block; height:auto; float:left;margin:0!important; background:none!important }
nav ul.dropdown ul ul 					{ left: 100%; top: 0; }
nav ul.dropdown li:hover > ul 			{ _visibility: visible; display:block }
nav ul li.active ul li a { background:none}
nav ul li.active ul li.active a span { color:#FFF!important}
nav ul li.active ul li a span { color:#FFF!important; }
nav ul li ul li a span { text-align:center!important; color:#FFF!important; float:left; font-size:13px!important; padding:12px 0!important; line-height:15px!important; width:80%!important; margin-left:10%}
nav ul li ul li.act a span { color:#443535!important}
nav ul li.active ul li.active a { background:none!important}
nav ul li ul li a:hover { }
nav ul li ul li:hover a { _background:#CFB499!important; }
nav ul li ul li:hover a span {color:#443535!important}
nav ul.dropdown li._act ul { display:block!important}



.text-images { float:left; width:100%; margin:0; padding:0;position:relative; margin-bottom:80px; overflow:hidden }
	.all-offers, .main-offers > h3, h3.section-info, .gallery-section h3, .text-images h3 { font-size:30px; line-height:32px; padding:15px 0; color:#FFF; background:#3E0434; font-weight:normal; margin-left:-3%; width:93%; float:left; position:relative; z-index:10; margin-bottom:40px; text-align:center; margin-top:15px}
	h3.section-info { width:auto; position:absolute; left:20px; width:49%;margin:0; background:rgba(117, 8, 99,0.5); top:65px }
	.text-images > div.desc-section { float:right; width:50%; padding:50px 0 0}
	.text-images > div.desc-section > div { margin:0 auto; width:80%}
	.text-images .box-el { position:absolute; left:20px; width:50%; top:20px; bottom:27%; height:auto; z-index:0}
	.text-images-1 .box-el { bottom:0}
	.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 a { color:#750863}
	.text-images .btn {background:#750863; color:#FFF; font-size:20px; margin-bottom:25px}
	.text-images .btn:hover { background:#BA25A1; 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%; min-height:300px}
		.text-images-desc p { padding:10px 0; text-align:justify}
			a.btn-text {  margin:0 10px; color:#FFF; background:#000 }
			a.btn-text:hover { text-decoration:none; }

	.images-section { float:left; width:90%; position:relative; z-index:10; margin:0 5%}
	.images-section img { float:left; width:22%; box-shadow:0 0 40px rgba(62, 4, 52,0.3)}
	.images-section img.s-img-2 { margin:0 2%}
	.images-section img.s-img-3 { width:52%; float:right}
	.images-section h4 { position:absolute; right:0; bottom:0; width:52%; text-align:right; font-size:32px; line-height:34px; text-shadow:2px 2px 0 rgba(25, 0, 20, 0.6); color:#FFF; padding:40px 3% 20px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e0434+0,3e0434+100&0+0,0.4+100 */
background: -moz-linear-gradient(top,  rgba(62,4,52,0) 0%, rgba(62,4,52,0.4) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(62,4,52,0) 0%,rgba(62,4,52,0.4) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(62,4,52,0) 0%,rgba(62,4,52,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 .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 h3 { margin-left:10%}


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

	.text-images.even .images-section {display:flex;}
	.text-images.even .images-section img.s-img-1 {order:3}
	.text-images.even .images-section img.s-img-2 {order:2}
	.text-images.even .images-section img.s-img-3 {order:1}


	.rooms-section h3.section-info { width:120px}
	.rooms-section .text-images-desc { font-size:14px; line-height:24px}
		ul.room-options { padding:0!important; margin:20px 0!important; float:left; width:100%}
		ul.room-options li { display:inline; font-size:12px; background:rgba(62, 4, 52, 0.2); padding:3px 8px!important; margin:1px!important; float:left!important}
		p.btn-room-hld { float:left; width:100%; text-align:center; padding:10px 0 30px 0}

/* OFFERS */


.section-offers {}
	.offer-el { float:left; width:33.33%; margin:0; position:relative; text-shadow:2px 2px rgba(0, 0, 0, 0.5)}
	.offer-el * { color:#FFF}
	.offer-el::after { content:""; position:absolute; left:0; right:0; top:0; bottom:0;

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


	}
	.offer-el img { width:100%; float:left}
	.offer-el h3 { position:absolute; top:20px; right:10%; z-index:20; text-align:right; left:10%; font-size:30px; line-height:32px; text-align:center}
		.offer-price { position:absolute; right:20px; padding-left:10px; bottom:10px; padding-right:10px; z-index:20; line-height:34px; background:#3E0434; text-shadow:none}
		.offer-price::before {background:#750863; content:""; position:absolute; right:0; width:0; top:0; bottom:0;	-moz-transition:all 1s ease;	-o-transition:all 1s ease;	-webkit-transition:all 1s ease;	transition:all 1s ease; z-index:-1}
		.offer-price i { font-size:14px; padding-left:10px; float:right; line-height:16px; margin-top:10px;}
		.offer-price strong { font-size:26px; font-weight:normal}
	.offer-el:hover .offer-price::before { width:100%}
	.offer-el:hover h3 { top:30%}

	.offer-item-1 { width:55%;}
	.offer-item-3, .offer-item-2 { width:45%; }
	.offer-item-7, .offer-item-8 { width:50%; }

	.section-offers .offer-el::after { border-left:1px solid #FFF; border-top:1px solid #FFF}

	@media screen and (max-width: 1100px) {
		.offer-el { width:50%; }
	}
	@media screen and (max-width: 1000px) {
		.offer-el h3, .section-offers .offer-price strong, .section-offers .offer-price { font-size:16px; line-height:18px }
	}
	@media screen and (max-width: 800px) {
		.offer-el { width:100%; margin:10px 0 }
	}


.body-offer .offers-menu-hld { display:none}
.o-price { float:left; width:100%; padding:30px 0; text-align:center; font-size:30px; line-height:40px; background:none; color:#fff/*#3E0434*/; text-shadow:none; margin:0 }
.o-price strong { font-size:30px; font-weight:normal}
.separateOffer { float:left; width:90%; margin:0 5%}
.separateOffer a{ color:#AA0A90}
.separateOffer a:hover { text-decoration:underline}
.body-offer #book { float:left; width:100%}
.offer-images { float:left; width:90%; margin:10px 5% 25px }
.offer-images img { width:100%; float:left}
.offer-images-2 img { width:50%}
.offer-images-3 img { width:33.33%}
.offer-images-4 img { width:25%}


h1 {font-size:46px; float:left; width:100%; text-align:center; padding:30px 0; line-height:46px; color:#FFF; font-weight:normal; text-shadow:2px 2px 0 rgba(25, 0, 20, 0.6); margin-top:-110px}

.body-layout-full nav {  box-shadow:0 0 150px rgba(62, 4, 52,0.4)}
.body-layout-full .rezForm { display:none}
.body-layout-full .logo { position:fixed; left:0; top:0px; width:220px; z-index:50; background:#3E0434; margin:0; height:50px; overflow:hidden; opacity:1!important }
.body-layout-full .logo img { width:44%; margin:1px 28% 0 }
.body-layout-full header { height:50px; min-height:0}
body.body-ident-o_programie_lojalnosciowym h1, .body-layout-full h1 { color:#3E0434; text-shadow:none; margin:0 }

.body-offer #right-bell ,.body-offer .rezForm  { display:none}
.body-offer nav { left:0; right:0}
body.body-offer h1 { text-shadow:2px 2px 0 rgba(25, 0, 20, 0.6); margin-top:-110px; color:#FFF}


.footer-in, .main-offers { float:left; width:90%; margin:15px 5%;  }
.all-offers, .main-offers > h3 { width:50%; position:static; margin:0}
	 .main-offers > h3 {font-size:46px; line-height:54px; background:none; color:#3E0434; width:100%}
	.all-offers { background:#750863; width:30%; font-size:20px }
	.all-offers:hover { background:#BA25A1}
.main-offers .offer-el { margin:0; height:400px; background-position:center center; background-repeat:no-repeat; background-size:cover}
.main-offers .offer-el-1 { width:70%; height:462px}
.main-offers .offer-el-2 { width:30%}
	.oldPrice { width:80px; height:80px; line-height:80px; position:absolute; bottom:40px; left:40px; border-radius:50%; background:#750863; text-align:center; font-size:26px}

.body-layout-home .main-offers .offer-el-1 { height:362px}
.body-layout-home .main-offers .offer-el-2 { height:300px }
.body-layout-home .main-offers { margin-bottom:50px}


footer { background:#3E0434; float:left; width:100%; padding:50px 0 0;}
footer * { color:#FFF}
footer .mapHolder { position:relative; width:70%; height:360px; float:left}
	.footerContact { float:left; width:30%; text-align:center}
	.footerContact span, .footerContact a { float:left; width:100%; padding-bottom:12px}
	.footerContact span.hotel-name { font-size:33px; line-height:34px}
	.phone { font-size:29px}
	.HS { float:left; width:100%; background:#FFF; padding:5px 0; color:#666; text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:12px; line-height:20px;}
	.HS img { position:relative; top:3px; margin-left:5px;}
	.logos { float:left; width:100%; padding:30px 0 50px;}
	.logos > img  { float:left; width:6%; margin:0 2%; cursor:pointer}
	.logos > div { float:left; width:16%}
	.logos > div.hc { width:20%}
	.logos > div > img { float:left; width:90%; margin:0 5%; cursor:pointer}
	.logos img:hover { opacity:0.8}

.map-form .mapHolder { height:360px; position:relative; float:right; width:97%}
.map-form .box-el { float:left; position:static; }
.map-form .desc-section { padding-top:20px!important}
/* STANDARD styles */

.body-offer #book,
.body-ident-ceny_i_rezerwacja #booking-engine {margin: 0; width: 100%;}

	.full .rezForm { display:none}

		#secText {float: left; width: 100%;}
			#secTextIn { float:left; width:100%;}
			.secTextIn-pl { float:left; width:90%; margin:30px 5%}
			#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;}
		.section-offer-text a, .secTextIn a { color:#750863}

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

#newsletter { float:left; width:30%; padding:20px 0; margin-bottom:30px; background:#750863 }
.body-ident-kontakt_  .footerContact ,.body-ident-kontakt_ #newsletter { margin:30px 35%}
#newsletterIn { margin:0 auto; width:90%}
#newsletter h3 { float:left; width:100%; font-size:30px; line-height:30px; text-align:center; position:static; margin:0 0 20px; padding:0; }
#newsletter input {
    background: none repeat scroll 0 0 #FFF !important;
    border: 0 none;
    color:#3F0535;
    float: left;
    font-size: 15px;
    padding: 5px 0;
    text-indent: 20px;
    text-transform: none;
    width:80%;line-height:40px; height:40px
}
#newsletter a { background:#FFF ;

    margin: 0;
    text-transform: uppercase;
    width: 20%; float:left; height:40px; text-align:center
}
#newsletter a i {color:#740963;line-height:40px;  font-size: 25px;}

#outputDiv { font-size:12px;width:100%; padding:0; background:#750863; 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 { color:#FFF; background:rgba(62, 4, 52, 0.8)!important; line-height:50px; height:50px; border:0 none; font-size:20px; text-align:center; float:left;  margin:0!important; padding:0 25px!important}
body input.trasaBtn {background:#3E0434 url('https://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:#750863!important}
#map-canvas {width: 100%; height: 360px;float:left;}
.body-ident-kontakt #map-canvas {height: 643px;}

.kontaktNew { text-align:center}
.kontaktNew textarea, .kontaktNew input.required { width:23%; float:left; margin:10px 1%; border:0 none; background:#3E0434; color:#FFF; text-align:center; padding:0; line-height:40px; height:40px; font-size:13px}
.kontaktNew textarea {  width:98%; height:150px; margin-bottom:30px; text-align:left; padding:5px 20px}
.kontaktNew input.btn-section { background: #750863 none repeat scroll 0 0;  color: #fff;   font-size: 20px; border:0 none; text-transform:uppercase; padding:10px 15px; }
.kontaktNew .bookNow { background:#000; float:none; margin-bottom:50px }
.kontaktNew .bookNow:hover { background:#3E0434}

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

._body-layout-full .btn-rez { display:none}
._body-layout-full h1 { color:#750863; float:left; width:100%; text-align:center; font-size:40px; line-height:42px; margin-bottom:30px; display:none}
._body-layout-full header { height:250px}

	.section-gallery { float:left; width:100%; margin:0}
	.section-gallery h3 {margin:0 0 1px 0; width:100%}
	.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-bottom:1px solid #FFF; border-left:1px solid #FFF}
	.section-gallery a:hover::before { background:rgba(62, 4, 52, 0.5)}
	.section-gallery a:hover img.zoom { opacity:1; transform:scale(1)}

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

#small-nav { display:none; cursor:pointer; position:fixed; background:#750863 ;  height:50px; float:left; width:50px; top:0; right:30px; text-align:center; z-index:50; border-radius:0; color:#FFF; font-size:13px}
#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:#B7249E}

.sec-nav {
      float: left;
    padding: 0;
    text-align: center; width:100%
}
.sec-nav li {
    display: inline-block;
    float: none;
    margin: 0;
    padding: 6px 2px;
    width: auto;
}
.sec-nav li a {
    background:rgba(62, 4, 52,0.2);
    float: none;
    font-size: 14px;
    line-height: 45px;
    padding: 10px;
    width: auto; text-transform:uppercase;position:relative
}
.sec-nav li a span {   color:#750863;}
.sec-nav li.act a, .sec-nav li a:hover {
    background:#750863 none repeat scroll 0 0;
}
.sec-nav li.act a span, .sec-nav li a:hover span {
	color:#FFF
}



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

.responsive-center-offers { width:90%; margin:0 auto}
.responsive-center-offers .offer-inner { float:left; width:100%; height:300px; margin-bottom:30px; background-position:center center; background-size:cover}
.responsive-center-offers .offer-name { float:left; width:100%; padding:20px 0; background:rgba(62, 4, 52, 0.7); text-align:center;  color:#FFF; font-size:20px; line-height:22px }
.responsive-center-offers .offer-price { color:#FFF; bottom:30px; background:#B924A0; padding:15px 10px; font-size:24px; line-height:26px; right:10%}

/* VIDEO */
.video-section { padding-top:0; float:left; width:100%; margin:50px 0; position:relative; }
.video-section .container-video {width:100%; max-width:1200px; margin:0 auto}
.video-section video {width: 100%;height: auto;min-width: 100%; min-height: 100%; float:left;}

	#progress-bar {background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;
    border: 0 none; float:left; width:100%; height:6px ; margin-top:-6px  }
	progress::-moz-progress-bar { background:#750863 }
	progress::-webkit-progress-bar { background: rgba(255,255, 255, 0.4) }
	progress::-webkit-progress-value { background: #750863}

	#play-pause-button { left:50%; position:absolute; top:80%; margin-left:-60px; border:2px solid #FFF; background:none; width:120px; line-height:4px; height:40px; text-align:center; color:#FFF; padding:0; font-size:18px}


.hcWidgetMain {}
	.cdsRating span, .cdsROWContainer .logo, .cdsLocName, .hcWidgetClearFix, #hcWidgetLinks, #hcWidgetImage, #hcWidgetButtonHelper, .hcWidgetMain h1, #hcWidgetLogo { display:none!important}
	.hcWidgetFactbox { float:left; width:100%; text-align:center}
	.hcWidgetFactbox strong { float:left; margin-left:15%; font-size:13px; font-weight:normal}
	.cdsRating { float:left; width:100%; text-align:center}

.cdsROW.narrow { background:none!important; float:left; width:100%!important }
.cdsRating img { max-width:none!important; width:50%!important}

.body-offer article { margin:0 auto; padding:0; width:100%; }
.section-offer-text { float:left; width:100%; padding-bottom:30px}
.section-offer-text h2 { padding:15px; margin-top:0}
.section-offer-text h3 { font-size:24px; line-height:32px; padding:10px 0 25px 0}


@media screen and (max-width: 1200px) {
	nav ul li a {   font-size: 16px;}
	body #slidecaption span, h1 {  font-size:24px; line-height:26px}
}
@media screen and (max-width: 1000px) {
	.images-section h4, .text-images-desc, nav ul li a {   font-size: 13px; }
	.text-images-desc {line-height:20px}
	.main-offers > h3, .gallery-section h3, .text-images h3 { font-size:20px;  line-height: 22px; margin-bottom:10px!important}
	.text-images .btn { font-size:18px}
	.images-section h4 { padding:3px}
}
@media screen and (max-width: 800px) {
	#nav { background:none; box-shadow:none; width:auto; left:auto}
	#nav .mainMenu {display:none}
	#small-nav {  display:block; }
	#nav ul.mainMenu { background:#750863; right:30px; left:auto; top:50px;  z-index:5000; position:fixed; width:150px; 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; color:#FFF}
	ul.mainMenu li a i { color:#FFF}
	ul.mainMenu li a, #nav ul li strong { line-height:16px; font-size:14px;}
	.dateHld { height:0}
	.rezForm { width:140px}
	.book-btn { font-size:16px}
	body.body-offer .logo, .logo { width:160px; margin-left:-80px}
	.images-section h4 { font-size:13px; line-height:15px}
	.main-offers .offer-el { width:50%!important; height:350px!important}
	.footerContact, #newsletter, footer .mapHolder { width:96%; margin:0!important}
	footer *, #start  { font-size:14px!important}

}
@media screen and (max-width: 500px) {
	.text-images { margin-bottom:30px}
	.text-images .box-el { position:relative; width:100%; height:250px; left:auto; top:auto; right:auto; bottom:auto}
	.text-images.map-form .box-el { height:auto}
	.text-images > div.desc-section { width:100%; padding:0}
	.desc-text { min-height:0}
	.text-images .btn { font-size:13px}
	.text-images h3 { margin-top:-40px}
	.main-offers a, .main-offers a.offer-el { width:100%!important}
	.main-offers .offer-el { height:200px!important}
	.kontaktNew textarea, .kontaktNew input.required { width:100%; margin:2px 0}


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

	.text-images.even .images-section img.s-img-1 {order:1}
	.text-images.even .images-section img.s-img-2 {order:2}
	.text-images.even .images-section img.s-img-3 {order:3}

}

/* kontakt FORM */
.dark-matter > span {
    border-bottom: 1px solid #FFF;
    display: block;
    float: left;
    margin-bottom: 30px;
    padding: 0 0 20px;
    text-align: center;
    width: 100%; font-size:20px
}
.dark-matter {
 background:rgba(62, 4, 52,0.2);
    border: medium none;
    font-size: 13px;
    margin:0 auto ;
    max-width: 600px;
    padding:20px 0;
    width: 100%; margin-bottom:30px
}
.dark-matter label {
    display: block;
    margin: 0 0 5px;
}
.dark-matter label b {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 36px;
    margin-right: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 32%; color:#3E0434
}
.dark-matter label > span {
    float: left;
    font-weight: normal;
    margin-top: 5px;
    padding-right: 10px;
    text-align: right;
    width: 27%; font-size:14px; line-height:16px
}
.dark-matter label > span strong { font-size:10px; line-height:14px}
.dark-matter input, .dark-matter input[type="text"], .dark-matter input[type="email"], .dark-matter textarea, .dark-matter select {
    background:#3E0434;
    border: medium none;
    border-radius: 2px;
    color:#FFF;
    height: 25px;
    line-height: 15px;
    margin-bottom: 10px;
    margin-right: 6px;
    margin-top: 2px;
    outline: 0 none;
    padding: 5px 0 5px 5px;
    width: 65%; font-size:13px
}
.dark-matter select {
    background:#3E0434;
    color: #FFF;
    height: 35px;
    line-height: 25px;
    text-indent: 0.01px;
    text-overflow: "";
    width: 70%;
}
.dark-matter textarea {
    height: 100px;
    padding: 5px 0 0 5px;
    width: 65%;
}
.dark-matter input.button {
    border: medium none; float:none;
    height: auto;
    margin-left: 30%;
    margin-top: 20px;
    padding:15px 0;
    width: 40%;border-radius:0; background:#750863; color:#FFF; font-size:20px
}
.dark-matter input.button:hover { background:#3E0434}
.dark-matter input.halfWidth {
    margin-right: 2%;
    padding-left: 0;
    width: 31%; text-align:center
}
.dark-matter select.halfWidth {
    width: 32%; text-align:center
}

.h1zah3 {padding: 15px 0;margin-top:0px;color:#3e0434;text-shadow:none;font-size:26px!important}


.h3zah1 {color: #fff;
    float: left;
    font-size: 46px;
    font-weight: normal;
    line-height: 46px;
    margin-top: -110px;
    padding: 30px 0;
    text-align: center;
    text-shadow: 2px 2px 0 rgba(25, 0, 20, 0.6);
    width: 100%;}
#sect_821 p{font-family: "Marcellus SC","Times New Roman",Times,serif;}


#section-5766 .box-el {margin-bottom: 8%;}

.only-text h3 {
width: 90%;
margin-left: 5%;
}
.only-text .text-images-desc {
float: left;
display: block;
width: 90%;
margin-left: 5%;
}

.TA_cdsratingsonlynarrow {display:none;}



#atrakcje12,
#atrakcje13 {
cursor: pointer;
position:fixed;
right:0;
width:75px;
height:100px;
z-index:1000;
color: #fff;
font-weight: 700;
letter-spacing: 0.046875em;
line-height: 1;
text-transform: uppercase;
border: 0;
vertical-align:middle;
}

#atrakcje12 {background-color: #BA1414;}
#atrakcje12 {top:170px!important;}
#atrakcje12:hover {background-color: #8F000B;}

#atrakcje13 {background-color: #298700;}
#atrakcje13 {top:250px!important;}
#atrakcje13:hover {background-color: #216800;}

#b12 {
width:100%;
margin-left:0;
margin-top: 14px;
text-align: center;
}
#b12t {
display: block;
width:100%;
margin-top:10px;
margin-left:0;
text-align: center;
font-size:11px;
font-weight: normal;
}

#atrakcje12,
#atrakcje13
{
 	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.scrolled #b12t {display:none!important;}
.scrolled #b12 {margin-top:3px!important;}
.scrolled #b12 .fa-2x {font-size:1.5em!important}
.scrolled #atrakcje12 {width: 30px!important;height: 30px!important;}


@media screen and (max-width: 768px) {
/*
	#atrakcje12,
	#atrakcje13
	{
	display: none;
	}
*/
}

.body-ident-oferty_specjalne .hs-actual.hs-inline-presenter.hs-clear-none{
	padding-left:45px;
	padding-right:45px;
}
@media (max-width:680px)
{
	.body-ident-oferty_specjalne .hs-actual.hs-inline-presenter.hs-clear-none{
		padding-left:0px;
		padding-right:0px;
	}
}