body.trigo-bar {padding-bottom:34px !important;}
body.mod-profiler-active {padding-bottom:34px !important;}
body.trigo-bar.mod-profiler-active {padding-bottom:68px !important;}

body.page{background-image: url('../images/page-body.jpg'), url('../images/footer/bg_pattern.webp'); background-position: center top, center top; background-repeat: no-repeat, repeat-y;}
body{background-image: url('../images/footer/bg_pattern.webp'); background-position: center top; background-repeat: repeat-y;}

body.page .page-content{min-height: 400px;height: 100%;margin-top: 250px; position: relative; z-index: 1;}
body.page .page-separator{position: relative;}
body.page .page-separator::before{content: '';background-image: url('../images/page-separator.webp'); background-position: center; background-repeat: no-repeat; position: absolute; bottom: 0; left: 0; width: 100%; height: 148px; z-index: 6;}
body.page .page-content .paper-head{background-image: url('../images/footer/paper-top.webp');height: 123px;background-position: center;background-repeat: no-repeat;display: flex;justify-content: center;align-items: center;}

body.page .page-content .paper-head .text{margin: 0 auto; width: 100%;max-width: 830px;padding: 0 20px;text-align: center;color: black;font-size: 18px;}
body.page .page-content .paper-body{background-image: url('../images/footer/paper-body.webp');height:100%;background-position: top center;background-repeat: repeat-y; position: relative; padding-bottom: 150px;}

header {width: 100%;max-width: 1096px; padding: 0 50px; background-image: url('../images/menu/menu_bg.webp'); height: 185px; background-position: center center; background-repeat: no-repeat; margin: 0 auto; height: 150px; left: 50%; transform: translateX(-50%); z-index: 1000; position: absolute;}
header .main-menu {float:right;display:block;}

