/*--------------------------------------------------------------
# Main style & custom components
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Oooh+Baby&display=swap');

body {
    margin: 0;
    background: #fff;
    color: #333;
    font-family: "Quicksand", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.62857;
}

a {
    color: #208251;
    background-color: transparent;
    transition: .2s ease-in-out;
}

a:active,
a:hover {
    color: #208251;
    outline: 0;
    text-decoration: none;
}

.kroczek {
    font-family: "Oooh Baby", Helvetica, Arial, sans-serif;
}

.hdng-scnd-wrd .kroczek {
    font-size: 2.4rem
}

p {
    margin-bottom: 1rem;
    font-size: 1.1rem;
    font-weight: 400;
}

strong {
    font-weight: 700;
}

.more {
    line-height: 2rem;
}

.more a,
button,
body.page-id-68 .wpcf7 input[type="submit"],
body.page-id-537 .wpcf7 input[type="submit"],
.apw-sidebar .apws-sort input[type="submit"],
.modal-box input[type="submit"],
#wc ul.products li.product .button,
.entry-content input[type="submit"] {
    transition: .2s ease-in-out;
    background: transparent;
    border: 2px solid #208251;
    color: #fff;
    border-radius: 24px;
    padding: .7rem 1.7rem;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
}

.more a:hover,
button:hover,
body.page-id-68 .wpcf7 input[type="submit"]:hover,
body.page-id-537 .wpcf7 input[type="submit"]:hover,
.apw-sidebar .apws-sort input[type="submit"]:hover,
.modal-box input[type="submit"]:hover,
#wc ul.products li.product .button:hover,
.entry-content input[type="submit"]:hover {
    background: #208251;
    border-color: #359f6a;
    box-shadow: 0px 10px 10px #00000024;
}

.more button .fa-solid {
    padding-left: .5rem;
    color: #208251;
}

.more a:hover .fa-solid {
    color: #fff;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.mastheader {
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    z-index: 10000;
    transition: all 0.2s ease-in-out;
    height: auto;
    background-color: transparent;
    text-align: center;
    line-height: 40px;
    transition: .2s ease-in-out;
}

header.active {
    background: #333;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    transition: .2s ease-in-out;
}

.mastheader .container-fluid {
    padding: 0 3rem;
}


body.szukaj-template .mastheader,
body .mastheader {
    background: #333;
}

.mh-main {
    padding: 2.25rem 0;
    position: relative;
}

.mh-main .row {
    align-items: center;
}

.logo {
    height: auto;
}

.logo img {
    max-width: 180px;
}

.mhm-btn {
    text-align: right;
}

.navbar {
    margin: 0;
    padding: 0;
}

.navbar-light .navbar-nav .nav-link {
    color: #fff;
    margin: 0 2rem;
    padding: 0;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #208251
}

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .open>.nav-link {
    color: #208251
}

.ul-w-100 .container {
    max-width: 800px;
}

#menu-item-392 a.dropdown-toggle,
#menu-item-568 a.dropdown-toggle,
#menu-item-393 a.dropdown-toggle {
    display: none;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0;
    margin: .125rem 0 0;
    font-size: .9rem;
    color: #333;
    text-align: center;
    list-style: none;
    background-color: #208251;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: .25rem;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .05rem 1rem;
    clear: both;
    font-weight: 400;
    color: #fff;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #1a643f;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #1a643f;
}

.dropdown-toggle::after {
    content: none
}


/*--------------------------------------------------------------
# Homepage
--------------------------------------------------------------*/

.top {
    z-index: 9;
}

.parallax {
    padding: 20rem 0 5rem;
    height: 100vh;
}

.search-container input[type=search],
.parallax input[type=search] {
    -webkit-appearance: none;
    padding: 1.25rem 3rem 1.25rem 1rem;
    border: none;
    width: 390px;
}

.search-container .search-label,
.parallax .search-label {
    position: relative;
}

.search-container .search-label .fa-solid,
.parallax .search-label .fa-solid {
    position: absolute;
    top: 21px;
    right: 2rem;
    color: #208251
}

.search-button {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.search-button .search-icon {
    color: inherit;
    font-size: 1.2em;
}

.search-button:focus {
    outline: none;
}

.page-title__search {
    padding: 24rem 0 10rem;
    margin-top: 0;
    position: relative;
    margin-bottom: 3.75rem;
}


.page-title__search .mask {
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(12deg, rgb(0 0 0 / 41%) 0%, rgb(0 0 0 / 69%) 50%, rgb(0 0 0 / 0%) 75%, rgb(0 0 0 / 0%) 80%);
    top: 0;
    left: 0;
}

.page-title__search .search-container,
.page-title__search .container-big {
    position: relative;
    z-index: 9;
}

body.szukaj-template .entry-content,
body.search-no-results .entry-content {
    width: 100%;
}

.entry-content__404 {
    width: 100%;
    text-align: center;
}

.entry-content__404 p {}

.page-title__search .pt-inner h1 {
    color: #fff;
}

.page-title__search .pt-inner h3 {
    color: #83c9a6;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0px;
}

.entry-content .entry-content__404 h3,
.hdng-srch {
    width: 100%;
    margin: 0 auto 3.75rem auto !important;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.75rem;
}

.parallax .p-inner {
    position: relative;
    z-index: 9999;
    text-align: center;
}

.parallax .p-inner h2 {
    margin: 0 auto 5rem;
    font-size: 4.5rem;
    max-width: 60%;
    color: #fff;
}

.parallax .p-inner h2 span.kroczek {
    font-size: 5.5rem;
    display: block;
}

.parallax .p-inner h3 {
    margin: 0 0 3rem;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: .2rem;
    text-transform: uppercase;
    color: #fff;
}

.parallax .p-inner h3 span {
    background: #208251;
    padding: .2rem
}

.parallax .p-inner .pi-content {
    font-size: 1.1rem;
    margin: 0 auto 5rem auto;
    max-width: 45%;
    color: #e5e5e5;
    letter-spacing: 0px;
}

.parallax .p-inner pi-content p {
    text-shadow: 0px 3px 3px #000000;
}

.parallax .mask {
    z-index: 99;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(161deg, rgb(0 0 0 / 30%) 0%, rgb(0 0 0 / 15%) 50%, rgb(0 0 0 / 35%) 75%, rgb(0 0 0 / 35%) 80%);
    background-attachment: fixed;
    top: 0;
    left: 0;
}

@-webkit-keyframes narrowing {
    0% {
        letter-spacing: 0.2em;
    }

    50% {
        letter-spacing: -0.72px;
    }

    100% {
        opacity: 1;
    }
}

@keyframes narrowing {
    0% {
        letter-spacing: 0.2em;
    }

    50% {
        letter-spacing: -0.72px;
    }

    100% {
        opacity: 1;
    }
}

.search-container {
    position: relative;
    display: flex;
    justify-content: center;
}

.live-search-results {
    display: none;
    position: absolute;
    top: 100%;
    background-color: #fff;
    width: 100%;
    max-width: 576px;
    border: none;
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
    border-radius: 0px;
}

.live-search-results a {
    display: block;
    padding: .65rem;
    color: #333;
    text-decoration: none;
    border: none;
    border-radius: 0;
}

.live-search-results a:hover {
    background: #208251;
    color: #fff;
}

body.szukaj-template .pwa-box,
body.search-results .pwa-box {
    padding: 0 0 2rem 0rem;
    border-right: 2px solid #208251;
    border-bottom: 2px solid #208251;
    border-left: 2px solid #208251;
}

.search_tax {
    font-weight: 700;
    background: #333;
    padding: 0.5rem 1rem;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase
}

.search_tax a {
    font-weight: 400;
    font-size: .8rem;
    color: #fff;
}

body.szukaj-template .pwa-box h2 a:hover,
body.search-results .pwa-box h2 a:hover,
.search_place a:hover,
.search_tax a:hover {
    color: #208251;
}

body.szukaj-template .pwa-box h2,
body.search-results .pwa-box h2 {
    background: #fff;
    font-size: 1.3rem;
    margin: 0;
    padding: 2rem 1rem 1rem 1rem;
    min-height: 93px
}

.search_place {
    text-align: center;
    padding: 0 1rem;
    margin: 0 0 2rem;
    min-height: 54px;
}

span.subcategory-link,
a.subcategory-link {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
}

.child-subcategories {
    margin-top: 0rem;
    min-height: 52px;
}

.search_excerpt {
    padding: 0 1rem;
}

.search_excerpt p {
    font-size: .85rem;
    text-align: center;
}

.search_info {
    padding: 0 1rem;
    font-size: .85rem
}

.search_info .si-left .woocommerce-Price-amount {
    font-weight: 700;
}

.search_info .si-left .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
    font-weight: 300
}

.search_info .si-right {
    text-align: right;
    font-weight: 700
}

body.szukaj-template .thumb-img,
body.search-results .thumb-img {
    position: relative;
    overflow: hidden;
}

body.szukaj-template .thumb-img img,
body.search-results .thumb-img img {
    height: 315px;
    width: 100%;
    object-fit: cover;
    display: block;
    transition: opacity 0.3s ease;
}

body.szukaj-template .thumb-img::before,
body.search-results .thumb-img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    /* Przyciemnienie */
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

body.szukaj-template .thumb-img:hover::before,
body.search-results .thumb-img:hover::before,
body.szukaj-template.thumb-img:hover .view-details-btn,
body.search-results .thumb-img:hover .view-details-btn,
body.szukaj-template .thumb-img .view-details-btn:hover,
body.search-results .thumb-img .view-details-btn:hover {
    opacity: 1;
}

body.szukaj-template .view-details-btn,
body.search-results .view-details-btn {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.2s ease-in-out, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    background: transparent;
    border: 2px solid #208251;
    color: #fff;
    border-radius: 24px;
    padding: 0.7rem 1.7rem;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    z-index: 2;
    text-decoration: none;
    width: 220px;
}

body.szukaj-template .thumb-img:hover .view-details-btn,
body.search-results .thumb-img:hover .view-details-btn,
body.szukaj-template .thumb-img .view-details-btn:hover,
body.search-results .thumb-img .view-details-btn:hover {
    opacity: 1;
}

body.szukaj-template .view-details-btn:hover,
body.search-results .view-details-btn:hover {
    background: #208251;
    border-color: #359f6a;
    box-shadow: 0px 10px 10px #00000024;
}

/* The element to apply the animation to h2 heading */

.nf-opacity {
    opacity: 0;
}

.nf-narrowing {
    -webkit-animation: narrowing forwards;
    animation: narrowing forwards;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}


/*# sourceMappingURL=nf-animation.css.map */

.about {
    background: #2082511a;
    padding: 6.75rem 0
}

