:root { --motyw: #398CCC; --arrow: #404040; } .body-ident-main section.id-32413 {order:2!important;margin:0;} .body-ident-main section.id-32422 {;margin:0;} .body-ident-main section.offersSection {order:1!important;} .body-ident-main section.id-32420 {order:3!important;} .body-ident-main section.roomsMain {order:4!important;} section.roomSection:not(:first-child) {padding-top:80px;} .pakietyKategorieMenu{margin-top:62px;background-color:#F0F0F0;} .pasekKategori{padding-top:0px !important;} .pakietyKategorieMenu ul{padding-top:50px;margin:0px;} body,.subTitle,p,.basicFont,body *{font-family:'proxima-nova', sans-serif;font-weight:300;} ul.mainMenu a {font-family:'proxima-nova';font-weight:300} ul.mainMenu a {line-height: 1 !important;text-align: center;} .headerFont,.beutyFont,h1,h2 * {position:relative} footer .headerFont {font-size:20px;} h1.beutyFont{font-size:55px;line-height:125%;font-family:'IvyMode',sans-serif;font-weight:300} .beutyFont{font-size:50px;line-height:125%;font-family:'IvyMode',sans-serif!important;font-weight:300;color:var(--motyw);display:block;width:100%;margin:0 0 50px 0;letter-spacing:0.076em} /*.beutyFont::first-letter {text-transform:uppercase;}*/ /*h3.beutyFont {margin:0;}*/ .beutyFont span {display:block;text-align:left; color:var(--motyw)} /*h2.beutyFont > span, h3.beutyFont > span {color:var(--motyw);}*/ .textOnly h2.beutyFont span, .textOnly h3.beutyFont span {text-align:left;} .sliderCaption h1{color:#fff;text-align:center;margin-top: 0;margin-bottom: 0;font-size: 55px;line-height: 1;} /*.body-ident-main .sliderCaption h1 {display:none;}*/ .sliderCaption .subTitle {color: #fff; text-align: center; font-size: 24px} .mainSlider .prevArrowMS:hover::before,.mainSlider .nextArrowMS:hover::before, .slick-arrow,.prevArrow::before,.nextArrow::before,.nextArrow::after,.prevArrow::after,.ulubione,.GalleryPictureImage::after,.GalleryPictureImage::before,.beutyWrapper,.offerImage,.Column a,.topBar a,ul.galleryMenu a,.faqList #accordion h3{transition:400ms} .mainMenu a::before,.topBar a,.header-middle,a.logo img,.mainMenu .last a,.buttonRez,.day-and-month,.button{transition:500ms;transition-timing-function:ease-in-out} .button::after,figure::after,figure::before,.lokalizacja a,.goBack,.GalleryPicture::before,.GalleryImage,#mobileMenu{transition:500ms} .circle{border-radius:50%;padding:10px} .blueish{color:#463F41} .buttonReservation b{font-size:16px;color:#fff;font-family:'proxima-nova';} .accent{color:var(--motyw)} .clearList,ul.slick-slider{list-style:none;padding:0;margin:0} .bgCover{background-size:cover!important;background-position:center!important;position:relative} .fade[data-loaded="true"]{animation-name:fade;animation-duration:2s;animation-fill-mode:forwards} .ContentTitle a img {width: 100%;height: auto;} .ContentTitle .separator {width:100%;} .ContentTitle .separator::before {content:'';display:inline-block;width:70%;height:1px;background:var(--arrow);} .newsletterWrapper .ContentTitle, #offersMain .ContentTitle {text-align:center;display:flex;flex-direction:row;justify-content:space-around;flex-wrap: nowrap;align-items:center;} header{position:relative;box-shadow: 0px 2px 5px #aaa;} body{margin:0} body *{box-sizing:border-box} .flexing{display:flex;flex-wrap:wrap} a{text-decoration:none;color:var(--motyw);font-weight:300;} footer a {color:#fff;font-weight:300;font-size:18px;margin-top:-2px!important ;} footer a:hover {opacity:0.5;} .Credits a {color:#555!important} .body-nomain footer {margin-top:90px;} .body-nomain .mainHeader .slick-slide, .body-nomain .mainHeader .slick-slide img, .body-nomain .mainHeader .slick-track, .body-nomain .mainHeader .slide.slidePage {height:85vh!important} .body-nomain .topBar .socialMedia, .body-nomain .topBar .langs {top: calc(85vh - 70px);} .smlangsHeader {position:Absolute;bottom:50px;left:50%;z-index:10;transform:translatex(-50%);justify-content:space-between;} .langsHeader a, .socialMediaHeader a {color:#fff;} .socialMediaHeader a {font-size:22px;} .langsHeader a:hover, .socialMediaHeader a:hover {opacity:0.7;} .spacingElements li:not(:first-child){margin-left:15px} .slick-slide{outline:none} .slick-slide > div, .slick-slide > div > div.BxImage {height:100%;} /*#optionsList{display:none;text-align:center;}*/ .optCat {padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;padding-top:50px; padding-bottom: 0px; -webkit-box-align: center; -ms-flex-align: center; align-items: center;margin:0;list-style-type: none;position: sticky;top: 20px;background: #fff;z-index: 10; } li.atrakcjeNaMapieButt {cursor: pointer;border: 1px solid var(--motyw);padding: 5px;} li.atrakcjeNaMapieButt:hover {background: var(--motyw);color: #fff;} .optCat li {list-style: none; margin:15px;display:inline-block;} .optCat a {color:var(--arrow); position: relative;font-size:14px;text-transform:uppercase;line-height:30px;} .optCat .active a,.optCat a:hover {color:var(--motyw);} .optCat a::before,.optCat a:hover::before {transition:400ms;content: ''; width: 0; border-bottom: 2px solid; position: absolute; bottom: -7px; left: 50%; transform: translate(-50%,0);} .optCat .active a::before,.optCat a:hover::before {width: 100%;} article{display:flex;flex-flow:row wrap;width:100%; position: relative;} .siteWidth{width:100%;max-width:1180px;margin:0 auto} .goBack {display: block;} .goBack:hover{opacity:.7;} .mainHeader,body{display:block;width:100%;position:relative;} body.body-ident-ceny_i_rezerwacja {margin-top:80px;} body.body-ident-ceny_i_rezerwacja article > p {display: block;margin-top: 20px;width: 100%;} .mainHeader::before {content:'';position:absolute;background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 50%); left:0;right:0;top:0;height:25vh;z-index:1;} .body-ident-rezerwacja .mainHeader::before {display:none!important;} .mainHeader::after {content:'';position:absolute;background:rgba(0,0,0,0.1); left:0;top:0;right:0;bottom:0;height:100%;z-index:1;} /*.mainHeader::after {content:'';position:absolute;background: linear-gradient(0deg, rgba(0,0,0,0.25) 0%, rgba(255,255,255,0) 50%); left:0;right:0;bottom:0;height:50vh;z-index:1;}*/ .mainSlider .slick-track{height:100vh;width:100%} .sliderOff .slide,.sliderOff .topBar{display:none} .body-offer .sliderOff .slide{display:block} .slidePage .mainSlider .slick-track,.slidePage .mainSlider .slick-track .slick-slide > div,.mainHeader .slide.slidePage{height:100vh} .slidePage .slick-slide .sliderImage{height:100%} .mainSlider .sliderImage::before,.SectionSeparator.bgCover::before,.SectionSeparator .sliderImage::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:.1} .scrollDown{position:absolute;left:50%;bottom:0;z-index:9;transform:translate(-50%,50%);width:40px;height:93px;background:#fff;cursor:pointer;} .scrollDown.arrow::before{content:'\e823';font-family:'hsfont';color:var(--arrow);cursor:pointer;font-size:4px;left: 0;top: 50%;transform: rotate(90deg) translate(50%,-50%);position: absolute;animation-name:scrollDown;animation-duration:2s;animation-iteration-count:infinite;} .sliderCaption{position: absolute; top: 50%; transform: translate(0,-50%); width: calc(100% - 320px); z-index: 10; left: 160px;} .topBarWrapper{max-width:1240px;margin:0 auto;width:100%;justify-content:flex-end} .mainNav .topBar{width:/*calc(100% - 500px)*/1024px;justify-content:space-between;align-items: center;max-width: 65%;margin: 0 auto;flex-wrap:nowrap;position:relative;height:auto; line-height:1; color:#fff;font-family: 'proxima-nova' !important;text-align:right;} .act .mainNav .topBar {margin-top:-25px;} .mainNav .topBar a {margin-left:10px;margin-right:10px;position:relative;height: 25px;display: inline-block;} .mainNav .topBar i {margin-right:5px;display:inline-block;} .header-middle{top:0;padding-top:20px;width:100%;position:fixed;} .act .header-middle{padding-top:0;} ul.mainMenu a.logo {top: 10px;} .act ul.mainMenu a.logo {top:0;} .act .header-middle{top:0;background:#ffffff;box-shadow:0 3px 6px rgba(0,0,0,.2)} .header-middle{z-index:98} .topBar{z-index:99} a.logo{padding:75px 0} a.logo img:not(.logoFixed){opacity:1;transition:300ms;width: 130px;} a.logo:hover img:not(.logoFixed){opacity:0.5;transition:300ms;} .act a.logo img{opacity:1;transition:300ms;margin-top: -5px;width: 100px} .act a.logo img.logoStandard {opacity:0;} .act a.logo:hover img{opacity:0.75;transition:300ms;} .mainNav{width:100%;margin:0 auto;max-width:1180px;} .logoStandard{display:block;width:190px;position: relative;left: 0;top:0;opacity:1;margin-right:20px;} .logoFixed {display: block;width:190px;position: absolute;left: 0;top:45px;opacity:0;} .act .logoStandard {opacity:0;width:190px;top:0;} .act .logoFixed {opacity:1;width:190px;top:45px;} div.navRigth {display:flex;justify-content:space-between;align-items: center;max-width: 1240px;flex-wrap:nowrap;position:relative;margin:0 auto;} div.logoLi {width:180px;margin: 0 50px;} ul.mainMenu{width:/*calc(100% - 500px)*/100%;justify-content:space-between;align-items: center;max-width:100%;margin:0 auto;flex-wrap:nowrap;position:relative;height:75px;} .act ul.mainMenu {height:75px;} ul.mainMenu a{font-size:16px;text-transform:normal;color:#fff;position:relative;display: inline-flex;font-weight:300;letter-spacing:1px;height: 45px;align-items: center;white-space:nowrap;z-index:10;} .mainNav .topBar a::after, ul.mainMenu a:not(.logo)::after {content:'';position:absolute;bottom:0;width:30%;background: #fff;height: 1px;opacity:0;left:0;} .mainNav .topBar a:hover::after, ul.mainMenu a:hover::after {width:100%;} .act ul.mainMenu a::after {background:var(--motyw);} .mainNav .topBar a:hover::after, ul.mainMenu a:hover::after, ul.mainMenu li.act a::after {opacity:1;} .act ul.mainMenu li.act a::after {background:var(--motyw);} ul.mainMenu li.last a::after {display:none;} .socialMedia,.topBar .icon-phone,.topBarMenu{margin-left:25px} .topBar .socialMedia .fa {font-size: 28px; margin: 8px 4px 0 0;} .mobileBar .socialMedia .fa {font-size: 28px; margin: 3px 4px;} .socialMedia a {font-size: 20px;} .socialMedia a:hover {text-decoration:none!important;} .topBar *,.langs li.currentLang a,.langs a:hover{color:#fff} .topBar .langs {position:absolute;left:100px; top:calc(100vh - 70px);} .topBar .socialMedia {position:absolute;right:100px; top:calc(100vh - 70px);} .langs a{color:#fff} .topBarWrapper div:last-child a:hover {text-decoration:underline;opacity:0.75;} .currentLang a {color: #fff !important;text-decoration:underline;opacity:1;} .act ul.mainMenu a{color:var(--arrow)} .act .mainMenu li.last a{color:#fff!important;background:#CC0000!important;} .mainMenu a.logo::before,.mainMenu li.last a::before{content:none!important} .mainMenu li{/*width:85px;*/text-align: center;margin-left:0; margin-right:0;} .mainMenu li#menu_5125 {width:105px;} .mainMenu li.logoLi * {transition:0ms;} /*.mainMenu li:not(:first-child) {margin:0}*/ /*.mainMenu li.logoLi {width: auto;padding: 5px 0;width:100%;}*/ /*.mainMenu li.last{margin-right:0;width:auto;position:fixed;right:30px;}*/ .mainMenu li.last a {padding:0 48px;background:var(--motyw);color:#fff;} .buttonRez{padding:0 46px;background:var(--motyw);color:#fff} .mainMenu li.last a:hover,.buttonRez:hover{background:#CC0000} .act .mainMenu li.last a:hover{background: var(--motyw)!important;} .OfferBannerCeny{text-align:center;color:#fff;font-size: 32px;line-height: 38px;font-family: 'proxima-nova' !important;} .slick-arrow::before,.slick-arrow::after{font-family:'hsfont';font-size:25px} .mainNav ul.dropdown { position: relative;} .mainNav ul.dropdown ul {background:#fff;width:240px!important; opacity:0;/*display:none;*/ visibility: hidden; position: absolute; top: 100%; z-index:1; padding:10px 20px;box-shadow: 0 3px 6px rgba(0,0,0,.2);} .mainNav ul.dropdown ul::after {content:'';width:20px;height:20px;display:inline-block;position:absolute;top:-20px;left:50px;z-index:9;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid var(--motyw);} .mainNav ul.dropdown ul li { font-weight: normal; float: left; background:none; padding:10px 0; width:100%; } .mainNav ul.dropdown ul li a { display:block; padding:0!important; border-right: none; display: inline-block; height:auto; float:left;margin:0!important;} .mainNav ul.dropdown ul li.last a { border:0 none} .mainNav ul.dropdown ul ul { left: 100%; top: 0; } .mainNav ul.dropdown li:hover > ul{ visibility: visible; /*display:block*/ opacity:1;top:100%;} .mainNav ul li.act ul li a { background:none;color:var(--arrow)!important;} /*.mainNav ul li.act ul a span { color:var(--motyw)!important; text-decoration:none}*/ /*.mainNav ul li.act ul li a span { color:var(--motyw)!important; }*/ .mainNav ul li ul li a { text-align:left!important; color:var(--arrow); padding:2px 0!important; line-height:15px!important; width:auto!important; white-space:normal!important;} .mainNav ul li ul li.act a { color:var(--motyw)!important;margin-left:30px!important;} .mainNav ul li ul li.act:hover a::after, .mainNav ul li ul li.act a::after {content: ''; position: absolute;; bottom: 50%; left:-30px; width: 20px; background: var(--motyw); height: 2px; display:inline-block!important;} .mainNav ul li ul li a:hover { color:var(--motyw)!important;} .mainNav ul li.dropdown:hover > a::after, .mainNav ul li ul li:not(.act) a::after, .mainNav ul li ul li:not(.act) a:hover::after {display:none;} .mainNav ul li ul li:hover { background:none} #.mainNav ul li ul li:hover a span { color:#FFF!important} .mainSlider .slick-arrow::before,.mainSlider .slick-arrow::after {font-size: 14px;} .prevArrow,.nextArrow{position:absolute;z-index:10;cursor:pointer;height:40px;background:rgba(255,255,255,0.95);bottom:0;transform:none;top:auto;width:95px;right:0;} .prevArrow {right:95px;left:auto;} .mainSlider .prevArrowMS,.mainSlider .nextArrowMS{position:absolute;top:50%;z-index:10;cursor:pointer;height:40px;background:rgba(255,255,255,0.25);bottom:0;transform:none;width:95px;right:40px;transform: translatey(-50%);} .mainSlider .prevArrowMS {right:auto;left:40px;} .prevArrowMS::before {content:'\e824';color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .nextArrowMS::before {content:'\e823';color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .mainSlider .prevArrowMS::before,.mainSlider .nextArrowMS::before {opacity: 1;font-size:4px!important;} .mainSlider .prevArrowMS:hover::before,.mainSlider .nextArrowMS:hover::before {color:var(--arrow);} .prevArrow::before{content:'\e824';color:var(--arrow);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .nextArrow::before{content:'\e823';color:var(--arrow);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} .prevArrow::before,.nextArrow::before {opacity: 1;font-size:4px;} section:not(.roomSection) .sectionContainer .nextArrow::after{content:''; background:var(--arrow); position:absolute; left:0;top:50%; transform:translate(-50%,-50%); height:50%; width:1px; display:inline-block;} .prevArrowMS:hover, .nextArrowMS:hover, .prevArrow:hover, .nextArrow:hover {background:#eee}l .mainHeader .slide .prevArrow {left: 50px;transform:translate(-50%,-50%);} .mainHeader .slide .nextArrow {right: 50px;transform:translate(50%,-50%);} .SectionGallery.galeriaWSekcji .prevArrow::before, .SectionGallery.galeriaWSekcji .nextArrow::before {color: #555;font-size: 30px;transform: translatey(-50%);} .SectionGallery.galeriaWSekcji .prevArrow {left:0;} .SectionGallery.galeriaWSekcji .nextArrow {right:0;} .SectionGallery.galeriaWSekcji .prevArrow::before {opacity:1;left:-50px;} .SectionGallery.galeriaWSekcji .nextArrow::before {opacity:1;right:-50px;} .SectionGallery.galeriaWSekcji .prevArrow:hover::before {opacity:0.5;left:-55px;} .SectionGallery.galeriaWSekcji .nextArrow:hover::before {opacity:0.5;right:-55px;} .buttonRez{line-height:45px;border:0;width:100%;text-transform:normal;cursor:pointer;color: #fff;background:var(--motyw);} .buttonRez:hover {background: #CC0000;} .buttonRez .cd-words-wrapper {font-size: 16px !important;} .allbuttons {text-align:center;margin:80px 0 0;z-index:1;} .sectionSide .allbuttons {text-align:left; margin-bottom:20px;margin-top:50px;} .SectionGallery .sectionSide .allbuttons {text-align:center; margin-bottom:20px;margin-top:80px;width:100%;} .button{bottom:0; border:0; color:#404040;position:relative;line-height:100%;background:transparent;padding:10px 0 10px 50px;font-size:16px;} .button::before { font-family:'hsfont'; content: '\E825'; color: #404040; font-size: 30px; position: absolute; left: 0; top: 50%; transform: translatey(-50%); } .button:hover,.button:hover::before {color:var(--motyw)!important;} /*.button::before {content:'';position:absolute;left:0;height:100%;width:50%;background:var(--motyw);z-index:1;top:0;bottom:0;}*/ .button span {position:relative;display:inline-block;z-index:1;font-size:16px;font-family:'proxima-nova', serif;line-height:100%;font-weight:300;text-align:center; letter-spacing:0.15em} .button span::first-letter {text-transform:uppercase!important;} /*.button:hover::before {content:'';position:absolute;left:0;height:100%;width:100%;background:var(--motyw);z-index:1;}*/ .button.reverse {border:solid 1px var(--motyw); color:#fff;background:var(--motyw);min-width:175px;text-align:center;} .button.reverse::before {color:#fff;} .button.reverse span {color:#fff!important;} .button.reverse:hover {background: #CC0000;border-color:#CC0000;} .button.reverse:hover::before {color:#fff!important;} /* .rezFormHS {width:100%;background: rgba(255,255,255,0.8);justify-content:space-between;margin-bottom:17px;height:45px;} .rezFormHS > div {width:50%;} .rezFormHStitle {justify-content:center;align-items:center;} .rezFormHS .selectDynamic select {width:100%;margin:10px;background:transparent;border:solid 1px var(--motyw);text-align:center;-webkit-appearance: none;color: var(--arrow);} */ .rez-form-container{left:50%;bottom:150px;transform:translate(-50%,0);} .rez-form-container p.beutyfont {text-align:center;color:#fff;font-size:22px;font-weight:300;margin:10px 0;} .cd-words-wrapper i {font-family: 'proxima-nova';} .form-control{display:none} .data-picker-rez{width: 530px;max-width:100%;padding: 0;background: rgba(255,255,255,1);justify-content:space-between} .data-picker-rez > div{width:33.333%;position:relative;} .data-picker-rez div.inputRezIn {border-right: solid 1px #919191;} .rezForm .inputRezIn::before {content:'';position:absolute; right:-1px;top:0;width:1px;height:100%;background:#ddd;z-index:1;} .day-and-month{height:100%;width:100%;align-items:center;justify-content:space-between;padding: 0 20px;cursor:pointer;height: 100%;flex-wrap: nowrap;} .day-and-month > div {width:100%;flex-wrap:nowrap;align-items: center;} .day-and-month *{color:#3B3B3A;font-family: 'proxima-nova';font-size: 16px;font-weight:300} .dd {font-size: 16px;color: var(--motyw);font-family: 'proxima-nova'; width: 100%;font-weight:300} .dday {color:var(--motyw);margin-right:10px;font-size: 22px;line-height: 1;font-weight:700} .mm {color:#3B3B3A;/*text-transform:uppercase;*/margin:5px 0 0 /*auto*/;} /*.day-and-month:hover{background:var(--motyw);} .day-and-month:hover * {color:#fff!important;}*/ .day-and-month:hover .hsicon, .day-and-month:hover .dday, .day-and-month:hover .mm {color:var(--motyw);} /*.dday::after,.mm::after {content:'/'; margin: 0 3px}*/ .day-and-month .hsicon{margin-right:15px;font-size: 22px;display: flex;margin-bottom:2px;} /*.inputRezIn::after {content: '\E826'; font-family:'hsfont'; color: var(--arrow); position: absolute; right: 0; top: 50%; transform: translatey(-50%); font-size:4px; }*/ section{padding: 80px 0 0;width: 100%;position: relative;margin:30px 0 0;} /* section.Text {margin:0;} */ .roomSection:not(:first-child) {background: #fff;padding:0;} .roomSection:first-child {background: #fff;padding-bottom:0;} .roomSection .sectionContent {background: #EAE7E5;} section.fullWidth{max-width:100%;margin:auto} .slimakImage{display:block;border-radius:50%;overflow:hidden;position:relative;width:95%} .snail{display:flex;justify-content:center;align-items:center;position:relative} .slmiak{position:absolute;width:100%} .sectionContainer{justify-content:space-between;position: relative;align-items:center;width:100%;max-width:1180px;margin:0 auto;z-index:2;} .sectionSide{width:100%;position: relative;padding: 0;min-height: 450px;display: flex; /*max-height: 680px*/} .slimak .ozdoba{position:absolute;transform:translate(0,-130%);left:calc(50% - 60.5px)} .slimak .beutyFont{text-align:center;font-size:45px;color:#A66D42;margin:0;margin-bottom:30px} .sectionContent{text-align:center;position: relative;width:50%;/*max-width:calc(50% - 100px);*/min-height: inherit;padding:0;justify-content:center;display:flex;flex-direction:column;} section.Framka .sectionContent::after {content:'';position:absolute;width:calc(100% - 40px);border:solid 1px #404040; right:0;top:-30px;bottom:-30px;z-index:2;} section.Framka.RightSide .sectionContent {padding: 0 60px 0 80px;} section.Framka.RightSide .sectionContent::after {right:20px;} /* .SectionGallery::before, .RightSide::before, .LeftSide::before {content:'';position:absolute;width:calc(50% - 100px);background:#F2F2F2;right:0;height:100%;top:0;bottom:0;z-index:2;} .SectionGallery::before, .RightSide::before {left:0;right:auto;} .SectionGallery::before {z-index:0!important;} */ /* body:not(.body-ident-galeria) section:first-child {margin-top:50px;} */ section.RightSide, section.LeftSide {overflow:unset!important;} .RightSide .sectionContent, .LeftSide .sectionContent {background: transparent;} .RightSide .sectionContent{padding:0 100px 0 20px;} .LeftSide .sectionContent {padding:0 20px 0 100px;} .textOnly .sectionContent{max-width:100%; text-align:left;width:100%;margin:0 auto /*50px*/;} .textOnly.sectionContainer {padding: 0 40px;margin:0 auto;width:100%;} .textOnly .sectionContent table, .textOnly .sectionContent td {border-color:#eee;} .textOnly .sectionContent td {color:#404040;} .ContentTitle{text-align:left;position:relative;display:block;z-index:5;} .sectionContent .sectionTxt {position:relative;z-index:1;width:100%;} .SinglePacketContent p, .sectionContent p{letter-spacing:0.08em;line-height:150%;color:#404040;} .galleryContainer .ContentTitle .beutyFont span, .sectionContent .ContentTitle .beutyFont span, .sectionContent .ContentTitle .beutyFont {font-family:'IvyMode',sans-serif;font-weight:300; font-size:55px; color:var(--motyw);margin: 0;margin-bottom: 40px;letter-spacing:0.076em;z-index:1;line-height:1;text-align:left;} .sectionContent .ContentTitle .beutyFont span span {display:block;margin-top:20px;font-weight:300;font-size:18px;} .galleryContainer .ContentTitle .beutyFont span {margin: 0 0 80px 0;text-align:center;} .SinglePacketContent ul li, .sectionContent .ContentTitle p, .sectionContent ul li {font:300 16px/175% 'proxima-nova'; color:#404040;z-index:1;letter-spacing: 0.08em;} .sectionContent ul {padding-left:20px;} .sectionContent ul li {text-align:left;} .SectionSeparator .slick-track{height:75vh} .SectionSeparator p {color: #fff;font-size:16px; letter-spacing:1px;line-height:150%;} .iconsSeparator{justify-content:space-between;max-width:1180px;margin:0 auto} .SectionBoxSeparator.SectionSeparator .beutyFont{color:#fff} .iconsSeparator > div{width:25%;position:relative;justify-content:center;align-items:center} .iconsSeparator > div span{position:absolute;bottom:8px;left:0;text-transform:uppercase;color:#fff} img.snailWhite{width:90%} .iconSep{position:absolute;left:50%;transform:translate(-50%,-50%);top:50%} .SectionSeparator{position:relative;} .sliderContent{position:absolute;bottom:50px;left:50%;transform:translate(-50%,0);width:100%;max-width:1180px;text-align:left} .sliderContent *{color:#fff} .sepTile{display:inline-block;position:relative;text-transform:uppercase;padding-bottom:10px} .sepTile::before{content:'';width:50px;border-bottom:1px solid;position:absolute;bottom:0;left:calc(50% - 25px)} .sliderContent .button{margin-top:30px} #offersMain .slick-slide img{display:unset} .margin130{margin-top:130px} .photo{height:75vh;max-width:100%;order:5} .FooterContainer{margin-top:/*100px*/0; padding:50px 0;padding-bottom: 40px;background:var(--motyw);} @media(max-width:980px) { .FooterContainer{margin-top:50px;} } .TwoColumns{justify-content:space-between;align-items:flex-start} .lokalizacja *{color:#fff} .spacingWord {display: flex;position: relative;align-items: center;justify-content: center;font-size: 22px;} .spacingWord img {margin-right: 20px} div#newsletter{width:100%;max-width: 455px; margin:0 auto;position:relative;text-align: center;display:flex;} .newsletterBtn a {color:#555;display:flex;align-items:center;height:100%;position:absolute;right:0;} .newsletterBtn a i {font-size:12px;} .line::before{content:'';position:absolute;top:0;border-top:1px solid #908478} .line1::before{left:0;right:70%} .line2::before{left:70%;right:0} #newsletter .ContentTitle {display: block;margin: 20px 0;text-align: center;font-size: 15px;color: var(--motyw);} .newsletterInput span {color: var(--arrow);font-size: 20px;font-family:'proxima-nova'!important;} input#newsletter_email::placeholder {color: #555; font-size:16px;letter-spacing:1px;} .newsletterWrapper{display:block;position:relative;padding: ;} .body-nomain .newsletterWrapper {margin-bottom:20px;} .body-ident-main .newsletterWrapper{padding:80px 0 40px;} .newsletterWrapper .newsletterBox {display: flex;text-align:left;} .newsletterWrapper .newsletterBox .beutyFont {margin-right:40px;font-size:55px;} input#newsletter_email{line-height:40px;width:100%;min-width:300px; max-width:350px;margin: 0 auto; text-align: left;display: block;color:#555;border:0;border-bottom:1px solid var(--arrow);padding:10px 0; margin:0;font-size:16px;letter-spacing: 0.08em;} input#newsletter_email:focus {border:0;border-bottom:1px solid #707070;} .lokalizacja .socialMedia a{font-size:18px} .lokalizacja .socialMedia li:not(:first-child),.OneColumn li:not(:first-child){margin-left:10px} .OneColumn{margin-top:50px} .OneColumn li a{text-transform:uppercase} .footer-bottom{justify-content:space-between;line-height:50px} .logoHS{display:flex;align-items:center;cursor:pointer} .logoHS img{margin-left:15px} .fourColumns {align-items: flex-start; justify-content: space-between;} .ThreeColumns{justify-content:space-between;align-items:flex-start} .Column {text-align: center;} .lokalizacja, .Column p {text-align: center;font-size: 13px;} footer .Column a, footer .Column p {margin:0;text-align: center;font-size: 16px; color:#fff;letter-spacing:1px;} .Column .heading {color:#fff; font-size: 20px} .Column .logo img {width: 290px;max-width:100%;margin: 0;height: auto;padding: 0 0;} .Column .socialMedia {margin-left:0;margin-top:0;justify-content: center;} .Column .socialMedia a {font-size: 22px; color:#fff;} .Column .socialMedia a.hsicon-youtube {position: relative;right:2px} .logoColumn {position: relative;text-align:center;} footer .logoColumn {margin-bottom: 100px;} footer .logoColumn img {width:178px; max-width:100%;} footer .heading {color:#fff; font-size: 20px} .foterIcon {line-height:1;} /*.Column:not(:nth-child(2)) {width: 30%;}*/ .fourColumns .Column:first-child {justify-content: start;} .fourColumns .Column.separator::before {content: '';height: 220px;width: 1px;background:#fff;} .fourColumns .Column {position:relative;display: flex;justify-content: center;align-items:flex-start;flex-direction:column;line-height: 200%;} .fourColumns .Column.social {flex-direction:column;align-items:start} .fourColumns .Column strong {color:#fff!important;font-size:20px;letter-spacing:1px;margin-bottom:20px;font-weight:300;} .fourColumns .fotSeparate {position:relative;} .fourColumns .fotSeparate::after {content:'';position:absolute;top:50%;right:0;width:1px;height:42px;background:#fff;transform:translatey(-50%);} .Column img {height:24px; margin-right:25px;} .Column a:hover {color:#fff;opacity:0.5} .cd-words-wrapper {font-size: 16px !important;} .sectionSlider .slick-track {height: 100%;} .sectionSlider .slick-slider {position: absolute;top: 0;width: 50%;height: 100%;} .textOnly .sectionSide {flex-direction:column;} .textOnly .sectionSlider .slick-slider {position: static;top: 0;width: 100%; max-width: 995px; height: 500px;margin:0 auto;} .textOnly .prevArrow {left:0;} .textOnly .nextArrow {right:0;} .textOnly .prevArrow {transform: translate(50%,-50%);} .textOnly .nextArrow {transform: translate(-50%,-50%);} .RightSide .sectionSlider .slick-slider::before {right:0;transform: translate(37%,20%);} .LeftSide .sectionSlider .slick-slider::before {left:0;transform: translate(-37%,20%) scalex(-1);} .RightSideBox .sectionSlider .slick-slider, .RightSide .sectionSlider .slick-slider {right:0;} .LeftSideBox .sectionSlider .slick-slider, .LeftSide .sectionSlider .slick-slider {left:0;} .LeftSideBox .sectionSide, .LeftSide .sectionSide {justify-content: flex-end;} .LeftSideBox .sectionSide, .RightSideBox .sectionSide {min-height:550px;} .LeftSideBox .sectionSlider .slick-slider, .RightSideBox .sectionSlider .slick-slider {width:60%;} .LeftSideBox .sectionContent, .RightSideBox .sectionContent {width:40%;} .LeftSideBox .sectionSlider .slick-slider::before, .RightSideBox .sectionSlider .slick-slider::before {display:none;} .LeftSideBox .box, .RightSideBox .box {content: '';position: absolute;width: 320px;height: calc(100% + 60px);background: #E9E9E9;background-size: auto;background-size: contain;z-index: 0;} .LeftSideBox .box::before {content:''; position:absolute; bottom:0;right:0;width:100%; height: 35px;border-bottom: solid 1px #555;border-right: solid 1px #555;} .RightSideBox .box::before {content:''; position:absolute; bottom:0;right:0;width:100%; height: 35px;border-bottom: solid 1px #555;border-left: solid 1px #555;} .RightSideBox .box {right:0;top:50%;transform: translate(37%,-50%);/*border-left:solid 1px #333333*/} .LeftSideBox .box {left:0;top:50%;transform: translate(-37%,-50%);} .slick-dots button {display:none;} ul.slick-dots {position: absolute;bottom: 30px;width: 100%;display: flex;justify-content: center;list-style: none;} .slick-dots li {content: '';display: inline-block;width: 8px;height: 8px;background: #fff;margin: 0 5px;opacity:0.5} .slick-dots li.slick-active {opacity:1;} .footerMenu{list-style: none;justify-content: space-evenly;padding-left:0;margin: 0;flex-direction: column;align-items: start;} .footerMenu.menuRow {flex-direction:row; justify-content:center;gap:40px;} /* .footerMenu li {margin: 10px 20px;} */ .sectionSlider .slick-list {height: 100%;} .sectionContent .buttonContainer {text-align: left;} div#SectionId11903::before {content: '';position: absolute; z-index: 9;background: red;width: 860px;height: 800px;z-index: 2;right: -50%;bottom: -20%;} #container-hs {background:#fff;} /*.container-hs-wrapper section:first-child {padding-top: 100px;}*/ .container-hs-wrapper section.Text:first-child {padding-top: 50px;} .sectionArrows {top: -40px;right: 0;width: 100px;height: 40px;position: absolute;} .LeftSideBox .sectionArrows, .LeftSide .sectionArrows {top: -40px;right: unset;left:0;} section:not(.roomSection) .sectionArrows .slick-arrow::before {color:#fff;position: absolute;} .sectionArrows .slick-arrow::after {color: #fff} .sectionArrows .slick-arrow {top: 50%;transform: translate(0,-50%);} .sectionArrows .nextArrow {right: 10px;} .sectionArrows .prevArrow {left: 10px;} .ulubione {cursor: pointer;} .ulubione:hover {color: var(--motyw);} .body-ident-main .container-hs-wrapper {background:#fff } section {order:10;} .SectionGallery {background: #fff;overflow:visible;margin:0} .SectionGallery.galeriaWSekcji h2.beutyFont {text-align:center;} .SectionGallery.galeriaWSekcji .GalDescription {border-bottom: solid 1px #555;border-left: solid 1px #555; font-family:'proxima-nova'; font-size:22px; color:#555; text-align:Center; letter-spacing:1px; padding:3px 0;} .SectionGallery.galeriaWSekcji .slick-slide {margin: 0 10px;} .SectionGallery.galeriaWSekcji .slick-slide img {width:100%; opacity:1} .SectionGallery.galeriaWSekcji .slick-slide a:hover img {opacity:0.5;} .wartoWiedziec {padding-top:100px;padding-bottom:0;margin-top:100px;margin-bottom: 100px;} /*.container-hs-wrapper section:first-child {order:1;}*/ .body-ident-main section.SectionSeparator:not(:first-child) {padding-top: 30px;} .SectionTitleSeparator {text-align: center;color: #fff;padding: 50px;background: rgba(0,0,0,0.6);position: relative;z-index: 10;width: 590px;left: 50%;transform: translate(-50%,-50%);top: 50%;} .SectionSeparator .beutyFont {color:#fff;} .separator_img .SectionTitleSeparator {transform: translate(0,0);position: absolute;z-index: 9;width: 100%;left: 0;right: 0;top: 0;background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(255,255,255,0.9163866230085784) 25%, rgba(255,255,255,0) 100%);} .separator_img .SectionTitleSeparatorFooter {transform: translate(0,0);position: absolute;z-index: 9;width: 100%;left: 0;right: 0;bottom: 0;background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9163866230085784) 25%, rgba(255,255,255,0) 100%);} .SectionTitleSeparator h2 {margin: 0;color:#fff;} .SectionSeparator {width: 100%;min-height: 600px;display: flex;} .separatorImage {width: 100%;min-height: 600px;display: flex;position: absolute;z-index: 9;top:0;right:0;bottom:0;left:0;} .separator_img.SectionSeparator::before {top:0;} .SectionTitleSeparator .button::before, .SectionTitleSeparator .button {color:#fff;} .separatorWrapper {position: relative;} .separatorRightSide .SectionTitleSeparator {text-align: right;} .justImage {width: 100%;height: 90vh;} .separatorWrapper.siteWidth {max-width: 100%} .lightContainer {z-index: 9;position: relative; background: #fff;padding: 0 30px;} .faq .separatorWrapper,.reviews .separatorWrapper {max-width: 680px;width: 100%;margin: 0 auto;} .faqContainer {width: 100%;max-width: 580px;margin: 0 auto;} .faq .SectionTitleSeparatorFooter {padding-top: 90px} .faq .SectionTitleSeparator,.reviews .SectionTitleSeparator {padding-top: 90px} .faq .SectionTitleSeparator::before,.reviews .SectionTitleSeparator::before {height: 400px;} .faq h2.beutyFont,.reviews h2.beutyFont {font-size: 36px;margin-bottom: 50px;text-align:Center;letter-spacing:1px;margin-top:0} section {overflow: hidden;} .body-layout-gallery .container-hs {overflow: visible;} img.parallax {position: absolute;z-index: 99;top: 30%;left: -240px;transform: translateY(0); display: block;z-index: 9;} img.differentSide {left:unset; right:-240px; top:15%} .roomSection:nth-child(odd) .slick-slider {right:0;} .roomSection:nth-child(even) .slick-slider {left:0;} .roomSection:nth-child(even) .sectionSide {justify-content: flex-end;} .roomSection:nth-child(even) .sectionArrows {left:0; right:unset;} .roomSection .sectionContent {max-width: 430px;padding: 30px;} .tt-el {width: 33.33%;font-size: 12px;line-height: 36px;display: flex;} .tt-el span {color: #555;font-size:16px;} .roomSection .buttonsWrapped {align-items: end;justify-content:space-between;width: 100%;} /*.roomSection .buttonsWrapped .roomPrice {margin-left:20px;}*/ .roomSection .buttonsWrapped .button {margin-top:0;} .roomSection .buttonContainer {margin-top:20px;align-items: center; justify-content: space-between;} .prizeWrapper {text-transform: lowercase;} .roomSection .ulubione {font-size: 28px;} i.hs-icon {font-size: 26px;color: var(--motyw);margin-right: 10px;} .gallery {position: relative;} /*.gallery::before {content:'';background:#F6F5F4;position: absolute;left:calc(-50% - 7.5px); width:100%; top:7.5px;bottom:40%;}*/ /*.SectionGallery:nth-child(odd) .gallery::before {left:unset;right:calc(-50% - 7.5px);}*/ .Error {text-align: center;margin:150px 0;} .Error h2 {font-size: 80px;margin: 0 auto;} .Error p {font-size: 22px;margin: 0;} .gallery {margin: -7.5px;} .galleryPicture {width:33.33%;height: 335px;order:1;padding: 7.5px;z-index:1;transition:300ms;opacity:1;} /*.galleryPicture:first-child {width:50%;}*/ .GalleryPictureImage {width: 100%;display: flex;align-items: center;justify-content: center;object-fit: cover;height: 100%;} .GalleryPictureImage span {font-family:'proxima-nova'!important;font-size: 20px;color:#fff;opacity:0;} .GalleryPictureImage:hover span {opacity:1;z-index:2} .GalleryPictureImage:hover {z-index:999} .galeriaWSekcji .GalleryPictureImage::after {content:'';position:absolute;top:20px;left:20px;right:20px;bottom:20px;background:rgba(0,0,0,.5);opacity:0;} .body-ident-galeria .galleryPicture:hover {opacity:0.7;transition:300ms;} .GalleryPictureImage:hover::after {opacity:1;} .galleryContainer:nth-child(even) .galleryPicture:first-child {order:2;} .galleryContainer h2.beutyFont {text-align:center;margin:80px 0;} /*.SectionGallery {padding: 0;}*/ .SectionGallery .sectionSide {min-height:1px;} /*.container-hs-wrapper section:first-child {padding-top:80px; order:2}*/ /*.body-ident-galeria .container-hs-wrapper section:first-child {padding-top:0;}*/ /*.body-ident-galeria section {margin-bottom:0;padding-bottom:0;}*/ .body-ident-galeria .galleryPage section:last-child {margin-top: 70px;} .container-hs-wrapper .galleryPage section:first-child {padding-top:20px} ul.galleryMenu {justify-content: center;align-items: center;} ul.galleryMenu a {color:#555; font: 400 14px/1 'proxima-nova'; text-transform: uppercase;padding: 10px 20px;background: transparent} ul.galleryMenu a:hover,ul.galleryMenu a:focus,ul.galleryMenu a:active {color:#fff; background: var(--motyw);padding: 10px 20px;} .galleryPage {margin-top: 120px;} .sticky {position: sticky;top: 52px;z-index: 9;padding: 20px;width: 100%;background: #fff;border-bottom: 1px solid rgba(0,0,0,.1);} @keyframes fade { 0%{opacity:.5} 100%{opacity:1} } @-webkit-keyframes fade { 0%{opacity:.5} 100%{opacity:1} } @keyframes scrollDown { 0%{top:10px} 50%{top:40px} 100%{top:10px} } /* 10. Pakiety */ .headerFont {color:var(--motyw)!important} #offersMain.SectionOpinie {display: none;} #offersMain {padding-top:80px;padding-bottom: 30px;overflow:visible;width:100%;} #offersMain * {font-family:'proxima-nova';} .body-ident-main #offersMain {order:3;} .body-ident-main section.id-16173 {order:2;} .body-ident-main section.id-16174 {order:3;} .body-ident-main #offersMain.roomsMain {order:4;padding-top: 110px;} .body-ident-main #offersMain.SectionOpinie {order:19;} .body-ident-main #section-16243 {order:20;} #offerButton {bottom:-60px;margin:60px 0;color:#393939;position:relative;line-height:40px;background:transparent;border:0;} #offerButton:hover {background:transparent;border:0;} #offerButton:hover span {color:#fff;} .offerbutton { bottom: 0; border: solid 1px #fff; color: #fff; position: relative; line-height: 30px; background: transparent; padding: 10px 30px; font-size: 16px;} .offerDescription {height:100px;position:relative;bottom:0;width:100%;margin-bottom: 40px;} .offersSection {text-align: center; position: relative;max-width: 1180px;width: 100%;margin: auto;} .offersWrapper {display: flex;flex-wrap: wrap;justify-content: space-between; width:100%;position: relative;} .SingleOffer {bottom:0;margin: 0 15px;position:relative} .offerImageHd {width:100%;height:350px;position:relative;display:block;background-size:cover;background-repeat:no-repeat;background-position:center;} .SingleOffer .offerImageHd::before {content:'';position:absolute;left:0;top:0;bottom:0;right:0;background:rgba(0,0,0,0.45);opacity:0;} .SingleOffer:hover .offerImageHd::before {opacity:1;} .offerImage {width:100%;} .SingleOffer:hover::before {background: rgba(104, 34, 22,.5);} .descWrapper {text-align:left;width:100%;} .offerMainContent {padding:30px 20px;background: #fff;flex-direction: column;font-size:20px;position: relative;color: #555;height: 100%;display: flex;flex-wrap: wrap;width: 100%;justify-content: center;align-items: center;box-shadow:0px 0px 35px -25px rgba(0, 0, 0, 1);} .OffersTitle {width:100%;color:#555;font-size:20px; line-height:1.5;font-weight:300;display: block;text-align: left;letter-spacing:0.045em;font-family:'proxima-nova'!important;} .OffersDescr {font-size:14px;color:#555;line-height:125%;} .OffersPrice {width:auto;min-width: 60%;text-align: left;letter-spacing: 0.5px;font-size: 16px;margin-top: 20px;font-weight: 300;line-height: 1;background: #fff;position: absolute;bottom: 99px;padding: 10px 20px;left:-1px;} .OffersPrice * {font-weight:300;} .OffersPrice strong {margin:0 5px;line-height: 1; font-weight:700;font-size:22px;color:var(--motyw)!important;} .OffersPrice strong {margin-left:0;} .offerDays {width: 100%;text-align: center;} .OffersButton {position:absolute;opacity:0;left: 50%;top: 50%;transform: translate(-50%,-50%);} .SingleOffer:hover .OffersButton {opacity:1;z-index:10;} .SingleOffer:hover .OffersButton .button::before, .SingleOffer:hover .OffersButton * {color:#fff;letter-spacing:0.15em;} .SingleOffer:hover .offerImage {opacty:0.75;} .SingleOffer:hover .offerMainContent {} /* #multiple-items-rooms .slick-list, #multiple-items .slick-list {padding-top:30px!important;} */ #offersMain .prevArrow {left: 10px;top:-20px;} #offersMain .nextArrow {right: 10px;top:-20px;} #offersMain.roomsMain .prevArrow {left: 10px;top:-20px;} #offersMain.roomsMain .nextArrow {right: 10px;top:-20px;} .OffersPrice, .slick-current .OffersTitle, .slick-current .OffersPrice, .slick-current .OffersDescr {color:#555;} .SingleOffer .offerImageHd::before, .SingleOffer:hover .offerImageHd::before { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .offersWrapper::after {content: "";flex: 0 0 32.333%;} .SingleOffer.slick-center {position:relative;} @media(max-width:980px) { .allbuttons {text-align:center;margin:0;} .gallery {margin:0!important;} .galleryPicture {;padding: 10px 0px;} .optCat {top:10px;} .galleryContainer .ContentTitle .beutyFont span, .sectionContent .ContentTitle .beutyFont span, .beutyFont {font-size:35px;} section.roomSection {padding-bottom: 30px!important;} .OffersPrice {text-align:center;position:relative;bottom:0;width:100%;margin-top:0;background:transparent;} .SingleOffer .offerDescription {height:auto;} .body-ident-main #offersMain.roomsMain {padding:0!important;} .textOnly .sectionSlider .slick-slider {position: static;top: 0;width: 100%; max-width: 995px; height: 50vh;margin:0 auto;} .textOnly .beutyFont span {text-align: center!important;} .offersSection {padding-bottom:0;margin: 30px auto;} .newsletterBox {flex-direction:column;} #multiple-items-rooms.columnGap, #multiple-items.columnGap {max-width:800px;margin:0 auto;padding:0 30px;padding-top:30px !important} #offerButton {bottom:0;margin-top:0;top: 50px;} .SingleOffer.slick-center {bottom:0} #multiple-items-rooms .slick-list, #multiple-items .slick-list {padding-top:0 !important} #multiple-items-rooms .slick-list, #offersMain #multiple-items .slick-list {padding-top:0px!important;} } @media(max-width:680px) { #multiple-items-rooms.columnGap, #multiple-items.columnGap {max-width:500px;padding:0} .offerMainContent {padding:20px 20px} .offerImage {height:250px} } @media(min-width:981px) { .rez-form-container,.scrollTop,.topBar{position:absolute;z-index:2} .JezykiMobile,.MenuMobile,.bottomNavMobile,.langsMobile,.mobileBar{display:none} .sliderCaptionWrapper{width:100%;max-width:calc(100% - 200px);margin:0 auto} } @media(min-width:1800px) { .sectionSide {min-height: 450px} .Framka .sectionSide {min-height: 600px} .textOnly .sectionSide {min-height: 50px} } .bookingWidth{width:100%;display:block;margin-top:/*80px*/0} @media(max-width:1366px) { img.parallax {width:300px;left:-200px} img.differentSide {right:-200px; left:unset} } @media(max-width:1250px) { .separatorWrapper.siteWidth {max-width: 1000px;} div#SectionId11903::before {width: 90vh;height: 590px;background-size: 100% auto;right: -50vh;background-repeat: no-repeat;} } @media(max-width:1180px) { .FooterContainer {padding: 100px 30px} div#SectionId11903::before {content:none;} .sectionContainer,.siteWidth,#offersMain .offersMainWrapper {max-width: 1000px} img.parallax {display: none;} } @media(max-width:1160px) { ul.mainMenu a {font-size: 12px;} .mainMenu li:not(:first-child) {margin-left: 5px;} /*.mainMenu li {width: 70px}*/ a.galleryPicture,.galleryPicture:first-child {width:33.3333%;min-height: 250px;} } @media(max-width:1000px) { .sectionContainer,.siteWidth,#offersMain .offersMainWrapper,.separatorWrapper.siteWidth {max-width: 950px} } @media(max-width:980px) { #offersMain .prevArrow {left: 0;top: -10px/*180px*/;/*display:none!important;*/} #offersMain .nextArrow {right: 0;top: -10px/*180px*/;/*display:none!important;*/} .roomsMain .allbuttons {margin-top: 20px !important;margin-bottom: 10px !important;} .SectionSeparator {padding: 50px 0!important;margin-bottom: /*5*/0px;} .GalleryPictureImage::after {background:rgba(0,0,0,.3);opacity:1;} .siteWidth {padding:50px 0 50px !important;} .scrollDown {bottom:20px;} section.SectionGallery {padding-top:0!important;} .galleryContainer .ContentTitle h3 span {margin-bottom:50px!important} .sectionContent .sectionTxt {width:100%;} section.Framka .sectionContent::after, .fourColumns .Column.separator {display:none!important;} section:not(.galeriaWSekcji) .GalleryPictureImage::after {display:none;} .GalleryPictureImage span {opacity:1!important;text-shadow: 2px 2px 2px #555;z-index:2;} .OffersTitle {text-align:center;} .FooterContainer::after {width:100%;left:0;} .Column .logo img {padding:0!important;} .newsletterWrapper .newsletterBox h2 {margin-right:0!important;text-align:center;} .newsletterInput {text-align:center;} .button span {margin:0!important} .body-ident-main .newsletterWrapper {padding:80px 0 0;} h2.beutyFont span, h3.beutyFont span {text-align:center;font-size:40px!important;margin-bottom:30px;} #offersMain.SectionOpinie {padding-top:0!important;} .SingleOffer {margin:0;} /*.prevArrow {left:10px!important;right:auto!important;transform: translatex(0%)!important;} .nextArrow {right:10px!important;left:auto!important;transform: translatex(0%)!important;} .prevArrow.roomArr {left:10px!important;right:auto!important;transform: translate(0%,-50%)!important;} .nextArrow.roomArr {right:10px!important;left:auto!important;transform: translate(0%,-50%)!important;}*/ .sectionSide .allbuttons {text-align:center!important;width:100%;margin-bottom:/*50px*/ 30px!important} section.LeftSide {margin-top:0!important;} .RightSide .sectionContent, .LeftSide .sectionContent {padding:50px 20px 0!important;} .LeftSide::after,.SectionGallery::before, .RightSide::before, .LeftSide::before {display:none;} .spacingElements li:not(:first-child){margin-left:10px} .hamburger {padding:15px 15px 15px 0 !important} .socialMedia li {margin:0px; width: auto;} .mainNav,.topBar,.logoMenu{display:none!important} .header-middle{z-index:999999;position:fixed;top:0;height:60px;width:100%} .mobileBar .logo img{height:40px;margin-top: 5px;margin-left: 5px;} footer a.logo{display:block;padding:0;} .fourColumns .Column:first-child {margin-top:0;} .fourColumns .Column, .fourColumns .Column:first-child {justify-content:flex-start;} .fourColumns .Column.social {align-items: center;} .fourColumns .fotSeparate::after {display:none!important;} .fourColumns .fotSeparate {margin: 20px 0;width:100%;} .footerMenu li {display:block;width:100%;} h1.beutyFont{font-size:36px;line-height:50px} .body-lang-de h1.beutyFont { word-break: break-word;overflow-wrap: break-word;hyphens:auto;} .FooterContainer{padding:0 0 30px;text-align:center} .footerWrapper .Column{width:100%;text-align:center;margin-top: 30px; align-items: center;} .slimak .beutyFont,h2.beutyFont{font-size:35px;line-height:1} .sliderCaption{padding:0 50px;top:50%;width:100%;left:0;} .langsMobile .langs{justify-content:center} .langs li{width:auto!important} .langsMobile .langs a{color:rgba(0,0,0,0.75) !important} .langsMobile .langs .currentLang a{color:var(--motyw)!important} .langsMobile li {border:0;} .langs.spacingElements li:not(:first-child) {margin-left:10px;} .mobilneMenu li ul {padding: 10px 20px 0;} #mobileMenu #navigation li.logoLi {display:none!important;} #mobileMenu #navigation li {display:block!important;} #mobileMenu #navigation .langsMobile li:first-child {border-top:0;} #mobileMenu #navigation .langsMobile li {border-bottom:0;} .bottomNavMobile{position:fixed;z-index:999999; bottom:0; left:0;background:#fff;justify-content:space-between;align-items:center;width:100%;border-top:solid 1px rgba(0,0,0,0.1);} .bottomNavMobile > a{display:flex; justify-content:center; align-items:center; flex-direction:column; height:60px; color:#000; text-transform:uppercase; width:33.333%; letter-spacing: 0.05em;} .bottomNavMobile > a i{font-size:20px;margin-bottom:5px} .bottomNavMobile span{font-size:14px} .bottomNavMobile a img {height: 20px;margin: 6px 0 3px;float: none;} .telMobile{border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3} .bottomNavMobile .rezerwujMobile{color:#fff;background:var(--motyw)} .bottomNavMobile .rezerwujMobile span{color:#fff;} .mobileBar .socialMedia a, .langs a, .currentlangs a {color:var(--motyw)!important} .mainHeader .slide{height:100vh} .sectionSide{width:100%;padding-right:0} .sectionContent{order:2;} #newsletter .ContentTitle{text-align:center} div#newsletter{margin: 0 auto; margin-top:00px;padding:20px 0} .newsletterWrapper .button{margin-top:50px} .socialMedia{margin-right:0;justify-content:center} footer{margin-bottom:60px;margin-top:0!important;} .Credits{padding:0 30px;} .Credits .siteWidth {padding: 30px 0 !important;} .Credits .siteWidth > div {display:flex;justify-content:center;width: 100%;line-height: 1.5;} .mainHeader .slide,.mainSlider .slick-track{height:calc(100vh - 60px)} #offers .singleofferWrapper{width:50%;} .margin130 {margin-top: 70px;} .margin130 .sectionContent {margin-top:160px;} .mobileBar .logo {padding-left: 5px;} .mobileBar .socialMedia {margin-left:0;} .mobileBar .socialMedia a {font-size: 20px;color:var(--motyw)} .mainSlider .slick-arrow {display: none;} .sectionContainer, .siteWidth, #offersMain .offersMainWrapper, .separatorWrapper.siteWidth {max-width: calc(100% - 60px)} .logoColumn {bottom:0;} .ThreeColumns .Column:not(:first-child) {margin-top:30px} .sticky {top:60px} .sectionSide {flex-wrap: wrap;} .sectionSlider .slick-slider {width:100%;height:50vh;position:relative;} } @media(max-width:800px) { /* .container-hs-wrapper section:first-child {padding-top: 30px;}*/ section {padding: 30px 0 0;margin:/*30px*/ 0 0;} .counter {width: 33.3333%;min-height: 150px;} .newsletterWrapper {padding: 100px 0} } @media(max-width:780px) { a.galleryPicture, .galleryPicture {width:100%!important; height: 85vw!important;min-height: 200px} } @media(max-width:650px) { .iconsSeparator{padding:0 20px} #offers .singleofferWrapper{width:50%} .sectionContainer, .siteWidth, #offersMain .offersMainWrapper, .separatorWrapper.siteWidth {max-width: 100%} .counter {width: 50%;min-height: 150px;} /* .sectionSide,.separatorImage {padding: 0;min-height: 50vh; max-height: none;}*/ .sectionContent {padding: 20px;} .faq .SectionTitleSeparator, .reviews .SectionTitleSeparator {padding-top: 50px;} .justImage {height: 70vh} .reviews .justImage {height:90vh} section.roomSection:first-of-type {padding-top: 100px;} .roomSection .sectionContent {padding: 20px 0} .lightContainer {padding: 40px 30px 50px;} .sectionContent {max-width: 100%;} } @media(max-width:480px) { .OfferBannerCeny{text-align:center;color:#fff;font-size: 21px;line-height: 24px;} .sticky {display: none} .newsletterWrapper {padding: 0 0 50px 0} .counter .number {font-size: 48px;} .counter .numberDesc {font-size: 18px;margin-top: 10px;line-height: 24px;} #offers .singleofferWrapper{width:100%} .line2::before {left:90%} .line1::before {right:90%} section#offersMain {padding-top:40px;} .beutyFont {margin: 0 0 40px 0!important; } } @media(max-width:400px) { .footer-bottom {justify-content: center;} } @media(max-width:360px) { } /*.mainHeader:not(.sliderOff) .sliderCaption {display: none;}*/ .body-offer .sliderCaption {display: block !important} .body-pluginident-MainPage .mainHeader .sliderCaption {display: block;} /* Ofers sections */ /* .content-sections-offer {padding-left: 45px; padding-right: 45px;} */ /*.content-section section {padding: 0 !important;overflow:visible!important;margin-bottom: 50px;} .separateOffer,.desc,.content-sections,.content-section,.slickOfferContainer {width: 100%;position: relative;display: block;} .content-section .banner {display: flex; flex-wrap: wrap; justify-content: space-between;} .content-section .slick-list,.slick-track,.content-section .slick-slider {height: 100%;} .offerSlide {background-size: cover !important; background-position: center center !important;} .slickOfferContainer {min-height: 60vh} .sectionContent.offerSectionContent {max-width: 100%;text-align: left;align-self: center;background: transparent;z-index: 9;position: relative;} .content-section .slickOfferContainer,.offerSectionContent {width: 50%;} .slickOfferContainer .sectionArrows {z-index: 9;top: 0;background: #fff;} .content-section {margin-top: 10px;} img.rightSign {position: absolute;z-index: 7;right: -20vw;top: -10vw;width: 40vw;} img.leftSign {position: absolute;z-index: 7;left: -10vw;bottom: -2vw;width: 20vw;} */ /* .content-section-Galeria .GalleryPictureImage {width:100%; height: 100%;} .content-section-Galeria .galleryPicture {height: 17vw;width: 25%;padding: 5px;min-height: unset; max-height: unset;} .content-section-Galeria .gallery {display: flex;flex-wrap: wrap;} */ .sectionOffer.sectionOnlyText {background: #F0F0F0;padding: 50px 0;} .secTextIn {margin: 0 auto;} .sectionOffer.sectionOnlyText .secTextIn {max-width: 980px;margin: 0 auto;} .sectionOffer.sectionOnlyText .secTextIn div, .sectionOffer.sectionOnlyText .secTextIn p {font: normal 16px/20px 'proxima-nova' !important;color: #707070 !important;} @media(max-width:1366px) { .slickOfferContainer {min-height: 50vh;} } @media(max-width:980px) { .newsletterWrapper .newsletterBox .beutyFont {margin-right: 0;font-size: 35px;text-align: center;margin-bottom:30px;} .body-ident-main .sliderCaption {top: 50%;} .textOnly.sectionContainer {padding:0!important;} .container-hs-wrapper section.Text:first-child{padding-top:60px!important;} .textOnly.sectionContainer .sectionContent {margin-top:0;} .textOnly h2.beutyFont span, .textOnly h3.beutyFont span {padding: 0 20px;text-align: center;} .rez-form-container {position:absolute;z-index:2;width:95%;display:none!important;} .rezFormHS > div, .data-picker-rez {width:100%;} .rezFormHS > div {min-height: 40px;} .rezFormHS {height: auto;} .rezFormHS .selectDynamic select {height:35px} .data-picker-rez > div {width:50%; min-height:45px;} .data-picker-rez > div.buttonReservation {width:100%;} .day-and-month .hsicon {margin-right: 5px;font-size: 16px;} .dday {margin-right:5px;} .day-and-month {padding:0 10px;} .rezFormHStitle {margin-top:10px;min-height:30px!important;} .mainSlider .slick-arrow {display:none!important;} .sectionContent {width:100%;} .sectionSide {min-height:auto;} img.rightSign,img.leftSign {display: none} .content-section .slickOfferContainer, .offerSectionContent {width: 100%} .content-section-Galeria .galleryPicture {width: 50%;} .sectionOffer.sectionOnlyText .secTextIn {padding: 0 30px;} .LeftSideBox .sectionSide, .RightSideBox .sectionSide {min-height:100px;} .LeftSideBox .sectionContent, .RightSideBox .sectionContent, .LeftSideBox .sectionSlider .slick-slider, .RightSideBox .sectionSlider .slick-slider {width:100%;} .LeftSideBox .sectionContent .ContentTitle::before, .RightSideBox .box {display:none;} .SectionTitleSeparator {width:90%;} .LeftSideBox .box, .RightSideBox .box {display:none;} } @media(max-width:568px) { /* .content-sections-offer {padding-left: 15px; padding-right: 15px;} */ .content-section-Galeria .galleryPicture {width: 100%; height: 250px;} .sectionOffer.sectionOnlyText .secTextIn {padding: 0 15px;} } /* Ofers sections */ .roomSection .sectionContent { flex-direction: column; justify-content: space-between; } .body-lang-en li#menu_5110 { width: 122px; } #accordion_spa h3 { justify-content: space-between; align-items: center; background: transparent; padding: 20px 10px; border: 0; border-bottom: 1px solid rgba(0,0,0,.125); border-radius: 0; margin-bottom:0; font-size: 18px; color:#ac967f; } #accordion_spa h3 div {width: calc(100% - 45px);color:#ac967f;} #accordion_spa h3:hover {background: rgba(0,0,0,.03)} #accordion_spa h3 i {font-size: 16px;color:#ac967f;} #accordion_spa .ui-accordion-header-active {border-bottom: 1px solid rgba(0,0,0,.125) !important;} #accordion_spa .ui-accordion-content {padding: 0 10px; border:0; background: transparent; color: #666;font-size: 16px; line-height: 24px;padding-bottom: 30px;} .timeInfo {margin-top:50px} .timeInfo i {margin-right: 5px;font-size:22px} #accordion_spa i.hsicon.icon-coins {font-size: 14px;display: block;width: 35px;} #accordion_spa .timeInfo span:first-child {margin-right: 15px} #accordion h3 {letter-spacing: .5px;font-weight:700;} #accordion h3::after {content:'\f078';font-family:'FontAwesome';position:absolute;right:0;font-size: 12px;color:var(--motyw);} #accordion p {color:#555; line-height: 20px;letter-spacing: .5px;} .body-ident-dr_irena_eris_beauty_partner section#zabiegiSpa {padding-top:0!important;} @media(max-width:980px) { a.hsicon.ic-linked svg {margin-left: 10px!important; width:24px;} .smlangsHeader {display:none;} } strong {font-weight:700;} .oldPrice {text-decoration:line-through;} .offer_price {font-size:150%; font-weight:normal} .socialMediaHeader a, .socialMediaHeader a:hover, .langsHeader a, .langsHeader a:hover, .day-and-month *, .day-and-month:hover *, .GalleryPictureImage, .GalleryPictureImage:hover, .GalleryPictureImage span, .GalleryPictureImage:hover span, .header-middle, .act .header-middle, .mainNav .topBar a::after, .mainNav .topBar a:hover::after, ul.mainMenu a::after, ul.mainMenu a:hover::after, .SectionGallery.galeriaWSekcji .slick-slide img, .SectionGallery.galeriaWSekcji .slick-slide a:hover img, .SingleOffer:hover *, .SingleOffer *, .button:hover::before, .button::before, .button, .button:hover, .button span, .button:hover span, #offerButton:hover::before, #offerButton::before, #offerButton, #offerButton:hover, .act .langs, .langs, .mainNav *, .act .mainNav *, .mainNav .navRigth::before, .mainNav #nav::before, .mainNav #nav::after, .act .mainNav .navRigth::before, .act .mainNav #nav::before, .act .mainNav #nav::after, a.atrakcjeBtn:hover, a.atrakcjeBtn { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } .body-ident-rezerwacja article {flex-flow: column;margin-top:75px;} footer {position:relative;background:#fff;} .scrolltotop {position:absolute;bottom:90px; right:50px;z-index:10; cursor: pointer; transform: translate(-50%,20px); width: 45px; height: 45px; background: var(--motyw); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .scrolltotop .button-circle::before { font-family:'hsfont'; content: '\E8C5'; color: #fff; font-size: 14px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } @media(max-width:980px) { .scrolltotop {display:none;} .layoutPokoje .point{ justify-content: center; } .layoutPokoje div.separator2{ max-width:100% !important; } .layoutPokoje.roomDescMain .col2 h3{ margin-left:0px !important; text-align: center !important; } } .body-ident-ceny_i_rezerwacja .mainHeader {overflow:hidden;} .body-ident-kontakt #sekcjaKontakt {order:1;} .layoutPokoje .room-icons-in{ } .layoutPokoje .tt-el{ height:30px; display:flex; flex-direction: row; align-items: center; } .layoutPokoje .tt-el{ margin:8px 0px; } .layoutPokoje .tt-el img{ height:25px; width:25px; color:var(--motyw); } /* Safari 10.1+ */ @media not all and (min-resolution:.001dpcm) { @media { .rezFormHStitle {margin-top:-4px;} .dday {margin-top: 0;} }} .promoOffer { background: rgba(255, 0, 0, 1); color: #fff; width: 300px; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) translatex(50%); font-size: 16px !important; position: absolute; display: block; font-weight: normal; z-index: 1; transform-origin: top right; top: 55px !important; right: 55px !important; padding: 5px 64px; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; } .promoOfferOut { width: 210px; height: 210px; overflow: hidden; margin: 0; position: absolute; z-index: 10; right: 0; top: 0; }