/* MAIN LAYOUT HotelSystems.pl */
#mlUsingCookies { left:auto!important; right:0!important; width:auto!important; padding:0!important; display:none!important}
#mlUsingCookies > p { float:left!important; margin-top:7px!important }
#mlUsingCookies p#mlCookClose { margin:0 10px!important; float:left!important;}
#mlCookClose a { padding:1px!important}

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

body, html {height:100%}
b, strong { font-weight:700}
h1 strong, h3 strong { font-weight:300}

 .header-nav li a, .link-row, .logo-hld, .header-nav li a::after, .langs, .dateHld span.date-tlt, .dateHld::before, .dateHld, nav ul li a::before, .logos img, .header-contact a i.show-i, .street-room::after, .icons span,#supersized, .news-el::before, nav ul li a span::after, .dateHld::after, .s02 {-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out}
.header-social-holder a:hover,.header-social-holder a,.attraction-home, .nav-scroll-left ul li a::after, .nav-scroll-left ul li::after, .bookNow, .bookNow::before, .desc-text .btn::before, .section-btn::before, .offerIn, .offer h3 strong, #myScrollspy, .offerPrice, .offer-section-all .offer-new::before, .logo-white, .langs li a, nav ul li a, nav ul li a span , .offer:hover .offer-link::before, .offer-hotel, .rezForm .btn::before, header > .section-btn, .outer-menu, .offer-new h3, #header-right, .s05 {-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}
.rezForm, .header-top, .logo img, .oldPrice::before, .gallery-text-section .lslide::before, .rez-form-hld, .logo, .social-media a::after, .s1 {-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;transition: all 1s ease-out}
header h1, .title-main span, header h1 span, .title-main, .s2 {-webkit-transition: all 2s ease-out;-moz-transition: all 2s ease-out;-o-transition: all 2s ease-out;transition: all 2s ease-out}
.s5 {-webkit-transition: all 5s ease-in;-moz-transition: all 5s ease-in;-o-transition: all 5s ease-in;transition: all 3s ease-in}


/* HOTEL LAYOUT HotelSystems.pl */
* { font-family:Quicksand, Tahoma, Arial, Helvetica, sans-serif; font-weight:400}