.about .section-title {
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    color: #208251;
}

.about .section-title h2 {
    font-size: 5rem;
    margin: 9rem 0 6.75rem;
    color: #333;
}

.about .section-title h2 span.kroczek {
    background: transparent;
    color: #333;
    font-size: 7rem
}

.atl-content {
    text-align: right;
}

.atl-content p {
    font-size: 1rem;
    color: #4f4f4f;
    margin-bottom: .75rem;
}

.atl-content h3 {
    font-size: 1.8rem;
    margin: 3rem 0 1rem;
    color: #333;
}

.at-center {
    text-align: center;
    position: relative;
}

.atr-content,
.atr-content1,
.atr-content2,
.atr-content3 {
    position: relative;
}

.at-right>*:nth-child(1) h3,
.at-right>*:nth-child(2) h3,
.at-right>*:nth-child(3) h3 {
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    margin: 0 0 .5rem;
}

.at-right>*:nth-child(1) p,
.at-right>*:nth-child(2) p,
.at-right>*:nth-child(3) p {
    font-size: 1rem;
    color: #4f4f4f;
    margin-bottom: 0rem;
}

.at-right .fa-regular,
.at-right .fa-solid {
    position: absolute;
    color: #208251;
}

.at-right>*:nth-child(1) .fa-regular {
    font-size: 5rem;
    top: -4.5rem;
    left: 19rem;
}

.at-right>*:nth-child(2) .fa-solid {
    font-size: 5rem;
    top: -4rem;
    left: 19rem;
}

.at-right>*:nth-child(3) .fa-solid {
    font-size: 5rem;
    top: -4rem;
    left: 15rem;
}

.at-right>*:nth-child(2) {
    margin: 5rem 0 5rem 2rem
}

.section-title {
    padding: 0 0 6.75rem 0;
}

.st-img-right {
    position: absolute;
    right: 0rem;
    top: -13.5rem;
    z-index: 9999;
}

.st-img-right img {
    max-width: 90%;
    text-align: right;
}

.section-title h1,
.section-title h2 {
    font-size: 2rem;
    margin: 0;
}

.section-title h1 span,
.section-title h2 span,
.section-title h3 span {
    background: #208251;
    color: #fff;
    padding: .0rem .2rem;
}

.section-title h3 {
    font-size: 2rem;
    margin: 1rem 0 1.5rem 0
}

.section-title .st-txt {
    font-size: 1.1rem;
    max-width: 45%;
}

.section-title .st-img {
    margin: 0 0 2rem;
}

.section-title .st-img img {
    max-width: 18%;
}

.section-title .more {
    margin-top: 3rem;
}

.section-title .more a {
    color: #333;
}

.four-widgets .row>* {
    padding: 5rem 3rem;
    background: #ddd;
}

.four-widgets .row>*:nth-child(1) {
    background: #208251
}

.four-widgets .row>*:nth-child(2) {
    background: #dfede7
}

.four-widgets .row>*:nth-child(3) {
    background: #2082511a
}

.four-widgets .row>*:nth-child(4) {
    background: #cbe2d79c
}

.four-widgets .box {
    text-align: center;
}

.four-widgets .box .fwb-icon img {
    max-width: 130px;
    border-radius: 100%;
    margin: 0 0 2rem;
}

.four-widgets .box h3 {
    margin: 0 0 1rem;
    font-size: 1.4rem;
    font-weight: 700;
}

.four-widgets .box .fwb-txt {
    font-size: .85rem;
    max-width: 75%;
    color: #888;
    margin: 0 auto;
}

.trip-type {
    position: relative;
}

.trip-type .section-title {
    background: #fff;
    padding: 6.75rem 0 3rem;
    text-align: center;
}

.trip-type .section-title .st-txt {
    margin: 0 auto;
}

.trip-type .row>* {
    padding-right: 0;
    padding-left: 0;
    position: relative;
}

.trip-type .row>*:nth-child(5) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.scnd-clm a>* {
    height: 100%;
    margin-right: 15px;
}

.trip-type .box {
    padding: 12rem 3rem;
    position: relative;
}

.trip-type .mask {
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(12deg, rgb(0 0 0 / 65%) 0%, rgb(0 0 0 / 0%) 50%, rgb(0 0 0 / 0%) 75%, rgb(0 0 0 / 0%) 80%);
    top: 0;
    left: 0;
}

.trip-type .box:hover {}

.trip-type .tt-icon {
    position: absolute;
    z-index: 9999;
    text-align: center;
    margin: 0;
    bottom: 4rem;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    font-weight: 700;
}

.trip-type .tt-icon .fa-solid {
    color: #fff;
    background: transparent;
    padding: 1.15rem 1.05rem;
    border: 2px solid #208251;
    border-radius: 100%;
    width: 78px;
}

.trip-type .first-box {
    padding: 12rem 1rem;
}

.trip-type .first-box h3 {
    width: 100%;
    font-size: 2.4rem !important;
    bottom: 7rem !important;
    font-weight: 400 !important;
    color: #fff;
}

.trip-type .first-box h3 span {
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    margin-top: .5rem;
}

.trip-type .box h3 {
    position: absolute;
    z-index: 9999;
    text-align: center;
    margin: 0;
    bottom: 3rem;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
}

.trip-type .box h3,
.trip-type .box h3 a {
    color: #fff;
}

.trip-type .thrd-clm a>*:nth-child(2) {
    width: 50%;
    float: left;
    min-height: 768px;
}

.trip-type .thrd-clm>*:nth-child(3) {
    width: 50%;
    float: left;
    min-height: 384px;
}

.trip-type .thrd-clm>*:nth-child(4) {
    width: 50%;
    float: left;
    min-height: 384px;
}

.searchbar {
    padding: 3.75rem 0;
    background: #333;
    text-align: center;
    color: #fff;
}

.searchbar .section-title {
    padding: 0;
}

.searchbar .section-title h2 {
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0rem 0 3rem;
}

.selected-tours {
    padding: 6.75rem 0;
    background: #2082511a;
}

.blog .section-title {
    padding-bottom: 5rem;
    text-align: center;
}

.blog .section-title .st-txt {
    font-size: 1.1rem;
    max-width: 75%;
    margin: 0 auto 0 auto;
}

.selected-tours .section-title {
    text-align: right;
    position: absolute;
    bottom: 0;
    padding-right: 3rem;
    padding-bottom: 0rem;
}

.selected-tours .section-title p {
    margin: 0;
}

.selected-tours .section-title h2 {
    margin: 0 0 1rem;
    font-size: 4.5rem;
}

.blog .section-title h2 {
    margin: 0 0 1rem;
    font-size: 3.5rem;
}

.section-title .st-txt {
    font-size: 1.1rem;
    max-width: 75%;
    margin: 0 0 0 auto;
}


.selected-tours .stb-price span::before {
    content: "Cena od:";
    margin-right: .3rem;
    color: #fff;
}

.selected-tours .stb-price span span::before {
    content: none;
}

.selected-tours .box {
    min-height: 580px;
    margin: 0 2rem 0 0;
    padding: 0rem;
    position: relative;
}

#slider-news .item .box {
    min-height: 500px;
    margin: 0 1rem;
    padding: 0rem;
    position: relative;
}

#slider-news .item .box img {
    width: auto !important;
}

.selected-tours .stb,
#slider-news .item .stb {
    z-index: 999;
    width: 100%;
}

.selected-tours .stb {
    position: absolute;
    text-align: center;
    bottom: 3rem;
}

#slider-news .item .stb {
    position: absolute;
    text-align: center;
    top: 3rem;
}

.selected-tours .stb-heading h2,
#slider-news .item .stb-heading h2 {
    margin: 0rem 1.5rem 2rem;
    font-weight: 700;
    font-size: 1.8rem;
    color: #fff;
}

.selected-tours .stb-price {
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    margin: 0 0 2rem;
}

#slider-news .item .stb .more {
    margin-top: 15rem;
}

.selected-tours .mask,
#slider-news .item .mask {
    z-index: 99;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(0deg, rgb(0 0 0 / 50%) 0%, rgb(0 0 0 / 45%) 50%, rgb(0 0 0 / 10%) 75%, rgb(0 0 0 / 0%) 80%);
    top: 0;
    left: 0;
}

#slider .owl-controls {
    position: absolute;
    bottom: -4rem;
    left: auto;
    right: 0rem;
}

#slider-news .owl-controls {
    position: absolute;
    bottom: -4rem;
    left: 50%;
    transform: translate(-50%, -50%)
}

#slider .owl-controls .owl-page span,
#slider-news .owl-controls .owl-page span {
    width: 25px;
    height: 25px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #fff;
}

#slider-news .owl-controls .owl-page.active span,
#slider-news .owl-controls.clickable .owl-page:hover span,
#slider .owl-controls .owl-page.active span,
#slider .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
}

#slider-news .owl-prev::before,
#slider .owl-prev::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f104";
}

#slider-news .owl-next::before,
#slider .owl-next::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f105";
}

#slider-news .owl-controls .owl-buttons div,
#slider .owl-controls .owl-buttons div {
    color: #fff;
    display: inline-block;
    zoom: 1;
    display: inline;
    margin: 0 .3rem;
    padding: .5rem 1rem;
    font-size: 1.2rem;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #208251;
    filter: Alpha(Opacity=50);
    opacity: 0.7;
}

#slider-news .owl-controls.clickable .owl-buttons div:hover,
#slider .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

.blog {
    padding: 6.75rem 0;
}


/*--------------------------------------------------------------
# WooCommerce Product Archive
--------------------------------------------------------------*/

.ap-wrapper .selected-filters .ap-wrapper #wc ul.products {}

.ap-wrapper .apw-sf {
    background: #E8F2ED;
    margin-bottom: 2rem;
}

.ap-wrapper #wc ul.products li {
    float: none;
    margin: 0 0 2rem 0;
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.ap-wrapper #wc ul.products li .product-list-item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 2rem;
    border-bottom: 2px dashed #23774d45
}

.ap-wrapper #wc ul.products li .product-image-column .ajax_add_to_cart {
    display: none !important
}

.ap-wrapper #wc ul.products li .product-image-column {
    width: 35%;
    position: relative;
}

.product-image-column::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    background: linear-gradient(120deg, rgb(0 0 0 / 15%) 0%, rgb(0 0 0 / 55%) 100%);
}


.product-image-column:hover::before {
    opacity: 1;
}

.ap-wrapper #wc ul.products li .product-image-column .apw-btn {
    position: absolute;
    bottom: 0rem;
    width: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.ap-wrapper #wc ul.products li .product-image-column .button {
    display: none;
    position: absolute;
    top: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.ap-wrapper #wc ul.products li .product-image-column:hover .button {
    display: block;
    animation: fadeIn 0.5s;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.ap-wrapper #wc ul.products li .product-title-content-column {
    width: 65%;
    position: relative;
}

