.articleContent {display: flex;flex-wrap: wrap;width: 100%;} section {order:2;width:100%;} .ui-datepicker table.ui-datepicker-calendar tbody td .ui-state-active {background:#164B37!important;} .mainHeader {position:relative;} .offersMain {order:3} .body-ident-main .offersMain {order:1} .body-ident-main section {order:4} .body-ident-main .sectionGallery {order:5} .body-ident-main .articleContent .section:first-child {order:2;} .body-ident-main .roomsMain {order:3} .contentTitle {text-align: left;padding-top:0;padding-bottom: 20px;} section.Text .contentTitle, section:not(.section) .contentTitle {text-align: center;} .contentTitle .beutyFont {font-size: 40px;color: #164B37; line-height: 50px;margin: 0 0 0 0;;position: relative;display: inline-block;text-align: center;} .section .contentTitle .beutyFont {text-align: left;} .section .contentTitle .beutyFont {margin:0;} /* .flower {width:100%;} */ .flower::before { content:''; position:absolute; background-image:url('/img/hotel/titleUnderline.svg'); background-repeat: no-repeat; background-position: left center; width:265px; height:3px; bottom: -5px; right:5px; } .flowerFlip::before { content:''; position:absolute; background-image:url('/img/hotel/titleUnderlineFlip.svg'); background-repeat: no-repeat; background-position: left center; width:265px; height:3px; bottom: -15px; } .flowerWhite::before { content:''; position:absolute; background-image:url('/img/hotel/titleUnderlineWhite.svg'); background-repeat: no-repeat; background-position: left center; width:265px; height:3px; bottom: -15px; right:0; } .flowerFlipWhite::before { content:''; position:absolute; background-image:url('/img/hotel/titleUnderlineFlipWhite.svg'); background-repeat: no-repeat; background-position: left center; width:265px; height:3px; bottom: -15px; } .flower img {display: block;position: absolute;right: 0;bottom: -15px;} .flowerFlip img {display: block;position: absolute;left: 0;bottom: -15px;} .footerHeader.flower img {right: unset;left: 0;bottom: -5px;} .newsletterColumn .flower img {right: unset;left: 0;bottom: 12px;} @media(max-width:980px) { .newsletterColumn .flower img {bottom: -5px;position:relative;} } .sectionContent .contentTitle {position: relative;} p,.Text .sectionContent li,.opinieContent,.revText,.desc-text li,.theContent li,.opinieNameInner {font-weight: 100; font-size: 17px;line-height: 24px;color: #363636;letter-spacing: 0.08em;text-align: left;} .sectionContent .buttonWrapper {text-align: left;padding: 0;margin-top:20px;margin-bottom: 0;} .RightSide .sectionContent .buttonWrapper {text-align:left;} .sectionSide {max-width:50%;} .Error {margin: 200px auto;display: block;width: 100%;max-width: 900px;text-align: center;} .body-ident-error404 .rez-form-container {display: none;} .Error h2 {font-size: 72px;font-weight: 300; margin:0;} .Error p {text-align: center;} img.flower-top {position: absolute;top: 0;right: 0;} img.flower-bottom {position: absolute;bottom: 0;left: 0;} .RightSide img.flower-top {right: unset;left:0;transform: rotate(-90deg);} .RightSide img.flower-bottom {left:unset; right:0;transform: rotate(-90deg);} .sectionSlider .slick-list {height: 100%;} .sectionSlider {width:100%;max-width: 50%;} .sectionContainer {flex-wrap: nowrap;justify-content: space-between;} .sectionContent {display: flex; flex-direction: column;justify-content: space-between;width:auto;max-width: 50%;width: 100%;} .section:not(.sectionStatic):not(.Text):not(.section-atraction) .sectionContent {width:auto;max-width: 50%;margin-top: 50px;margin-right: 50px} .section:not(.sectionStatic):not(.Text):not(.sectionWithSlider) .sectionSlider {max-width: 600px /*60%*/; padding: 70px 0;} section.sectionStatic .sectionContent {width: calc(100% - 670px);max-width:100%;} section.sectionStatic .sectionSlider {width: 670px;max-width:670px;position:relative;overflow:hidden;} .section .wrapper, .section .buttonWrapper {padding-right: 0; padding-left: 0;max-width: 500px} .section.sectionStatic .wrapper {max-width:450px;} .section .wrapper {height:100%;display: flex;flex-direction: column;justify-content: center;} .section-atraction > .buttonWrapper {padding-left: 0;max-width: none;padding-top:100px;} .section-atraction #SectionId.odd .sectionContent {align-items: flex-start;} .section-atraction #SectionId.even {flex-direction: row-reverse;margin-top: -20px;margin-bottom: -20px;} .section-atraction #SectionId .sectionSlider {max-width:calc(50% - 10px);} .section-atraction .sectionContent .buttonWrapper {margin-top:0;} .section-atraction .sectionWrapper { background-image: url('/img/dymerlogo.png'); background-size:contain; background-repeat:no-repeat; background-position:center center; margin-top: 50px; } .RightSide .wrapper,.RightSide .buttonWrapper,.body-pluginident-Pokoje .sectionWrapper:nth-child(even) .wrapper {padding-left: 0;padding-right:0;} section:not(.RightSide) .sectionContent,.body-pluginident-Pokoje .sectionWrapper:nth-child(odd) .sectionContent {order:2;} .body-pluginident-Pokoje .sectionWrapper:nth-child(2) {margin-top:50px} .body-pluginident-Pokoje .sectionWrapper:nth-child(n + 3) {margin-top:140px;margin-bottom:60px;} section.rooms {margin-top: 00px;} .rooms img.ornament {position: absolute;top: 0;left: 0;transform: translate(0,-100%);} .rooms .sectionContainer {flex-direction:column;} .rooms .sectionSide {max-width:100%;position:relative;} .rooms .bookingBox {width:100%;max-width:385px;margin:0 auto;text-align:center;background:#F2F2F2;position: absolute;bottom: 0;left: 50%;z-index: 2;transform: translate(-50%,60px);padding-top: 40px;} .rooms .bookingBox .contentTitle,.rooms .bookingBox .priceRoom {padding:0 50px;} .rooms .bookingBox .priceRoom {margin-top:10px;margin-bottom: 10px;} .rooms .bookingBox .beutyFont:not(.subTitle) {font-size:20px;font-weight:300;line-height:1;} .rooms .bookingBox .subTitle {font-size:15px;padding-bottom: 20px;} .rooms .bookingBox .subTitle strong {color:#164B37;font-size:20px;font-weight: 300;} .rooms .buttonWrapper {padding-top:30px;} .threeLinesSmall {position: absolute;right: 0;transform: translate(50%);top: 10%;} .rooms .sectionContent {padding-top:60px;} .rooms .equipment {font-size:20px;font-weight:300;color:#164B37;margin-top:10px;} .icon-name {margin-left: 15px;font-weight: 300;} .icon-wrapper {align-items:center;} .icon-item i {color:#164B37;font-size:30px;} .room-icons {margin-top: 30px;} .room-icons-in {margin:-15px;} .tt-el {flex: 0 0 20%;padding: 15px;} .section .contentTitle + .sectionWrapper {margin-top:0} .sectionImageWrapper {position: relative;} .sectionImageWrapper.sectionImageStatic {height: auto;} .sectionImageStatic {height: auto;display: flex;flex-direction: column; align-items: flex-start;} .RightSide .sectionImageStatic img:nth-child(2) {align-self: flex-end;margin-top:-70px;} section:not(.RightSide) .sectionImageStatic img:nth-child(2) {align-self: flex-start;margin-top: 20px;} section:not(.sectionWithSlider):not(.sectionStatic) .sectionImageWrapper, section .sectionImageStatic img {box-shadow: 0px 3px 6px rgba(0,0,0,.2);} .sectionImageWrapper img {display: block;max-width: 100%;} img.treeLines {position: absolute;top: 20px;width: 100%;max-width: 600px;} .RightSide img.treeLines {right: 0;} section:not(.RightSide) img.treeLines {left: 0;top: 30px;transform: rotate(90deg);} section.Text, section.sectionWithSlider, section.section.sectionStatic,.offersMain,.roomsMain,.sectionOpinie,.body-ident-main .sectionGallery {padding-top: 70px;position: relative;} section.sectionSeparator {margin-top:70px;position: relative;} .sectionBoxSeparator .contentTitle {padding-top: 40px;padding-bottom: 80px;text-align: left;} .separatorImage,.section .sectionImageWrapper:not(.sectionImageStatic) img {width:100%} .sectionBoxSeparator .contentTitle > * {color: #fff;} .sectionBoxSeparator .buttonWrapper {text-align: right;padding-bottom: 70px;} .sectionSeparator:not(.sectionBoxSeparator) {height: 75vh;position: relative;max-height: 545px} .sectionSeparator .theContent {width: 100%;max-width: 450px;} .sectionSeparator .theContent p {color: #fff;margin-top:30px;} .sectionSeparator .ornamentWrapper:first-of-type {position: absolute;right: 50%;top:0;transform: translate(50%,-100%);text-align: right;} .sectionSeparator .ornamentWrapper:last-of-type {position: absolute;left: 50%;bottom:0;transform: translate(-50%,100%);} .separatorWrapper,.separator .separatorWrapper .flexing {position: relative;} .separator .separatorWrapper .wrapper {position: absolute;right: 0; bottom: 40px} .roomContainer .separatorWrapper {position: absolute;bottom:0} .separator.LeftText .separatorWrapper .wrapper {right: unset;left:0;} .separator .separatorWrapper .contentTitle {text-align: left;display: inline-block;padding: 0;} .separator .separatorWrapper .contentTitle > * {color: #fff;} .separator .separatorWrapper .buttonWrapper {width: 100%; text-align: left;} .contentSeparator {height: 100%} .separator .buttonWrapper {padding-top: 30px;} .roomImages,.roomImages .slick-list, .roomImages .roomImage, .roomImages .slick-track {width:100%;height: 100%;} .roomImage {position: relative;} .roomImage::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background: linear-gradient(0deg, black 20%, transparent 50%);opacity: .3;} .roomsMain .separator .separatorWrapper .buttonWrapper {display: flex;justify-content: flex-end;} .roomsMain .buttonRoomsSmall {display: flex;align-items: center;} .sectionWithSlider {padding-bottom: 54px;position: relative;} .sectionWithSlider {width:100%; max-width: 50%;} .sectionWithSlider .sectionSlider {max-width: 100%} .sectionWithSlider .sectionContent {position: absolute;z-index: 9;top:0;left: 70px;} .sectionWithSlider .sectionContainer {position: relative;/*cursor: pointer;*/} .sectionWithSlider .sectionContainer .sectionSlider .slick-list:hover,.sectionWithSlider .sectionSide:hover ~ .sectionSlider .slick-list {opacity: .7} .section-atraction .wrapper,.section-atraction .wrapper + .buttonWrapper {padding: 0 40px;max-width: none;} .section-atraction .atractionTitle {padding-top: 0;text-align: center;margin-bottom: 80px;} article > .section-atraction ~ .section-atraction {padding-top: 0;} .section-atraction .theContent {padding: 0 60px;padding: 0;} .section-atraction .sectionContent {justify-content: center;align-items: flex-end;} .section-atraction .sectionContent .contentTitle {text-align: left} .section-atraction:nth-child(even) .sectionSlider {order:2;} .section-atraction:nth-child(odd) .sectionContent {align-items: flex-end;} .section-atraction .sectionContent .contentTitle .beutyFont {padding: 0;margin:0;position: relative;font-size: 18px;font-weight: 300;line-height: 1;} .section-atraction .sectionContent .contentTitle {padding: 10px 0;margin: 30px 0;display: inline-block;} .section-atraction img.treeLines {top: 50%;max-width: 780px;left: 50%;transform: translate(-50%);opacity: .3} .section-atraction .sectionContent .contentTitle::before {content: '';position: absolute;bottom: 0;left: 0;width: 60px;border-bottom: 1px solid #164B37;} .section-atraction:nth-child(odd) .sectionContent .contentTitle::before {left: unset;right: 0;} .sectionTop {position: absolute;z-index: -1;left: 100%;transform: translate(-50%,0);top: 10px;width: 410px;opacity: .2;} .sectionWithSlider .beutyFont {color:#fff;} .sectionWithSlider ul.slick-dots {padding: 22px 0;margin-left:0;} .section-atraction img:hover {opacity: .6;transition: 1s}; .offersMain,.roomsMain, .singleofferWrapper {width: 100%;height: 100%;} .offersMain .buttonWrapper, .roomsMain .buttonWrapper {padding-top: 70px} img.ornament {width: 284px;opacity: .3;} .offersMainWrapper {max-width: calc(100% - 10px);margin:0 auto; position: relative;} .offersWrapper {width:100%; position:relative;} .singleofferWrapper {background-size:cover !important; background-position:center center !important;overflow:hidden;position:relative;display:block;} .singleofferWrapper:hover img {opacity: .6} .offerNamePrice {position: relative;height: 85px;} .offerNamePrice .wrapper {transition: 500ms;position: relative;color: #000;width: 100%;position: absolute;bottom: 0;left:0;display: flex;flex-wrap: wrap;justify-content: flex-end;} .offerNamePrice .beutyFont,.priceRez {background: #F2F2F2;} .offerNamePrice .beutyFont {padding: 20px 15px;color: #164B37;} .navigationWrapper {align-items: flex-end;justify-content: space-between;margin-top: 60px;} .priceRez {padding: 5px 25px;justify-content: center;min-width: 70%;position: relative;top: 1px;} .offerNamePrice .beutyFont {width: 100%;min-height: 100px;display: flex;align-items: center;justify-content: space-between;} .slick-slide {position:relative;} .singleofferWrapper .buttonBW{background: #164B37;color: #fff;border:1px solid transparent;justify-content: center;line-height: 60px !important;letter-spacing: 0.08em;text-transform: uppercase;width:100%} .singleofferWrapper .buttonBW:hover{background:#671525;color: #fff;} .singleofferWrapper .buttonBG,.rooms .buttonBG {background: #164B37;color: #fff;border:1px solid transparent;justify-content: center;line-height: 60px !important;letter-spacing: 0.08em;text-transform: uppercase;width:100%} .roomButtons .buttonBW:hover {background:#164B37;color: #fff;} .singleofferWrapper .buttonBG:hover,.rooms .buttonBG:hover{color:#164B37;background:#fff;border:1px solid #164B37;} .priceRez p {color: #164B37;text-transform:uppercase;letter-spacing: 2px;} .offerNamePrice h3,.priceRez p strong {font-size:20px; line-height:27px;margin: 0;letter-spacing:0.08em;font-family: 'Cinzel';color:#164B37;font-weight:300} .priceRez p strong {color: #164B37;font-weight: bold;} .priceRez p {font-size: 17px;font-family: 'Cinzel';display: inline-block;position: relative;margin: 0;padding-top: 10px;} .offerNamePrice .beutyFont::after {content:''; position: relative;width:70px; border-bottom: 1px solid #164B37;} .roomButtons {display:flex;flex-direction:row;} .roomButtons a {flex:0 0 50%!important;width:50%!important;} /*.offerNamePrice .buttonBG {float:right;}*/ .offersContainer {display:block;width:100%;position:relative;height: 100%;} .offersContainer .slick-list {margin: 0 -10px;z-index: 2;} .singleOfferInner {padding: 0 7.5px;} .buttonOffer::after {font-size: 18px;} .offersContainer .slick-slide img,.roomsContainer .slick-slide img,#offersPage .singleofferWrapper img {height: 315px} ul.slick-dots {padding: 0;margin: 0;list-style: none;display: flex;justify-content: left;padding: 0 0 20px;margin-left: 10px;z-index: 9;position: relative;} .sectionWithSlider ul.slick-dots {justify-content:center;} ul.slick-dots li:not(:first-child) {margin-left:10px} ul.slick-dots button {display: none;} ul.slick-dots li {width:9px;height:9px;border-radius: 50px;background: #E0D9D1;opacity: .5;position: relative;cursor: pointer;} ul.slick-dots li::before {content:'';position: absolute;top:0px;right: 0px;bottom: 0px;left:0px;border:1px solid #E0D9D1;border-radius: 50px;opacity: 0;} ul.slick-dots li.slick-active,ul.slick-dots li:hover {background: #E0D9D1; opacity: 1;} ul.slick-dots li.slick-active::before,ul.slick-dots li:hover::before {top:-4px;right: -4px;bottom: -4px;left:-4px;opacity: 1;} .roomDots {margin-top: 40px;} #offersPage {width:100%;position: relative;padding-top: 120px;} #offersPage .singleOfferInner {padding: 7px;position:relative;} #offersPage .singleOfferInner {flex:0 0 33.333%} .roomsPage .sectionSeparator:not(:first-child) {margin-top:100px} .sectionGallery:first-child:not(.galeriaWSekcji) {margin-top:70px;} .sectionGallery:nth-child(n + 2):not(.galeriaWSekcji) {margin-top:60px} .sectionGallery .galleryPicture {width:30%; height: 300px;} .sectionGallery .galleryPicture:nth-child(6n + 9),.sectionGallery .galleryPicture:nth-child(6n + 9) + .galleryPicture,.sectionGallery .galleryPicture:nth-child(3),.sectionGallery .galleryPicture:nth-child(4){width:40%;} .sectionGallery .galleryPicture { padding: 4.5px;} .galleryTitle {position: absolute;top: 50%;font-size: 40px;width: calc(100% - 15px);background: rgba(0,0,0,.5);left: 7.5px;text-align: center;color: #fff;padding: 10px 0;transform: translate(0,-50%);} .galleryTitle div {font-weight: 300;line-height: 1} .galleryContainer {margin-top: 50px;} .galleryGrid {padding-left: 2.5px;padding-right: 2.5px;margin: -2.5px 0;} .gallery-page .fullScreen a.galleryPicture{flex: 0 0 33.333%;height:45vh; min-height: 250px;padding: 2.5px;} .imageTitle span{font-size:24px;} a.galleryPicture{height:100%;max-height:375px;} .galleryPicture{height:100%;display:block;position:relative;overflow:hidden} .galleryPicture::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(255,255,255,0.4);display:flex;justify-content:center;align-items:center;opacity:0;color:#01579B;font-size:24px;z-index:2} .galleryPicture:hover::before{opacity:1} .galleryImage{width:100%;height:100%;background-size:cover!important;background-position:center center!important;object-fit:cover} .imageTitle{position:absolute;z-index:1;color:#fff;width:100%;left:50%;top:50%;font-size:50px;transform:translate(-50%,-50%);display:inline-block;text-align:center} .imageTitle span{text-align:left;display:inline-block} .imageTitle{position:absolute;z-index:1;color:#fff;width:100%;left:50%;top:50%;font-size:50px;transform:translate(-50%,-50%);display:inline-block;text-align:center} .imageTitle span{text-align:left;display:inline-block} .sectionLogo {position: absolute;left: 50%;transform: translate(-50%,40px);width: auto;height: 130%;max-width: 700px;opacity: .15;} .OfferBannerCeny{text-align:center;color:#fff;font-size: 28px;line-height: 32px;} .singleofferWrapper video {height:100%; object-fit:cover;} .slick-arrow {position: absolute;top:50%; transform: translate(0,-50%);z-index: 9;color: #fff;cursor: pointer;font-size: 48px} .slick-arrow:hover {color: #434549;} .slick-arrow.hsicon-arrowright, .slick-arrow.hsicon-arrow-right {right: 20px;} .slick-arrow.hsicon-arrowleft, .slick-arrow.hsicon-arrow-left {left: 20px;} #optionsList { width:100%!important; } .optCat li a { position: relative; background: #fff; line-height: 1; padding: 0 10px 10px; bottom: 13px; } .optCat { width: 100% !important; margin: 20px 0 !important; list-style-type: none; position: sticky; top: 60px; background: #fff!important; z-index: 10; padding: 10px 0; gap: 20px; } @media only screen and (max-width: 767px) {.hsicon-arrowleft,.hsicon-arrowright {visibility: hidden;}} @media(max-width:980px) { .slick-arrow.hsicon-arrow-right, .slick-arrow.hsicon-arrow-left {display:none!important;} } .slick-arrow::before {width: 33px !important;} .buttonWrapper {text-align: center;padding-top: 50px;} .button,.buttonBG,.buttonBW {display: inline-flex;font-size: 17px;font-family: 'Cinzel';font-weight: 300;} .button {position: relative;padding-bottom:10px; color: #3A3434!important;} .separator .button {color: #fff!important;} .section-atraction .button:not(.seeAll){font-size:20px;font-family: 'Cinzel';font-weight: 300;} .roomButtons .buttonBW {text-transform: uppercase; letter-spacing: 0.08em; background:#F2F2F2;color:#164B37;justify-content:center;align-items:center;border:solid 1px #164B37;transition:300ms;} .roomButtons .buttonBG {border:solid 1px #164B37;} .button::before,.button::after {content:'';position: absolute;border-bottom: 1px solid #671525; width: 100%;bottom: 0;left:50%;transform:translate(-50%)} .button::after {border-bottom: 2px solid #671525; bottom: 5px;} .separator .button::before,.separator .button::after {border-bottom: 1px solid #fff;} .separator .button::after {border-bottom: 2px solid #fff;} .separator .button::after {color: #fff!important;} .button:hover {color:#164B37;} .separator .button:hover {color: #fff;} .button:hover::before,.button:hover::after {width:50%;} .footerContact p,.footerContact a{font-size:18px;letter-spacing:.12em;line-height:30px;color:#fff} footer{position:relative} .FooterContainer{position:relative;background:#164B37;overflow: hidden;} .footerDecoration {position: absolute;bottom: 0;left: 50%;transform: translate(-50%,60px);opacity: .2;} .footerBooking {padding: 30px 0;position: relative;background: #164B37;} .footerBooking .wrapper {justify-content: center;align-items: center;} .footerBooking::before {content:'';position: absolute;left:0;right:0;border-bottom: 1px solid #fff;bottom: 0} .footerBooking .bestPriceGuaranted,.footerBooking .buttonRez {width: auto !important;} .footerBooking .buttonRez {position: absolute;right: 0;padding: 0 35px;line-height: 53px;border: 1px solid;font-family: 'Cinzel';font-weight: 300 !important;letter-spacing: 0.08em;color: #fff;background: #164B37;border-color:#FFAF50} .footerBooking .buttonRez {color: #fff;background: #164B37;border-color: #164B37;} .footerBooking .buttonRez:hover {background: #164B37;} .footerWrapper{position:relative;padding-top: 70px;} .rightBorder {align-items: center;position: relative;right: 20px} .footerContact {padding-left: 30px;position: relative;} .footerContact::before {content:'';position: absolute;left:0;top:10px;bottom:10px;border-left:1px solid #fff;width:1px;} footer ul.socialMedia {flex-direction:row;} footer .socialMedia li {text-align:center;margin: 10px 0;} footer .socialMedia li a {font-size: 24px!important;color: #fff;} footer .socialMedia li a:hover {color: #fff} #footerMenu{margin-top:50px;padding-top:50px;padding-bottom:50px;position:relative} #footerMenu::before{content:'';position:absolute;height:1px;top:2px;left:25%;right:25%;background:#fff} #footerMenu li a{text-transform:uppercase;font-weight:300;font-size:17px;letter-spacing:.04em;color:#fff;display:block;position:relative;font-family:'Cinzel';} #footerMenu li a::before{content:'';position:absolute;bottom:-2px;width:0;border-bottom:1px solid;left:0} #footerMenu li.act a::before,#footerMenu li a:hover::before{width:100%} .threeColumns .column{flex:0 0 33.333%;padding:0 10px;} footer .threeColumns .column {flex:none;width:40%;} .footerHeader{letter-spacing:.08em;font-size:20px; color:#fff;margin-bottom:30px;position: relative;} .newsletterColumn .footerHeader {margin-left:50px;} .footerHeader::before {width:190px;bottom:20px;background-position:right center;} .colHalf p, .colHalf a {font-family: 'Cinzel';color:#fff;letter-spacing: 0.08em;font-size: 17px;line-height: 1.2;display: block;margin: 0;text-transform: none !important} .colHalf a:hover {opacity: 0.7;} footer .column:nth-child(2){width:20%;text-align: center;display: flex;align-items: center;justify-content: center;} footer .threeColumns .column:nth-child(3) {justify-content: flex-end;display: flex;} .newsletterColumn {max-width: 300px} .newsletterInner p {margin-top:10px;color:rgba(255,255,255,0.5);font-size: 13px; letter-spacing: 0.08em} footer #newsletter{width:100%;position: relative;top: -15px;} input#newsletter_email{background:#fff;border:1px solid #164B37;text-align:left;color:#164B37;font-size:12px;position:relative;line-height: 28px;margin-right: 10px;width: 190px;} input#newsletter_email::placeholder{color:#164B37;font-weight:300} .newsletter_emailButton {color:#fff;background:#164B37;border:1px solid #fff;font-family: 'Cinzel';font-size: 15px; font-weight: 300;padding: 0 20px;line-height: 31px;display: inline-flex;} .newsletter_emailButton:hover{background:#164B37;} .footer-bottom{height:60px} .logoHS img{margin-left:5px} .scrollTop{position:absolute;bottom:110px;right:50px;color:#fff;z-index:9;cursor: pointer;} .scrollTop:hover{color:rgba(255,255,255,.6)} a.logoFooter.logo{padding:20px 0;block} #newsletter .button {color:#fff;} footer {margin-top:70px} .body-ident-kontakt footer {margin-top:0} .body-ident-main footer {margin-top:100px} .offersWrapper .hsicon-arrowleft {left:-60px;} .offersWrapper .hsicon-arrowright {right:-60px;} .offersWrapper .slick-arrow { color:#164B37} .offersWrapper .slick-arrow:hover {opacity:.7} @media(min-width:880px) { section:not(.RightSide).sectionStatic .sectionContent {padding-left: 40px} } @media(min-width:1200px) { .rooms .siteWidth {max-width: 1180px !important} } @media(max-width:1280px) { .offersWrapper .hsicon-arrowleft {left:10px;} .offersWrapper .hsicon-arrowright {right:10px;} .offersWrapper .slick-arrow { color:#fff;top:30%;} } @media(max-width:1200px) { .sectionSlider {max-width: calc(100% - 60px - 355px);} .sectionWithSlider .sectionContent {bottom: 10px} } @media(min-width:980px) { .section-atraction .siteWidth {max-width: 985px} } @media(max-width:980px) { .sectionContent .contentTitle {padding-top: 20px;} .buttonWrapper {text-align: center;padding-top: 50px;} .sectionWithSlider .slick-track {height:300px;} .sectionWithSlider .sectionSlider {margin-top:0;} section.roomsMain {margin-bottom:50px;} ul.mobilneMenu ul {padding-left:0;} ul.mobilneMenu li:hover > ul, ul.mobilneMenu ul { display: none; background:#b5a185; } ul.mobilneMenu li .dropdown-btn { position: absolute; right: 10px; top: 20px; background: transparent; border: 0; color: #fff; width: 40px; cursor: pointer; font-size: 20px; text-align: center; } .optCat { top: 0; } .RightSide .sectionImageStatic img:nth-child(2) {margin-top: 20px;} .body-ident-main footer {overflow: hidden;} .section-atraction:nth-child(even) .sectionContent .contentTitle::before {right:0} .section-atraction .sectionContent .contentTitle::before {left:0} .section .wrapper, .section .buttonWrapper {padding-left: 40px;padding-right: 0;} .RightSide .wrapper, .RightSide .buttonWrapper {padding-right: 40px;padding-left: 0} .bottomNavMobile{position:fixed;z-index:99;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:#555555;text-transform:uppercase;width:33.333%;border-top:1px solid rgba(0,0,0,0.1);} .bottomNavMobile > a i{font-size:20px;margin-bottom:5px} .bottomNavMobile span{font-size:14px} .telMobile{border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3} .bottomNavMobile .rezerwujMobile{color:#fff;background:#164B37} .bottomNavMobile img {height: 20px;margin: 4px 0 4px;} .mobileBar .socialMedia a{color:#164B37} .threeColumns .column {flex:0 0 100%} .threeColumns,.threeColumns .column {justify-content: center;} footer #newsletter {align-items: center;} footer .column:nth-child(2) {border:0} #footerMenu {margin-top:0} .footerContact p, .footerContact a {text-align: center;} .scrollTop {bottom: 150px;right: 30px;} #footerMenu li a {line-height: 40px} footer .threeColumns .column {width:100%} footer .threeColumns .column:nth-child(3) {justify-content: center;} .newsletterInner p,.footerHeader {text-align: center;justify-content: center;} .footerContact::before {content:none} .rightBorder {width: 100%; justify-content: center;right: 0;} .footerContact {padding-left: 0} .footerContact,.logoCol,.newsletterColumn {margin-top:30px} .footerWrapper {padding: 50px 0} } @media(max-width:900px) { #offersPage .singleOfferInner {flex:0 0 50%;} .footerBooking .buttonRez {position: relative;} .rooms .bookingBox {position: relative;left:unset;transform:none;max-width: 100%;} .rooms .sectionContent {padding-top: 30px;} } @media(min-width:880px) { .sectionWithSlider:nth-child(even) .sectionContent .contentTitle {position: absolute;bottom: -350px;} .sectionWithSlider:nth-child(odd) .sectionContent .contentTitle {position: absolute;bottom: -300px;} .sectionWithSlider:nth-child(odd) .sectionImageWrapper {margin-top: 54px;} .sectionWithSlider:nth-child(odd) .wrapper {margin-top: 54px;} .sectionWithSlider:nth-child(odd) ul.slick-dots {position: absolute;top:-54px;left:0;width: 100%;border-top: 1px solid #671525;} .sectionWithSlider:nth-child(even) ul.slick-dots {border-bottom: 1px solid #671525;} } @media(max-width:880px) { section.rooms {margin-top: 0;} section.Text, section.sectionWithSlider, section.section.sectionStatic, .offersMain, .roomsMain, .sectionOpinie, .body-ident-main .sectionGallery { padding-top: 50px; } div.galleryPicture:hover::before {opacity:0!important;} .newsletterColumn .footerHeader {margin-left:0;} .footerHeader::before {display:none;} .sectionWithSlider .sectionContent {left:20px;} .section.sectionWithSlider .wrapper {width:100%;} .rooms img.ornament {width:50%;} .section-atraction {padding-top:50px;} .section-atraction .atractionTitle {margin-bottom: 0} .section.sectionWithSlider {padding-top: 0} .RightSide .wrapper, .RightSide .buttonWrapper, .body-pluginident-Pokoje .sectionWrapper:nth-child(even) .wrapper {padding-right: 0;padding-left: 0} .sectionWithSlider .sectionSlider {margin-top:0} .sectionTop {display: none} .section .wrapper, .section .buttonWrapper {padding-left: 0;} .RightSide .wrapper, .RightSide .buttonWrapper {padding-right: 0;} .sectionWithSlider {max-width: 100%;padding-bottom:0;} .sectionContainer {flex-wrap: wrap;} .sectionSide {margin: 0 auto;align-items: center;} .section .sectionSlider {margin-top:50px} .section .sectionSlider {order:2} .section .sectionContent {order:1;max-width: 100%;width:100%!important;} .section:not(.sectionStatic):not(.Text):not(.sectionWithSlider) .sectionSlider {padding:0;margin-top:50px;} .section-atraction #SectionId .sectionSlider {max-width:100%;} .section-atraction .sectionContainer {flex-direction:column;flex-wrap:nowrap;} .section-atraction #SectionId.even {margin-top:50px;margin-bottom:50px;flex-direction:column!important;} .section-atraction img {height:210px;object-fit:cover!important;} .section-atraction .buttonWrapper {padding-left: 0;max-width: none;margin: 20px 0 0 !important;text-align: center;padding:0;} .section-atraction .wrapper {width:100%;} .section-atraction .sectionContent {align-items: flex-start;} .section-atraction .wrapper, .section-atraction .wrapper + .buttonWrapper {padding: 0} .roomsPage .sectionSeparator:not(.sectionBoxSeparator) {height: auto;min-height: auto;} .roomImages {height: 70vh;min-height: 350px} .roomsPage .separator .separatorWrapper .wrapper,.roomsPage .roomContainer .separatorWrapper {position: relative;} .roomsPage .separator .separatorWrapper .wrapper {bottom:0} .roomsPage .separator .separatorWrapper .buttonWrapper {justify-content: flex-start;} .roomsPage .separator .separatorWrapper .wrapper {text-align: left} .room-icons-in {padding: 30px} .roomsPage .sectionSeparator::before {content: none;} .roomsPage .separatorWrapper .contentTitle > * {color: #504F4F} .roomsPage .button.colorWhite {color: #504F4F} .sectionGallery .galleryPicture {width:50% !important;height: 50vh; min-height: 250px} .room-icons .tt-el {flex:0 0 33.333%} } @media(max-width:730px) { .treeLines {display: none} .sectionSide {max-width: 80%} .sectionImageWrapper img,section:not(.RightSide) .sectionImageStatic img:nth-child(2),.RightSide .sectionImageStatic img:nth-child(2) {align-self: flex-start;} .section:not(.sectionStatic):not(.Text):not(.section-atraction) .sectionContent {max-width: 100%;margin-top:0;} .section:not(.sectionStatic):not(.Text) .sectionSlider {max-width: 100%;} .room-icons .tt-el {flex:0 0 50%} } @media(max-width:560px) { .sectionImageWrapper img {width: 100%;} .scrollTop {bottom: 90px} .sectionGallery .galleryPicture {height: 40vh; min-height: 200px} .room-icons .tt-el {flex: 0 0 50%} .sectionSeparator:not(.sectionBoxSeparator) {height: 60vh;min-height: 300px} .contentTitle .beutyFont,h1 {font-size: 32px; line-height: 42px} .contentTitle .subTitle,.sliderSubTitle {font-size: 18px; line-height: 28px} .sectionSide {max-width: 100%} .slick-arrow.hsicon-arrowright {right:10px} .slick-arrow.hsicon-arrowleft {left: 10px;} .separator .separatorWrapper .wrapper {bottom: 20px} } @media(max-width:500px) { .ornament,.ornament_180 {max-width: 100%;} .sectionGallery .galleryPicture {width:100% !important;} #offersPage .singleOfferInner {flex:0 0 100%;} .roomDots {margin-top: 20px;} .navigationWrapper {flex-direction: column;align-items: center;margin-top: 20px;} .ornamentWrapper,.sectionSeparator .ornamentWrapper:first-of-type {text-align: center;} .room-icons-in {padding: 15px;} .icon-item i {font-size: 24px} } @media(max-width:390px) { .ornamentWrapper {text-align: center;} .room-icons .tt-el {flex: 0 0 50%;padding: 10px 0;} } /* sekcje w pakietach */ .content-section section{padding:0!important} .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 .gallery{display:flex;flex-wrap:wrap} .sectionOffer.sectionOnlyText{background:/*#164B37*/#164B37;padding:50px 0} .sectionOffer.sectionOnlyText .secTextIn{max-width:980px;margin:0 auto} .sectionOffer.sectionOnlyText .secTextIn p{font-size:15px; line-height: 30px; color: #fff} .offerSectionContent .ContentTitle{height:auto} .content-section-Tekst {color:#fff;font-size:15px; line-height: 30px;} .sectionContent.offerSectionContent h3 {font-size: 32px;font-weight: 300;line-height: 1.1;color: #164B37;} .sectionContent.offerSectionContent .desc-text,.Packet {font-size:15px; line-height: 30px;color:#504F4F;} .content-section-Tekst_i_obraz .text-images-desc {padding-right: 50px;} .content-section-Tekst_i_obraz_do_lewej .text-images-desc {padding-left: 50px;padding-right: 0} a.goBack {font-size: 15px} section.section-bg-image,section.SectionGallery {margin-top:0} img.loazd.offerLogo {position: absolute;top: 50%;z-index: -1;opacity: .05;height: 90%;transform: translate(0,-50%);} .section-bg-image.right img.loazd.offerLogo {left:50px;right:unset} .section-bg-image.left img.loazd.offerLogo {right:50px;left:unset} .SectionGallery .gallery .galleryPicture {flex: 0 0 33.333%;height: 40vh;} @media(max-width:1366px) { .slickOfferContainer{min-height:50vh} .mainMenu li.logoLi {left: 30px} .mainMenu li.langsContainer {right: 30px} } @media(max-width:1280px) { .mainMenu li.logoLi {left:0;} .mainMenu li.langsContainer {right: 0} .mainMenu li {margin: 0 10px;} } @media(max-width:1120px) { .container-hs-wrapper {overflow: hidden;} .mainMenu li {margin: 0 5px;} } @media(max-width:900px) { .SectionGallery .gallery .galleryPicture {flex: 0 0 50%;} } @media(max-width:980px) { .twoColumns .Column {flex: 0 0 100%;} .Column.leftBorder {margin-bottom: 50px;} .newsletterWrapper {margin: 0 auto;flex-wrap:nowrap;} .newsletterInner p::before {content: none} .Column.leftBorder,.newsletterColumn {justify-content: center;} .sectionContent.offerSectionContent {order:2} .content-section-Tekst_i_obraz .text-images-desc {padding-right: 0;} .content-section-Tekst_i_obraz_do_lewej .text-images-desc {padding-left: 0} img.rightSign,img.leftSign{display:none} .content-section .slickOfferContainer,.offerSectionContent{width:100%} .sectionOffer.sectionOnlyText .secTextIn{padding:0 30px} } @media(max-width:768px) { .bottomImages::before {content:none} } @media(max-width:600px) { .offerNamePrice {height: auto;margin-top:90px;} .singleofferWrapper img {height: 350px !important} .singleOfferInner {padding:0;} .offersMainWrapper {max-width:100%;} } @media(max-width:568px) { .SectionGallery .gallery .galleryPicture {flex: 0 0 100%;} .sectionOffer.sectionOnlyText .secTextIn{padding:0 15px} } @media(max-width:480px) { .rightBorder::after {content:none} } @media(min-width:1180px) { /*.body-pluginident-GalleryPage .siteWidth a.galleryPicture{flex: 0 0 25%;}*/ } /* sekcje w pakietach */ .bookingWidth,div[data-hs-embed="vouchery"] {width: 100%;margin-top: 70px;} .Text .sectionContent {max-width: 100%} .goBack {color:#555;} .promoOfferOut {width:180px; height:180px; overflow:hidden; float:right; margin-left: 0; margin-top: 0; position: absolute; right: 7px; } .promoOffer { float: left; background: #164B37; /*background: #C6191A;*/ color: #fff; padding: 5px 0; width: 195px; text-align: center; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); font-size: 16px !important; top: 35px !important; right: -35px !important; position: relative !important; display: block; font-weight: normal; z-index: 1; }