header .navbar{top: 70px; display: flex; justify-content: flex-end;}
header .navbar .navbar-brand{background-image: url(../images/logo.webp); height: 142px; width: 222px; position: absolute; left: 50px;}
header .navbar .hamburger{display: none;}
header .main-menu{padding-right: 80px;}
header .navbar .main-menu ul.menu-root li a{height: auto; color: #fff; padding: 0 10px; font-size: 28px; text-transform: uppercase; transition: all 200ms;}
header .navbar .main-menu ul.menu-root li a:hover{color: #fecd6d;}

.homepage-widgets .widget-sliders{height: 100vh; position: relative;}
.homepage-widgets .widget-sliders .widget-entity-inner{height: 100%;}
.homepage-widgets .widget-sliders .widget-entity-inner .widget-slider{height: 100%;}
.homepage-widgets .widget-sliders .widget-entity-inner .widget-slider .slick-slider{height: 100%;}
.homepage-widgets .widget-sliders .widget-entity-inner .widget-slider .slick-slider .slick-list{height: 100%;}
.homepage-widgets .widget-sliders .widget-entity-inner .widget-slider .slick-slider .slick-list .slick-slide{height: 100%;}
.homepage-widgets .widget-sliders .widget-entity-inner .widget-slider .slick-slider .slick-list .slick-slide picture{height: 100%; display: block;}
.homepage-widgets .widget-sliders .widget-entity-inner .widget-slider .slick-slider .slick-list .slick-slide picture img{height: 100%;}
.homepage-widgets .widget-slider .slider-inner .slick-arrow.slick-prev{left: 15%;}
.homepage-widgets .widget-slider .slider-inner .slick-arrow.slick-next{right: 15%;}

/* watch movie menu */
.watchmovie-container .video-anchor{position: absolute;top: -53px;left: 505px;z-index: 3;width: 168px;height: 43px;display: block;background-image: url('../images/menu/video.webp');background-position: center top;background-repeat: no-repeat; transition: none;}
.watchmovie-container .video-anchor:hover{background-position: center bottom;}

/* kpo */
.header-kpo{display: block; width: 218px; height: 48px; background: url('../images/dofinansowanie-ue-white.webp') no-repeat center / contain; position: absolute; top: 20px; right: 20px; z-index: 1001;}

/* marquee */

.notification{display: flex;justify-content: flex-end;position: absolute;top: 70px;padding-right: 100px;}
.notification marquee{height: 66px; position: relative; background-image: url('../images/menu/info-center.webp'); background-position: center center; background-repeat-y: no-repeat; width: 100%; max-width: 580px;}
.notification::before{content: '';position: absolute;left: -18px;top: 0;height: 64px;background-image: url('../images/menu/info-left.webp');width: 18px;background-position: center center;background-repeat: no-repeat;z-index: 1;}
.notification::after{content: '';position: absolute;right: 82px;top: 0;height: 64px;background-image: url('../images/menu/info-right.webp');width: 18px;background-position: center center;background-repeat: no-repeat;z-index: 1;}

.notification marquee .text-wrapper{display: flex; gap: 50px; height: 60px; align-items: center;}
.notification marquee .text-wrapper p{margin-bottom: 0; font-size: 18px; font-weight: bold; color: red; font-family:'Cinzel', sans-serif;}

footer{}
footer .rights{height: 100%}
footer .rights .paper{display: flex; flex-direction: column; height: 100%;}
footer .rights .paper .paper-top{background-image: url('../images/footer/paper-top.webp');height: 123px;background-position: center;background-repeat: no-repeat; display: flex; justify-content: center; align-items: center;}
footer .rights .paper .paper-body{    background-image: url('../images/footer/paper-body.webp');height: 185px;background-position: top center;background-repeat: repeat-y;}
footer .rights .paper .wrapper{margin: 0 auto;width: 100%;max-width: 830px;padding: 0 20px; text-align: center; color: black; font-size: 18px;}
footer .rights .paper .paper-body .wrapper{display: flex; flex-direction: column;}
/*
footer .rights .paper .paper-body .wrapper .pfr{background-image: url('../images/footer/pfr.webp'); height: 116px; width: 100%; background-position: center center; background-size: contain; background-repeat: no-repeat;}
*/
footer .rights .paper .paper-body .wrapper .kpo{width: 100%; text-align: center;}

body.homepage footer .footer-top{background-image: url('../images/footer/top-footer-long.jpg'); background-repeat: no-repeat; background-position: center top;}
body.page footer .footer-top{background-image: url('../images/footer/top-footer-pages.webp'); background-repeat: no-repeat; background-position: center top;}
footer .footer-top .contact-details{padding-top: 75px; padding-bottom: 45px;}
footer .footer-top .contact-details .content{ display: flex; justify-content: center; gap: 30px;}
footer .footer-top .contact-details .content .box{max-width: 310px; width: 100%;}
footer .footer-top .contact-details .content .box .headline{margin: 10px 0px 10px 0px;line-height: 42px;display: block;color: #412101;font-weight: 900;font-size: 42px;text-transform: uppercase;text-shadow: 0px 0px 20px #ffffff;}
footer .footer-top .contact-details .content .box .texts,
footer .footer-top .contact-details .content .box .texts p{color: #000000;font-size: 14px;font-weight: bold;line-height: 17px; text-shadow: 0px 0px 20px #ffffff; font-family:'Cinzel', sans-serif;}

footer .footer-top .contact-details .content .box.downloads .list{display: flex; flex-direction: column; gap: 10px;}
footer .footer-top .contact-details .content .box.downloads .list a{color: #000000;font-size: 14px;font-weight: bold;line-height: 17px; text-shadow: 0px 0px 20px #ffffff; transition: all 200ms; font-family:'Cinzel', sans-serif;}
footer .footer-top .contact-details .content .box.downloads .list a:hover{color: #424242}


footer .reserve-container{height: 560px; display: flex; justify-content: center;align-items: center;}
footer .reserve-container .reservation-btn{background-image: url('../images/footer/reservation.webp');margin: 0 auto;display: block;width: 507px;height: 243px;background-position: center top; background-repeat: no-repeat; transition: none; background-repeat: no-repeat;}
footer .reserve-container .reservation-btn:hover{background-position: center -242px;}

footer .footer-top .gallery{min-height: 820px;}
body.page footer .reserve-container{height: 515px;}
body.page footer .footer-top .gallery{display: none;}
body.page footer .reserve-container .reservation-btn{position: relative; top: -45px;}

/* selected pictures */
.selectedPictures{padding-top: 320px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-bottom: 85px;}
.selectedPictures .picture-list{display: flex; flex-wrap: wrap; justify-content: center; gap: 50px; margin-bottom: 100px;}
.selectedPictures .picture-list .picture{height: 210px; width: calc(33.3333% - 40px); position: relative;}
.selectedPictures .picture-list .picture img{height: 100%; width: 100%; object-fit: cover; z-index: 1; position: relative; border-radius: 4px;}
.selectedPictures .picture-list .picture::before{content: '';position: absolute;background-image: url('../images/gallery/frame-big.webp');height: calc(100% + 40px);width: calc(100% + 34px);top: 50%;background-size: contain;background-repeat: no-repeat;background-position: center center;left: 50%;transform: translate(-50%, -50%);}

.selectedPictures .btn{line-height: 0px;width: 218px;height: 50px;display: block;margin: 0 auto;background: url('../images/gallery/seeAll.webp') center top no-repeat; transition: none;}
.selectedPictures .btn:hover{background-position: center -49px;}

/* attractions */
.attractions{height: auto;padding: 50px 20px;position: relative;z-index: 3;box-sizing: border-box;background-attachment: fixed;background-size: cover;text-shadow: 0px 0px 10px #000;box-shadow: 0 5px 20px 5px #000;text-transform: uppercase; position: relative;}
.attractions::before{content: ''; background-image: url('../images/attraction/line-pattern.webp'); width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.attractions .content{display: flex;flex-direction: column;align-items: center;padding-top: 50px;padding-bottom: 50px;}
.attractions .content .headline{font-size: 72px;color: #fff;line-height: 1;margin-bottom: 20px;}
.attractions .content .description ul{column-count: 2;font-size: 35px;color: #ffd600;text-transform: uppercase;line-height: 1;margin: 10px 0;column-gap: 100px;}
.attractions .content .description ul li{font-size: 35px;color: #ffd600;text-transform: uppercase;line-height: 1;margin: 10px 0;}

/* offer buttons */
.offer-buttons{background-image: url('../images/offer-buttons/belka.webp');height: 250px;width: 100%;background-position: center bottom;margin-top: -250px;position: relative;background-repeat: no-repeat;}
.offer-buttons .buttons{display: flex; gap: 40px; padding-top: 70px; justify-content: space-evenly;}
.offer-buttons .buttons .item{height: 150px; width: 220px; transition: none;}
.offer-buttons .buttons .item:nth-child(1){background-image: url('../images/offer-buttons/schools.webp'); background-position: center top;}
.offer-buttons .buttons .item:hover{background-position: center -150px; background-repeat: no-repeat;}
.offer-buttons .buttons .item:nth-child(2){background-image: url('../images/offer-buttons/personal.webp');}
.offer-buttons .buttons .item:nth-child(3){background-image: url('../images/offer-buttons/companies.webp');}

/* reservationSection */
.reservationSection{background-image: url('../images/reservation/deska-baner.jpg'); height: 480px; background-repeat: no-repeat; display: flex; align-items: center; background-position: center center;}
.reservationSection .graphic{background-image: url('../images/footer/reservation.webp');margin: 0 auto;display: block;width: 507px;height: 243px;background-position: center top;background-repeat: no-repeat;transition: none;background-repeat: no-repeat;}
.reservationSection .graphic:hover{background-position: center -242px;}

/* widget-publications-list */
.widget-publications-list .publication{background-image: url('../images/publication-list/publication-bg.jpg'); height: 1025px; background-repeat: no-repeat; background-position: center center; position: relative;}

/*.widget-publications-list .publication::before{content: ''; position: absolute; top: -50px; width: 100%; height: 140px; background-image: url('../images/publication-list/page-separator.webp');}*/

.widget-publications-list .publication .articles-list{padding-top: 270px; display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 900px; margin: 0 auto; row-gap: 40px;}
.widget-publications-list .publication .articles-list .article{max-width: 400px; width: 100%; display: flex; flex-direction: column; align-items: center; height: 280px; padding-bottom: 20px;}
.widget-publications-list .publication .articles-list .article img{height: 120px; border-image-width: 220px; object-fit: cover;border: 2px solid #8e7352; margin-bottom: 1rem; max-width: 250px;}
.widget-publications-list .publication .articles-list .article .headline{max-width: 300px; text-align: center; height: 63px;}
.widget-publications-list .publication .articles-list .article .headline a h3{font-size: 25px;margin-bottom: 10px;color: #a96d42; font-family:'PlaybillDOTRegular',Arial,Tahoma,Verdana,sans-serif,sans-serif;}
.widget-publications-list .publication .articles-list .article .description p{text-align: center;font-size: 16px;line-height: 16px;color: #9f8d7f;font-family: math;}
.widget-publications-list .publication .btn{    line-height: 0px;width: 218px;height: 50px;display: block;margin: 0 auto;background: url('../images/gallery/seeAll.webp') center top no-repeat;transition: none; margin-top: 40px; margin-bottom: 40px;}

.widget-publications-list .publication .articles-list .article:nth-child(1),
.widget-publications-list .publication .articles-list .article:nth-child(2){
    position: relative;
}
.widget-publications-list .publication .articles-list .article:nth-child(1):before,
.widget-publications-list .publication .articles-list .article:nth-child(2):before{content: '';position: absolute;bottom: 0;width: 100%;left: 0;background-image: url('../images/publication-list/separator.png');height: 8px;background-repeat: no-repeat;background-position: center center;}

/* articles list */
.articles-list-page .article .title{font-family:'PlaybillDOTRegular',Arial,Tahoma,Verdana,sans-serif,sans-serif;}

/* graphic-text */

.graphic-text{padding-top: 100px; padding-bottom: 100px; background-position: center center; background-repeat: no-repeat; background-attachment: fixed; display: flex; justify-content: center; align-items: center;}
.graphic-text .content{display: flex; flex-direction: column; padding: 0 100px;}
.graphic-text .content .headline{font-size: 72px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 10px #000000; line-height: 72px; color: #fff;}
.graphic-text .content .description{font-size: 72px;color: #e6a017; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 10px #000000; line-height: 72px;}
.graphic-text .content .description p{margin-bottom: 0; color: #e6a017;}

.widget-westerland-features-aside-menu {border-top: 1px solid transparent; box-sizing: border-box;}
.aside-features{display: flex; flex-direction: column; gap: 50px; position: fixed; left: 0;  width: 100px; height: auto; z-index: 7; padding-top: 10%;}
.aside-features .areaBtn{background-image: url('../images/asideFeatures/mapa_obiektu.webp'); width: 129px; height: 245px; margin-left: -20px; transition: all 200ms; cursor: pointer;}
.aside-features .areaBtn:hover{margin-left: 0;}
.aside-features .reservationBtn{background-image: url('../images/asideFeatures/rezerwacje.webp'); width: 172px; height: 158px; margin-left: -25px; transition: all 200ms; cursor: pointer;}
.aside-features .reservationBtn:hover{margin-left: 0;}

.popup-modal{display: none;}
.popup-modal.active{display: block; position: fixed; z-index: 1001; height: 100%; width: 100%;}

.popup-modal .overlay{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.51); display: flex; justify-content: center; align-items: center;}

.popup-modal .overlay .area{display: none;}
.popup-modal .overlay .area.active{height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;position: relative;}
.popup-modal .overlay .map{background-image: url('/public/images/mapa-terenu.gif');max-width: 660px;max-height: 750px;width: 100%;height: 100%;background-repeat: no-repeat;background-size: contain;background-position: center center; position: relative;}

.popup-modal .overlay .map .closeBtn{position: absolute;top: 40px;right: 40px;background-image: url(../images/asideFeatures/x.png);width: 33px;height: 36px;cursor: pointer;}

.popup-modal .overlay .reservation{display: none;}
.popup-modal .overlay .reservation.active{height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;position: relative;}
.popup-modal .overlay .graphic{background-image: url('../images/asideFeatures/reservation-body.webp');max-width: 850px;max-height: 540px;width: 100%;height: 100%;background-repeat: no-repeat;background-size: contain;background-position: center center; position: relative;}

.popup-modal .overlay .graphic .closeBtn{position: absolute;top: 40px;right: 40px;background-image: url(../images/asideFeatures/x.png);width: 33px;height: 36px;cursor: pointer;}

.popup-modal .overlay .graphic .options{display: flex; flex-wrap: wrap;}
.popup-modal .overlay .graphic .options .option:nth-child(1){background-image: url('../images/asideFeatures/reservation_buttons.webp'); position: absolute; width: 164px; height: 110px; background-repeat: no-repeat; display: block; background-position: left top; top: 163px; left: 370px; transition: none;}
.popup-modal .overlay .graphic .options .option:nth-child(1):hover{background-position: left -111px;}

.popup-modal .overlay .graphic .options .option:nth-child(2){background-image: url('../images/asideFeatures/reservation_buttons.webp'); position: absolute; width: 164px; height: 110px; background-repeat: no-repeat; display: block; background-position: center top; top: 163px; left: 600px; transition: none;}
.popup-modal .overlay .graphic .options .option:nth-child(2):hover{background-position: center -111px;}

.popup-modal .overlay .graphic .options .option:nth-child(3){background-image: url('../images/asideFeatures/reservation_buttons.webp'); position: absolute; width: 164px; height: 110px; background-repeat: no-repeat; display: block; background-position: 99% top; top: 335px; left: 490px; transition: none;}

.popup-modal .overlay .graphic .options .option:nth-child(3):hover{background-position: 99% - 111px;}

.reservation-link{cursor: pointer;}


/* articles list page */
.articles-list-page .article .link{font-weight: bold;font-family: 'Open Sans Condensed',Tahoma,Verdana,Arial;font-size: 13px;color: #000;padding: 0; transition: all 200ms;}
.articles-list-page .article .link:hover{color: #e6a017;}
.articles-list-page .article .title a{text-transform: uppercase;}
.articles-list-page .separator{height: 2px;width: 100%;background: black;margin: 40px 0;}
.articles-list-page .article picture img{border-radius: 4px;margin-bottom: 1rem;border: 3px solid #d9d9d9;}


/* gallery */

.gallery-category{display: flex; flex-direction: column;}
.gallery-category .gallery-item-image{border: 5px solid white; position: relative;}
.gallery-category .gallery-item-image::before{content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: black; opacity: 0; transition: all 200ms;}
.gallery-category .gallery-item-image::after{content: ''; width: 22px; height: 22px; background-image: url('../images/search.svg'); background-repeat: no-repeat; background-position: center center; background-size: contain; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; opacity: 0; transition: all 200ms;}

.gallery-categories .gallery-item:hover .gallery-item-image::before{opacity: 0.3;}
.gallery-categories .gallery-item:hover .gallery-item-image::after{opacity: 1;}
.gallery-category .gallery-item-title{font-size: 21px;text-align: center;padding-bottom: 5px;padding-top: 5px;background: white;margin-bottom: 2rem;}

.gallery-images .gallery-item-image{border: 5px solid white; margin-bottom: 1rem; position: relative;}
.gallery-images .gallery-item-image::before{content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: black; opacity: 0; transition: all 200ms;}
.gallery-images .gallery-item-image::after{content: ''; width: 22px; height: 22px; background-image: url('../images/search.svg'); background-repeat: no-repeat; background-position: center center; background-size: contain; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; opacity: 0; transition: all 200ms;}

.gallery-images .gallery-item:hover .gallery-item-image::after{opacity: 1;}
.gallery-images .gallery-item:hover .gallery-item-image::before{opacity: 0.3;}

/* publication */
.page-article-gallery .page-image-item{height: 170px;}
.page-article-gallery .page-image-item picture img{height: 100%; width: 100%; object-fit: cover;}

/* articles menu offer */
.paper-body .widget-menu ul li a::before{content: none;}
.paper-body .widget-menu ul li a{display: block;padding: 0px 0px 0px 12px !important;margin-top: 10px;font-family: 'PlaybillDOTRegular',Tahoma,Arial,sans-serif;line-height: 28px !important;font-size: 28px;text-transform: uppercase;color: #000;text-transform: uppercase !important; transition: all 200ms;}
.paper-body .widget-menu ul.menu-dropdown li.active a{color: #e6a017;}
.paper-body .widget-menu ul li a:hover{color: #e6a017;}
.paper-body .widget-menu ul li ul.menu-dropdown,
.paper-body .widget-menu ul li:hover ul.menu-dropdown
{display: none !important;}
.paper-body .widget-menu ul li.active ul.menu-dropdown{display: block !important;}
.paper-body .widget-menu ul li ul.menu-dropdown.active{display: block !important;}
.paper-body .widget-menu ul li ul.menu-dropdown li a{font-family: 'Open Sans Condensed',Tahoma,Verdana,sans-serif;font-weight: 700;background-repeat: no-repeat;background-position: left 7px;padding: 0px 0px 0px 12px !important;font-size: 14px;transition: all 200ms;line-height: 18px !important;text-transform: none !important;}
.paper-body .widget-menu ul li ul.menu-dropdown li a:hover{color: #e6a017;}
.paper-body .widget-menu ul li ul.menu-dropdown li:hover a{color: #e6a017;}
.paper-body .widget-menu ul li ul.menu-dropdown li.active a{color:  #e6a017;}
.paper-body .widget-menu ul.menu-root li:hover > a, .paper-body .widget-menu ul.menu-root li a:hover, .paper-body .widget-menu ul.menu-root li.active > a{color: #000000;}

/*reservation form*/
.show-label label {display: block;}
.show-label label {font-family: 'Open Sans',Tahoma,Arial,sans-serif; font-size: 10px; color: #000; text-transform: uppercase;}

.form-group>label.checkbox {}


.form-section {display: flex; align-items: center;}
.form-section + .form-section {margin-top: 25px; padding-top: 25px; border-top: 1px solid #000;}
.form-section .form-section-label {flex: 0 1 50%; padding-right: 10px; margin-bottom: 1rem; font-size: 24px; color: #000; text-align: right; text-transform: uppercase;}
.form-section .form-section-content {flex: 1 1 100%;}
.form-section .form-section-label + .form-section-content {flex: 0 1 50%; padding-left: 10px;}

.form-section.form-attractions-section {align-items: flex-start;}

.form-section input[type=text],
.form-section input[type=number],
.form-section textarea {border-color: transparent; background: rgba(0,0,0,.15) !important;}
.form-section input[type=text]:focus,
.form-section input[type=number]:focus,
.form-section textarea:focus {border-color: rgba(230,160,23,.3);}

.form-field-container {display: flex;}
.form-field-container .form-field-label {flex: 0 1 50%; padding-right: 10px; margin-bottom: 1rem; font-size: 24px; color: #000; text-align: right; text-transform: uppercase;}
.form-field-container .form-field {flex: 0 1 50%; padding-left: 10px;}
.form-field-container .form-field .input-group.date {max-width: 120px;}
.form-field-container .form-field .input-group.date input {border-radius: .25rem;}
.form-field-container .form-field .input-group.date .input-group-append {display: none;}
.form-field-container .form-field input[type=number] {max-width: 60px;}
.form-field-container .form-field .form-control-type-radio-group,
.form-field-container .form-field .form-control-type-radio-yes-no {min-height: 36px; padding-top: 8px;}

.attractions-checkboxes .checkbox > span {font-size: 1rem; line-height: 20px;}
.attractions-checkboxes .checkbox > span .attraction-price {font-weight: bold; color: #f00;}

.reservation-form {position: relative;}
.reservation-form input.submit-book {display: block; width: 220px; height: 34px; background-image: url('../images/rezerwuj.webp'); background-position: center top; margin: 0 auto; border: none; background-color: transparent; cursor: pointer;}
.reservation-form input.submit-book:hover {background-position: center bottom; }

.reservation-form .total-price {display: block; font-size: 30px; color: #000; text-align: center; text-transform: uppercase;}
.reservation-form .total-price .price {color: #f00;}
/*reservation form end*/

/*alert container*/
.alert-container {position: sticky; top: 1rem; z-index: 1;}
/*alert container end*/

.widget-westerland-popup{display: none;}
.widget-westerland-popup.active{display: block;}
.widget-westerland-popup .blacklayout{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: black; opacity: 0.6; z-index: 1000;}
.widget-westerland-popup .popup-container{position: fixed;z-index: 1001;max-width: 800px;left: 50%;top: 50%;transform: translate(-50%, -50%); max-height: calc(100vh - 100px); overflow-y: auto;}
.widget-westerland-popup .popup-container .navigation{font-size: 24px;position: absolute;top: 0;right: 0;color: black; background: white; width: 45px; height: 45px; display: flex; justify-content: center; align-items: center;cursor: pointer;}
.widget-westerland-popup .popup-container .button{position: absolute;bottom: 0;right: 0;font-size: 25px;padding: 10px;background: white;width: 150px;border-radius: 0px;text-align: center;}

.widget-westerland-popup .popup-container .image{width: 100%; height: 100%;}
.widget-westerland-popup .popup-container .image img{width: 100%; height: 100% !important; object-fit: cover; display: block; } 

.widget-westerland-popup .popup-container::-webkit-scrollbar {width: 12px;               /* width of the entire scrollbar */}
  
.widget-westerland-popup .popup-container::-webkit-scrollbar-track {background: rgb(255, 255, 255);        /* color of the tracking area */}
  
.widget-westerland-popup .popup-container::-webkit-scrollbar-thumb {background-color: rgb(82, 82, 82); border-radius: 20px; border: 3px solid rgb(255, 255, 255); }


@media screen and (max-width: 1600px){
    .graphic-text .content .headline,
    .attractions .content .headline
    { font-size: clamp(1.875rem, 1.131rem + 3.306vw, 4.438rem); /*71px -?30px*/ line-height: clamp(1.875rem, 1.131rem + 3.306vw, 4.438rem);}
    .graphic-text .content .description{font-size: clamp(1.875rem, 1.131rem + 3.306vw, 4.438rem); /*71px->30px*/ line-height: clamp(1.875rem, 1.131rem + 3.306vw, 4.438rem);}
}

@media screen and (max-width: 1600px){
    /* kpo */
    .header-kpo{background-image: url('../images/dofinansowanie-ue.webp');}
}

@media screen and (max-width: 1100px){
    header .navbar .navbar-brand{left: 25px;}
}

@media screen and (max-width: 1050px){
    header .navbar .navbar-brand{background-size: contain; background-position: center center; background-repeat: no-repeat; width: 175px;}
    header .main-menu{padding-right: 30px;}
}

@media screen and (max-width: 996px) {
    header .navbar{top: 20px; justify-content: space-between;}

    header{background-image: none;}
    header .navbar .hamburger{transition: 150ms linear all;position: relative; display: flex;flex-direction: column;top: 0;right: 0;background: #471d14;width: 71px;height: 71px;border-radius: 3px;padding: 15px; justify-content: center; gap: 8px;}
    header .navbar .hamburger .bar{height: 6px; width: 100%; background-color: white;}
    header .menu-root{display: flex !important;flex-direction: column;position: fixed;right: -300px;transition: all 200ms;height: 100vh;top: 0;justify-content: center;align-items: center;max-width: 250px;width: 100%;z-index: 10;background: url('../images/menu/bg_map_pattern.webp'); background-position: left center; background-repeat: no-repeat;}

    header .menu-root.active{right: 0;}
    header .navbar .main-menu ul.menu-root li a{color: black;}
    header .menu-nav-wrapper.active{position: fixed;width: 100vw;height: 100vh;top: 0;left: 0;background-color: #00000085;z-index: 10;}

    /* kpo */
    .header-kpo{background-image: url('../images/dofinansowanie-ue.webp'); position: absolute; top: 34px; right: 320px;}


    .notification{display: flex;justify-content: flex-end;position: absolute;top: 80px;padding-right: 100px;left: 185px;}
    body.blocked{overflow-y: hidden;}

    .watchmovie-container .video-anchor{top: 15px; left: auto; right: 90px;}

    .offer-buttons{height: 210px;}
    .offer-buttons .buttons{width: 745px; padding-top: 0;}
    .offer-buttons .content{display: flex; justify-content: center; flex-wrap: wrap; top: 80px;}
    
    .homepage-widgets .widget-sliders .widget-entity-inner .widget-slider .slick-slider .slick-list .slick-slide{height: calc(100vh - 140px);}
    .homepage-widgets .widget-sliders .widget-entity-inner .widget-slider .slick-slider .slick-list .slick-slide picture img{object-fit: cover;}


    .aside-features .areaBtn{display: none;}
    .aside-features .reservationBtn{display: none;}

    .widget-publications-list .publication{background-image: url('../images/publication-list/handbook.png'); background-size: 100% 100%; background-position: center center; padding: 0 50px; height: 100%;}

    .widget-publications-list .publication .articles-list{position: relative; padding-top: 200px; justify-content: center; padding-bottom: 60px;}
    .widget-publications-list .publication .articles-list::before{content: 'Aktualności'; position: absolute;  left: 50%; top: 50px; transform: translateX(-50%); color: #b76252;font-size: 76px;text-align: center; text-transform: uppercase;}
    

    body.homepage footer .footer-top{background-image: none;}

    .selectedPictures{position: relative;}
    .selectedPictures::before{content: '';position: absolute;left: 50%;top: 50px;transform: translateX(-50%);background-image: url('../images/gallery/tag.webp');height: 167px;width: 100%;background-position: center center;background-repeat: no-repeat;background-size: contain;}
    .selectedPictures .picture-list .picture{height: 210px; width: calc(50% - 185px);}

    footer .reserve-container{height: 360px;}
    footer .reserve-container .reservation-btn,
    footer .reserve-container .reservation-btn:hover{background-image: url('../images/reservation/rezer.webp'); width: 100%; height: 300px; background-size: contain; background-position: center;}
    
    .reservationSection{background-image: none;}

    .reservationSection .graphic,
    .reservationSection .graphic:hover{
        background-image: url('../images/reservation/rezer.webp'); width: 100%; height: 300px; background-size: contain; background-position: center;
    }

    footer .footer-top .contact-details{background-image: url('../images/footer/footer.webp');}

    body.page footer .footer-top{background-image: none;}
}

@media screen and (max-width: 850px){
    .offer-buttons .buttons .item{transform: scale(0.8);}

    
}

@media screen and (max-width: 800px){
    /* kpo */
    .header-kpo{background-image: url('../images/dofinansowanie-ue-mobile.webp'); width: 72px;}

    .reservationSection .graphic{max-width: 435px; height: 208px; background-size: contain;}
    .reservationSection{height: 100%; padding: 50px 0;}
    
    .popup-modal .overlay .graphic .options .option:nth-child(1){top: 163px; left: auto; right: 38%;}
    .popup-modal .overlay .graphic .options .option:nth-child(2){top: 163px; left: auto; right: 13%;}
    .popup-modal .overlay .graphic .options .option:nth-child(3){top: 335px; left: auto; right: 38%;}
}

@media screen and (max-width: 767px){
    .widget-westerland-popup .popup-container{width: calc(100% - 40px); max-width: 100%;}


    .offer-buttons{padding-bottom: 400px; background-position: center top;}
    .offer-buttons .content{flex-wrap: wrap;}
    .offer-buttons .buttons{flex-wrap: wrap; gap: 20px;}

    /* notification */
    .notification{justify-content: center; top: 100px; padding-right: 0; left: 50%; right: 50%; width: 100%; transform: translateX(-50%);}
    .notification::after{right: -18px;}
    .notification marquee{max-width: 100%; width: 100%;}

    .attractions .content .description ul li{font-size: 24px;}

    .selectedPictures .picture-list .picture{max-height: 165px; height: 100%; width: calc(50% - 40px);}
    .selectedPictures .picture-list .picture::before{height: calc(100% + 40px); width: calc(100% + 40px);}
    .selectedPictures .picture-list .picture img{max-height: 165px; height: 100%; object-fit: cover;}

    /* aside menu offer */
    body.page .paper-body .widget-menu{margin-bottom: 50px; display: flex; justify-content: center;}
}

@media screen and (max-width: 650px){
    .watchmovie-container .video-anchor{width: 52px;height: 38px;background: #b71616 url('../images/play.svg') center center no-repeat;border-radius: 10px;top: 68px;right: 60px;position: absolute;}
    .watchmovie-container .video-anchor:hover{background-position: center center;}

    header .navbar .navbar-brand{left: 0; position: relative;}
    header .navbar .hamburger{    transition: 150ms linear all;position: relative;display: flex;flex-direction: column;top: 12px;right: 0;background: #471d14;width: 48px;height: 48px;border-radius: 3px;padding: 10px;justify-content: center;gap: 4px;}
    header .navbar{padding: 0;}

    /* kpo */
    .header-kpo{top: 80px; right: 170px;}


    .popup-modal .overlay .graphic .options .option:nth-child(1),
    .popup-modal .overlay .graphic .options .option:nth-child(2),
    .popup-modal .overlay .graphic .options .option:nth-child(3)
    {transform: scale(0.7);}

    .popup-modal .overlay .graphic .options .option:nth-child(3){top: 305px;}
}

@media screen and (max-width: 600px){
    .notification{top: 120px;}

    .widget-publications-list .publication .articles-list{padding-top: 160px;}
    .widget-publications-list .publication .articles-list::before{font-size: 55px;}
    .widget-publications-list .publication .articles-list .article{height: auto; position: relative;}
    .widget-publications-list .publication .articles-list .article::before{content: '';position: absolute;bottom: 0;width: 100%;left: 0;background-image: url('../images/publication-list/separator.png');height: 8px;background-repeat: no-repeat;background-position: center center;
    }

    .graphic-text .content{padding: 0 50px;}

    .attractions .content .description ul{column-count: 1;column-gap: 0;}

    footer .reserve-container{height: 260px;}

    body.page .page-separator .container-wide:nth-child(1){padding: 0;}
    body.page footer .reserve-container{height: 100%;}

    /*reservation form*/
    .form-section {display: block;}
    .form-section .form-section-label {padding-right: 0; text-align: left;}
    .form-section .form-section-label + .form-section-content {padding-left: 0;}

    .form-field-container {display: block;}
    .form-field-container .form-field-label {padding-right: 0; text-align: left;}
    .form-field-container .form-field {padding-left: 0;}
    /*reservation form end*/

}

@media screen and (max-width: 510px){
    .offer-buttons{height: fit-content; padding-bottom: 60px;}

}

@media screen and (max-width: 500px){
    header{padding: 0 25px;}
    header .navbar .navbar-brand{width: 125px;}

    .watchmovie-container .video-anchor{right: 55px;}
    /* kpo */
    .header-kpo{width: 57px; height: 38px; top: 88px; right: 140px;}

    footer .footer-top .contact-details .content{flex-wrap: wrap;}

    .selectedPictures .picture-list .picture img{aspect-ratio: 4 / 3;}

    .popup-modal .overlay .graphic{background-size: cover;}
    .popup-modal .overlay .graphic .options .option:nth-child(2){right: 9%;}

    .selectedPictures{padding-top: 250px;}
}

@media screen and (max-width: 450px){
    body.page .page-separator{padding: 0;}
    footer .rights .paper{padding: 0;}
}

@media screen and (max-width: 440px){
    .selectedPictures .picture-list .picture{width: calc(50% + 40px);}
}

@media screen and (max-width: 400px){
    .popup-modal .overlay .graphic .options .option:nth-child(2){right: 0;}
}