body #ui-datepicker-div { display:none}
body {width:100%;font-size:14px; line-height:1.5; color:#3F414E;background:#FFF;}

.lslide { position:relative}
.lslide:after, #supersized li:after { position:absolute; content:""; left:0; top:0; right:0; bottom:0;background:rgba(0,0,0,0.3)}
#supersized li:after {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3F414E+0,3F414E+100&0.65+0,0+44 */
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 44%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 44%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 44%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a63F414E', endColorstr='#3F414E00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/* PAGE HOLDER */

	header { height:100vh; float:left; width:100%; position:relative; z-index:10000; overflow:hidden}
	.body-layout-full header { height:auto; min-height:0}
	header::before {position:absolute; content:""; left:0; top:0; right:0; bottom:0;background:rgba(0,0,0,0.4)}
	.body-layout-full header::before { display:none}

	.header-top {padding:25px; float:left; width:100%; font-size:13px; text-transform:uppercase; letter-spacing:0.1em; position:fixed; top:0; left:0; right:0; z-index:20000}
	.body-layout-full .header-top, #top-affix.act .header-top { background:#3F414E; padding-top:5px; padding-bottom:5px; box-shadow:0 5px 80px rgba(255,255, 255, 0.2) }
		.logo {float: left; width:220px; margin-right:100px; position:relative }
		.logo img { width:100%; float:left;}
			.logo-1 { opacity:0;}
			.logo-2 { position:absolute; left:0; top:0; width:100%; }
			#top-affix.act .logo-1 { _opacity:1}
			#top-affix.act .logo-2 { _opacity:0}
			.body-layout-full .logo img, #top-affix.act .logo img {transform:scale(0.8)}

		.langs {float: right; list-style-type: none; padding:0; margin:0; position:relative; z-index:30; line-height:27px  }
		.langs li {  padding:0; margin:0 0 0 15px; float:left}
		.langs li#lang_phone { margin-right:20px; margin-left:0}
		.langs li a { cursor: pointer;  color:#FFF;    float: left;    width: 100%; text-align:center; position:relative; letter-spacing:0.1em;line-height:1;  padding:0 3px}
		.body-layout-full .langs li a, #top-affix.act .langs li a { _color:#3F414E; padding-top:19px }
		.langs li a:hover, .body-lang-pl #lang_pl a, .body-lang-de #lang_de a, .body-lang-en #lang_en a { color:#C0AB89!important}

		.attraction-home { position:absolute; top:50%; left:50%; width:200px; cursor:pointer; margin-left:-100px; margin-top:-80px}
		.attraction-home:hover { transform:scale(1.2)}
		.attraction-home span { position:absolute; top:18px; color:#f06091 ; left:5px; right:5px; text-align:center; text-transform:uppercase; font-weight:700; font-size:15px; line-height:1.2; letter-spacing:0.1em}
		.attraction-home img { float:left; width:100%}

	.title-main, header h1 { position:absolute; top:50%; left:50%; color:#FFF; text-align:center; font-size:40px; line-height:1.2; letter-spacing:0.1em; transform:translateX(-50%); margin-top:-50px; opacity:0 }
	.title-main strong, .title-main span, header h1 strong, header h1 span { float:left; width:100%; position:relative }
	.title-main span, header h1 span { font-weight:300; font-size:26px; letter-spacing:0.1em; text-transform:uppercase; padding-top:140px; opacity:0}
	.title-main span::before, header h1 span::before { height:1px; width:40px; background:#FFF; content: ""; position:absolute; top:20px; left:50%; transform:translateX(-50%)}

	.title-main { opacity:1}
	.title-main span { opacity:1; padding-top:40px}

	.body-layout-full header h1 { position:static; width:100%; text-align:center; color:#3F414E; padding:7px 0; transform:none; margin:0}
	.body-layout-full header h1 strong { float:none; font-size:20px; line-height:1}

	.on-load .title-main, .on-load header h1 { opacity:1}
	.on-load .title-main span, .on-load header h1 span { padding-top:40px; opacity:1}

	body header.act h1 { opacity:0}

	.offer-hotel {bottom: 0; cursor:pointer; color: #FFF; font-size: 10px; left: 50%; margin-left:-50px;letter-spacing: 0.20em; height:100px;   position:fixed;  text-align: center;text-transform: uppercase;  width: 100px;  }
	.offer-hotel strong { font-weight:400; transform:rotate(90deg); position:absolute; top:20px; left:26px; overflow:hidden}
    .body-layout-full .offer-hotel strong { opacity:0}
	.offer-hotel:hover strong { color:#C0AB89}
	.offer-hotel svg { margin-top:20px; }
    .body-layout-full .offer-hotel svg #scroll-down-arrow { }
	header.act  .offer-hotel { opacity:0; height:0}


	header > .section-btn { position:fixed; left:0; bottom:-100px; margin:0; background:#111; z-index:99999; text-align:center; padding:10px; line-height:14px}
	header > .section-btn * { color:#FFF}
	header > .section-btn:hover * { color:#000}
	header > .section-btn strong { font-size:12px!important; font-weight:300}




	footer { background-color:#FFF; float:left; width:100%; position:relative; letter-spacing:0.2em; background-size:cover; background-position: center top; background-attachment:fixed }
	.body-ident-kontakt_ .footer-in { background:rgba(255,255,255,0.85); float:left; width:100%}

	.footer-top { float:left; width:100%; background:#FFF; padding:60px 0 0 0; text-align:center; color:#223b74}
	.footer-top h3 { float:left; width:100%; font-size:34px; line-height:1.2; font-weight:300; text-transform:uppercase; letter-spacing:0.2em; margin-top:60px }
	.footer-top p { float:left; width:100%; padding:35px 0}
		img.TA, img.HC { width:15%; margin:0 5%; float:left}
		.footer-top-left { float:left; width:50%; margin:25px 0 0 0}
		.footer-top-left img { width:30%; margin:0 10% 40px; float:left}

	.footer-top-image { float:left; width:100%; float:left}
	.footer-middle { float:left; width:100%; background:#3f414e}
	.footer-bottom { float:left; width:100%; background:#FFF; padding:10px 5%; font-size:12px}
		.footer-bottom span { float:left; line-height:30px; }
		.HS { color:#3F414E; float:right}
		.HS img { position:relative; top:3px; margin-left:5px}

	.social-footer { float:left; width:100%; margin-top:50px}
		.social-holder {float:left; width:100%;}
		.social-icon { height:45px; line-height:45px; background:#223b74; color:#FFF; margin:0 15px; font-size:20px; width:45px; display:inline-block; cursor:pointer}
		a.social-icon { background:#f06091; width:auto; padding:0 25px; text-transform:uppercase}
		.social-icon:hover { background:#A01E49;  }

	.header-social-holder {position: absolute; bottom: 25px; right:25px;}
		.header-social-holder a {display: inline; margin-left: 15px; font-size: 20px; color: #fff;}
		.header-social-holder a:hover {color:#C0AB89}

	@media screen and (max-width: 700px) {
	.header-social-holder {bottom: 175px;right: auto;left: 11px;}
	}


	.footerContact { float:left; width:90%; margin:30px 5% 30px;}
	.footerContact * { color:#FFF; font-size:13px; line-height:2; font-weight:300}
	.footerContact strong { font-size:38px; font-weight:300; text-transform:uppercase; line-height:1; float:left; width:100%; margin-bottom:30px}
	.footerContact span { float:left; width:33.33%;}
	.addressLocalisty { text-align:right}
	.phone { text-align:center}
	.footerContact i { padding-right:10px}
	.phone i { padding-right:5px}
	.phone i.fa-mobile { padding-left:35px}

	.contact-icons-hld { float:left; width:100%; text-align:center; }
		.contact-icons { float:left; width:33.33%;padding:50px 0;}
		.contact-icons h3, .contact-icons a, .contact-icons span, .contact-icons > i { float:left; width:100%}
		.contact-icons > i { padding:40px 0 60px; position:relative; font-size:24px; color:#FFF}
		.contact-icons > i::after 	{ content:""; position:absolute; left:50%; margin-left:-55px; top:20px; width: 0;  height: 0; border-left:55px solid transparent;  border-right:55px solid transparent;  border-top:90px solid #223973; z-index:0}
		.contact-icons > i::before { z-index:1; position:relative;}
		.contact-icons h3 { padding:0; margin:0; font-weight:300; font-size:26px; text-transform:uppercase }
		.contact-icons a { color:#223973; margin-top:15px}
	.contact-icons-hld h2 { color:#f16897; font-size:20px; float:left; width:100%; text-transform:uppercase; margin:30px 0 50px  }

	@media screen and (max-width: 700px) {
		.contact-icons-hld { margin-top:60px}
		.contact-icons { width:50%; padding:0; height:280px;}
		.contact-icons-hld h2 { margin-top:0}
	}
	@media screen and (max-width: 440px) {
		.contact-icons { width:100%; }
	}


.mobile-menu { position:fixed; bottom:12px; left:0;  display:none; z-index:99999999999; }
.mobile-menu li { width:50%; float:left; display:inline; }
.mobile-menu li a { width:50px;line-height:50px;margin-left:12px ; height:50px; font-size:24px; float:left; background:#666; text-align:center; text-transform:uppercase;  border-radius:50%; color:#FFF;  }
.mobile-menu li a span { float:left; width:100%}

/* NAVs */

nav {float: left; }
nav ul {list-style-type: none; line-height:22px; width:100%; max-width:1300px; margin:0 auto;}
nav ul li {float: left;  text-align: center; float:left; padding:0 4px}
nav ul li a  {float: left;width:100%; position:relative; overflow:hidden; text-align:center; color:#FFF; text-transform:uppercase; font-size:13px; line-height:13px; letter-spacing:0.1em; padding:0 0 10px 0;  }
nav ul li a span.wow { position:absolute; left:0; top:0; color:#F06091}
.body-nomain nav ul li a span.wow { display:none}

nav ul li a::before { background:#c0ab89; content:""; width:16px; height:16px; position:absolute; bottom:-22px; left:50%; margin-left:-8px;}
nav ul li a span {  margin:0 10px; position:relative; font-weight:400}

nav ul li.active a::before, nav ul li.act a::before, nav ul li a:hover::before { transform:rotate(45deg); bottom:-14px;}
nav ul li.active a, nav ul li.act a, nav ul li a:hover { color:#c0ab89}
nav ul li.active a::before, nav ul li.act a::before, nav ul li a:hover::before {}
nav ul li.active a span, nav ul li.act a span, nav ul li a:hover  span, nav ul li.act a i {}

.body-layout-full nav ul li a,  #top-affix.act nav ul li a { _color:#3F414E; margin-top:19px }
#top-affix.act nav ul li a::before { _background:#223B74;}
#top-affix.act nav ul li.active a, #top-affix.act nav ul li.act a, #top-affix.act nav ul li a:hover { _color:#223B74 }

.sub-menu-hld { float:left; width:100%}
.sub-menu-hld ul { display:block; text-align:center; border:0 none;padding:30px 0 25px 0;}
.sub-menu-hld ul li { display:inline-block; float:none; margin:0 2px }
.sub-menu-hld ul li a  {float: left;width:100%; text-align:center; color:#FFF; text-transform:uppercase; font-size:13px; line-height:1.2; letter-spacing:0.1em; padding:10px ;  background:rgba(63, 65, 78, 0.5);}
.sub-menu-hld ul li.li_vouchery a { margin-left:40px; background:#F06091}
.sub-menu-hld ul li a:hover { background:#c0ab89}
.sub-menu-hld ul li.active a { background:#2E447B }

/* PAGE CONTENT */

.default-text-max { margin:0 auto; width:100%; max-width:780px}
.default-text { letter-spacing:0.1em; font-size:16px; line-height:34px; float:left; width:100%; position:relative; margin:10px 0; padding:25px 0 10px 0}
.default-text::before, .default-text::after { content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); height:1px; width:40px; background:#3F414E}
.default-text::after { top:auto; bottom:0}
.default-text p { padding-bottom:15px; margin:0;}
.default-text a { color:#3F414E}
.default-text strong { font-weight:400}
.default-text hr { border-color:#DDD}
.default-text a:hover { text-decoration:underline}
div .default-text h2, div .default-text h3 { padding:0 0 15px 0; text-align:center; font-size:24px; line-height:1.3; font-weight:300}
body .default-text h3 { color:#222; background:none; width:auto; position:static; padding:10px 0; margin:0; text-align:left; float:none; font-weight:400; font-size:20px}
.default-text h2 {color:#3F414E; font-size:30px;}
.body-ident-najem_dlugoterminowy .default-text h2 {color:#FFF; background:#3F414E; font-size:26px; padding:15px 5px}
.default-text em {color:rgb(0, 162, 202); font-style:normal}
.default-text ul { padding:5px 0 20px; list-style-type:square; text-align: left;}
.default-text ul li { margin-left:30px}
.default-text .section-btn { float:left}

.cnt { float:right; width:100%; margin:0; padding:0; position:relative; background:#FFF}

.body-ident-error404 header h1 { margin-top:70px}
.site-map { float:left; width:100%; padding:50px 0 50px;}
.site-map p { text-align:center; float:left; width:100%; padding:30px; color:#FFF}
.site-map ul { width:90%; margin:0 auto; padding:0; text-align:center }
.site-map ul li { font-size:18px; line-height:26px; padding:4px 10px; display:inline-block; background:#3F414E; margin:10px }
.site-map ul li a { color:#FFF; text-transform:uppercase; font-weight:300}

.text-title { float:left; width:100%; padding:0; overflow:hidden; text-align:center; display:flex; margin:32px 0}
	.text-title-in { float:right; width:50%; margin:50px 5% 15px;}

.text-title h3  {float:left; width:40%; background:#3F414E; padding:50px 30px; color:#FFF; font-size:34px; line-height:1; letter-spacing:0.1em; }
.text-title h3 img { width:95%; max-width:650px}
.text-title .kontaktNew h3 { width:100%}
.text-title h3  strong, .text-title h3 span { float:left; width:100%; position:relative }
.text-title h3  span { font-weight:300; font-size:55px; letter-spacing:0.1em; text-transform:uppercase; padding-top:40px}
.text-title h3  span::before { height:1px; width:40px; background:#FFF; content: ""; position:absolute; top:20px; left:50%; margin-left:-20px}


.gallery-text-section {  background:#EEE; padding:0}
.gallery-text-section h3 { position:relative; z-index:30; background:none; color:#3F414E; padding-top:150px; text-align:right;}
.gallery-text-section h3  span::before { left:auto; right:0; background:#000}
.gallery-text-section ul li, .gallery-text-section ul { margin:0; padding:0}
.gallery-text-section ul li img { width:60%; float:left}
.gallery-text-section .lSAction > .lSNext { right: 50%;}
.gallery-text-section .lSSlideOuter .lSPager.lSpg { width:50%}
.gallery-text-section ul li h3 img { width:50px; float:none; padding-bottom:20px}

.gallery-text-section .lslide {position:relative; float:left; width:100%}
.gallery-text-section .lslide::before { content:""; background:#EEE; position:absolute; left:53%; top:-100px; width:400px; height:150%; z-index:10;}
.gallery-text-section .lslide.active::before { transform:rotate(-15deg);}
.gallery-text-section .lslide:after { display:none}

.section-bg h3, footer > h3 {  color:#FFF; font-size:36px; float:left; width:90%; margin:80px 5% 50px; text-align:center ;letter-spacing:0.1em; text-transform:uppercase; font-weight:300}
.section-bg h3 { color:#222}

.text-images { background:#EEE; padding:0; position:relative;}
.text-images .text-title-in { width:30%; float:left; padding:65px 0}
.text-images .default-text img { width:30px}
	.text-images-right h3, .text-images-right .image-section {width:60%; position:absolute; top:0; right:0}
	.text-images-right .image-section { top:180px; background-position:center center; background-size:cover; bottom:0 }

.text-images.left-img .text-title-in { float:right; text-align:right}
.text-images.left-img .text-images-right .image-section, .text-images.left-img .text-images-right h3 { right:auto; left:0}




	.section-btn-hld { float:left; width:100%; padding:0; text-align:center; margin:20px 0; position:relative; z-index:20; margin-top:15px}
		.default-text .btn, .section-btn {  padding:10px 20px; color:#FFF; border:0 solid rgba(34, 59, 116,0.2); letter-spacing:0.3em;font-size:12px; text-transform:uppercase; text-decoration:none; position:relative; line-height:24px; cursor:pointer; display:inline-block; overflow:hidden; background:#F16796; margin-top:25px }
		.default-text .btn span, .section-btn span { font-weight:bold}
		.bookNow::before, .section-btn::before { content:""; right:-20px; top:-20px; width:30px; height:30px; background:#f06091; position:absolute; z-index:0; transform:rotate(45deg) }
		.bookNow:hover::before, .section-btn:hover::before { width:200%; height:200%;right:-50%; top:-50%; transform:rotate(0) }
		.section-btn:hover span { color:#FFF; position:relative; z-index:10}
		.section-btn i { padding-right:10px;}

		.btn { border:1px solid #3F414E; display:inline-block; margin:10px 5px}
		.btn-success { background:#3F414E}
		.btn:hover { text-decoration:none!important; color:#FFF; background:#3F414E}


		.desc-text {float:left; width:100%; margin:0; font-size:16px; line-height:24px; color:#222;}

		.desc-text ul, #panel1 ul, #secText ul, .separateOffer ul, .roomDesc ul { padding:5px 15px 15px; list-style-type: square; text-align:left;}
		.desc-text u li, #secText ul li, .separateOffer ul li { margin-left:20px; float: none;}
		.desc-text em { color:#FFF; background:#C4B37F; font-style:normal; padding:3px 10px; margin-right:15px; font-size:85%;white-space: nowrap;}
		.desc-text h3 { font-size:17px; line-height:25px; padding:20px; letter-spacing:0.15em; background:#EEE; text-align:center; margin:10px 0}
		.desc-text h3 a { color:#666}
		.desc-text p { padding:10px 0; text-align:justify; letter-spacing:0.1em}
		.desc-text p strong { color:#888; font-weight:normal}
		.desc-text p a { text-decoration:underline; color:#666}
		.desc-text p a:hover {  color:#111}
		.desc-text .btn { background:#222; color:#FFF; text-decoration:none; text-transform:uppercase; font-size:16px; border-radius:0; padding:10px 25px; position:relative; margin-left:-8px}
		.desc-text .btn:hover { color:#FFF!important}

		#section-7132 .btn-desc { background:#222222; color:#FFF}
		#section-7132 .desc-section { left:50px; right:50px; width:auto}

.secTextIn { float:left; width:100%; background:#FFF; padding:30px}


/* section 2-images */

.section-2-images { float:left; width:100%; position:relative;}
.section-nooffers, .section-offers { min-height:calc(100vh - 62px); }
.section-offers { background:#3F414E}
	.section-1 { position:absolute; left:40%; width:60%; bottom:0; top:0; background-position:center center; background-size:cover; overflow:hidden}
	.section-2 { float:left; width:40%; overflow:hidden}
	.section-offers .section-2, .section-offers .section-1 { width:50%; }
	.section-offers .section-1 { left:50%; }
	.section-2 video { float:left; width:100%; height:auto}
	.section-2 .text-opinion { background:none; width:90%; margin:0 5% 30px; min-height:0}
	.section-2 .text-opinion > span { margin-top:15px}
	.section-2 .offer-new { position:relative; float:left; width:100%;min-height:380px}
	.section-2 .offer-new img { float:left; width:100%}
	.section-2 .offer-new h3 { top:auto; bottom:0; font-size:26px;}
	.section-nooffers .offer-new h3 strong { font-size:42px; text-transform:uppercase; letter-spacing:0.15em; float:left; width:100%}
	.section2-bottom { position:absolute; bottom:0; left:0; right:0}

	.offer-new { background-position:center center; background-size:cover; overflow:hidden; background-color:#8D8D95}
	.mapa-section h3, .offer-new h3, .offer-new h1 { position:absolute; top:0; left:0; right:0; padding:30px; background:rgba(255,255,255,0.6); color:#171923; font-size:36px; line-height:1.2; text-align:center; z-index:10}
	.mapa-section h3 { text-transform:uppercase; font-size:42px}
	.mapa-section h3 strong { float:left; width:100%}
	.offer-new h1 { top:auto; bottom:0}
	.text-opinion em, .offer-new h3 em, .offer-new h1 em { font-style:normal; font-size:12px; font-weight:700; letter-spacing:0.2em; background:#f06091; color:#FFF; display:inline-block; padding:5px 15px}
	.text-opinion em { margin:10px 0}
	.offer-new h1 em { font-size:16px; font-weight:400}
	.section-new h3 em { text-transform:uppercase; cursor:pointer}
	.section-new h3 em:hover { background:#2C427A}
	.section-nooffers h3, .offer-new:hover h3 { background:rgba(255,255,255,0.9)}
	.offer-new h3 > span, .offer-new h1 > span { color:#223B74; font-size:20px; width:100%; float:left; margin-top:8px}
	.offer-new h1 span { font-size:36px}
		.oldPrice { position:absolute; top:0; color:#FFF; right:0;font-size:22px; padding:3px 3px 60px 60px; letter-spacing:0.05em; overflow:hidden; z-index:10 }
		.oldPrice b { position:relative; z-index:10; font-weight:300 }
		.oldPrice::before {background:#f06091;  content: "";
    height: 200px;
    left: 30px;
    position: absolute;
    top: -126px;
    transform: rotate(30deg);
    width: 260px;
    z-index: 5;}
	.offer-new:hover .oldPrice::before {}
	.section-row { position:absolute; bottom:0; left:0; right:0}

	.section-nooffers .section-btn { background:#FFF; color:#223B74}
	.mapa-section .section-btn-hld, .section-blog .section-btn-hld, .section-nooffers .section-btn-hld { position:absolute; bottom:5%; left:0}
	.only-gallery .lslide::before, .section-nooffers .section-1::after { content:""; position:absolute; right:0; width:100%; top:0; bottom:0; z-index:0;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+33,0.3+97 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 33%, rgba(0,0,0,0.3) 97%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 33%,rgba(0,0,0,0.3) 97%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 33%,rgba(0,0,0,0.3) 97%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=1 ); /* IE6-9 */


	}
	.gallery-section .lslide::before { width:350px}

	.s-even .section-nooffers h3, .s-odd .section-nooffers h3 { background:rgba(63, 65, 78,0.8); color:#FFF}
	.s-even .section-nooffers, .s-odd .section-nooffers {background:rgba(63, 65, 78,1);}
	.s-even .section-nooffers .text-opinion *, .s-odd .section-nooffers .text-opinion * { color:#FFF}

	.section-blog .title-main { position:static; transform:none; margin:50px 5%; text-transform:uppercase; font-weight:300; padding:0; width:90%; float:left}
	.section-blog  { min-height:0}
	.section-blog .section-2 .offer-new h3 { color:#FFF; background:rgba(63, 65, 78,0.8);}
	.section-blog .section-2 .offer-new h3 span { color:#C0AB79;}
	.section-blog .offer-new h3 em { margin-top:20px}

	.section-blog .offer-new h3 { font-size:26px;}
	.section-blog .offer-new h3 span { font-size:14px}

	@media screen and (max-width: 1000px) {
		.section-nooffers .offer-new h3 { padding:15px}
		.section-nooffers .offer-new h3 strong { font-size:26px}
	}
	@media screen and (max-width: 700px) {
		.section-blog  .section-2 { display:none}
	}

/* conference */

.conference-section { float:left; width:100%; position:relative; min-height:620px; height:auto}
.conference-section .text-images-in h3 { margin-top:40px; margin-bottom:30px}
	.showless, .hideout { display:none}
.conference-section	.lslide::after { background:rgba(0,0,0,0.2)}
.conference-section table { width:320px; margin:0 auto}
.conference-section table * { text-align:center; color:#FFF}
.conference-section table th { padding-bottom:10px}
.conference-section table td { padding-bottom:50px; font-weight:400; font-size:30px; line-height:40px}
.conference-section table img { width:30px}
.conference-section .desc-section { width:35%; left:auto; right:0; box-shadow:-5px -5px 12px rgba(0,0,0,0.3);  }
.conference-section .desc-section p { padding:10px 25px; }
.conference-section .desc-section .room-txt {min-height:620px}


/* BE */

.rez-form-hld  { position:fixed; top:100%; margin-top:-170px; left:25px; z-index:50; border-bottom:0 none; background:#FFF;  }
.rez-form-hld * { font-weight:400}
.rez-form-hld, #head-in.on-load header.act  .rez-form-hld {}
_#head-in.on-load .rez-form-hld { right:0}

.body-layout-full .rez-form-hld, #top-affix.act  .rez-form-hld { top:63px;left:45px; margin:0}
.body-layout-full .inputRez span.nagl, .body-layout-full  .dateHld, #top-affix.act  .inputRez span.nagl, #top-affix.act  .dateHld { display:none}
.body-layout-full .rezForm, #top-affix.act  .rezForm { margin:0; }

.price-quar { display:none; color:#FFF;  background:#3F414E;  letter-spacing:0.1em; text-transform:uppercase; float:left; text-align:right; font-size:11px; text-align:center; width:100%;  padding:5px 0}
.rezForm { margin:20px; width:180px; float:left}
.rezForm .hasDatepicker {  display: none;}
.inputRez { cursor: pointer;  float: left; width:45%; margin-right:0 }
.inputRezOut { float:right}
.dateHld { background:none; border-top:1px solid rgba(63, 65, 78, 0.2); float: left; margin:0 0 5px; position:relative; width:100%; padding:10px 0 8px;  line-height:30px; margin:0; text-align:center; overflow:hidden}
.inputRez span, .inputRez strong {  float: none; font-size: 13px; line-height: 30px; text-align: center; }
.inputRez span.nagl {color:rgba(63, 65, 78, 0.6);  letter-spacing:0.1em;  float:left; width:100%; line-height:12px;  position:relative; text-align:left; margin-bottom:2px; text-transform:uppercase; font-size:10px}
.dateHld span, .dateHld strong { color:#223B74;  text-transform:uppercase; line-height:26px;}
.dateHld strong { font-size:26px; font-weight:300}
.bookNow { border: 0 none; color: #FFF;  cursor: pointer; float: left; font-size:12px; letter-spacing:0.2em;  font-weight: bold; line-height: 28px;  text-align: center; text-transform: uppercase;width:100%; margin-top:0; padding:5px 0; position:relative; overflow:hidden; background:#F06091 }
.bookNow * { font-weight:700; font-style:normal; text-align:center; position:relative }
.bookNow span { z-index:10; position:relative; text-align:center}
.bookNow::before { background:#223973; right:-30px; top:-30px }


.dateHld:hover {background:#FFF}
.dateHld:hover * {color:#2C427A}


.dateHld::before { background:#FFF; content:""; width:20px; height:20px; position:absolute; bottom:-18px; left:50%; margin-left:-10px; z-index:0 }
.dateHld:hover::before { transform:rotate(45deg); bottom:-14px; background:#F06091}

/* Partners and reviews SECTION */

.partners { min-height:0;}
.partners .text-images-in > h3, .reviews-section .text-images-in > h3 { margin-bottom:50px!important; margin-top:100px!important}
.partners .text-images-in { background:rgba(255,255,255,0.5); padding-bottom:90px; min-height:0 }
.reviews-hld { padding-top:130px}
.review, .logos img { float:left; width:23%; margin:11px 1%; background:#FFF}
.logos a { color:#FFF}
.logos a:hover img { transform:scale(1.1); }
.reviews-section { float:left; width:100%; background-color:#FFF; padding-bottom:80px; text-align:center }
	.review { background:#EEE; height:190px; position:relative}
	.review span { float:left; width: calc(100% - 5% - 150px); margin:10px 5% 10px 150px;}
	.review span strong { float:left; width:100%; font-size:16px; line-height:22px; height:66px; margin-top:10px; margin-bottom:20px; font-weight:normal}
	.review span em { float:left; width:100%; margin-bottom:15px}
	.review span > b { font-weight:normal; font-size:20px; line-height:26px; background:#3f414e; color:#FFF; padding:0 8px }
	.review span b b { font-size:12px; font-weight:normal}
	.review span img { width:70px!important;margin-left:10px; position:relative; top:8px }
	.review span img.TripAdvisor { top:2px}
	.average-section { border:1px solid #FFF; color:#FFF; padding:0 20px; margin-left:15px; font-weight:normal}
	.average-section b { font-size:30px; font-weight:normal}
	.all-reviews { background:#222222; display:inline-block; width:auto; padding:5px 15px; color:#FFF; margin-top:20px; float:none}


.reviews-section .text-images-in > h3 {margin-top:150px!important; color:#FFF}

/* Reveiws */
.reviews-average { float:left; width:100%; margin:100px 0; text-align:center}
.reviews-average h3 { display:inline-block; border:1px solid #555; padding:10px 30px; font-size:60px; line-height:62px; color:#555}
.reviews-average h3 span { text-transform:uppercase; font-size:30px}
.reviews-average h3 strong { font-weight:300}

.main-reviews .review { margin:0 0 20px 0; width:100%; height:auto; padding:20px 0 20px 0; border-radius:/*38px*/ 0 0 0}
.main-reviews .text-images-desc {max-width: 1400px; width: 96%; margin: 0 auto;}
.main-reviews .desc-text em {text-align: right;background: none;  color: #222;    font-size: 100%;margin:20px 0; padding: 0;}
.main-reviews .review span > b { font-size:30px; line-height:85px; position:absolute; left:50px; top:30px; padding:0; height:85px; width:85px; text-align:center; border-radius:50%  }
.main-reviews .review span > b b{ font-size:20px;}
.main-reviews .review span strong { height:auto; background:#BBB; padding:30px; text-align:center; font-size:30px; line-height:26px/*32px*/}
	.rev-text { float:left; width:100%; margin-top: 25px;}


/* Rooms PAGE */

.rooms-section {border-bottom:5px solid #FFF; position:relative}
.rooms-section .default-text { width:90%; margin:10px 5% 80px 5%; color:#FFF; text-align:justify}
.rooms-section .lSPager { display:none}
.room-gal-hld > div.act { display:block}


.room-icons { float:right; width:100%; text-align:center;}
.room-icons * { color:#FFF; font-size:20px}
.room-icons-in .tt-el { text-align:center; width:40px; height:40px; display:inline-block;}
.room-icons-in .tt-el i , .room-icons-in .tt-el img { position:relative; top:6px; cursor:pointer}
.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}

.room-gallery { padding:0; float:left; width:100%; position:absolute; bottom:0; right:0; left:0; top:0; z-index:0}
.room-gallery li {background-position:center center; background-size:cover; }
.room-gallery .lSSlideWrapper ul, .room-gallery .lSSlideWrapper ul li, .room-gallery .lSSlideWrapper, .room-gallery .lSSlideOuter { height:100%!important}
.room-gallery .lSAction > a { }
.room-gallery .lSAction > .lSNext { right:20px}
.room-gallery .lSAction > .lSPrev { left:20px; }

.room-gal-hld > div.act { position:fixed; left:0; top:0; right:0; bottom:0; z-index:999999999}
.room-gal-hld > div.act .lSSlideOuter .lSPager { bottom: 5%; display:block}
.room-gal-hld > div.act .lslide:after { display:none}
.room-gal-hld > div.act .lSAction a { background:rgba(255,255,255,0.6); bottom:auto; top:45%}
.room-gal-hld > div.act .lslide::before { display:none}

.tooltip { letter-spacing:0.2em; font-size:16px}
.close-btn { position:fixed; top:0; right:20px; z-index:9999999999; display:none; background:#FFF; color:#223B74;  }

.room-on-picture { position:absolute; left:80px; right:80px; top:0; z-index:10; bottom:0}


.room-on-picture h3  {float:left; width:100%; padding:40px 0 20px 0; text-align:center; color:#FFF; font-size:44px; line-height:1.2; letter-spacing:0.1em; position:relative;  margin-bottom:15px }
.room-on-picture h3  strong {background:#3F414E; display:inline-block; padding:10px 20px}
.room-on-picture h3  strong, .room-on-picture h3 span {  }
.room-on-picture h3  span { font-weight:300; font-size:16px; letter-spacing:0.1em; text-transform:none; padding-top:20px}
.room-on-picture h3  span::before { height:1px; width:40px; background:#FFF; content: ""; position:absolute; top:20px; left:50%; margin-left:-20px; display:none}

.room-on-picture .section-btn-hld { position:absolute; bottom:80px}
.room-on-picture .section-btn-hld .section-btn { float:none; display:inline-block; margin:0 10px; background:#FFF; font-weight:400; border:0 none; color:#223B74}
.room-on-picture .section-btn-hld .section-btn.btn-book-room { background:#F06091; color:#FFF; font-size:20px; line-height:34px; position:relative; top:20px}
.room-on-picture .section-btn-hld .section-btn.btn-book-room span {  font-weight:300}

.close-gallery-button { position:absolute; right:0; top:0px; color:#FFF; font-size:18px; line-height:40px; width:40px; height:40px; background:#F16997; text-align:center; cursor:pointer}
.close-gallery-button:hover { background:#223B74 }

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

@media screen and (max-width: 1000px) {
	.room-on-picture h3 strong { font-size:24px; line-height:1.2}
	.room-on-picture .section-btn-hld .section-btn, .room-on-picture .section-btn-hld .section-btn.btn-book-room { font-size:13px; line-height:20px}
	.room-on-picture .section-btn-hld .section-btn.btn-book-room strong { font-size:20px;}
	.room-on-picture h3 {    letter-spacing: 0;    padding: 15px 30px;}
}

@media screen and (max-width: 740px) {
	.room-icons { padding:0; margin-top:10px; width:40%}
	.room-on-picture h3 { width:60%; margin-top:40px}

	.rooms-section .lSAction > a { display:none}
	.room-gal-hld > div.act .lSAction a {display:block}
	.room-gallery::after { background:rgba(255,255,255,0); position:absolute; left:0; right:0; bottom:0; top:0; z-index:10; content:""}
	.room-gal-hld > div.act .room-gallery::after { display:none}


	.body-ident-galeria_hotel_airport_warszawa .room-gal-hld > div.act .room-gallery::after, .body-ident-galeria_hotel_airport_warszawa .rooms-section .lSAction > a { display:block}
}

@media screen and (max-width: 480px) {
	.room-on-picture { widht:98%; left:1%; right:1%}
	.room-on-picture h3 { width:100%}
	.room-on-picture h3 strong { font-size:18px;}
	.room-icons { display:none}
	.room-on-picture .section-btn-hld { bottom:15px}
	.room-on-picture .section-btn-hld .section-btn.btn-book-room { width:80%; margin:15px 10%; top:0; max-width:230px}
}

.modal {z-index:999999999; background:rgba(0,0,0,0.8)}
.modal .close {  background: #F06091 none repeat scroll 0 0;
    color: #fff;
    opacity: 1;
    position: absolute;
    right: -40px;
    top: 2px;
    width: 40px; line-height:40px}
.modal .close:hover { background:#2C427A}
.modal h4 { letter-spacing:0.1em;  font-weight:300; line-height:1.2}
.modal h4 strong { font-size:34px; font-weight:300; text-transform:uppercase}
.modal h4 span { font-size:20px}
.modal-content { border-radius:0}
.modal-body { letter-spacing:0.05em; font-size:16px; line-height:1.5}
.modal-body-zero { padding:0}
.modal-body-zero img { float:left; width:100%}
	.modal-body-image { float:left; width:40%; margin-right:15px; margin-bottom:5px}
.modal-body p { padding-bottom:15px}
.modal-body ul { padding:3px 0 10px 0; list-style-type:square}
.modal-body ul  li { margin-left:40px}
.modal-body-black ul { padding:0; list-style-type:none}
.modal-body-black ul li { margin:0}
.modal-body h3 { font-size:22px; line-height:30px; padding:10px 0; margin:0}
.modal-body strong { font-weight:400}
.modal-footer { text-align:center}
.modal-footer .btn { letter-spacing:0.15em; font-size:16px; text-transform:uppercase; font-weight:300; float:none; display:inline-block; background:none; color:#000}
.modal-footer .btn:hover { background:#3F414E; color:#FFF}
.modal .modal-dialog {width: 90%; max-width:1200px}
.modal-footer { padding-bottom:0}
.modal-body { float:right; width:calc(100% - 300px)}
.modal-body-full-width { width:100%}
.modal-body-black { background:#3F414E; color:#FFF; border:0 none; float:left; width:300px}
	.modal-icons { width:100%; text-align:left; padding:10px 0}
	.modal-icons li { float:left; width:100%; padding:2px 10px;}
	.modal-icons * { font-size:13px; letter-spacing:0.1em; line-height:1.3}
	.modal-icons img { height:14px}
	.modal-icons img, .modal-icons i { padding-right:5px}

@media screen and (max-width: 730px) {
	.modal-body { width:calc(100% - 180px)}
	.modal-body-black { width:180px}
	.modal h4 strong { font-size: 21px;}
}
@media screen and (max-width: 480px) {
	.modal-body { width:100%}
}

/* GALLERY */


.gallery-section { float:left; width:100%; background:#FFF; position:relative}
.gallery-section .room-gal-hld { float:left; width:100%; height:calc(100vh - 65px); position:relative; margin-bottom:3px }
.gallery-section::before { display:none}
.gallery-section .section-btn-hld { margin:0}
.gallery-section .lslide::before {}
.gallery-section .lslide::after {

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3F414E+0,3F414E+100&0+61,0.3+96 */
background: -moz-linear-gradient(-45deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 61%, rgba(0,0,0,0.3) 96%, rgba(0,0,0,0.3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 61%,rgba(0,0,0,0.3) 96%,rgba(0,0,0,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 61%,rgba(0,0,0,0.3) 96%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3F414E00', endColorstr='#4d3F414E',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.gallery-section .title-main { z-index:20; bottom:50px; right:70px; left:60%; text-align:right; opacity:0}
.gallery-section .title-main span::before { left:auto; right:0}
.lslide.active .title-main { opacity:1}

.only-gallery.gallery-section .lSAction > a { top:auto; bottom:20px}
.only-gallery.gallery-section .lSAction > a::after { }



.gallery-section-new { float:left; width:100%;margin-bottom: 3px; }
.gallery-section-header {padding-top:50px}
.gallery-section-new a { position:relative; float:left; width:50%}
.gallery-section-new a.galEl_1, .gallery-section-new a.galEl_5 { width:100%}
.gallery-section-new a > img { float:left; width:100%}
.gallery-section-new a .offerPrice { width:30px; line-height:30px; opacity:0; position:absolute; right:20px; top:20px; color:#FFF; border:1px solid #FFF; text-align:center; transform:scale(0); font-size:16px}
.gallery-section-new a:hover .offerPrice { opacity:1; transform:scale(1)}
.gallery-section-new a .offerPrice i { padding:0}
.gallery-section-new a::before { bottom:0; color: #fff; left: 0;  position: absolute;  right: 0;top: 0;background:none; border:1px solid #FFF; content:""}
.gallery-section-new a:hover::before { _background:rgba(255,255,255,0.1)}

.body-ident-galeria.body-layout-full header h1 { padding:8px 0}
.opinion-right-in-gallery { position:absolute; bottom:0; left:0; top:0; background:rgba(255,255,255, 0.85); width:225px; }
.opinion-right-in-gallery.opinion-right .text-opinion { height:auto; min-height:0; width:100%; background:none; padding-bottom:30px; float:left}
.opinion-right-in-gallery.opinion-right .text-opinion * { color:#171923}

.gallery-opinion .room-gal-hld { margin:0}
.gallery-opinion .room-gallery .lSAction > .lSPrev { left:calc(30% + 20px)}
.gallery-opinion .lSSlideOuter .lSPager { left:30%; bottom:35px}
.gallery-opinion-dark .lSAction > a { background:#C0AB79}
.gallery-opinion-dark .lSAction > a::after {  border-bottom: 1px solid #3F414E;   border-right: 1px solid #3F414E;}
.gallery-opinion-dark .lSAction > a:hover { background:#FFF}

/* NAV LEFT */

.nav-scroll-left  { position:fixed; right:0; top:50%; transform:translateY(-50%);  z-index:999999; text-align:right; width:150px}
/*
.nav-scroll-left ul li { padding:0; margin:0; float:left; width:120px; padding-right:20px; position:relative}
.nav-scroll-left ul li::after { background: #fff none repeat scroll 0 0;
    content: "";
    height: 18px;
    position: absolute;
    right: 11px;
    top: 6px;
    transform: rotate(45deg);
    width: 18px;
    z-index: -1;}
.nav-scroll-left ul li a {margin:3px 0 0 0!important; background:#FFF; padding:6px 0 }
.nav-scroll-left ul li:hover::after, .nav-scroll-left ul li.active::after, .nav-scroll-left ul li.active a, .nav-scroll-left ul li a:hover { background:#C0AB89}
.nav-scroll-left ul li a span {font-size:12px; margin:0; padding:0; color:#3F414E }
*/

.nav-scroll-left ul { display:block}
.nav-scroll-left ul li { padding:0; margin:0; width:100%; background:none!important }
.nav-scroll-left ul li a {margin:0!important; background:none; padding:6px 0; text-align:right; background:none!important }
.nav-scroll-left ul li a::before { display:none}
.nav-scroll-left ul li a::after { background: #fff none repeat scroll 0 0;
    content: "";
    height: 4px;
    position: absolute;
    right: 9px;
    top: 11px;
    transform: rotate(45deg);
    width: 4px;
    z-index: -1;}

.nav-scroll-left ul li.active a::after {width:13px; transform:rotate(0); background:#E5D3B5; height:2px; right:0}
.nav-scroll-left ul li a span {font-size:12px; margin:0; padding:0; color:#FFF; font-weight:400; padding-right:20px; text-shadow:1px 1px 0 rgba(0,0,0,0.4); letter-spacing:0.2em; display:block }
.nav-scroll-left ul li a:hover span, .nav-scroll-left ul li.active span, .nav-scroll-left ul li.active a span, .nav-scroll-left ul li a:hover span{ color:#E5D3B5}


/* Offer Page */

.body-offer .offer-new { float:left; width:100%; text-align:center; height:75vh; max-height:600px; position:relative; background-position:center center; background-size:cover; margin-top:60px }
.body-offer.body-layout-full .offer-hotel { width:160px; margin-left:-80px}
.body-offer.body-layout-full .offer-hotel strong { opacity:1; background:#F06091; color:#FFF; transform:none; left:0; top:40px; padding:3px 0; width:100%}
.body-offer.body-layout-full .offer-hotel svg #scroll-down-arrow { fill:#F06091!important}

.offer-holder { float:left; width:100%; background:#FFF; padding-top:30px}
.separateOffer { margin:0 auto; width:90%; font-size:16px; line-height:28px; max-width:1200px}
.separateOffer .desc-in	{ padding:30px}
	.descIn {margin:30px 3%;float:left; width:94%}
	.descIn a { text-decoration:underline; color:#666}
	.descIn strong, .descIn a:hover { color:#C4B37F; font-weight:normal}
	.descSmall {  width:50%; }

.all-offers { position:fixed; bottom:-50px; left:50%; transform:translateX(-50%); border:0 none; margin:0; text-transform:uppercase; letter-spacing:0.2em; background:#F06091}
.btn-success.all-offers:hover { background:#A01E49}
header.act .all-offers { bottom:0}

.separateOffer { padding:30px 0; margin:0 3%; width:44%; float:left; position:relative }
.offer-gallery { width:50%; float:right; max-width:800px}
.offer-gallery li video { width:100%; float:left; height:auto}
	.offer-gallery li { float:left; width:50%; position:relative}
	.offer-gallery li::before {content:""; position:absolute; left:0; right:0; bottom:0; top:0; border:2px solid #FFF}
	.offer-gallery li.im_1, .offer-gallery li.im_4, .offer-gallery li.im_8 { width:100%}
	.offer-gallery img { float:left; width:100%}
	.offer-gallery li a span { position:absolute; bottom:0; left:0; right:0; padding:15px; color:#171923; background:rgba(255,255,255,0.8); font-size:34px; line-height:1.2; font-weight:300; text-align:center}
.body-offer #book { width:100%; float:left;}

@media screen and (max-width: 800px) {
	.separateOffer { width:94%}
	.offer-gallery { width:100%}
	.offer-gallery li a span { font-size:22px}
}

@media screen and (max-width: 500px) {
	.offer-gallery li a span { font-size:16px; padding:8px; font-weight:bold}
}

/* Newsletter*/

#newsletter { margin:0 auto; width:275px; }
#newsletter strong { text-transform:uppercase; margin-right:5px; float:left}
#newsletter input { box-shadow:2px 2px 12px rgba(63, 65, 78,0.3); background:#FFF!important; border: 0 none;  color:#223b74;  float: left;  font-size: 13px;  padding: 10px 0;  text-indent: 10px;  text-transform: none; width:230px;line-height:45px; height:45px; padding:0; letter-spacing:0.1em; font-weight:400}
#newsletter a { background:#f06091;  margin: 0; text-transform: uppercase; width: 45px; float:left; height:45px; text-align:center;}
#newsletter a:hover { background:#A01E49 }
#newsletter a i {color:#FFF;line-height:45px;  font-size: 15px; float:left; width:100%; text-align:center}
#newsletter a:hover i { transform:scale(1.1)}

/* KONTAKT FORM CSS */

.kontaktNew { float:left; width:100%; padding:0; text-align:center; margin-bottom:30px}
.kontaktNew h4 { font-size:30px; line-height:1.4; margin-top:50px; color:#2F457B; font-weight:300; letter-spacing:0.2em}
	.left-form { float:left; width:49.5%}
.kontaktNew textarea, .kontaktNew input.required { width:100%; float:left; margin:2.5px 0; border:0 none; background:#FFF; border:1px solid #DDDDDD; color:#223973; text-align:left; padding:0; line-height:42px; height:42px;  font-size:16px; text-indent:20px; letter-spacing:0.1em; }
.kontaktNew textarea {  width:49.5%; float:right; height:137px;  text-align:left; padding:15px; line-height:1; text-indent:0}
.kontaktNew input.section-btn { text-transform:uppercase; background:#F06091; padding-left:0; padding-right:0; width:49.5%; float:right; color:#FFF; border:0 none; font-weight:bold}
body input.trasaBtn:hover, .kontaktNew input.section-btn:hover { background-color:#223973!important}


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

/* MAP CSS */

.mapHolder { float:left; width:100%; position:relative; background:#FFF; overflow:hidden}
.mapHolder::before { content:"";position:absolute; z-index:10;  }

.map-form {}
#outputDiv { top:0; color: #3F414E;background:#FFF;  float: left;  font-size: 14px;  left: 0;  letter-spacing: 0.1em;   line-height: 22px;  padding: 0;  position: absolute; right: 0; text-align: center;  z-index: 10;}
#outputDiv * { color:#000}
#outputDiv strong {font-size: 16px;    font-weight: normal;    line-height: 18px;    padding-left: 4px;}
#outputDiv span {background: #FFF; padding: 0 4px;}
.directHld { background: #fff none repeat scroll 0 0;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    padding: 29px;
    position: absolute;
    right: 5%;
    top: 0;
    z-index: 10;}
#start { color:#223B74;  background:#FFF!important; line-height:45px; height:45px; border:1px solid rgba(63, 65, 78, 0.2); border-right:0; text-align:center; float:left; width:255px; margin:0!important; padding:0!important; font-size:14px; letter-spacing:0.15em; font-weight:400}
.body-lang-en #start { letter-spacing:0.05em}
body input.trasaBtn {background:#F16897 url(https://thumbs.hotelsystems.pl/_design/bs/img/zoom.png) no-repeat center center!important;padding:0 15px!important;    color: #FFF !important;    float: right;    font-size: 14px; width:45px;    line-height:45px; height:45px;text-align: center; margin:0!important;       border:0 none; text-transform:uppercase; letter-spacing:0.2em }
body input.trasaBtn:hover {background:#A01E49}
#map-canvas {width:100%; height:450px; float:left}
.mapHolder h3 { margin-bottom:15px; font-size:19px; text-align:center; text-transform:uppercase}
.mapHolder h3 * { font-weight:300}


.section-bg { float:right; width:40%; position:relative; overflow:hidden}
.section-bg-in { margin:0 auto; width:90%; max-width:450px; position:relative; z-index:20}



.tbl-contanct { width:100%; text-align:center; margin:25px 0}
	.tbl-contanct h4 { margin-bottom:10px; font-size:29px; line-height:32px}
	.tbl-contanct a.tel-contact { font-size:27px; line-height:40px}

.contact-section { position:relative}
.conf-map::before, .contact-section::before { content:""; position:absolute; left:0; right:0; bottom:0; top:0; background:rgba(255,255,255,0.8)}
.contact-section .desc-text p::before { display:none}
.contact-section .desc-text p strong, .contact-section .desc-text a { color:#000}
.contact-section .desc-text h3 { background:none; border:1px solid #FFF;}

@media screen and (min-height: 700px) {.tbl-contanct {margin: 50px 0;}}

/* GALERIA OPINIE */

.gallery-opinion { float:left; width:100%;}
.opinion { float:left; width:100%;  position:relative;}
	.image-opinion { position:absolute; right:0; width:70%; top:0; bottom:0; background-size:cover; background-position:center center }
	.text-opinion { background:#3F414E; min-height:calc(100vh - 62px);float:left; width:30%; color:#FFF; text-align:center; overflow:hidden;}

	.image-opinion::before { content:""; position:absolute; left:0; top:0; bottom:0; right:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+56,0.2+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 56%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 56%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 56%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=1 ); /* IE6-9 */


	}
	.text-opinion > h3 { font-size:36px; line-height:1.2; float:left; width:90%; margin:80px 5% 0; text-align:center; font-weight:300; letter-spacing:0.1em}
	.text-opinion b { float:left; width:100%; text-align:center; padding-top:15px;}
	.text-opinion b img { width:20px; margin:15px}
		.opinion-person { float:left; width:100%; text-align:center}
		.opinion-person img { opacity:1; width:60px; margin:0 10px; border-radius:50%; display:inline-block}
		.opinion-person span { line-height:1.6; font-size:13px; display:inline-block; text-align:left; position:relative; top:-12px;text-align:center;  }
		.opinion-person span strong { font-weight:normal; font-size:18px; }
	.text-opinion > span { float:left; width:90%; margin:60px 5% 20px; font-size:18px; line-height:1.6; font-weight:300 }

.mapa-section .section-btn,.gallery-opinion .section-btn-hld .section-btn { margin-top:20px; background:#FFF; margin-bottom:-35px; box-shadow:2px 2px 8px rgba(0,0,0,0.2); color:#223B74}
.mapa-section .section-btn::before,.gallery-opinion .section-btn-hld .section-btn::before {background:#f06091 ; color:#FFF}

.mapa-section .section-btn { display:inline-block; margin:15px 0 -10px}

.opinion-right .image-opinion_ { left:0; right:auto}
.opinion-right .text-opinion { _float:right; color:#3F414E;}
.gallery-opinion .opinion-right .text-opinion {background:#FFF}

.opinion-full .image-opinion { width:100%; position:static; float:left; width:100%}
.opinion-full .text-opinion { width:100%; background:rgba(255,255,255,0.6) }
.opinion-full .text-opinion * {color:#171923}
.opinion-full .text-opinion > span { font-size:36px}
	.image-opinion2 { left:0; right:auto}
.opinion-images-text { height:auto}
.opinion-images-text .image-opinion { width:35%; }
.opinion-images-text .text-opinion { width:30%; margin-left:35%}

.mapa-section  { height:calc(100vh - 62px); float:left; width:100%; position:relative;  background-position:center center; background-size:cover; overflow:hidden; background-color:#8D8D95}
.mapa-section h3 { background:rgba(255,255,255,0.6)  }
.mapa-section::before { content:""; position:absolute; left:0; top:0; right:0; bottom:0;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.55+0,0+56 */
background: -moz-linear-gradient(45deg,  rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 56%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 56%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 56%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.panorama-section::before { display:none}


.mapa-section > img { position:absolute; left:32px; bottom:32px; width:80%; max-width:600px; z-index:10}

/* BLOG */

.blog-seciton { float:left; width:100%; padding:30px 0}
.blog-seciton .text-title { padding:50px 0}
.blog-seciton .btn { background:#3F414E; border:0 none}
.blog-seciton .btn:hover { background:#222; border:0 none}
	.blog-seciton-in { width:98%; margin:0 auto}
.body-news .blog-seciton { padding:0}
	.blog-seciton .thumbnail { border:0 none; border-radius:0; box-shadow:2px 2px 10px rgba(0,0,0,0.1) }
		.blog-date { position:absolute; top:30px; left:30px; right:30px;text-align:center; color:#FFF;  font-size:18px; text-shadow:1px 1px 0 rgba(0,0,0,0.3); letter-spacing:0.4em}
		.blog-el-sectoim .blog-date { position:static; float:left; width:100%; text-align:center; text-shadow:none; padding-bottom:30px; color:#000}
		.blog-seciton .caption h3 { font-size:30px; line-height:30px; letter-spacing:0.05em; padding:30px 0 }
		.blog-info { padding-bottom:30px}
		.blog-el-sectoim h1 { font-size:45px; line-height:45px; padding-bottom:40px; padding-top:30px; text-align:center}
		.blog-el-sectoim .text-images-desc { max-width:none; }
		.blog-el-sectoim  .text-images-desc-in { background:rgba(255,255,255,0.6)}
		.post-fb-hld { display:inline-block; margin:0 20px}
		.blog-date-post { text-align:right; margin-bottom:40px }

/* OFFERS */

.offers-section .section-btn-hld { padding-bottom:30px}
.offers-section .section-btn-hld .section-btn { float:none; display:inline-block}

.offer-title { padding-bottom:0; padding-top:50px}
.offer-holder-new { float:left; width:100%; background:#FFF}

.offers-box { float:left; width:100%; background:#FFF;}
.lslide::after { pointer-events: none;}
.offer {
    float: left;
    position: relative;
    transition: transform 0.5s ease 0s;
    width: 33.33%; margin:0;background-position: center center;
    background-size: cover; overflow:hidden; cursor:pointer
}
.offer a { float:left; width:100%}
.offer img { float:left; width:100%}
.offerIn {
    bottom:0;
    color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    top: 0; border:0 solid #FFF; content:"";
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3F414E+0,3F414E+100&0+46,0.65+81 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 46%, rgba(0,0,0,0.65) 81%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 46%,rgba(0,0,0,0.65) 81%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 46%,rgba(0,0,0,0.65) 81%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3F414E00', endColorstr='#a63F414E',GradientType=0 ); /* IE6-9 */

}

.offer h3 { position:absolute; bottom:0; right:0; left:0; padding:20px; color:#FFF; text-align:right; font-size:30px; line-height:1; letter-spacing:0.1em; z-index:10 }
.offer h3 strong, .offer h3 span { float:left; width:100%; position:relative; text-align:center }
.offer h3 span { text-transform:none; font-weight:400; font-size:16px; letter-spacing:0.1em; text-transform:none; padding-top:40px;}
.offer h3 span::before { height:1px; width:40px; background:#FFF; content: ""; position:absolute; top:20px; left:50%; margin-left:-20px}


.offers-box .lSSlideOuter .lSPager { display:none}
.offer-section-all .offer h3 span {font-size:24px; font-weight:300}
.offer-section-all .offer-new::before { position:absolute; content:""; right:0;  top:0; width:0; height:0}
.offer-section-all .offer-new:hover::before { width:100%; height:100%; background:rgba(255,255,255,0.3)}


.offer-section-all .offer_2, .offer-section-all .offer_3, .offer-section-all .offer_4, .offer-section-all .offer_5 { width:25%}
.offer-section-all .offer_1, .offer-section-all .offer_6 { width:50%}

.offer-section-all { margin-top:2px; float:left; width:100%}
.offer-section-all .offerIn { border-width:2px}

.offer-section-all .offer-new { float:left; width:32.33%; position:relative; height:400px; margin:6px 0.5%}
.offer-section-all .offer-new h3 { font-size:26px}
.offer-section-all .offer-new_1 { width:55.66%; }
.offer-section-all .offer-new_2 { width:42.33%; }
.offer-section-all .offer-new_1, .offer-section-all .offer-new_2 {height:550px}
.offer-section-all .offer-new_3, .offer-section-all .offer-new_4 { width:49%; height:500px}

.offer-new_2 h3, .offer-new_4 h3, .offer-new_6 h3, .offer-new_9 h3, .offer-new_12 h3, .offer-new_15 h3, .offer-new_18 h3 { top:auto; bottom:0}

@media screen and (max-width: 600px) {
	.offer-section-all .offer-new { width:49%}
}

@media screen and (max-width: 440px) {
	.offer-section-all .offer-new { width:99%; height:300px}
}


/* VIDEO */
.video-section > div.act { position:fixed; z-index:99999; left:0; top:0; right:0; bottom:0}
.full-screen, .close-video { display:none}
.video-section .desc-text { padding-bottom:50px}

#tubular-container { z-index:-1!important}
#tubular-player { top:0!important}
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
}

.video-after { position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.3); z-index:0}

.pp_pic_holder { z-index:99999999!important}

.outer-menu { display:none; top:55px!important; right:7px!important}

#mlUsingCookies {  z-index: 50000!important;}

.form-sent { text-align:center; width:100%}
.form-sent h3 { color:#FFF; border:1px solid #FFF; padding:30px; font-size:40px; line-height:42px; text-align:center; display:inline-block}

@media screen and (max-width: 1450px) {
	.logo { margin-right:25px}
	.langs li#lang_phone { margin-right:10px}
}

@media screen and (max-width: 1375px) {
	nav ul li a span {margin: 0 5px; letter-spacing:0}
	.langs li { margin: 0 0 0 3px}
	.langs li a { letter-spacing:0}
}

@media screen and (max-width: 1150px) {
	nav {    width: calc(100% - 250px); margin-top:28px}
	nav ul {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex;}
	nav ul li {-webkit-flex:auto; /* Safari 6.1+ */ -ms-flex:auto; /* IE 10 */  flex:auto; padding:0 }
	nav ul li a { text-align:right}
	nav ul li a span { margin-right:0}
	nav ul li a span.wow { display:none}
	nav ul li a::before { display:none}

	#top-affix.act nav, .body-layout-full nav { margin-top:0}
	#top-affix.act .langs, .body-layout-full .langs  { display:none}

	.nav-scroll-left { display:none}

	.footerContact span { width:100%; text-align:center; margin-bottom:10px}

	.text-opinion > h3, .mapa-section h3, .offer-new h3, .offer-new h1 { font-size:23px}
	.offer-new h3 em, .offer-new h1 em { font-size:10px}
	.text-opinion > span, .offer-new h3 span, .offer-new h1 span { font-size:16px}
	.text-opinion b img { margin:0}

	.text-opinion > h3 { margin-top:30px}
	.text-opinion > span { margin:15px 5%}

	.directHld { padding:5px}
	#start { width:220px}

}

@media screen and (max-width: 850px) {
	nav { display:none}
	.outer-menu { display:block }
	.offers-box .lSAction > a { top:50px}
	.attraction-home, .inputRez { display:none}
	.rez-form-hld { margin-top:-115px;display:none;}
	.rezForm { margin:5px}
	.logo { width:180px; margin:0}

	.body-layout-full .outer-menu, #top-affix.act .outer-menu { right: -10px !important; top: 7px !important;}
	.body-layout-full .rez-form-hld, header.act .rez-form-hld {  left: 26px;  margin: 0;  top: 53px;}
}

@media screen and (max-width: 740px) {
	.section-offers .section-2, .section-offers .section-1 { width:100%; position:static; float:left;}
	.section-offers .section-1 { height:400px; position:relative; left:auto; right:auto; top:auto; bottom:auto}

	.text-opinion { width:240px; }
	.image-opinion { width:calc(100% - 240px)}
	.gallery-opinion .room-gallery .lSAction > .lSPrev { left:260px}
	.gallery-opinion .lSSlideOuter .lSPager { left:240px}
	.gallery-opinion .lSSlideOuter .lSPager.lSpg > li { padding:4px}
}

@media screen and (max-width: 600px) {
	.title-main, header h1 { font-size: 26px; transform:none; left:5%; right:5%; }
	.title-main span, header h1 span { font-size: 16px;}
	.offer-hotel { left:auto; margin:0; right:0;bottom:180px;}
	.body-layout-full .offer-hotel { display:none}

	.sub-menu-hld ul li.li_vouchery a { margin:0}
	.sub-menu-hld ul li a { font-size:12px}

	.offer-section-all .offer-new h3 { font-size:20px}
	.oldPrice { transform:scale(0.6); top:-20px; right:-25px}
}

@media screen and (max-width: 520px) {
	.langs li#lang_phone { display:none}

	.phone i.fa-mobile { padding-left:10px}
	.footer-top { padding:10px}
	img.TA, img.HC { width:60%; margin:0 20% 30px}
	.footer-top-left { width:100%}
	.footer-top-left img { margin-bottom:0}
	.social-icon { margin-bottom:20px}
	.directHld { padding:5px; left:0; right:0; width:auto}
	#start { width:calc(100% - 45px)}

	.gallery-opinion .text-opinion { width:100%; position:absolute; z-index:10; background:rgba(0,0,0,0.5) }
	.gallery-opinion .opinion-right .text-opinion {background:rgba(255,255,255,0.5)}
	.gallery-opinion .opinion-right .text-opinion * { color:#000}
	.gallery-opinion .image-opinion { width:100%}
	.gallery-opinion .room-gallery .lSAction > .lSPrev { left:20px}
	.gallery-opinion .lSSlideOuter .lSPager { left:0}
	.gallery-opinion .lSSlideOuter .lSPager.lSpg > li { padding:10px}
	.gallery-opinion .opinion { height:100%}


	.section-2-images.section-nooffers { padding-bottom:60px; min-height:0}
	.section-2-images.section-nooffers .section-btn-hld { bottom:0}
}

@media screen and (max-width: 440px) {
	.section-nooffers .section-2, .section-nooffers .section-1 { width:100%; position:static}
}

@media screen and (max-width: 350px) {
	.logo { width:160px}
}

.rez-form-hld { z-index:50000}


.bottomNavMobile {display:none}

@media(max-width:980px) {
#fb-root {display:none!important}
.flexing{display:flex;flex-wrap:nowrap}
.bottomNavMobile{position:fixed;z-index:9999999999;bottom:0;left:0;background:#fff;justify-content:space-between;align-items:center;width:100%}
.bottomNavMobile > a{display:flex;justify-content:center;align-items:center;flex-direction:column;height:60px;color:#000;text-transform:uppercase;width:33.333%}
.bottomNavMobile > a i{font-size:20px;margin-bottom:5px}
.bottomNavMobile span{font-size:12px}
.telMobile{border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3}
.bottomNavMobile .rezerwujMobile{color:#fff;background:#F06091}
}
@font-face {
font-family:'TrajanProRegular';
src:url('https://s3.eu-central-1.amazonaws.com/zuu-webfonts/TrajanProRegular/TrajanProRegular.eot');
src:local('TrajanProRegular'),url('https://s3.eu-central-1.amazonaws.com/zuu-webfonts/TrajanProRegular/TrajanProRegular.woff') format('woff'),url('https://s3.eu-central-1.amazonaws.com/zuu-webfonts/TrajanProRegular/TrajanProRegular.ttf') format('truetype')
}

@font-face {
font-family:'verdana';
src:local('verdana'),url('https://cottonina-menu.hotelsystems.pl/css/font/verdana.ttf') format('truetype')
}