.ap-wrapper #wc ul.products li .product-image-column img {
    border-radius: 0px;
    margin: 0;
}

.ap-wrapper #wc ul.products li .product-title-content-column {
    padding-left: 2rem;
    text-align: left;
}

.ap-wrapper #wc ul.products li .product-title-content-column .woocommerce-loop-product__title {
    position: static;
    text-align: left;
    color: #333;
    width: 100%;
    transform: none;
    margin: .5rem 0 .5rem 0;
}

.ap-wrapper #wc ul.products li .apw-description {
    font-size: 1rem;
    margin: 1rem 0;
}

.ap-wrapper #wc ul.products li .apw-days {
    text-align: center;
}

.ap-wrapper #wc ul.products li .apw-date {
    font-weight: 700;
    background: #20825133;
    padding: 0.5rem 1rem;
    text-align: center;
}

.ap-wrapper #wc ul.products li .apw-date span.price-small {
    font-weight: 400;
    margin-right: .15rem;
}

.ap-wrapper #wc ul.products li .apw-price {
    font-weight: 700;
    background: #2082511a;
    padding: 0.5rem 1rem;
    text-align: center;
}

.ap-wrapper #wc ul.products li .apw-price span.price-small {
    font-weight: 400;
    margin-right: .15rem;
}

.ap-wrapper #wc ul.products li .product-title-content-column .apw-days {
    background: #f4f4f4;
    padding: 0.5rem 1rem;
}

.ap-wrapper #wc ul.products li .product-title-content-column .apw-place,
.spss-place {
    margin-top: 2rem;
}

.spss-place {
    max-width: 100%;
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.apw-place {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.ap-wrapper #wc ul.products li .product-title-content-column .apw-place .apw-place__country {
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

.spss-place .spss-place__country {
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

.ap-wrapper #wc ul.products li .product-title-content-column .apw-place .apw-place__country::after,
.spss-place .spss-place__country::after {
    content: "";
    height: 2px;
    width: 25px;
    background: #208251;
    margin: 7px 1rem;
    display: inline-block;
}

.ap-wrapper #wc ul.products li .product-title-content-column .apw-place .apw-place__country a,
.spss-place .spss-place__country a {
    color: #333;
}

.ap-wrapper #wc ul.products li .product-title-content-column .apw-place .apw-place__country a:hover,
.spss-place .spss-place__country a:hover {
    color: #208251;
}


.ap-wrapper #wc ul.products li .product-title-content-column .apw-place .apw-place__city {
    margin-bottom: 0rem;
    font-size: 1.2rem;
    display: flex;
    width: 55%;
}

.spss-place .spss-place__city {
    font-size: 1.1rem;
    margin-bottom: 0rem;
    display: flex;
}

.ap-wrapper #wc ul.products li .product-title-content-column .apw-place .apw-place__city ul.subcategories,
.spss-place .spss-place__city ul.subcategories {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
}

.ap-wrapper #wc ul.products li .product-title-content-column .apw-place .apw-place__city ul.subcategories li {
    margin: 0 1rem 0 0;
    display: inline-block;
    width: auto;
    font-size: 1rem;
}

.spss-place .spss-place__city ul.subcategories li {
    margin: 0 1rem 0 0;
    display: inline-block;
    width: auto;
}

.ap-wrapper #wc ul.products li .product-title-content-column .apw-place .apw-place__city ul.subcategories>*:nth-child(1),
.spss-place .spss-place__city ul.subcategories>*:nth-child(1) {
    display: none
}

/*--------------------------------------------------------------
# WooCommerce Archive Page Sidebar 
--------------------------------------------------------------*/

.apw-sidebar {
    padding: 2rem;
    background: #2082511a;
}

.apw-sidebar .apws-sort form>* {
    padding-bottom: 2rem;
}

.apw-sidebar .apws-sort form .apws-sort__cars {
    padding-bottom: 0rem;
}

.apw-sidebar .apws-sort>* h3 {
    text-align: left;
    color: #333;
    transform: none;
    font-size: 1.2rem;
    margin: 0rem 0 1rem 0;
    font-weight: 700;
}

.apw-sidebar .apws-sort>* select {
    padding: 0.5rem 1rem;
    border: 0px solid transparent;
    background: #ffffff;
    width: 100%;
}

.apws-sort__tripe-type label {
    display: block;
}

.apw-sidebar .apws-sort input[type="submit"] {
    margin-top: 2rem;
    color: #333;
}

.apw-sidebar .apws-sort input[type="submit"]:hover {
    margin-top: 2rem;
    color: #fff
}

/*--------------------------------------------------------------
# WooCommerce Default style
--------------------------------------------------------------*/

#wc ul.products li.product .star-rating {
    display: none;
}

#wc ul.products li.product .wc-new {
    top: 1rem !important;
    background: #d89600;
}

#wc ul.products li.product .onsale {
    top: 1rem;
    left: 1rem;
    right: auto;
    margin: 0px;
}

#wc div.product span.onsale {
    top: 0rem;
    left: 0rem;
}

#wc span.onsale {
    min-height: 1rem;
    min-width: 1rem;
    background: #f2d628;
    color: #050707;
    padding: 0.25rem .5rem;
    font-size: .85rem;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 1.5rem;
    top: -.5em;
    left: -.5em;
    margin: 0;
    border-radius: 0;
    z-index: 9;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#wc .woocommerce-ordering {
    margin: 0 0 1.5rem 0;
}

#wc .woocommerce-ordering select {
    vertical-align: top;
    border: 1px solid #ddd;
    padding: .2rem;
    font-size: .85rem;
}

#wc p.woocommerce-result-count {
    font-size: .85rem;
    margin: 0 0 1.5rem 0;
}

#wc ul.products li.product .woocommerce-loop-category__title,
#wc ul.products li.product .woocommerce-loop-product__title,
#wc ul.products li.product h3 {
    position: absolute;
    bottom: 6rem;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    padding: 0;
    margin: 0 0 2rem;
    font-weight: 700;
    font-size: 1.8rem;
    color: #fff;
    transition: .25s ease-in-out;
}

#wc ul.products li.product .woocommerce-loop-category__title:hover,
#wc ul.products li.product .woocommerce-loop-product__title:hover,
#wc ul.products li.product h3:hover {
    text-decoration: underline;
}

#wc ul.products li.product {
    position: relative;
}

#wc ul.products li.product .price {
    position: absolute;
    bottom: 6rem;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
}

#wc ul.products li.product .price span::before {
    content: "od";
    display: inline-block;
    padding-right: .3rem;
}

#wc ul.products li.product .price span span::before {
    content: none
}

#wc div.product span.price {
    font-size: 1.4rem;
}

#wc div.product p.price span.price-first,
#wc div.product span.price span.price-first {
    font-size: 1.4rem;
}

#wc ul.products li.product .price del {
    color: inherit;
    opacity: .5;
    display: inline-block;
    text-align: center;
    font-size: 1rem;
    color: #4f4f4f;
    font-weight: 400;
    line-height: 19px;
}

#wc ul.products li.product .price ins {
    background: 0 0;
    font-weight: 700;
    display: inline-block;
    text-decoration: none;
}

#wc div.product form.cart .variations td.label {
    padding: .25rem 0 0 0;
    max-width: 60px;
}

#wc .variations_form .variations .value>select {
    margin-bottom: 0rem;
}

#wc .product-type-variable form.cart {
    margin-top: 1rem;
    margin-bottom: 3em;
}

#wc ul.products li.product .button {
    position: absolute;
    bottom: 2rem;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
}

#wc .woocommerce-breadcrumb {
    display: none
}

.page-title .woocommerce-breadcrumb {
    margin: 2rem 0 0rem;
    font-size: .85rem;
    color: #888;
}

.page-title .woocommerce-breadcrumb a {
    color: #208251;
    font-weight: 700;
    font-size: .85rem;
    letter-spacing: 0px;
}

.page-title .woocommerce-breadcrumb:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f015";
    display: inline-block;
    margin-right: .5rem;
    color: #208251;
}

.pw-shop .shop-category-nav {
    margin-bottom: 2rem;
}

body.post-type-archive-product #wc ul.products li.product,
body.tax-product_cat #wc ul.products li.product {}

body.post-type-archive-product #wc a.button {
    margin: 0;
}

#wc nav.woocommerce-pagination {
    margin-bottom: 2rem;
}

#wc nav.woocommerce-pagination ul {
    border: 0;
}

.woocommerce nav.woocommerce-pagination ul li {
    padding: 0;
    border: 0;
    margin: 0;
}

#wc nav.woocommerce-pagination ul li a,
#wc nav.woocommerce-pagination ul li span {
    font-size: 1rem;
    font-weight: 400;
    border: 1px solid #dddddd;
    padding: 0.6rem 0.9rem;
    margin: 0 0.25rem;
}

.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover {
    background: #208352;
    color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #208352;
    color: #fff;
}

/*--------------------------------------------------------------
# WooCommerce Single Product Page
--------------------------------------------------------------*/

body.single-product .page-title {
    padding: 18rem 0 10rem;
    margin-top: 0;
    position: relative;
}

body.single-product .page-title .pt-inner {
    z-index: 99;
    position: relative;
}

body.single-product .page-title .mask {
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(12deg, rgb(0 0 0 / 41%) 0%, rgb(0 0 0 / 69%) 50%, rgb(0 0 0 / 0%) 75%, rgb(0 0 0 / 0%) 80%);
    top: 0;
    left: 0;
}

body.single-product .page-title h1 {
    color: #fff;
    font-size: 5rem;
}

body.single-product .page-title .woocommerce-breadcrumb {
    margin: 1rem 0 0rem;
    font-size: 1rem;
    color: #fff
}

body.single-product .page-title .woocommerce-breadcrumb a {
    color: #83c9a6;
    font-weight: 700;
    font-size: 1rem;
    letter-spacing: 0px;
}

body.single-product .page-title .woocommerce-breadcrumb:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f015";
    display: inline-block;
    margin-right: .5rem;
    color: #83c9a6;
}

.sp-navigation {
    background: #2082511a;
}

.sp-navigation ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.sp-navigation ul li {
    margin: 0;
    font-weight: 700;
    padding: 1.5rem 3rem;
    text-transform: uppercase
}

section.sp-navigation .container-big .spn-list li#mapa {
    padding: 1.5rem 0;
}

section.sp-navigation.sn-fixed .container-big .spn-list li#mapa {
    padding: 1rem 0;
}

.sp-navigation ul li:hover,
.sp-navigation ul li.active {
    background: #208251;
}

.sp-navigation ul li:hover a,
.sp-navigation ul li.active a {
    color: #fff;
}


.sp-wrapper>*:nth-child(even) {
    background: #2082511a;
}

.modal-box {}

.modal-box h4 {
    margin: 1.5rem 0 0.5rem 0rem;
    font-weight: 700;
    font-size: 1.2rem;
    color: #208251;
    text-align: left;
}

body.page-id-68 .wpcf7 h2,
body.page-id-537 .wpcf7 h2,
.modal-box h2 {
    margin: 0 0 1.5rem 0rem;
    font-weight: 700;
    font-size: 1.2rem;
    text-align: center;
    text-transform: uppercase;
}

.modal-box input,
.rental-modal input,
.rental-modal textarea,
.modal-box select,
.modal-box textarea {
    border: 2px solid #ddd;
    border-radius: 0;
    font-size: .85rem;
}

.modal-box textarea,
.rental-modal textarea {
    max-height: 64px;
}

.modal-box label {
    font-weight: 700;
}

.modal-box .cf7-smll {
    font-size: .8rem;
}

.modal-box .cf7-smll .fa-solid {
    padding: 0 .15rem 0 0;
    color: #208251;
    font-size: 1.2rem;
}

.modal-box .cf7-arg p {
    font-size: .8rem;
}

body.page-id-68 .wpcf7 input[type="submit"],
body.page-id-537 .wpcf7 input[type="submit"],
.modal-box input[type="submit"] {
    color: #333;
}

.modal-box .cf7-btn {
    text-align: right;
}

body.page-id-68 .wpcf7 input[type="submit"]:hover,
body.page-id-537 .wpcf7 input[type="submit"]:hover,
.modal-box input[type="submit"]:hover {
    color: #fff;
}

.modal-box .wpcf7-list-item {
    margin: 0;
}

.modal-box .wpcf7-spinner {
    /* display: none; zakomentowane 03.10.2023 */
}

body.page-id-68 .wpcf7 textarea {
    max-height: 75px;
}

.sp-single-section {
    padding: 3.75rem 0;
}


.spss-section-title h2 {
    font-size: 2.4rem;
    margin: 0 0 1rem;
}

.spss-section-title .fa-solid {
    color: #208251;
    margin-right: .5rem;
}

.spss-offer-info {
    font-size: 1.4rem;
    margin-bottom: 3rem;
}

.spss-cat {
    background: transparent;
    padding: 0rem;
    margin: 1rem 0 2rem;
    font-size: .85rem;
}

.spss-information__link {
    margin-top: 3.75rem;
}

.spss-information__link h2 {
    font-size: 2.4rem;
    margin: 0 0 1rem;
}

.spss-information__link h2 a {
    color: #333
}

.spss-information__link h2 .fa-solid {
    margin-right: .5rem;
}

.spss-information__link span {
    font-size: 3rem;
}

.spss-information__link .kroczek {
    padding-right: .5rem;
}

.spss-information__link .kroczek,
.spss-information__link .fa-solid {
    color: #208251
}

.ap-wrapper {
    padding: 7rem 0 6.75rem 0
}

.ap-wrapper #wc ul.products li .apw-cat {
    background: transparent;
    padding: 0rem;
    margin: 0rem 0 1rem;
    font-size: .85rem;
}

.spss-cat span,
.ap-wrapper #wc ul.products li .apw-cat span {
    margin: 0 .15rem 0 0;
}

.spss-cat ul::before {
    content: "Kategorie:";
    display: inline;
    margin-right: 1rem;
    background: #208251;
    padding: 0.2rem;
    font-size: 1.1rem;
    color: #fff;
    font-weight: 700;
}

.spss-cat ul,
.ap-wrapper #wc ul.products li .apw-cat ul {
    list-style: none;
    margin: 1rem 0 0 0;
    padding: 0;
}

.spss-cat ul li {
    display: inline;
    font-size: 1.1rem;
    margin: 0 1rem 0 0;
}

.ap-wrapper #wc ul.products li .apw-cat ul li {
    display: block;
    font-size: .9rem;
    margin: 0 0 .5rem;
}

.spss-cat ul li a,
.ap-wrapper #wc ul.products li .apw-cat ul li a {
    color: #333;
}

.spss-cat ul li a:hover,
.ap-wrapper #wc ul.products li .apw-cat ul li a:hover {
    text-decoration: underline
}

.spss-cat ul li::before,
.ap-wrapper #wc ul.products li .apw-cat ul li::before {
    padding: 0 0.5rem 0 0;
    color: #208251;
    font-weight: 700;
}

.spss-cat ul li#wycieczki::before,
.ap-wrapper #wc ul.products li .apw-cat ul li#wycieczki::before {
    font: var(--fa-font-solid);
    content: "\f5c1";
}

.spss-cat ul li#aktywnie::before,
.ap-wrapper #wc ul.products li .apw-cat ul li#aktywnie::before {
    font: var(--fa-font-solid);
    content: "\f554";
}

.spss-cat ul li#dla-firm::before,
.ap-wrapper #wc ul.products li .apw-cat ul li#dla-firm::before {
    font: var(--fa-font-solid);
    content: "\e533";
}

.spss-cat ul li#dla-najmlodszych::before,
.ap-wrapper #wc ul.products li .apw-cat ul li#dla-najmlodszych::before {
    font: var(--fa-font-solid);
    content: "\e4e1";
}

.spss-cat ul li#dla-seniorow::before,
.ap-wrapper #wc ul.products li .apw-cat ul li#dla-seniorow::before {
    font: var(--fa-font-solid);
    content: "\e53c";
}

.spss-cat ul li#podroze-bez-barier::before,
.ap-wrapper #wc ul.products li .apw-cat ul li#podroze-bez-barier::before {
    font: var(--fa-font-solid);
    content: "\f193";
}

.spss-cat ul li#wycieczki-szkolne::before,
.ap-wrapper #wc ul.products li .apw-cat ul li#wycieczki-szkolne::before {
    font: var(--fa-font-solid);
    content: "\f19d";
}

.ap-wrapper #wc ul.products li .apw-btn {
    position: absolute;
    bottom: 0rem;
    width: auto;
    right: 0rem;
    min-width: 280px;
    text-align: right;
}


.ap-wrapper #wc ul.products li .apw-btn a {
    position: static;
    color: #0c0c0c;
    transform: none;
}

.ap-wrapper #wc ul.products li .apw-btn a:hover {
    color: #fff;
}

.woocommerce-page #content .spss-variable .product .summary {
    float: none;
    width: 100%;
}

.woocommerce-page #content .spss-variable button.button.alt {
    display: none;
}

.spss-sidebar {
    padding: 1.5rem;
    border: 2px dashed #23774d45;
    border-radius: 30px;
    position: relative;
    transition: .2s ease-in-out;
}

.spss-sidebar:hover {
    border: 2px dashed #23774d
}

.spss-sidebar h3 {
    margin: 0px 0 0.5rem 0rem;
    font-weight: 700;
    font-size: 1rem;
    color: #208251;
}

.spss-sidebar h4 {
    margin: 0 0 .5rem 0rem;
    font-weight: 700;
}

.spss-sidebar .spss-days {
    margin-bottom: 0rem;
    margin-left: 0rem;
    font-size: 1rem;
}

.spss-sidebar .spss-cars {
    margin-bottom: 0rem;
    margin-left: 0rem;
    font-size: 1rem;
}

.ap-wrapper #wc ul.products li .product-title-content-column .apw-days,
.ap-wrapper #wc ul.products li .product-title-content-column .apw-place,
.ap-wrapper #wc ul.products li .product-title-content-column .apw-country,
.ap-wrapper #wc ul.products li .product-title-content-column .apw-cars {
    font-size: 1rem;
}

.spss-sidebar .spss-days span,
.spss-sidebar .spss-cars span,
.ap-wrapper #wc ul.products li .product-title-content-column .apw-days span,
.ap-wrapper #wc ul.products li .product-title-content-column .apw-place span,
.ap-wrapper #wc ul.products li .product-title-content-column .apw-country span,
.ap-wrapper #wc ul.products li .product-title-content-column .apw-cars span {
    font-weight: 700;
}

.spss-sidebar .spss-days .fa-solid,
.ap-wrapper #wc ul.products li .product-title-content-column .apw-days .fa-solid,
.ap-wrapper #wc ul.products li .product-title-content-column .apw-place .fa-solid,
.ap-wrapper #wc ul.products li .product-title-content-column .apw-country .fa-solid,
.ap-wrapper #wc ul.products li .product-title-content-column .apw-cars .fa-solid {
    color: #208251;
    padding-right: .5rem;
}

.spss-sidebar .spss-cars .fa-solid {
    color: #208251;
    padding-right: 0rem;
}

.spss-image {
    text-align: left;
    transition: .2s ease-in-out;
}

.spss-image img {
    transition: .2s ease-in-out;
    margin-bottom: 1.5rem;
}

.spss-sidebar .spss-btn {
    text-align: right;
    position: absolute;
    bottom: 1.5rem;
    right: 1.5rem;
}

.spss-sidebar .more button {
    background: transparent;
    border-color: #208251;
    color: #333;
}

.spss-sidebar .more button:hover {
    background: #208251;
    color: #fff;
    border-color: #359f6a;
    box-shadow: 0px 10px 10px #00000024;
}

.spss-sidebar .more button:hover .fa-solid {
    color: #fff;
}

.spss-sidebar .more button .fa-solid {
    color: #208251;
}

.spss-map #map,
.spss-map .acf-map {
    width: 100%;
    height: 430px;
    border: #ccc solid 0px;
    margin: 0px 0;
}

.woocommerce .spss-map .acf-map .gm-style img,
.woocommerce-page .spss-map .acf-map .gm-style img {
    max-width: none !important;
}

.spss-trip-plan>*:first-child,
.spss-related>*:first-child,
.spss-price-list>*:first-child {
    margin-top: 2rem;
}

.spss-trip-plan .spss-tt-box {
    transition: .2s ease-in-out;
    border: 2px dashed #23774d45;
    padding: 2rem;
    border-radius: 30px;
    margin-bottom: 2rem;
}

.spss-trip-plan>*:last-child {
    margin-bottom: 0;
}

.spss-trip-plan .spss-tt-box:hover {
    border: 2px dashed #23774d;
    padding: 2rem;
}

.spss-trip-plan h3 {
    margin: 0 0 1rem;
    font-weight: 700;
    font-size: 1.6rem;
}

.spss-trip-plan p {
    font-size: 1rem;
}

.spss-trip-plan p:last-child {
    margin-bottom: 0;
}

.spss-trip-plan .spss-tt-gallery ul {
    list-style-type: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

.spss-trip-plan .spss-tt-gallery ul li {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-basis: 25%;
}

.spss-trip-plan .spss-tt-gallery ul li .image-wrapper {
    position: relative;
    width: 100%;
    height: 164px;
    overflow: hidden;
}

.spss-trip-plan .spss-tt-gallery ul li .image-wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
}


.spss-trip-plan .gallery {
    display: flex;
    flex-wrap: wrap;
}

.spss-trip-plan .gallery figure {
    width: 25% !important;
    height: 0 !important;
    padding-bottom: 25% !important;
    position: relative !important;
    overflow: hidden !important;
    margin: 0;
}

.spss-trip-plan .gallery img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    max-width: 100% !important;
    max-height: 100% !important;
    transition: .2s ease-in-out;
}

.spss-trip-plan .gallery img:hover {
    filter: brightness(0.75);
    transition: .2s ease-in-out;
}

.spss-price-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.spss-price-list ul li {
    font-size: 1.2rem;
    margin: 0 0 1rem;
}

.spss-price-list ul li::before {
    font: var(--fa-font-solid);
    content: "\f0da";
    margin: 0 .5rem 0 0;
    color: #208251;
}

#polecane .spss-section-title h2 {
    text-align: center;
    margin-bottom: 3rem;
}

#polecane {
    padding: 6.75rem 0 0 0;
    background: transparent;
}

#polecane .container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.spss-related ul.products li.product {
    margin: 0;
    position: relative;
    width: 25%;
}

.spss-related ul.products li.product .lowest-price {
    display: block;
    position: absolute;
    top: 2rem;
    right: 0;
    background: #333;
    color: #fff;
    text-align: right;
    font-size: .85rem;
    padding: 0 0.4rem;
}

.spss-related ul.products li.product .lowest-price strong {
    display: inline;
}

.spss-related ul.products li.product img {
    margin-bottom: 0 !important;
}

.spss-related ul.products li.product .woocommerce-loop-product__title {
    position: absolute;
    left: 2rem;
    bottom: 3.75rem;
    text-align: left;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 700;
    padding: 0rem;
    max-width: 75%;
}

.spss-related ul.products li.product .button {
    display: none
}


.spss-related ul li.customText h2 {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    bottom: auto !important;
    width: 90% !important;
    max-width: 90% !important;
    font-size: 1.6rem;
    padding: 0 !important;
    margin: 0rem auto 0 !important;
    text-align: center !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    color: #fff;

}

.spss-related ul li.customText h2 span {
    display: block;
    margin: 0rem auto 0rem auto !important;

}

.spss-related ul li.customText h2 span.fnt-strng {
    display: inline;
    font-weight: 700 !important;
}

#wc .product {
    padding-top: 12.5rem
}

.woocommerce-product-gallery {
    margin-top: 0rem;
}

#wc div.product div.images .flex-control-thumbs li {
    width: 15%;
    float: left;
    margin: 1rem 1rem 0 0;
    list-style: none;
}

#wc div.product .product_title {
    padding: 2rem 0 2.5rem 0;
    margin: 0;
    font-size: 2.4rem;
    font-weight: 700;
}

#wc .woocommerce-product-details__short-description {
    margin-top: 1rem;
}

#wc div.product .woocommerce-product-rating {
    margin-bottom: 0
}

#wc .woocommerce-product-rating a {
    font-size: .85rem;
}

#wc div.product form.cart {
    margin: 2rem 0 4rem;
}

.woocommerce-page #content .spss-variable p.price {
    display: none;
}

.woocommerce-page #content .spss-variable .woocommerce-variation-price span {
    display: block;
}

.woocommerce-page #content .spss-variable .woocommerce-variation-price span.woocommerce-Price-currencySymbol {
    display: inline;
    margin-left: 0rem;
}

.woocommerce-page #content .spss-variable .woocommerce-variation-price bdi::before {
    content: "Cena od:";
    margin-right: .3rem;
    font-size: 1.2rem;
    color: #333;
}

.woocommerce-page #content .spss-variable .woocommerce-variation-price span.woocommerce-Price-currencySymbol::after {
    content: "/osoba";
    margin-left: 0.3rem;
    font-size: 1.2rem;
    color: #757575;
    font-weight: 400;
}

.woocommerce-page #content .spss-variable p.price,
#wc .product p.price {
    border: 2px dashed #279a61;
    padding: 1rem;
    max-width: 30%;
    margin-top: 0rem;
    color: #222;
    font-size: 1.4rem;
    margin-bottom: 2rem;
    font-weight: 700;
    border-radius: 30px;
}

.woocommerce-page #content .spss-variable p.price del,
.woocommerce-page #content .spss-variable span.price del,
#wc .product p.price del,
#wc .product span.price del {
    opacity: .5;
    display: inline;
    font-size: 1.3rem;
    color: #909090;
    font-weight: 400;
    line-height: 24px;
}

.woocommerce-page #content .spss-variable p.price ins,
.woocommerce-page #content .spss-variable span.price ins,
#wc .product p.price ins,
#wc .product span.price ins {
    color: #222;
    display: inline;
    font-weight: 400;
    margin-bottom: 0;
    text-decoration: none;
}

.woocommerce-page #content .spss-variable .woocommerce-variation-price span bdi,
#wc .woocommerce-variation-price span bdi {
    font-size: 1.8rem;
    font-weight: 700;
    color: #208251
}

.woocommerce-page #content .spss-variable table.variations {}

.woocommerce-page #content .spss-variable table.variations th {
    display: none;
}

.woocommerce-page #content .spss-variable table.variations tr:first-child td::before {
    content: "Wybierz miasto, z którego planujesz wyjazd i sprawdź cenę wycieczki:";
    display: inline-block;
    font-weight: 700;
    font-size: 1.2rem;
    margin: 0 1rem 0 0;
    max-width: 35%;
}

.woocommerce-page #content .spss-variable form.cart .variations td {
    position: relative;
}

.woocommerce-page #content .spss-variable form.cart .variations select {
    position: absolute;
    top: 0.35rem;
}

.woocommerce-page #content .spss-variable form.cart .reset_variations {
    visibility: hidden;
    font-size: .83em;
    position: absolute;
    bottom: -1.25rem;
    margin: 0 0 0 .5rem;
    display: none !important;
}


.woocommerce-page #content .spss-variable .woocommerce-variation-price {
    margin-top: 1rem
}

#wc .sku_wrapper,
#wc .product .stock {
    display: none
}

#wc div.product form.cart .variations {
    margin-bottom: 0;
}

.spss-variable .woocommerce-product-attributes .woocommerce-product-attributes-item--attribute_pa_transport,
.spss-variable .woocommerce-product-attributes .woocommerce-product-attributes-item--attribute_pa_ilosc-dni,
.spss-variable .woocommerce-product-attributes tr:last-child {
    display: none;
}


.woocommerce-page #content .spss-variable form.cart .variations td,
#wc div.product form.cart .variations td {
    display: block;
    line-height: 1.5rem;
    vertical-align: -webkit-baseline-middle;
}

.woocommerce-page #content .spss-variable form.cart .variations select,
#wc div.product form.cart .variations select {
    max-width: 40%;
    min-width: 40%;
    display: inline-block;
    margin-right: 1em;
    border: 2px solid #eaeaea;
    line-height: 1rem;
    height: 2.5rem;
    padding: 0.3rem;
    font-size: .9rem
}

.woocommerce-page #content .spss-variable button.button.alt,
#wc div.product button.button.alt {
    margin-top: 1rem;
}

#wc #respond input#submit.alt,
#wc a.button.alt,
#wc button.button.alt,
.woocommerce-page #content .spss-variable button.button.alt,
#wc input.button.alt,
#wc #review_form #respond .form-submit input,
#wc .woocommerce-error .button,
#wc .woocommerce-info .button,
#wc .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button,
#wc .cart .button,
#wc .cart input.button,
#wc #respond input#submit,
#wc a.button,
#wc button.button,
#wc input.button {
    transition: .2s ease-in-out;
    background: #1b613e;
    border: 2px solid #208251;
    color: #fff;
    border-radius: 24px;
    padding: 1rem 1.85rem;
    font-size: .85rem;
    font-weight: 700;
    text-transform: uppercase;
}

#wc #respond input#submit.alt:hover,
#wc a.button.alt:hover,
#wc button.button.alt:hover,
.woocommerce-page #content .spss-variable button.button.alt:hover,
#wc input.button.alt:hover,
#wc #review_form #respond .form-submit input:hover,
#wc .woocommerce-error .button:hover,
#wc .woocommerce-info .button:hover,
#wc .woocommerce-message .button:hover,
.woocommerce-page .woocommerce-error .button:hover,
.woocommerce-page .woocommerce-info .button:hover,
.woocommerce-page .woocommerce-message .button:hover,
#wc .cart .button:hover,
#wc .cart input.button:hover,
#wc #respond input#submit:hover,
#wc a.button:hover,
#wc button.button:hover,
#wc input.button:hover {
    background: #0c0c0c;
    border: 2px solid #0c0c0c;
    color: #fff;
}

.woocommerce-page #content .spss-variable form.cart .variations {
    margin-bottom: 0;
}

#wc div.product form.cart div.quantity,
.woocommerce-page #content .spss-variable form.cart div.quantity {
    float: none;
    margin: 0 1rem 0 0;
    display: none;
}

.woocommerce-page #content .spss-variable .quantity .qty,
#wc div.product .quantity .qty {
    display: none;
    width: 5rem;
    text-align: center;
    border: 2px solid #208251;
    padding: 0.8rem 1rem;
    border-radius: 30px;
}

.woocommerce-page #content .spss-variable .product_meta,
#wc .product_meta {
    display: none
}

#wc .related h2,
#wc .up-sells h2 {
    margin: 2rem 0 1rem 0;
    font-weight: 700;
    font-size: 1.6rem;
}

#wc div.product a.woocommerce-wishlist-add-product {
    margin: 0rem 0 1rem 3.25rem;
}

#wc .outofstock .delivery-time {
    display: none;
}

#wc .entry-summary h2.product_title {
    display: block;
}

#wc .entry-summary h2 {
    display: none;
}

#wc .entry-summary p {
    font-size: 1.1rem;
    font-weight: 300;
}

#wc .entry-summary ul {
    font-size: 1.1rem;
    font-weight: 300;
}

#wc div.product .woocommerce-tabs,
.woocommerce-page #content .spss-variable .woocommerce-tabs {
    display: none;
}

#wc div.product .woocommerce-tabs .panel {
    margin: 0 0 0em;
    padding: 0;
}

#wc #content div.product .woocommerce-tabs,
#wc div.product .woocommerce-tabs,
.woocommerce-page #content div.product .woocommerce-tabs,
.woocommerce-page div.product .woocommerce-tabs {
    clear: both;
    background: transparent;
}


/*--------------------------------------------------------------
# WooCommerce Single Product Tabs
--------------------------------------------------------------*/

.woocommerce-page #content .spss-variable ul.tabs {
    display: none
}

.woocommerce-page #content .spss-variable .woocommerce-tabs h2 {
    display: none;
}

#wc div.product .woocommerce-tabs ul.tabs {
    list-style: none;
    padding: 0;
    margin: 0 0 0rem;
    overflow: hidden;
    position: relative;
}

#wc #content div.product .woocommerce-tabs ul.tabs::after,
#wc #content div.product .woocommerce-tabs ul.tabs::before,
#wc div.product .woocommerce-tabs ul.tabs::after,
#wc div.product .woocommerce-tabs ul.tabs::before,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,
.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,
.woocommerce-page div.product .woocommerce-tabs ul.tabs::before {
    content: none;
}

#wc div.product .woocommerce-tabs ul.tabs::after {
    content: none;
}

#wc div.product .woocommerce-tabs ul.tabs li.active::before {
    content: none;
}

#wc div.product .woocommerce-tabs ul.tabs li.active {
    background: #208251;
    color: #fff;
}

#wc div.product .woocommerce-tabs ul.tabs li:hover {
    background: #208251;
    color: #fff;
}

#wc div.product .woocommerce-tabs ul.tabs li:hover a {
    color: #fff;
}

#wc div.product .woocommerce-tabs ul.tabs li::before,
#wc div.product .woocommerce-tabs ul.tabs li::after {
    content: none;
}

.woocommerce-page #content .spss-variable .woocommerce-tabs ul.tabs li {
    border: none;
    background-color: #eaeaea;
    display: inline-block;
    position: relative;
    z-index: 0;
    border-radius: 30px;
    margin: 0 1rem 2rem 0;
    transition: .25s ease-in-out;
    padding: 0 1.5rem;
}

#wc #tab-description h2,
#wc #reviews h2,
#wc #tab-additional_information h2 {
    display: none;
}

#wc div.product .woocommerce-tabs ul.tabs li a {
    font-size: 1.1rem;
}

#wc .woocommerce-tabs {
    margin-top: 2rem;
}

.woocommerce-page #content .spss-variable table.shop_attributes,
#wc table.shop_attributes {
    border: 0;
    border-top: none;
    margin: 1rem 2rem 0;
    width: 100%;
}

.woocommerce-page #content .spss-variable table.shop_attributes tr:nth-child(even),
#wc table.shop_attributes tr:nth-child(even) {
    background: #fff;
    border-top: 2px dashed #23774d45;
    border-bottom: 2px dashed #23774d45
}

.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
    background: rgb(255 255 255 / 3%);
}

.woocommerce-page #content .spss-variable table.shop_attributes td,
#wc table.shop_attributes td {
    font-style: normal;
    padding: 1rem;
    border-top: 0;
    border-right: 0;
    border-bottom: 2px dashed #c3dacf;
    margin: 0;
    line-height: 1.5rem;
    border-left: 2px dashed #23774d45;
    font-size: 1rem;
}

.woocommerce-page #content .spss-variable table.shop_attributes td p,
#wc table.shop_attributes td p {
    padding: 0;
    margin: 0;
    font-weight: 700;
    font-size: 1rem;
}

.woocommerce-page #content .spss-variable table.shop_attributes th #wc table.shop_attributes th {
    padding: .5rem;
    margin: 0;
    font-weight: 700;
    font-size: 1rem;
}

.woocommerce-page #content .spss-variable table.shop_attributes th,
#wc table.shop_attributes th {
    border-top: none;
    width: 180px;
    border-bottom: 2px dashed #c3dacf;
    padding: 1rem;
    background: #ffffff;
    color: #333;
}

.woocommerce-page #content .spss-variable table.shop_attributes tbody>*:nth-last-child(2) {
    border-bottom: none;
}

.woocommerce-page #content .spss-variable table.shop_attributes tbody>*:nth-last-child(2) th {
    border-bottom: 0
}

.woocommerce-page #content .spss-variable table.shop_attributes tbody tr th::before {
    display: inline-block;
    padding: 0 0.5rem 0 0;
    color: #208251;
    font-weight: 700;
    min-width: 28px;
}

.woocommerce-page #content .spss-variable table.shop_attributes tbody>*:nth-child(1) th::before {
    font: var(--fa-font-solid);
    content: "\e134";
}

.woocommerce-page #content .spss-variable table.shop_attributes tbody>*:nth-child(2) th::before {
    font: var(--fa-font-solid);
    content: "\f57d";
}

.woocommerce-page #content .spss-variable table.shop_attributes tbody>*:nth-child(3) th::before {
    font: var(--fa-font-solid);
    content: "\f276";
}

.woocommerce-page #content .spss-variable table.shop_attributes tbody>*:nth-child(4) th::before {
    font: var(--fa-font-solid);
    content: "\f85b";
}

.woocommerce-page #content .spss-variable .woocommerce-tabs .panel {
    margin: 0 0;
    padding: 0;
}

#wc #reviews #comments ol.commentlist {
    margin: 0;
    width: 100%;
    background: 0 0;
    list-style: none;
    padding: 0;
}

#wc #reviews #comments ol.commentlist li img.avatar {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 50px;
    height: auto;
    background: #ebe9eb;
    border: none;
    margin: 0;
    box-shadow: none;
}

#wc #reviews #comments ol.commentlist li .comment-text {
    margin: 0 0 0 66px;
    border: 1px solid #ddd;
    border-radius: -0;
    padding: 1rem 1rem 0 1rem;
}

#wc #review_form #respond {
    font-size: .85rem;
}

#wc .delivery-time .fal {
    padding-right: 1rem;
    color: #222;
}

#wc #mega-menu-wrap-shop-category {
    margin-bottom: 2rem;
}

#wc p {
    margin: 0 0 1rem;
}

#wc #tab-description ul {
    padding: 0;
    margin: 0;
}

#wc #tab-description ul li::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f0da";
    padding-right: .5rem;
    color: #222;
}


/*--------------------------------------------------------------
# Aktualności, Galeria & Opinie
--------------------------------------------------------------*/

.timeline-tile {
    width: 50%;
    padding: 0 5% 0 0;
    opacity: 0;
    /* początkowa przezroczystość */
    transition: opacity .5s ease-in-out;
    /* przejście animacji */
}

.timeline-tile:nth-child(odd) {
    grid-area: left;
}

.timeline-tile:nth-child(even) {
    grid-area: right;
    padding: 0 0 0 5%;
    border-right: none;
}

.timeline-inverted {
    margin: 0 0 0 auto;
    padding: 0 0 0 5%;
    border-right: 0;
}

.timeline-tile::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    display: block;
    border-style: solid;
    border-width: 2px;
    border-color: #c3dacf;
}

.tt__inner {
    position: relative;
}

.timeline-tile .timeline-date {
    transition: .2s ease-in-out;
    z-index: 999;
    position: absolute;
    top: 2rem;
    right: -4.25rem;
    background: #c3dacf;
    padding: 0.4rem;
    color: #fff;
    font-weight: 700;
    font-size: 1.1rem;
}

.timeline-inverted .timeline-date {
    z-index: 999;
    transition: .2s ease-in-out;
    position: absolute;
    top: 2rem;
    left: -4.2rem;
    right: auto;
}

.timeline-tile:hover .timeline-date,
.timeline-inverted:hover .timeline-date {
    background: #208251;
}

.timeline-tile .tc-img,
.timeline-inverted .tc-img {
    position: relative;
    max-height: 400px;
    height: 400px;
}

.timeline-tile .tc-img img,
.timeline-inverted .tc-img img {
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tt__inner h2,
.timeline-inverted .tt__inner h2 {
    margin: 0 0 0;
    padding: 2rem 0 1rem 0rem;
    max-width: 75%;
    font-size: 1.8rem;
    background: #fff;
    position: relative;
    z-index: 999;
}

.tt__inner .tc-txt p {
    font-size: 1rem;
}

/* animacja "fade in" */
.fade-in {
    opacity: 1;
    /* końcowa przezroczystość */
}

.go-img {
    min-height: 400px;
    max-height: 400px;
    padding: 0 3rem;
    margin-bottom: 2rem;
    display: flex;
    /* Dodajemy flexbox */
    justify-content: center;
    /* Wyśrodkowanie wzdłuż osi poziomej */
    align-items: center;
    /* Wyśrodkowanie wzdłuż osi pionowej */
}

.gallery-opinion .opinion {
    background: #208251;
    color: #fff;
}

.gallery-opinion .gallery .goi-content {
    display: none;
}

.gallery-opinion .opinion .goi-content {
    font-style: italic;
    text-align: center;
}

.gallery-opinion .opinion .goi-content p {
    font-size: 1rem;
    margin: 0;
}

.gallery-opinion .opinion h2 {
    text-align: center;
    margin: 2rem 0 0 0;
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
}

.gallery-opinion .opinion h2 a {
    color: #fff;
}

.gallery-opinion .gallery {
    position: relative;
}

.gallery-opinion .gallery h2 {
    display: none;
    margin: 0;
    font-size: 1.8rem;
}

.gallery-opinion .gallery h2 a {
    color: #fff;
}

.gallery-opinion .gallery:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, rgb(0 0 0 / 33%) 0%, rgb(0 0 0 / 80%) 100%);
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.gallery-opinion .gallery:hover:after {
    opacity: 1;
}

.gallery-opinion .gallery:hover h2 {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    text-align: center;
    z-index: 1;
    animation: show-h2 0.5s;
}

@keyframes show-h2 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

#cookie-notice {
    background-color: #ec4444 !important;
    position: fixed !important;
    bottom: 1rem !important;
    left: 1rem !important;
    max-width: 146px !important;
    min-width: 146px !important;
}

#cookie-notice a {
    color: #fff;
    font-weight: 700;
}

#cookie-notice .cookie-notice-container {
    padding: 15px 20px
}

#cookie-notice .cn-text-container {
    font-size: .85rem;
    margin: 0 0 1rem 0;
}

#cookie-notice .cn-close-icon {
    position: absolute;
    right: 5px;
    top: 15px;
    margin-top: -10px;
    width: 15px;
    height: 15px;
    opacity: .5;
    padding: 10px;
}

#cookie-notice .cn-close-icon:before,
#cookie-notice .cn-close-icon:after {
    background-color: rgb(255 255 255);
}

#cookie-notice #cn-accept-cookie {
    background: #fff;
    padding: .35rem 1rem;
    color: #ff0000;
    font-weight: 700;
    margin: 0 0 0.5rem 0;
}

#cookie-notice #cn-notice-text {
    padding-top: 3rem;
}

#cookie-notice #cn-notice-text::before {
    content: "!";
    display: block;
    font-size: 3rem;
    text-align: center;
    height: 36px;
    font-weight: 700;
}

#cookie-notice #cn-more-info {
    font-weight: 400;
    font-size: .7rem;
}

/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/

.page-title {
    padding: 18rem 0 10rem;
    margin-top: 0;
    position: relative;
    text-align: center;
}

body.single-post .entry-content {
    max-width: 991px;
    margin: 0 auto;
}

body.page-id-294 .page-title,
body.page-id-68 .page-title,
body.page-id-64 .page-title,
body.page-id-537 .page-title,
body.page-id-72 .page-title,
body.page-id-60 .page-title {
    padding: 0;
    margin-top: 13rem;
}

body.page-id-294 .page-title h1,
body.page-id-68 .page-title h1,
body.page-id-64 .page-title h1,
body.page-id-537 .page-title h1,
body.page-id-72 .page-title h1,
body.page-id-60 .page-title h1 {
    display: none;
}

body.page-id-64 h3 {
    font-size: 3rem;
    color: #333;
    font-weight: 700;
    margin: 3rem 0 6.75rem;
    text-transform: none
}

body.error404 .page-title h3 {
    font-size: 1.4rem;
    color: #208251;
    margin: 2rem 0 0 0;
}

body.error404 .error-page-404 {
    text-align: center;
}

.page-title h3 {
    margin: 0rem 0 3rem;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: 0px;
    color: #777;
}

.page-wrapper {
    padding: 0 0 6.75rem 0;
    background: #fff
}

body.product-template-default #main,
.entry-page {
    padding: 0rem;
    background: #fff;
}

body.page-id-294 .entry-page p:last-child {
    margin-bottom: 3rem;
}

.entry-content {}

.entry-content h2 {
    margin: 3rem 0 1.75rem;
    font-size: 3rem;
    font-weight: 700;
}

.entry-content h3 {
    margin: 2rem 0 1.25rem;
    font-size: 2rem;
    font-weight: 700;
}

.entry-content h4 {
    margin: 2rem 0 1.25rem;
    font-size: 1.3rem;
    color: #208251
}

body.page-id-68 .ec-wyp-single .wp-block-embed__wrapper iframe {
    max-height: 320px;
}

#ec-kontakt-custom {
    color: #dd3333;
    margin: 3rem auto 1.25rem;
    font-size: 2rem;
    font-weight: 700;
    max-width: 65%;
}

#ec-hdng-wdth75 {
    max-width: 65%;
}

#ec-p-info {
    margin-top: 2.5rem;
    font-size: 1rem;
    padding: 2rem;
    background-color: #dabda121;
    font-style: italic;
}

#ec-p-group75 {
    text-align: center;
    max-width: 75%;
    margin-right: auto;
    margin-left: auto;
}

#pw-about__spssr ul.products {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

#pw-about__spssr h2.section-title {
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    margin: 0 0 3rem;
    padding: 0;
}

#pw-about__spssr ul.products li {
    list-style-type: none;
    width: 20%;
}

.entry-content .cf7-btn {
    margin-top: 2rem;
    text-align: right;
}

.ec-wyp-single {
    margin-bottom: 3rem;
    padding: 3rem;
}

.ec-wyp-single-next {
    background: #2082510f;
}

body.page-id-537 .more {
    text-align: center;
}

.entry-content .more {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

body.page-id-68 .more-right a {

    display: inline;
}

.entry-content .more-right {
    text-align: right;
}

body.page-id-537 .entry-content .more a {
    display: inline-block;
}

.entry-content .more a,
.entry-content .cf7-btn input[type="submit"] {
    color: #0c0c0c;
    display: block;
    margin: 0 0 0 auto;
}

.entry-content .more a:hover,
.entry-content .cf7-btn input[type="submit"]:hover {
    color: #fff;
}

#ec-col-wyp {
    text-align: center;
}

#ec-col-wyp p {
    font-size: .9rem;
    text-align: center;
}

.entry-content p {}

.entry-content p:last-child {
    margin-bottom: 0
}

.entry-content input,
.entry-content textarea {
    border-radius: 0;
    border: 2px solid #ddd;
}

.entry-content textarea {
    margin-top: 1rem;
}

.entry-content .form-control:focus {
    border-color: #c5aa5c;
}

.entry-content table td {
    border: 1px solid #eee;
    padding: 1rem;
}

.entry-content #wpcf7-f483-p60-o1 .row>* input {
    margin-bottom: 1rem;
}

.entry-content #wpcf7-f483-p60-o1 textarea {
    margin-top: 0rem;
}

.timeline-content ul,
.entry-content ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.timeline-content ul li,
.entry-content ul li {
    margin-bottom: .75rem;
}

.timeline-content ul li::before,
.entry-content ul li::before {
    font: var(--fa-font-solid);
    content: "\f0da";
    padding: 0 0.5rem 0 0;
    color: #208251;
    font-weight: 700;
}

.wpcf7 p {
    font-size: .9rem;
}

.wpcf7-list-item {
    margin-left: 0;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: .75rem;
    font-weight: normal;
    display: block;
}

.wpcf7 form .wpcf7-response-output {
    padding: 1rem;
    font-size: 1.1rem;
}

.cf7-agr a,
.cf7-agr span {
    color: #333;
    font-weight: 700;
}

.cf7-agr p {
    font-size: 1.1rem;
}

.cf7-agr input[type="checkbox"] {
    appearance: none;
    background-color: #f2f2f2;
    border: 2px solid #20825185;
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: relative;
    margin: 0 0.2rem 0 0;
}

.cf7-agr input[type="checkbox"]:checked {
    border: 2px solid #208251;
}

.cf7-agr input[type="checkbox"]:checked::before {
    content: '\2713';
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #333;
}

body.page-id-60 .cf7-btn {
    position: relative;
}

body.page-id-60 .cf7-btn span.wpcf7-spinner {
    margin-right: 12rem;
    margin-top: 0;
    position: absolute;
    top: .2rem;
    bottom: 0;
    right: -2rem;
}

.thumb-img img {
    transition: .25s ease-in-out;
}

.thumb-img img:hover {
    opacity: .7
}

.pw-archive article {
    margin: 0 0 2rem 0;
}

.pw-archive h2.entry-title {
    font-size: 1rem;
    margin: 1rem 0 3rem 0;
    text-align: center;
    font-weight: 700;
}

.pw-archive h2.entry-title a {
    color: #111;
}

.page-navi {
    width: 100%;
    display: block;
    padding: 5rem 0 0 0;
    text-align: center;
    margin: 0 auto;
}

.page-navi .wp-pagenavi a,
.page-navi .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #ddd;
    padding: 0.5rem .9rem;
    margin: 0 0.25rem;
}

.page-navi .wp-pagenavi a:hover,
.page-navi .wp-pagenavi span.current {
    border-color: #208251;
    background: #208251;
    color: #fff;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.up-footer {
    background: url(https://www.kroczek.org/wp-content/uploads/2023/01/up-footer-1.jpg) center top;
    background-repeat: no-repeat;
    background-size: cover;
}

#footer-wrapper {
    background: #f1f0ed;
    margin-top: -6.75rem;
    padding-bottom: 6.75rem;
}

.footer-widget {
    color: #333;
}

.footer-widget h2 {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 0 2rem;
    color: #208251;
}

.footer-widget .widget {
    margin: 0 0 0rem;
}

#block-24 {
    text-align: right;
}

#block-24>* {
    font-size: 1.3rem;
    margin-left: 2rem;
}

#block-24 a {
    color: #333;
}

#block-25 {
    background: #f4f4f4;
    margin: 2.3rem 0 0 3rem;
    padding: 2.9rem;
    text-align: center;
}



.footer-widget .widget p,
.footer-widget .widget ul li {
    margin: 0 0 .75rem;
    font-size: .9rem;
    color: #333;
}

.footer-widget .widget ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer-widget .widget ul li::before {
    font: var(--fa-font-solid);
    content: "\f0da";
    padding: 0 0.5rem 0 0;
    color: #208251;
    font-weight: 300;
}

.footer-widget a {
    color: #fff;
    font-weight: 400;
}

.footer-bottom {
    position: relative;
    background: transparent;
    padding: 3.75rem 0rem 0 0;
    font-size: .8rem;
    color: #888;
}

.footer-bottom .footer-credits {
    margin-bottom: 0;
    text-align: left;
}

.footer-bottom .footer-author {
    text-align: left;
}

.footer-bottom .footer-credits a,
.footer-bottom a,
.footer-bottom .footer-author a {
    font-weight: 700;
    color: #208251;
}

.footer-bottom .footer-credits a:hover,
.footer-bottom a:hover,
.footer-bottom .footer-author a:hover {}

.scroll-top {
    position: absolute;
    bottom: 0rem;
    right: 5rem;
    z-index: 999;
}

.scroll-top a {
    padding: 1rem 1.3rem;
    border-radius: 100%;
    color: #333;
    border: 2px solid #208251;
}

.scroll-top a:hover {
    color: #fff;
    background: #279a61;
    border: 2px solid #279a61;
}

/*--------------------------------------------------------------
# Oferty specjalne
--------------------------------------------------------------*/

.ap-wrapper__special-offer #wc ul.products li .product-image-column {
    width: 20%;
}

.ap-wrapper__special-offer #wc ul.products {
    margin-top: 3rem;
}

.ap-wrapper__special-offer #wc ul.products li.product .button {
    width: 85%;
}

.ap-wrapper__special-offer #wc ul.products li .product-title-content-column {
    width: 80%;
    position: relative;
}

.ap-wrapper__special-offer #wc .woocommerce-ordering {
    display: none
}

.ap-wrapper__special-offer #wc ul.products li .apw-btn {
    bottom: -.5rem;
}

.sp-wrapper__oferty-specjalne .spss-cat {
    display: none
}


.sp-wrapper__oferty-specjalne .spss-seats .fa-solid {
    color: #208251;
    padding-right: .5rem;
}

.sp-wrapper__oferty-specjalne .spss-seats span {
    font-weight: 700;
}

.sp-wrapper__oferty-specjalne .spss-sidebar .spss-btn {
    text-align: left;
    position: static;
    margin-top: 1rem;
}

.woocommerce-page #content .spss-variable .special-offer-fields p {
    margin: 0;
}

/*--------------------------------------------------------------
# WYCIECZKI
--------------------------------------------------------------*/
body.error404 .mastheader {
    background: #333;
    padding: 2.25rem 0;
}

body.error404 .page-title h1 {
    font-size: 3.4rem;
}

body.single .mastheader,
body.page-id-2 .mastheader {
    background: transparent;
    padding: 2.25rem 0;
}


body.page-id-2 header.active,
body.single header.active {
    background: #333;
}

.page-title .container-mid {
    position: relative;
    z-index: 9;
}

.page-title .mask {
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: linear-gradient(12deg, rgb(0 0 0 / 41%) 0%, rgb(0 0 0 / 69%) 50%, rgb(0 0 0 / 0%) 75%, rgb(0 0 0 / 0%) 80%);
    top: 0;
    left: 0;
}

.page-title h1 {
    font-size: 6rem;
    margin: 0;
    color: #111;
}

body.single-post .page-title h1 {
    color: #fff;
    font-size: 5rem;
    margin: 0 auto;
    max-width: 65%;
}

.trip-navigation {
    position: sticky;
    top: 113px;
    z-index: 100;
    background-color: #f1f8f3;
    border-bottom: 1px solid #e2ebe5;
    transition: all 0.3s ease;
}

.trip-nav-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 16px;
    margin: 0 auto;
    list-style: none;
    padding: 0;
}

.trip-nav-list li {
    flex: 0 1 auto;
    text-align: center;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.trip-nav-list a {
    display: block;
    padding: 1.2rem .35rem;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 0.9rem;
    color: #1f633f;
    text-decoration: none;
    transition: all 0.25s ease;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
}

.trip-nav-list a.active {
    color: #208251;
    font-weight: 600;
    background: #e9f3ed;
    border-color: #208251;
}

.trip-nav-list a:hover {
    background-color: #dbe8e0;
    color: #155f36;
}

.trip-nav-list a.active {
    background-color: #21814f;
    color: #fff;
    border-bottom: 3px solid #21814f;
}


@media (max-width: 991px) {
    .trip-nav-list li {
        flex: 1 1 33.33%;
    }
}

@media (max-width: 576px) {
    .trip-nav-list li {
        flex: 1 1 50%;
    }
}

/* Po przewinięciu – mniejszy padding i cień */
.trip-navigation.scrolled {
    background-color: #e9f3ec;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.trip-navigation.scrolled .trip-nav-list a {
    padding: 0.7rem 0;
}

#galeria h2,
.trip-content h2 {
    font-size: 2.4rem;
    margin: 0 0 1rem;
    font-weight: 400;
}

#galeria h2 .fa-solid,
.trip-content h2 .fa-solid {
    color: #208251;
    margin-right: .5rem;
}

.trip-section {
    padding: 3.75rem 0;
}

.trip-section ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.trip-section ul li {
    position: relative;
    padding-left: 22px;
    font-size: 1.2rem;
    margin: 0 0 1rem;
    line-height: 1.55;
}

/* ikonka bullet */
.trip-section ul li::before {
    content: "\f0da";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    color: #208251;
    position: absolute;
    left: 0;
    top: 0.3em;
    font-size: 0.85rem;
}

#najwazniejsze_informacje {
    font-size: 1.4rem;
    margin-top: 3rem;
}

#plan_podrozy .itinerary-item {
    transition: .2s ease-in-out;
    border: 2px dashed #23774d45;
    padding: 2rem;
    border-radius: 30px;
    margin-bottom: 2rem;
}

#plan_podrozy .itinerary-item h3 {
    margin: 0 0 1rem;
    font-weight: 700;
    font-size: 1.6rem;
}

#plan_podrozy .itinerary-item:hover {
    border: 2px dashed #23774d;
}

#plan_podrozy .gallery {
    display: flex;
    flex-wrap: wrap;
}

#plan_podrozy .gallery figure {
    width: 25% !important;
    height: 0 !important;
    padding-bottom: 25% !important;
    position: relative !important;
    overflow: hidden !important;
    margin: 0;
}

#plan_podrozy .gallery img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    max-width: 100% !important;
    max-height: 100% !important;
    transition: .2s ease-in-out;
}

#plan_podrozy .gallery img:hover {
    filter: brightness(0.75);
    transition: .2s ease-in-out;
}

.phrases {
    margin: 2rem 0;
    overflow-x: auto;
}

.phrases table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background-color: #fff;
    border: 1px solid #d9ebe0;
    border-radius: 8px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}

.phrases thead {
    background-color: #e8f4ee;
    /* lekki odcień zieleni */
}

.phrases th {
    font-weight: 600;
    text-transform: uppercase;
    color: #208251;
    font-size: 0.9rem;
    padding: 1rem 1.2rem;
    border-bottom: 2px solid #208251;
    text-align: left;
    letter-spacing: 0.03em;
}

.phrases td {
    padding: 0.9rem 1.2rem;
    font-size: 0.95rem;
    border-bottom: 1px solid #e0f0e6;
    color: #2a2a2a;
}

.phrases tbody tr:nth-child(even) {
    background-color: #f8fcf9;
}

.phrases tbody tr:hover {
    background-color: #ecf7f0;
}

.phrases td:first-child {
    font-weight: 600;
    color: #208251;
}

.phrases td:last-child {
    font-style: italic;
    color: #4b705e;
}

.phrases table tr:last-child td {
    border-bottom: none;
}

@media (max-width: 768px) {

    .phrases th,
    .phrases td {
        padding: 0.7rem 0.9rem;
        font-size: 0.9rem;
    }
}

.docs {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    list-style: none;
    padding: 0;
    margin: 2rem 0;
}

.trip-section .docs li {
    padding-left: 0;
}

.trip-section .docs li::before {
    content: none
}

.docs a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    background-color: #e8f4ee;
    border: 1px solid #d0e8dc;
    border-radius: 8px;
    padding: 1rem 1.2rem;
    color: #208251;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: all 0.25s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}

.docs a::before {
    content: "\f15c";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: 1rem;
}

.docs a:hover {
    background-color: #208251;
    color: #fff;
    border-color: #208251;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

@media (max-width: 768px) {
    .docs {
        flex-direction: column;
    }

    .docs li {
        flex: 1 1 100%;
    }
}

#galeria.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.trip-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0rem;
    margin: 2rem 0;
}

.trip-gallery__item {
    flex: 1 1 calc(16% - 1rem);
    max-width: 18%;
    cursor: pointer;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    position: relative;
    overflow: hidden;
    margin: 0;
    transition: .2s ease-in-out;
}

.trip-gallery__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: .2s ease-in-out;
}

.trip-gallery__item:hover {
    filter: brightness(0.75);
    transition: .2s ease-in-out;
}

/* responsywność */
@media (max-width: 991px) {
    .trip-gallery__item {
        flex: 1 1 calc(33.33% - 1rem);
        max-width: 33.33%;
    }
}

@media (max-width: 768px) {
    .trip-gallery__item {
        flex: 1 1 calc(50% - 1rem);
        max-width: 50%;
    }
}

@media (max-width: 480px) {
    .trip-gallery__item {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

#lightbox {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.9);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999999;
}

#lightbox.active {
    display: flex;
}

.lb-inner {
    position: relative;
    display: flex;
    align-items: center;
}

.lb-img {
    max-width: 92vw;
    max-height: 92vh;
    border-radius: 6px;
}

.lb-prev,
.lb-next {
    background: none;
    border: none;
    color: #fff;
    font-size: 3rem;
    cursor: pointer;
    padding: 0 1rem;
    user-select: none;
}

.lb-prev:hover,
.lb-next:hover {
    color: #186a41
}

.lb-close {
    position: absolute;
    top: 30px;
    right: 40px;
    font-size: 3rem;
    color: #fff;
    cursor: pointer;
}


#block-10 {
    text-align: right;
}

#block-10 a {
    font-size: 1.3rem;
    margin-left: 2rem;
    color: #333;
}

.footer-widget #block-12 {
    margin-left: 4%;
}

.footer-widget #block-11,
.footer-widget #block-12 {
    width: 48%;
    float: left;
    border: 2px dashed #279a61;
    padding: 2rem;
    border-radius: 30px;
}

.footer-widget #block-11 h3,
.footer-widget #block-12 h3 {
    color: #333;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0;
    text-align: center;
}

.footer-widget #block-11 h3 a,
.footer-widget #block-12 h3 a {
    color: #208251;
    font-size: 1.2rem;
}

/* PIN logowanie */

body.pin-active {
    overflow: hidden;
}

/* === FADE OUT MODALA === */
.trip-pin-screen.fade-out {
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}

/* === ANIMACJA SHAKE DLA INPUTA === */
@keyframes pinShake {
    0% {
        transform: translateX(0);
    }

    20% {
        transform: translateX(-6px);
    }

    40% {
        transform: translateX(6px);
    }

    60% {
        transform: translateX(-4px);
    }

    80% {
        transform: translateX(4px);
    }

    100% {
        transform: translateX(0);
    }
}

.pin-error {
    animation: pinShake 0.4s ease;
    border-color: #e63946 !important;
}

.trip-pin-screen {
    position: fixed;
    inset: 0;
    backdrop-filter: blur(8px);
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

.trip-pin-modal {
    background: #fff;
    padding: 3rem 4rem;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    text-align: center;
    max-width: 420px;
    width: 90%;
    color: #1f633f;
    animation: fadeIn 0.4s ease;
}

.trip-pin-modal h2 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}

.trip-pin-modal input {
    width: 100%;
    padding: 0.9rem 1rem;
    border: 1px solid #cde3d6;
    border-radius: 8px;
    font-size: 1rem;
    margin-bottom: 1rem;
    outline: none;
    transition: border 0.2s;
}

.trip-pin-modal input:focus {
    border-color: #208251;
}

.trip-pin-modal button {
    width: 100%;
    background: #208251;
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 0.9rem;
    font-size: 1rem;
    cursor: pointer;
    font-weight: 600;
    transition: background 0.25s;
}

.trip-pin-modal button:hover {
    background: #186a41;
}

.trip-pin-hint {
    margin-top: 1rem;
}

.trip-pin-hint a {
    color: #208251;
    text-decoration: none;
    font-size: 0.9rem;
}

.trip-pin-hint a:hover {
    text-decoration: underline;
}

.trip-pin-info {
    margin-top: 0.8rem;
    font-size: 0.9rem;
    color: #333;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.trip-locked {
    position: fixed;
    inset: 0;
    z-index: 99999;
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
}

.trip-locked__modal {
    background: #fff;
    padding: 3rem 4rem;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    text-align: center;
    max-width: 520px;
    width: 90%;
    color: #1f633f;
    animation: fadeIn 0.4s ease;
}

.trip-locked__modal h2 {
    font-size: 1.5rem;
    line-height: 1.6;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}