@media screen and (min-width: 768px) {
    #subpage-container .one-by-four {
        justify-content: flex-start !important;
        margin-left: -7.5px !important;
        margin-right: -7.5px !important;
    }

    #subpage-container .one-by-four-content {
        width: calc(25% - 15px) !important;
        margin: 0 7.5px 7.5px !important;
    }
}

@media screen and (min-width: 1024px) {
    #subpage-container .one-by-four {
        justify-content: flex-start !important;
        margin-left: -15px !important;
        margin-right: -15px !important;
    }

    #subpage-container .one-by-four-content {
        width: calc(25% - 30px) !important;
        margin: 0 15px 15px !important;
    }
}

#menubar ul li:nth-child(3) img {
    max-height: 4rem;
}

html:not(.impaired) #menubar ul li:nth-child(3) a {
    /*color: #ffcb04 !important;*/
    color: #000000 !important;
}

.u-h {
    display: none !important;
}

.u-tu {
    text-transform: uppercase;
}

.u-vh {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

.u-vh.focusable:active, .u-vh.focusable:focus {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

.u-invisible {
    visibility: hidden;
}

@media (min-width: 1024px) {
    .inner-container #menubar ul {
        padding-right: 50px;
    }

    .inner-container #menubar #search {
        bottom: 10px;
    }
}

@media (max-width: 1024px) {
    .page-id-49272 #artykul .inner-container.top-margin.white-background .text-container {
        padding: 0;
    }
}

@media (max-width: 1024px) {
    .page-id-49272 #artykul .inner-container.top-margin.white-background {
        padding: 5rem;
    }
}

.page-id-49272 #artykul .inner-container.top-margin.white-background h1, .page-id-49272 #artykul .inner-container.top-margin.white-background h2 {
    color: #1d6619;
}

.page-id-49272 #artykul .inner-container.top-margin.white-background h2 {
    color: #1d6619;
    margin-top: 4rem;
    margin-bottom: 3rem;
}

.page-id-49272 #artykul .inner-container.top-margin.white-background h3 {
    color: #1d6619;
    font-size: 1.6rem;
    margin-top: 2.5rem;
    margin-bottom: 2rem;
}

.page-id-49272 #artykul .inner-container.top-margin.white-background h4 {
    color: #1d6619;
    font-size: 1.4rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.page-id-49272 #artykul .inner-container.top-margin.white-background p {
    line-height: 1.5;
    font-size: 1.8rem;
}

@media (max-width: 1024px) {
    .page-id-49272 #artykul .inner-container.top-margin.white-background p {
        font-size: 1.8rem;
    }
}

.page-id-49272 #artykul .inner-container.top-margin.white-background ol {
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}

.page-id-49272 #artykul .inner-container.top-margin.white-background ol li {
    list-style-type: upper-roman;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 2;
    color: #1d6619;
}

@media (max-width: 768px) {
    .page-id-49272 #artykul .inner-container.top-margin.white-background ol li {
        font-size: 2rem;
        line-height: 1.5;
    }
}

.page-id-49272 #artykul .inner-container.top-margin.white-background ol li br {
    display: none;
}

.page-id-49272 #artykul .inner-container.top-margin.white-background ol li p {
    display: none;
}

.page-id-49272 #artykul .inner-container.top-margin.white-background ol ol {
    margin-top: 10px;
    margin-bottom: 10px;
}

.page-id-49272 #artykul .inner-container.top-margin.white-background ol ol li {
    list-style-type: decimal;
    font-size: 1.8rem;
    padding-left: 10px;
    font-weight: 400;
    line-height: 2;
    color: #3f4e41;
}

@media (max-width: 768px) {
    .page-id-49272 #artykul .inner-container.top-margin.white-background ol ol li {
        font-size: 1.6rem;
        line-height: 1.5;
        padding-left: 5px;
    }
}

.page-id-49272 #artykul .inner-container.top-margin.white-background ol ol ul li {
    font-size: 1.8rem;
    list-style-type: disc;
}

@media (max-width: 768px) {
    .page-id-49272 #artykul .inner-container.top-margin.white-background ol ol ul li {
        font-size: 1.6rem;
    }
}

.page-id-49272 #artykul .inner-container.top-margin.white-background ol ul {
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}

.page-id-49272 #artykul .inner-container.top-margin.white-background ol ul li {
    color: #444;
    list-style-type: none;
    padding-left: 20px;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2;
}

@media (max-width: 768px) {
    .page-id-49272 #artykul .inner-container.top-margin.white-background ol ul li {
        font-size: 1.6rem;
        line-height: 1.5;
        padding-left: 5px;
    }
}

.page-id-49272 #artykul .inner-container.top-margin.white-background ol ul ul li {
    list-style-type: disc;
    font-size: 1.6rem;
}

.page-id-49272 #artykul .inner-container.top-margin.white-background ol li ul {
    margin-left: 20px;
}

@media (max-width: 768px) {
    .page-id-49272 #artykul .inner-container.top-margin.white-background ol li ul {
        margin-left: 0;
    }
}

.page-id-49272 #artykul .inner-container.top-margin.white-background ol li ul li ol li {
    line-height: 1.5;
    font-weight: 700;
    color: #1d6619;
}

.page-id-49272 #artykul .inner-container.top-margin.white-background ol li ul li ol li ul {
    margin-top: 0;
    margin-bottom: 10px;
}

.page-id-49272 #artykul .inner-container.top-margin.white-background ol li ul li ol li ul li {
    list-style: none;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 10px;
}

#toolbar button {
    border: none;
    cursor: pointer;
    background-color: transparent;
}

.u-focus {
    z-index: 1;
    /*outline: 2px dashed #eae002;*/
    outline: 4px solid #870000;
    padding: 2px;
}

.a-title {
    font-size: 1.8rem;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px;
}

.a-tile {
    padding: 15px;
    background-color: #78b72e;
    margin: 7.5px 0;
    width: calc(100%);
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-position: center;
    background-size: cover;
}

@media (min-width: 768px) {
    .a-tile {
        padding: 20px;
    }
}

@media (min-width: 1024px) {
    .a-tile {
        padding: 30px;
    }
}

.a-title {
    font-size: 1.8rem;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px;
}

.a-arrow {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
}

.a-arrow .right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.a-arrow .left {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.a-arrow .up {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.a-arrow .down {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.m-job {
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f8f8f8;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (min-width: 1024px) {
    .m-job {
        flex-wrap: nowrap;
    }
}

.m-job__title {
    color: #41ac35;
    text-transform: uppercase;
    font-size: 1.3rem;
    margin: 0 0 15px;
    width: 100%;
}

.m-job__title a {
    color: #093b86;
    font-weight: 400;
    text-transform: none;
}

@media (min-width: 768px) {
    .m-job__title {
        font-size: 1.4rem;
    }
}

@media (min-width: 1024px) {
    .m-job__title {
        margin: 0;
        font-size: 1.4rem;
        width: 50%;
    }
}

@media (min-width: 1366px) {
    .m-job__title {
        font-size: 1.6rem;
    }
}

.m-job__date {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 1.1rem;
    color: #7d7d7d;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .m-job__date {
        margin-right: 30px;
        margin-left: auto;
    }
}

@media (min-width: 1024px) {
    .m-job__date {
        font-size: 1.3rem;
    }
}

.m-job__button {
    background: #41ac35;
    color: #fff;
    height: 43px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.3rem;
    text-transform: uppercase;
    width: 111px;
}

.m-job__button .a-arrow {
    margin-left: 10px;
}

.m-vh-menu a {
    position: fixed;
    top: 0;
    left: 0;
    color: #fff;
    padding: 20px;
    background-color: #32841F;;
    text-transform: uppercase;
    font-size: 1.8rem;
}
html.impaired .m-vh-menu a {
    background-color: black;
}

.m-shortcut {
    box-sizing: border-box;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    padding: 30px;
    background-color: #eee;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-120%);
    transform: translateX(-50%) translateY(-120%);
    z-index: 100;
    -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
}

.m-shortcut__description {
    font-size: 3rem;
    font-weight: 700;
}

.m-shortcut__list {
    padding-top: 60px;
    width: 100%;
    padding-inline-start: 0;
}

.m-shortcut__item {
    text-align: left;
    font-size: 1.7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.m-shortcut__item span:nth-child(1) {
    padding-right: 20px;
}

.m-shortcut.--active {
    -webkit-transform: translateX(-50%) translateY(11%);
    transform: translateX(-50%) translateY(11%);
}

.o-hr {
    max-width: 1310px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 20px;
    margin-top: 7.5px;
}

@media (min-width: 1024px) {
    .o-hr {
        padding: 0;
    }
}

.o-hr__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

@media (min-width: 768px) {
    .o-hr__row {
        margin: 0 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.o-hr__left {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 768px) {
    .o-hr__left {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 293px;
    }
}

@media (max-width: 767px) {
    .o-hr__left.--multiple {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.o-hr__right {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 768px) {
    .o-hr__right {
        width: calc(100% - 308px);
    }
}

.o-hr__tile.with-img {
    min-height: 300px;
}

@media (min-width: 768px) {
    .o-hr__tile.with-img { min-height: auto; }
}

.o-hr__title {
    font-size: 1.8rem;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px;
    color: inherit;
}

.o-hr__content a, .o-hr__content div, .o-hr__content ol, .o-hr__content p, .o-hr__content span, .o-hr__content ul {
    font-size: 1.3rem;
    line-height: 1.5;
    color: inherit;
}

.o-hr__content ol {
    margin: 0;
    padding: 0;
    padding-left: 10px;
}

.o-hr__link {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-self: center;
    color: inherit !important;
    cursor: pointer;
    font-size: 1.2rem;
}

.o-hr__link img {
    max-width: 30px;
    margin-right: 5px;
}

.o-recruiter {
    background-color: #fff;
}

.o-recruiter__list {
    margin: 0;
    padding: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}

.o-recruiter__item {
    margin-bottom: 20px;
    list-style: none;
}

.o-recruiter__jobs {
    margin: 0;
    padding: 0;
    -webkit-padding-start: 0;
    padding-inline-start: 0;
}

.o-recruiter__heading {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.4rem;
    margin-bottom: 20px;
}

.o-hr_on-click {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 15px;
    background-color: #78b72e;
    margin: 7.5px 0;
    box-sizing: border-box;
    z-index: 1;
}



@media (min-width: 768px) {
    .o-hr_on-click {
        padding: 20px;
    }
}

@media (min-width: 1024px) {
    .o-hr_on-click {
        padding: 30px;
    }
}

.o-hr_on-click a, .o-hr_on-click div, .o-hr_on-click ol, .o-hr_on-click p, .o-hr_on-click span, .o-hr_on-click ul {
    font-size: 1.6rem;
    line-height: 1.4;
    color: inherit;
}


.o-hr_on-click span {
    font-size: inherit;
}

.o-hr_on-click h1, .o-hr_on-click h2, .o-hr_on-click h3, .o-hr_on-click h4, .o-hr_on-click h5, .o-hr_on-click h6 {
    line-height: 1.2;
    color: inherit;
}

.o-hr_on-click h1 {
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
}

.o-hr_on-click h2 {
    font-size: 2.3rem;
    margin-bottom: 1.5rem;
}

.o-hr_on-click h3 {
    font-size: 2rem;
}

.o-hr_on-click h4 {
    font-size: 1.8rem;
}

.o-hr_on-click h5 {
    font-size: 1.6rem;
}

.js-close {
    background-color: transparent;
    border: none;
    padding: 0;
    position: absolute;
    top: 10px;
    right: 10px;
}

.js-close #mdiv {
    width: 25px;
    height: 25px;
    cursor: pointer;
}

.js-close .mdiv {
    height: 25px;
    width: 2px;
    margin-left: 12px;
    background-color: #eae100;
    transform: rotate(45deg);
    z-index: 1;
}

.js-close .md {
    height: 25px;
    width: 2px;
    background-color: #eae100;
    transform: rotate(90deg);
    z-index: 2;
}

.pop-up-visit {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 10000000;
    display: none;
}

.pop-up-visit__wrapper {
    overflow-y: auto;
    position: fixed;
    top: 30px;
    left: 50%;
    width: calc(100vw - 60px);
    max-width: 700px;
    height: 88vh;
    max-height: 489px;
    margin: 0 auto;
    transform: translateX(-50%);
    background-color: #fff;
}

.pop-up-visit__top {
    height: 43%;
    background-size: cover;
    border-bottom: 3px solid #b9cd31;
}

.pop-up-visit__close {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    font-size: 24px;
    color: #fff;
    z-index: 100000;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.7);
    border: 0;
}

.pop-up-visit__bottom {
    padding: 30px;
}

.pop-up-visit__content h1, .pop-up-visit__content h2, .pop-up-visit__content h3 {
    margin: 0;
    text-align: center;
    font-size: 24px;
}

.pop-up-visit__content p {
    margin: 0;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 52px;
    line-height: 1.2;
}

.pop-up-visit__link {
    width: 80%;
    max-width: 228px;
    background-color: #00a837;
    text-transform: uppercase;
    font-size: 1.6rem;
    color: #fff;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    height: 50px;
    align-items: center;
    padding: 0 15px 0 22px;
    text-decoration: none;
    font-family: sans-serif;
}

.pop-up-visit__link::after {
    content: "";
    background-image: url(../images/icons/calendar.svg);
    width: 20px;
    height: 20px;
}

.pop-up-visit__big-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

@media (min-width: 768px) {
    .pop-up-visit__wrapper {
        top: 40px;
    }
}

@media (orientation: landscape) and (max-width: 1023px) {
    .pop-up-visit__top {
        height: 28%;
    }
}

@media (min-width: 1024px) {
    .pop-up-visit__wrapper {
        max-height: 660px;
    }

    .pop-up-visit__content h1, .pop-up-visit__content h2, .pop-up-visit__content h3 {
        font-size: 30px;
    }

    .pop-up-visit__content p {
        font-size: 2rem;
        margin-top: 40px;
    }
}

@media (min-width: 1366px) {
    .pop-up-visit__content h1, .pop-up-visit__content h2, .pop-up-visit__content h3 {
        font-size: 36px;
    }

    .pop-up-visit__top {
        height: 40%;
        max-height: 260px;
    }

    .pop-up-visit__content__wrapper {
        max-height: 700px;
    }

    .pop-up-visit__content p {
        font-size: 2.4rem;
    }

    .pop-up-visit__bottom {
        padding: 63px 60px 73px;
    }
}

@media (min-width: 1600px) {
    .pop-up-visit__wrapper {
        top: 83px;
    }

    .pop-up-visit__top {
        height: 260px;
    }
}

.page-id-131 .grid tr:nth-child(1) .b4 {
    display: none;
}

.aktualnosci .one-by-two .one-by-two-content .one-by-two-content-description .time {
    display: none;
}

#artykul {
    color: #5b5a5e;
}

#artykul .date {
    font-size: 1.3rem;
    font-weight: lighter;
}

#artykul h1 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 3.4rem;
    color: #464549;
    margin-top: 2rem;
    margin-bottom: 0;
}

#artykul h2 {
    font-size: 2.4rem;
    font-weight: 400;
    margin-top: 5.5rem;
    margin-bottom: 3.6rem;
}

#artykul p {
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 2.4rem;
    margin: 3rem 0;
}

#artykul p:last-child {
    margin-bottom: 0;
}

#artykul p:first-child {
    margin-top: 0;
}

#artykul blockquote {
    font-size: 2.4rem;
    line-height: 3rem;
    margin: 0;
    border-left: 0.4rem solid #3c9f25;
    padding-left: 4rem;
    margin-left: -4.4rem;
}

#artykul .in-article-photo {
    height: 50rem;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

#artykul .in-article-gallery {
    height: 50rem;
    width: 100%;
    display: flex;
}

#artykul .in-article-gallery .photo {
    flex: 1;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

#artykul .in-article-gallery .photo .in-article-gallery-photo-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    width: 100%;
    background-color: transparent;
}

#artykul .in-article-gallery .photo .in-article-gallery-photo-overlay:hover {
    background-color: rgba(0, 0, 0, 0.78);
    background-image: url(../images/icons/search-white.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 4rem;
}

.atrakcje table .b1 {
    background-color: #32841F;;
}

.atrakcje table .b1:hover {
    background-color: #7eb712;
}

.atrakcje table .b2 {
    background: url(../images/backgrounds/atrakcje.jpg) center center no-repeat;
    background-size: cover;
}

.atrakcje table .b2:hover {
    opacity: 0.8;
}

.atrakcje table .b3 {
    background-color: #7eb712;
}

.atrakcje table .b3:hover {
    background-color: #bacd00;
}

.atrakcje table .b4 {
    background: url(../images/backgrounds/dabrowa.jpg) center center no-repeat;
    background-size: cover;
}

.atrakcje table .b4:hover {
    opacity: 0.8;
}

.atrakcje table .b5 {
    background-color: #bacd00;
}

.atrakcje table .b5:hover {
    background-color: #eae100;
}

.atrakcje table .b5 img {
    width: 10rem;
}

#bottom-boxes {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#bottom-boxes #left-box {
    width: 48.78%;
    display: flex;
    flex-direction: row;
    background-color: #ededed;
}

#bottom-boxes #left-box img {
    margin: 3rem;
}

#bottom-boxes #left-box #cta {
    margin: 3rem;
    margin-left: 0;
    border: 0.1rem solid rgba(0, 0, 0, 0.2);
    text-align: center;
    flex-grow: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#bottom-boxes #left-box #cta p {
    font-size: 1.5rem;
    margin-bottom: 0.2rem;
    margin-top: 0;
}

#bottom-boxes #left-box #cta p.newspaper {
    font-weight: 600;
    margin-top: 0.3rem;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 2.1rem;
}

#bottom-boxes #left-box #cta .button {
    background-color: #32841F;;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 700;
    display: table;
    margin: 0 auto;
    margin-top: 3rem;
    padding: 1.5rem;
    transition: background-color 0.1s linear;
}

#bottom-boxes #left-box #cta .button img {
    display: inline;
    margin: 0;
    margin-left: 1rem;
    height: 1rem;
}

#bottom-boxes #left-box #cta .button:hover {
    background-color: #7eb712;
}

#bottom-boxes #right-box {
    width: 48.78%;
    background-color: #fff;
    position: relative;
}

#bottom-boxes #right-box p.logo-box__header {
    text-align: center;
    position: relative;
    text-transform: uppercase;
    margin: 0 auto;
    /*width: 100%;*/
    background-color: #fff;
    /*top: -2.1rem;*/
    width: fit-content;
    height: fit-content;
    padding: 0 40px;
    font-weight: 600;
    z-index: 3;
    font-size: 2.5rem;
}

#bottom-boxes #right-box .logo-box {
    width: calc(100% - 6rem);
    height: calc(100% - 7.4rem);
    margin: 1.7rem 3rem;
    display: flex;
    position: relative;
    top: 0;
    gap: 20px;
}

#bottom-boxes #right-box .logo-box p.logo-box__header::before,
#bottom-boxes #right-box .logo-box p.logo-box__header::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
    height: 1px;
    background-color: #282828;
    content: '';
}
#bottom-boxes #right-box .logo-box p.logo-box__header::before { left: -50% }
#bottom-boxes #right-box .logo-box p.logo-box__header::after { right: -50% }


#bottom-boxes #right-box .logo-box table {
    margin-top: 2rem;
    width: 100%;
    height: 100%;
}

#bottom-boxes #right-box .logo-box table tr {
    width: 100%;
}

#bottom-boxes #right-box .logo-box table tr td {
    text-align: center;
}

#bottom-boxes #right-box .logo-box table tr td h1 {
    font-size: 2.1rem;
}

#bottom-boxes #right-box .logo-box table tr td img {
    max-width: 100%;
    transition: opacity 0.1s linear;
}

#bottom-boxes #right-box .logo-box table tr td img:hover {
    opacity: 0.7;
}

#bottom-boxes #right-box .logo-box table tr td.border {
    border-top: 0.1rem solid rgba(0, 0, 0, 0.2);
}

.camera {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    height: 5rem;
    width: 4.5rem;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
}

.camera img {
    margin-top: 0.8rem;
}

.camera p {
    margin-top: 0.3rem !important;
    font-size: 1.4rem !important;
    line-height: 1.4rem !important;
    color: #fff;
}

.camera.down {
    top: initial;
    bottom: 0;
}

#subpage-container {
    padding-top: 6rem;
    max-width: 1230px;
    width: 100%;
    margin: 0 auto;
}

.left, .right {
    width: 48.78%;
}

.title-and-menu-row {
    display: flex;
    justify-content: space-between;
}

.title-and-menu-row .right {
    margin-left: auto;
}

.title-and-menu-row .right .selected-subcategory img, .title-and-menu-row .right .selected-subcategory span {
    display: none;
}

.title-and-menu-row h1 {
    width: 95.83%;
    display: inline-block;
    text-align: left;
    color: #fff;
    font-size: 2.4rem;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 2.5rem;
    height: 4rem;
    line-height: 4rem;
    margin-bottom: 0;
    margin-top: 0;
    background: -webkit-linear-gradient(left, #3d9f26, rgba(255, 255, 255, 0) 75%);
    background: -o-linear-gradient(left, #3d9f26, rgba(255, 255, 255, 0) 75%);
    background: -moz-linear-gradient(left, #3d9f26, rgba(255, 255, 255, 0) 75%);
    background: linear-gradient(left, #3d9f26, rgba(255, 255, 255, 0) 75%);
}

.title-and-menu-row ul {
    display: flex;
    justify-content: space-around;
    list-style: none;
    padding: 0 2rem;
    margin-bottom: 1.9rem;
    margin-top: 0;
}

.title-and-menu-row ul li {
    display: inline-block;
    line-height: 4rem;
}

.title-and-menu-row ul li a {
    color: #32841F;;
    font-size: 1.5rem;
    font-weight: lighter;
}

.title-and-menu-row ul li a.selected {
    color: #000;
}

.title-and-menu-row ul li a:hover {
    color: #3b3b3b;
    text-decoration: none;
}

.text-container {
    padding: 5rem 18rem;
}

.more-button {
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    padding: 1.2rem 0;
    padding-left: 4rem;
    background-color: #32841F;;
    display: inline-block;
    margin: 0 auto;
    cursor: pointer;
    transition: background-color 0.1s linear;
}

.more-button img {
    margin-left: 2.5rem;
    margin-right: 2rem;
    height: 1.1rem;
}

.more-button:hover {
    background-color: #7eb712;
}

.download-button {
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    padding: 1.2rem 0;
    padding-left: 4rem;
    background-color: #32841F;;
    display: inline-block;
    margin: 0 auto;
}

.download-button img {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    height: 1.1rem;
}

.top-margin {
    margin-top: 6rem;
}

.mid-top-margin {
    margin-top: 4rem;
}

.small-top-margin {
    margin-top: 2rem;
}

.inner-container.top-margin {
    margin-top: 6rem;
}

.white-background {
    background-color: #fff;
}

.inner-container {
    max-width: 1230px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

.bread-crumbs {
    font-size: 1.3rem;
    font-weight: lighter;
    line-height: 5.5rem;
    color: #747476;
}

.top-slide {
    display: none;
}

#main-box .top-slide {
    display: none;
}

.top-photo {
    height: 65.5rem;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

h1 {
    text-transform: uppercase;
    font-size: 3.4rem;
    line-height: 4.2rem;
    color: #464549;
}

h2 {
    color: #464549;
}

p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: lighter;
    color: #5b5a5e;
}

.play-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/icons/play.svg) center center no-repeat;
    background-size: 6rem 6rem;
}

.play-video-overlay.hidden {
    display: none;
}

table.grid {
    width: calc(100% + 3rem);
    margin-left: -1.5rem;
    border-spacing: 1.5rem;
    border-collapse: separate;
}

table.grid a {
    color: #fff;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 4.5rem 3rem;
    transition: background-color linear 0.1s;
}

table.grid a:hover {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.15);
}

table.grid tr {
    height: 21.5rem;
}

table.grid tr td {
    width: 25%;
    background-size: cover;
    background-position: center center;
    color: #fff;
    text-transform: uppercase;
    font-size: 2.4rem;
    font-weight: 700;
    vertical-align: top;
    padding: 4.5rem 3rem;
    position: relative;
}

table.grid tr td img {
    position: absolute;
    bottom: 2rem;
    right: 2.5rem;
}

.dots {
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.dots .dot {
    height: 1rem;
    width: 1rem;
    border-radius: 5rem;
    background-color: #c8c8c8;
    display: inline-block;
    margin: 0 0.4rem;
}

.dots .dot.active {
    background-color: #777;
}

.no-bg {
    background: 0 0 !important;
}

.dropdown .dropdown-selected {
    display: none;
}

.dropdown ul {
    display: flex;
    justify-content: space-around;
    list-style: none;
    padding: 0 2rem;
    margin-bottom: 1.9rem;
    margin-top: 0;
}

.dropdown ul li {
    display: inline-block;
    line-height: 2rem;
}

.dropdown ul li a {
    color: #32841F;;
    font-size: 1.5rem;
    font-weight: lighter;
}

@media (min-width: 768px) {
    .dropdown ul li a {
        font-size: 1rem;
    }
}

@media (min-width: 1024px) {
    .dropdown ul li a {
        font-size: 1.2rem;
    }
}

.dropdown ul li a:hover {
    color: #3b3b3b;
    text-decoration: none;
}

.dropdown ul li.selected a {
    color: #3b3b3b;
}

.dla-biznesu {
    width: 100%;
    height: 21.5rem;
    display: flex;
    margin-top: 2rem;
}

.dla-biznesu .box1 {
    width: calc(50% - 0.75rem);
    background-color: #32841F;;
    margin-right: 0.8rem;
}

.dla-biznesu .box1 p {
    margin-top: 2.5rem;
}

.dla-biznesu .box1:hover {
    background-color: #7eb712;
}

.dla-biznesu .box2 {
    flex: 1;
    background-color: #7eb712;
    margin-right: 0.8rem;
    margin-left: 0.8rem;
}

.dla-biznesu .box2:hover {
    background-color: #bacd00;
}

.dla-biznesu .box3 {
    flex: 1;
    background: url(../images/backgrounds/dzialki.jpg) center center no-repeat;
    background-size: cover;
    margin-left: 0.8rem;
}

.dla-biznesu .box3:hover {
    opacity: 0.8;
}

.dla-biznesu .box1, .dla-biznesu .box2, .dla-biznesu .box3 {
    position: relative;
    transition: all 0.1s linear;
}

.dla-biznesu .box1 a, .dla-biznesu .box2 a, .dla-biznesu .box3 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dla-biznesu p {
    font-size: 2.4rem;
    line-height: 2.5rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin-top: 4.5rem;
    margin-left: 3rem;
    text-align: left;
}

.dla-mieszkancow table .cube1 {
    background: url(../images/backgrounds/sposoby-zalatwiania.jpg) center center no-repeat;
    background-size: cover;
}

.dla-mieszkancow table .cube1:hover {
    opacity: 0.8;
}

.dla-mieszkancow table .cube2 {
    background-color: #70a310;
}

.dla-mieszkancow table .cube2:hover {
    background-color: #a6b900;
}

.dla-mieszkancow table .cube3 {
    background-color: #a6b900;
}

.dla-mieszkancow table .cube3:hover {
    background-color: #eae100;
}

.dla-mieszkancow table .cube3 img {
    height: 6.5rem;
}

.dla-mieszkancow table .cube4 {
    background: url(../images/backgrounds/miejski-system.jpg) center center no-repeat;
    background-size: cover;
}

.dla-mieszkancow table .cube4:hover {
    opacity: 0.8;
}

.dla-mieszkancow table .cube5 {
    background-color: #a6b900;
}

.dla-mieszkancow table .cube5:hover {
    background-color: #eae100;
}

.dla-mieszkancow table .cube5 img {
    height: 8rem;
}

.dla-mieszkancow table .cube6 {
    background: url(../images/backgrounds/sesje-rady.jpg) center center no-repeat;
    background-size: cover;
}

.dla-mieszkancow table .cube6:hover {
    opacity: 0.8;
}

.dla-mieszkancow table .cube7 {
    background-color: #51ac25;
}

.dla-mieszkancow table .cube7:hover {
    background-color: #a6b900;
}

.dla-mieszkancow table .cube8 {
    background-color: #51ac25;
}

.dla-mieszkancow table .cube8:hover {
    background-color: #a6b900;
}

.dla-mieszkancow table .cube8 img {
    height: 8rem;
}

.dla-mieszkancow table .cube9 {
    background: url(../images/backgrounds/dla-rodzin.jpg) center center no-repeat;
    background-size: cover;
}

.dla-mieszkancow table .cube9:hover {
    opacity: 0.8;
}

.dla-mieszkancow table .cube10 {
    background: url(../images/backgrounds/dla-niepelnosprawnych.jpg) center center no-repeat;
    background-size: cover;
}

.dla-mieszkancow table .cube10:hover {
    opacity: 0.8;
}

.dla-mieszkancow table .cube11 {
    background-color: #eae100;
}

.dla-mieszkancow table .cube11:hover {
    opacity: 0.7;
}

.dla-mieszkancow table .cube11 img {
    height: 8rem;
}

.dla-mieszkancow table .cube12 {
    background: url(../images/backgrounds/konsultacje-spoleczne.jpg) center center no-repeat;
    background-size: cover;
}

.dla-mieszkancow table .cube12:hover {
    opacity: 0.8;
}

.dla-mieszkancow table .cube13 {
    background-color: #bacd00;
}

.dla-mieszkancow table .cube13:hover {
    background-color: #eae100;
}

.dla-mieszkancow table .cube13 img {
    height: 10rem;
}

.dla-mieszkancow table .cube14 {
    background-color: #7eb712;
}

.dla-mieszkancow table .cube14:hover {
    background-color: #bacd00;
}

.dzialka .header-box {
    width: 100%;
}

.dzialka .header-box h1 {
    width: 79%;
    display: inline-block;
    text-transform: uppercase;
    font-size: 3.4rem;
    font-weight: 700;
    line-height: 4.2rem;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    color: #464549;
}

.dzialka .header-box .price-box {
    height: 100%;
    width: 20.73%;
    display: inline-block;
    background-color: #7eb712;
    color: #fff;
    text-align: right;
}

.dzialka .header-box .price-box * {
    margin-right: 3rem;
}

.dzialka .header-box .price-box h2 {
    font-size: 3.4rem;
    margin-top: 2rem;
    margin-bottom: 0;
    color: #fff;
}

.dzialka .header-box .price-box p {
    margin-top: 1rem;
    margin-bottom: 0;
    font-size: 1.8rem;
    color: #fff;
}

.dzialka .header-box .price-box h3 {
    margin-top: 0.7rem;
    font-size: 1.8rem;
    margin-bottom: 2rem;
}

.dzialka .header-box .price-box h3::after {
    content: "2";
    vertical-align: super;
    font-size: smaller;
}

.dzialka p {
    font-size: 1.6rem;
    font-weight: lighter;
    line-height: 2.4rem;
    margin-top: 3.6rem;
}

.dzialka #map {
    width: 100%;
    height: 50rem;
}

.dzialka h4 {
    font-size: 1.6rem;
}

.dzialka .download-link {
    border: 0.1rem solid #000;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 1rem;
    padding: 1rem 2rem;
    position: relative;
    transition: background-color 0.1s linear;
}

.dzialka .download-link a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dzialka .download-link .file-size {
    color: #dfdfdf;
    margin-left: 0.5rem;
}

.dzialka .download-link:hover {
    background-color: #000;
    color: #fff;
}

.dzialki-na-sprzedaz-mapa ul {
    justify-content: flex-end;
}

.dzialki-na-sprzedaz-mapa ul li {
    margin-left: 2.5rem;
}

.dzialki-na-sprzedaz-mapa ul li:last-child {
    margin-right: 3.5rem;
}

.dzialki-na-sprzedaz-mapa .parcels-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.dzialki-na-sprzedaz-mapa .parcels-container .parcels-list {
    width: 56.91%;
}

.dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel {
    width: 100%;
    display: flex;
    min-height: 14rem;
    background-color: #fff;
    margin-top: 2rem;
    position: relative;
}

.dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel:first-child {
    margin-top: 0;
}

.dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel .photo {
    min-height: 100%;
    height: 14rem;
    display: inline-block;
    min-width: 30%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel .description {
    font-size: 1.4rem;
    padding: 0 3rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel .description .bold {
    font-weight: 700;
}

.dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel .description .area {
    margin-top: 2rem;
}

.dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel .description .area::after {
    content: "2";
    vertical-align: super;
    font-size: smaller;
    font-weight: 700;
}

.dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel .price-box {
    text-align: center;
    min-width: 25%;
    padding: 1rem 1rem;
}

.dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel .price-box p {
    font-weight: 700;
    font-size: 2.1rem;
    text-transform: uppercase;
    white-space: nowrap;
    text-align: right;
}

.dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel .price-box .details-button {
    border: 0.1rem solid #cdcdce;
    padding: 1.2rem 2rem;
    white-space: nowrap;
    position: relative;
}

.dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel .price-box .details-button a {
    color: #000;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 2.4rem;
}

.dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel .price-box .details-button:hover {
    background-color: #000;
    transition: all 0.1s linear;
}

.dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel .price-box .details-button:hover a {
    color: #fff;
}

.dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dzialki-na-sprzedaz-mapa .parcels-container #map {
    width: 40.65%;
    border: 0.1rem solid #cdcdce;
}

.dzialki-na-sprzedaz-mapa.lista .parcels-list {
    width: 100%;
}

.dzialki-na-sprzedaz-mapa.lista .parcels-list .parcel {
    height: 19rem;
    transition: opacity 0.1s linear;
}

.dzialki-na-sprzedaz-mapa.lista .parcels-list .parcel:hover {
    opacity: 0.8;
}

.dzialki-na-sprzedaz-mapa.lista .parcels-list .parcel .photo {
    min-width: 23.17%;
    width: 23.17%;
}

.dzialki-na-sprzedaz-mapa.lista .parcels-list .parcel .description {
    font-size: 2.1rem;
    display: block;
    padding-top: 3.6rem;
}

.dzialki-na-sprzedaz-mapa.lista .parcels-list .parcel .price-box {
    padding-right: 3.5rem;
    min-width: 13%;
    padding-top: 0;
}

.dzialki-na-sprzedaz-mapa.lista .parcels-list .parcel .price-box p {
    margin-top: 3.6rem;
}

.error-page {
    position: relative;
}

.error-page .logo {
    width: 18.6rem;
    height: 6.1rem;
    background: url(../images/dg-logo.png) center center no-repeat;
    margin-left: 3rem;
    margin-top: 5rem;
}

.error-page h1 {
    margin-top: 15rem;
    font-size: 30rem;
    color: #464549;
}

.error-page h2 {
    font-size: 3.4rem;
    color: #464549;
}

.error-page p {
    font-size: 1.6rem;
    color: #5b5a5e;
    width: 46.34%;
    margin: 0 auto;
}

#footer-menu {
    margin-top: 6rem;
    min-height: 25rem;
    padding-bottom: 30px;
    background: url(../images/backgrounds/footer.png) center center no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 1.6rem;
    position: relative;
}

#footer-menu .inner-container .left, #footer-menu .inner-container .right {
    display: flex;
    justify-content: space-between;
    width: 48.78%;
}

#footer-menu .inner-container.footer {
    padding-top: 4.5rem;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

#footer-menu .inner-container.footer .logo {
    margin-left: 3rem;
    display: inline-block;
    vertical-align: top;
    width: 5rem;
    height: 5rem;
}

#footer-menu .inner-container.footer ul {
    list-style: none;
    display: inline-block;
    margin-top: 0;
    vertical-align: top;
    padding: 0;
    margin: 0;
}

#footer-menu .inner-container.footer ul:last-child {
    margin-right: 10rem;
}

#footer-menu .inner-container.footer ul li a {
    font-size: 1.6rem;
    color: #fff;
    font-weight: 400;
    line-height: 2.4rem;
}

#footer-menu .inner-container.footer ul li a:hover {
    text-decoration: none;
    color: #eae100;
}

#footer-menu .inner-container.footer #punkt-informacyjny {
    display: inline-block;
    margin-top: 0;
    vertical-align: top;
}

#footer-menu .inner-container.footer #punkt-informacyjny h3 {
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 700;
}

#footer-menu .inner-container.footer #punkt-informacyjny p {
    color: #fff;
}

#footer-menu .inner-container.footer #punkt-informacyjny p img {
    height: 2rem;
    position: relative;
    top: 0.5rem;
}

#footer-menu .inner-container.footer #link-box .row {
    display: flex;
    justify-content: flex-end;
}

#footer-menu .inner-container.footer #link-box .lang-selector {
    font-size: 1.4rem;
    font-weight: 700;
    width: 7rem;
    height: 3.6rem;
    margin-right: 15px;
    background-color: #fff;
    border-radius: 1.8rem;
    color: #000;
    line-height: 3.6rem;
    text-align: center;
    position: relative;
    cursor: pointer;
}

#footer-menu .inner-container.footer #link-box .lang-selector .selected-language {
    background: url(../images/icons/down-arrow-grey.svg) center right no-repeat;
    background-size: 1.1rem 0.7rem;
    position: relative;
    width: 5.5rem;
}

#footer-menu .inner-container.footer #link-box .lang-selector img {
    width: 1rem;
    margin-left: 1rem;
    position: relative;
    top: -0.2rem;
}

#footer-menu .inner-container.footer #link-box .lang-selector:hover {
    border-radius: 1.8rem 1.8rem 0 0;
}

#footer-menu .inner-container.footer #link-box .lang-selector:hover .selected-language {
    background: url(../images/icons/up-arrow-grey.svg) center right no-repeat;
    background-size: 1.2rem;
}

#footer-menu .inner-container.footer #link-box .lang-selector:hover ul {
    display: block;
}

#footer-menu .inner-container.footer #link-box .lang-selector ul {
    display: none;
    position: absolute;
    z-index: 10;
    left: 0;
    margin: 0;
}

#footer-menu .inner-container.footer #link-box .lang-selector ul li {
    width: 7rem;
    height: 3.6rem;
    background-color: #fff;
    border-radius: 1.8rem;
    border-top: 0.1rem solid #dadadb;
    cursor: pointer;
}

#footer-menu .inner-container.footer #link-box .lang-selector ul li div {
    width: 5.5rem;
}

#footer-menu .inner-container.footer #link-box .lang-selector ul li:hover {
    background-color: #d6d6d6;
}

#footer-menu .inner-container.footer #link-box .lang-selector ul li:first-child {
    border-radius: 0;
    border-top: 0.1rem solid #a6a6a2;
}

#footer-menu .inner-container.footer #link-box .lang-selector ul li:last-child {
    border-radius: 0 0 1.8rem 1.8rem;
}

#footer-menu .inner-container.footer #link-box .lang-selector ul li.selected {
    color: #a6a6a2;
}

#footer-menu .inner-container.footer #link-box .fb, #footer-menu .inner-container.footer #link-box .yt, .footer__media {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 1.8rem;
    background-color: #4d4d45;
    background-position: center center;
    background-repeat: no-repeat;
}

.footer__media {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 3px;
}

.footer__media-img {
    width: 18px;
}

.footer__fb {
    margin-left: 0 !important;
}

.footer__app {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px 0;
}

.footer__app p {
    white-space: nowrap;
    color: #fff;
    font-weight: 400;
    font-size: 1.4rem;
    margin-right: 30px;
}

.footer__app-img {
    width: 100%;
    max-width: 120px;
}

#footer-menu .inner-container.footer #link-box .fb:hover, #footer-menu .inner-container.footer #link-box .yt:hover {
    opacity: 0.8;
}

#footer-menu .inner-container.footer #link-box .fb {
    background-image: url(../images/icons/facebook.svg);
    background-size: 0.85rem 1.7rem;
    margin-left: 5rem;
}

#footer-menu .inner-container.footer #link-box .yt {
    background-image: url(../images/icons/youtube.svg);
    background-size: 1.9rem;
    margin-left: 0.8rem;
}

#footer-menu .inner-container.footer #link-box .bip {
    margin-top: 0;
    width: 3.6rem;
    height: 3.6rem;
    /*background: url(../images/icons/bip.svg) 0 0 no-repeat;*/
    /*background-size: contain;*/
    object-fit: contain;
}

#footer-menu .inner-container.footer #link-box .bip:hover {
    opacity: 0.8;
}

.sa1 {
    background-image: url(../images/photos/weekend.jpg);
}

.sa2 {
    background-image: url(../images/photos/siatkowka.jpg);
}

.article-top-photo {
    background-image: url(../images/photos/siatkowka-big.jpg);
}

.siatkowka-3 {
    background-image: url(../images/photos/siatkowka3.jpg);
}

.ph1 {
    background-image: url(../images/photos/art-gal-1.jpg);
}

.ph2 {
    background-image: url(../images/photos/art-gal-2.jpg);
}

.ph3 {
    background-image: url(../images/photos/art-gal-3.jpg);
}

.d1 {
    background-image: url(../images/photos/d1.jpg);
}

.d2 {
    background-image: url(../images/photos/d2.jpg);
}

.a1 {
    background: url(../images/photos/a1.jpg) center 0 no-repeat;
}

.a2 {
    background: url(../images/photos/a2.jpg) center 0 no-repeat;
}

.a3 {
    background: url(../images/photos/a3.jpg) center 0 no-repeat;
}

.a4 {
    background: url(../images/photos/a4.jpg) center 0 no-repeat;
}

.g1 {
    background: url(../images/photos/gallery/g1.jpg) center center no-repeat;
}

.g2 {
    background: url(../images/photos/gallery/g2.jpg) center center no-repeat;
}

.g3 {
    background: url(../images/photos/gallery/g3.jpg) center center no-repeat;
}

.g4 {
    background: url(../images/photos/gallery/g4.jpg) center center no-repeat;
}

#w1 {
    background: url(../images/photos/1.jpg) center center no-repeat;
}

#w2 {
    background: url(../images/photos/2.jpg) center center no-repeat;
}

#w3 {
    background: url(../images/photos/3.jpg) center center no-repeat;
}

.p1 {
    background-image: url(../images/przeglad-big.jpg);
}

.p2 {
    background-image: url(../images/przeglad-thumbnail2.jpg);
}

html.impaired body #nav-bar {
    background: #000;
}

html.impaired body #main-box h1, html.impaired body #main-box h2, html.impaired body #main-box p {
    color: #000;
}

html.impaired body #main-box .camera p {
    color: #fff;
}

html.impaired body .one-plus-four .left h1 {
    background: #000;
}

html.impaired body .one-plus-four .left h2, html.impaired body .one-plus-four .left p {
    color: #000;
}

html.impaired body .one-plus-four .right #box-display .col .a-container .title {
    color: #000;
}

html.impaired body .dropdown ul li a {
    color: #000;
}

html.impaired body .dropdown ul li.selected {
    color: #000;
}

html.impaired body h1.div-title {
    background: #000;
}

html.impaired body .camera {
    background: #000;
}

html.impaired body .camera p {
    color: #fff !important;
}

html.impaired body .one-by-four .one-by-four-content .one-by-four-content-description h2, html.impaired body .one-by-four .one-by-four-content .one-by-four-content-description h3, html.impaired body .one-by-four .one-by-four-content .one-by-four-content-description p {
    color: #000;
}

html.impaired body .one-by-two .one-by-two-content .one-by-two-content-description h2 {
    color: #000;
}

html.impaired body #bottom-boxes #left-box #cta {
    border: 0.1px solid #000;
}

html.impaired body #bottom-boxes #left-box #cta h1, html.impaired body #bottom-boxes #left-box #cta p {
    color: #000;
}

html.impaired body #bottom-boxes #left-box #cta .button {
    background: #000;
}

html.impaired body #bottom-boxes #left-box #cta .button:hover {
    background: #555;
}

html.impaired body #bottom-boxes #right-box h1 {
    color: #000;
}

html.impaired body .title-and-menu-row h1 {
    background: #000;
}

html.impaired body #footer-menu {
    background: #000;
}

html.impaired body .error-page h1, html.impaired body .error-page h2, html.impaired body .error-page p {
    color: #000;
}

html.impaired body .more-button {
    background: #000;
}

html.impaired body .more-button:hover {
    background: #555;
}

html.impaired body .top-slide h1, html.impaired body .top-slide p {
    color: #000;
}

html.impaired body .bread-crumbs {
    color: #000;
}

html.impaired body #artykul .date, html.impaired body #artykul h1, html.impaired body #artykul h2, html.impaired body #artykul p {
    color: #000;
}

html.impaired body #artykul blockquote {
    color: #000;
    border-color: #000;
}

html.impaired body .social-buttons {
    background-color: #000;
}

html.impaired body .title-and-menu-row .left h1 {
    background: #000;
}

html.impaired body .title-and-menu-row .right ul li a {
    color: #000;
}

html.impaired body .dzialka p {
    color: #000;
}

html.impaired body .dzialka .header-box h1 {
    color: #000;
}

html.impaired body .dzialka .header-box .price-box {
    background: #000;
}

html.impaired body .dzialka .download-link .file-size {
    color: #000;
}

html.impaired body .dzialka .download-link:hover .file-size {
    color: #fff;
}

html.impaired body .dzialki-na-sprzedaz-mapa .title-and-menu-row .left h1 {
    background: #000;
}

html.impaired body .dzialki-na-sprzedaz-mapa .title-and-menu-row .right {
    width: initial;
}

html.impaired body .dzialki-na-sprzedaz-mapa .description, html.impaired body .dzialki-na-sprzedaz-mapa p {
    color: #000;
}

html.impaired body .top-section .date, html.impaired body .top-section .social-box, html.impaired body .top-section h1, html.impaired body .top-section p {
    color: #000;
}

html.impaired body .kontakt .kontakt-container h1, html.impaired body .kontakt .kontakt-container p {
    color: #000;
}

html.impaired body .kontakt .kontakt-container .right form label {
    color: #000;
}

html.impaired body .dropdown {
    color: #000;
    border-color: #000;
}

html.impaired body .dropdown ul li {
    border-color: #000;
}

html.impaired body .dropdown ul li:first-child, html.impaired body .dropdown ul li:last-child {
    border-color: #000;
}

html.impaired body .dropdown ul li.selected a {
    color: #000;
    font-weight: 900;
}

html.impaired body #container.mapa-wybieranie .full-container .map-menu .map-dropdown {
    border-color: #000;
}

html.impaired body #container.mapa-wybieranie .full-container .map-menu .selection-list {
    border-color: #000;
}

html.impaired body #container.mapa-wybieranie .full-container .pill {
    border-color: #000;
}

html.impaired body .po-wybraniu .pill {
    border-color: #000;
}

html.impaired body .po-wybraniu h2, html.impaired body .po-wybraniu h3 {
    color: #000;
}

html.impaired body .po-wybraniu .objects .object h1, html.impaired body .po-wybraniu .objects .object p {
    color: #000;
}

html.impaired body .download-button {
    background: #000;
}

html.impaired body .inner-container.przeglad .title-and-menu-row .left h1, html.impaired body .inner-container.przeglad-podglad .title-and-menu-row .left h1 {
    background-color: #000;
}

html.impaired body .inner-container.przeglad .row .thumbnail p, html.impaired body .inner-container.przeglad-podglad .row .thumbnail p {
    color: #000;
}

html.impaired body .inner-container.przeglad .right .dropdown, html.impaired body .inner-container.przeglad-podglad .right .dropdown {
    border-color: #000;
}

html.impaired body .inner-container.przeglad .right .dropdown ul li, html.impaired body .inner-container.przeglad-podglad .right .dropdown ul li {
    border-color: #000;
}

html.impaired body .inner-container.przeglad .right .dropdown ul li:first-child, html.impaired body .inner-container.przeglad-podglad .right .dropdown ul li:first-child {
    border-color: #000;
}

html.impaired body .inner-container.przeglad .right .dropdown ul li:last-child, html.impaired body .inner-container.przeglad-podglad .right .dropdown ul li:last-child {
    border-color: #000;
}

html.impaired body .inner-container.przeglad .right .dropdown ul li.selected a, html.impaired body .inner-container.przeglad-podglad .right .dropdown ul li.selected a {
    color: #000;
}

html.impaired body .top-video .video-description h1, html.impaired body .top-video .video-description p {
    color: #000;
}

html.impaired body .search-box {
    border-color: #000;
}

html.impaired body .search-box input {
    color: #000;
}

html.impaired body .search-box input::-webkit-input-placeholder {
    color: #000;
}

html.impaired body .search-box input::-moz-placeholder {
    color: #000;
}

html.impaired body .search-box input:-ms-input-placeholder {
    color: #000;
}

html.impaired body .search-box input:-moz-placeholder {
    color: #000;
}

html.impaired body .search-box .grey-button {
    background-color: #000;
}

html.impaired body .search-box .grey-button:hover {
    background-color: #555;
}

html.impaired body #search {
    background: url(../images/icons/search-white.svg) center center no-repeat;
}

@media (min-width: 769px) {
    html.impaired .title-and-menu-row .left {
        width: calc(50% - 0.75rem);
    }

    html.impaired .title-and-menu-row .left h1 {
        box-sizing: border-box;
        width: 100%;
    }

    html.impaired .aktualnosci .title-and-menu-row .left {
        width: 48.68%;
    }

    html.impaired .dzialki-na-sprzedaz-mapa .title-and-menu-row .left {
        width: 56.91%;
    }

    html.impaired .dzialki-na-sprzedaz-mapa .title-and-menu-row .left h1 {
        background: #000;
    }

    html.impaired .dzialki-na-sprzedaz-mapa .title-and-menu-row .right {
        width: initial;
    }

    html.impaired .details-page .title-and-menu-row .left {
        width: 48.78%;
    }

    html.impaired .galerie .title-and-menu-row .left {
        width: 48.78%;
    }

    html.impaired .inner-container.przeglad .title-and-menu-row .left {
        width: calc(50% - 1.5rem);
    }
}

@media (max-width: 768px) {
    html.impaired #top-container #nav-bar ul li {
        background-color: #000;
    }

    html.impaired body #search {
        background: url(../images/icons/search.svg) center center no-repeat;
    }
}

.kontakt #map {
    margin-top: 3rem;
    width: 100%;
    height: 36rem;
}

.kontakt .kontakt-container {
    display: flex;
    max-width: 1130px;
    width: 100%;
}

.kontakt .kontakt-container .left {
    padding-left: 1rem;
    box-sizing: border-box;
    width: 53.1%;
}

.kontakt .kontakt-container p {
    line-height: 2rem;
}

.kontakt .kontakt-container h1, .kontakt .kontakt-container p {
    color: #464549;
}

.kontakt .kontakt-container h2 {
    margin: 2.7rem 0;
}

.kontakt .kontakt-container .right {
    box-sizing: border-box;
}

.kontakt .kontakt-container .right form {
    position: relative;
}

.kontakt .kontakt-container .right form label {
    color: #464549;
    font-size: 1.6rem;
    font-weight: lighter;
    margin-top: 1.6rem;
    margin-bottom: 1rem;
    display: block;
}

.kontakt .kontakt-container .right form input {
    border: 0.1rem solid #cdcdce;
    height: 2.6rem;
    line-height: 2.6rem;
    width: 100%;
}

.kontakt .kontakt-container .right form textarea {
    border: 0.1rem solid #cdcdce;
    width: 100%;
    height: 11.5rem;
}

.kontakt .kontakt-container .right form .inner-form-container {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.kontakt .kontakt-container .right form .inner-form-container div {
    width: 47.5%;
}

.kontakt .kontakt-container .right form .inner-form-container .e-message, .kontakt .kontakt-container .right form .inner-form-container .e-name, .kontakt .kontakt-container .right form .inner-form-container .e-surname {
    width: 100%;
}

.kontakt .kontakt-container .right form .g-recaptcha {
    margin-top: 3rem;
}

.kontakt .kontakt-container .right form .wyslano {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 0.1rem solid #cececf;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: none;
}

.kontakt .kontakt-container .right form .wyslano p {
    margin-top: 4rem;
    margin-bottom: 4rem;
    text-align: center;
}

#logo-carousel {
    background-color: #fff;
    height: 11.5rem;
}

#logo-carousel .inner-container {
    margin: 0 auto;
}

#logo-carousel .inner-container.carousel {
    width: 100%;
    display:flex;
}

#logo-carousel .inner-container.carousel .slider-container {
    width: 89%;
    height: 100%;
    overflow: hidden;
    display: inline-block;
    position: relative;
}

#logo-carousel .inner-container.carousel .slider-container .carousel-images {
    width: 3000px;
    height: 100%;
    display: block;
    background-color: #fff;
    position: absolute;
    float: left;
}

#logo-carousel .inner-container.carousel .slider-container .carousel-images .c-image {
    height: 100%;
    margin: 0;
    padding: 0;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
}

#logo-carousel .inner-container.carousel .slider-container .carousel-images .c-image img {
    align-self: center;
}

#logo-carousel .inner-container.carousel .left-arrow, #logo-carousel .inner-container.carousel .right-arrow {
    height: 100%;
    width: 5%;
    opacity: 0.6;
    /*display: inline-block;*/
    padding: 0;
    margin: 0;

    display: flex;
    align-items: center;
}

#logo-carousel .inner-container.carousel .left-arrow:hover, #logo-carousel .inner-container.carousel .right-arrow:hover {
    opacity: 1;
}

#logo-carousel .inner-container.carousel .right-arrow-image,
#logo-carousel .inner-container.carousel .left-arrow-image {
    /*background: url(../images/icons/right-arrow.svg) right center no-repeat;*/
    /*background-size: 2rem 2rem;*/
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

#logo-carousel .inner-container.carousel .left-arrow-image {
    /*background: url(../images/icons/left-arrow.svg) left center no-repeat;*/
    /*background-size: 2rem 2rem;*/
    width: 2rem;
    height: 2rem;
    object-fit: contain;
}

.c-image, .left-arrow, .right-arrow {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#main-box {
    padding-top: 2rem;
    height: 72.2rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#main-box #left {
    width: 67.19%;
    height: 100%;
    background-image: url(../images/photos/singer.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-right: 0;
}

#main-box #right {
    width: 32.13%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#main-box #right .small-box {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    flex: 1;
    margin-bottom: 1rem;
    background-size: cover;
    background-position: center center;
}

#main-box #right .small-box:last-child {
    margin-bottom: 0;
}

#main-box #right a {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

#main-box a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(255, 255, 255, 0);
    transition: background-color 0.1s linear;
}

#main-box a:hover {
    background-color: rgba(255, 255, 255, 0.15);
    text-decoration: none;
}

.description-big {
    background-color: #fff;
    padding: 4rem;
    width: 65.12%;
    box-sizing: border-box;
    left: 17.44%;
    position: absolute;
    bottom: 0;
}

.description-big h1 {
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 3.4rem;
    font-weight: 700;
}

.description-big p {
    padding: 0;
    margin: 0;
    margin-top: 1.5rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: lighter;
}

.description-small {
    background-color: #fff;
    padding: 5px 15px;
    display: inline-block;
}

.description-small h2 {
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 700;
}

.description-small p {
    margin-top: 8px;
    margin-bottom: 0.3rem;
    font-size: 1.2rem;
    line-height: 1.7rem;
}

.small-box .play-video-overlay {
    position: initial;
    background-size: 4rem 4rem;
}

html {
    font-size: 62.5%;
}

body {
    margin: 0;
    padding: 0;
    font-family: Ubuntu, sans-serif;
    text-align: center;
    font-size: 1rem;
}

body #container {
    max-width: 1600px;
    width: 100%;
    display: inline-block;
    background: url(../images/backgrounds/site.jpg) 0 18rem repeat-y;
    position: relative;
}

body #container .inner-container {
    text-align: left;
    max-width: 1230px;
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
}

.mobile-menu {
    display: none;
}

#copyright-note {
    width: 100%;
    text-align: center;
    height: 4.4rem;
    line-height: 4.4rem;
    font-size: 1.3rem;
    color: #a2a2a4;
    background-color: #ededed;
}

#bottom-boxes, #galerie, #video {
    max-width: 1230px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    margin-top: 6rem;
    text-align: left;
}

#artykul {
    max-width: 1600px;
    width: 100%;
    padding: 0;
    margin: 0;
}

#ad-box {
    margin-top: 4rem;
}

#ad-box-280 {
    display: none;
    margin-top: 4rem;
}

.div-title.head {
    width: calc(50% - 3.8rem);
    display: inline-block;
    text-align: left;
    color: #fff;
    font-size: 2.4rem;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 2.5rem;
    height: 4rem;
    line-height: 4rem;
    margin-bottom: 2rem;
    margin-top: 0;
    background: -webkit-linear-gradient(left, #3d9f26, rgba(255, 255, 255, 0) 75%);
    background: -o-linear-gradient(left, #3d9f26, rgba(255, 255, 255, 0) 75%);
    background: -moz-linear-gradient(left, #3d9f26, rgba(255, 255, 255, 0) 75%);
    background: linear-gradient(left, #56aa41, rgba(255, 255, 255, 0) 75%);
}

.div-title.head a {
    color: #fff;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.social-buttons {
    width: 3.8rem;
    background-color: #5b5a5e;
    position: fixed;
    top: calc(50% - 5.4rem);
    z-index: 10;
}

.social-buttons * {
    height: 3.6rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 1.5rem;
    position: relative;
}

.social-buttons * a {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.social-buttons .facebook {
    background-image: url(../images/icons/facebook.svg);
}

.social-buttons .twitter {
    background-image: url(../images/icons/twitter-white.svg);
}

.social-buttons .google-plus {
    background-image: url(../images/icons/google-plus-white.svg);
}

.social-buttons .divider {
    height: 0;
    border-bottom: 0.1rem solid #646368;
    width: 55%;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    html {
        font-size: 50%;
    }

    #footer-menu .inner-container.footer ul {
        margin-left: 5rem;
    }

    #menubar ul li .menu-icon .map {
        height: 3.5rem;
    }
}


@media (max-width: 1290px) {
    .inner-container {
        padding-left: 3rem;
        padding-right: 3rem;
        box-sizing: border-box;
    }

    #search {
        margin-right: 0;
    }
}

.gm-style .gm-style-iw {
    font-size: 1.4rem;
    font-family: Ubuntu, sans-serif;
    padding: 2.5rem;
}

body #container.mapa-calosc {
    text-align: left;
}

body #container.mapa-calosc .full-container {
    position: relative;
}

body #container.mapa-calosc .full-container .inner-container {
    position: absolute;
    z-index: 1000;
    top: 12rem;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    pointer-events: none;
}

body #container.mapa-calosc .full-container .inner-container .title-and-menu-row .right {
    pointer-events: auto;
    display: flex;
    justify-content: flex-end;
}

body #container.mapa-calosc .full-container .inner-container .title-and-menu-row .right ul li {
    margin-left: 1rem;
    margin-right: 1rem;
}

body #container.mapa-calosc .full-container .inner-container .map-menu {
    position: relative;
    z-index: 10000;
    margin-top: 2.5rem;
    pointer-events: auto;
    display: inline-block;
}

body #container.mapa-calosc .full-container .inner-container .map-menu .map-dropdown {
    position: relative;
    width: 17rem;
    height: 3.6rem;
    line-height: 3.6rem;
    border-radius: 1.8rem;
    font-size: 1.3rem;
    font-weight: 700;
    border: 0.1rem solid #a2a1a4;
    background-color: #fff;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    box-sizing: border-box;
    background-image: url(../images/icons/down-arrow-grey.svg);
    background-size: 1.1rem 0.7rem;
    background-repeat: no-repeat;
    background-position: 14rem center;
    z-index: 5;
    cursor: pointer;
}

body #container.mapa-calosc .full-container .inner-container .map-menu .map-dropdown.opened {
    border-bottom: none;
    border-radius: 1.8rem 1.8rem 0 0;
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list {
    position: absolute;
    display: none;
    top: 3.5rem;
    width: 37rem;
    height: 30rem;
    background-color: #fff;
    border: 0.1rem solid #a2a1a4;
    z-index: 0;
    padding: 3rem 2rem 2.5rem 2.5rem;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: space-between;
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list.opened {
    display: flex;
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list .show-on-map {
    width: 100%;
    font-size: 1.8rem;
    font-weight: 700;
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list .lists {
    overflow: hidden;
    margin: 1.5rem 0;
    flex-grow: 1;
    min-height: 0;
    display: flex;
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list .lists .scroller {
    height: 100%;
    width: 0.8rem;
    align-self: flex-end;
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list .lists .scroller .vertical-bar {
    height: 100%;
    width: 100%;
    background-color: #f8f8f8;
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list .lists .scroller .vertical-bar .handle {
    width: 100%;
    height: 1.8rem;
    background-color: #dedede;
    cursor: pointer;
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list .lists .scroller.hide {
    display: none;
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list .lists .big-lists {
    list-style: none;
    padding: 0;
    margin: 0;
    width: calc(100% - 0.8rem);
    position: relative;
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list .lists .big-lists .small-dropdown .small-list {
    display: none;
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list .lists .big-lists .small-dropdown .small-list-header {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 2rem;
    background-image: url(../images/icons/right-arrow-grey.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 0.8rem 1rem;
    padding-left: 2rem;
    cursor: pointer;
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list .lists .big-lists .small-dropdown .small-list {
    list-style: none;
    padding-left: 2rem;
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list .lists .big-lists .small-dropdown .small-list li {
    font-size: 1.4rem;
    line-height: 2rem;
    padding-left: 2rem;
    box-sizing: border-box;
    background-size: 1.2rem 1.8rem;
    background-position: left center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url(../images/icons/map-marker.svg);
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list .lists .big-lists .small-dropdown .small-list li.displayed {
    cursor: default;
    pointer-events: none;
    color: grey;
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list .lists .big-lists .small-dropdown .small-list li.apteki {
    background-image: url(../images/icons/apteki.svg);
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list .lists .big-lists .small-dropdown .small-list li.szpitale {
    background-image: url(../images/icons/szpitale.svg);
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list .lists .big-lists .small-dropdown .small-list li.pomoc-spoleczna {
    background-image: url(../images/icons/pomoc-spoleczna.svg);
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list .lists .big-lists .small-dropdown.opened .small-list-header {
    background-image: url(../images/icons/down-arrow-grey.svg);
    background-size: 0.9rem 0.6rem;
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list .lists .big-lists .small-dropdown.opened .small-list {
    display: block;
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list .buttons {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 4rem;
    flex-shrink: 0;
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list .buttons .b-anuluj {
    height: 4rem;
    width: 45%;
    line-height: 4rem;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    border: 0.1rem solid #cdcdce;
    color: #a2a2a4;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.1s linear;
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list .buttons .b-anuluj:hover {
    background-color: #000;
    color: #fff;
    border-color: #000;
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list .buttons .b-wybierz {
    height: 4rem;
    width: 45%;
    line-height: 4rem;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    background-color: #32841F;;
    color: #fff;
    margin-left: 1rem;
    cursor: pointer;
    transition: all 0.1s linear;
}

body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list .buttons .b-wybierz:hover {
    background-color: #7eb712;
}

body #container.mapa-calosc .full-container .inner-container .pills {
    display: inline;
    margin-bottom: 3.6%;
}

body #container.mapa-calosc .full-container .inner-container .pills .pill {
    font-size: 1.3rem;
    font-weight: 700;
    height: 3.6rem;
    background-color: #fff;
    border-radius: 1.8rem;
    border: 0.1rem solid #adadaf;
    color: #000;
    line-height: 3.6rem;
    text-align: center;
    position: relative;
    margin-left: 2rem;
    margin-bottom: 2rem;
    pointer-events: auto;
    padding: 0 2rem;
    box-sizing: border-box;
    display: inline-block;
}

body #container.mapa-calosc .full-container .inner-container .pills .pill .icon {
    background-image: url(../images/icons/apteki.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 1.2rem;
    height: 3.6rem;
    float: left;
}

body #container.mapa-calosc .full-container .inner-container .pills .pill span {
    margin-right: 2rem;
    margin-left: 2rem;
    display: inline-block;
}

body #container.mapa-calosc .full-container .inner-container .pills .pill .close {
    background-image: url(../images/icons/close.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 1rem;
    height: 3.6rem;
    cursor: pointer;
    float: right;
}

body #container.mapa-calosc .full-container #map {
    width: 100%;
    height: 78rem;
}

body #container.mapa-calosc .full-container .lista-obiektow {
    display: none;
    min-height: 78rem;
    position: relative;
    z-index: 1;
}

body #container.mapa-calosc .full-container .lista-obiektow .inner-container {
    padding-top: 7rem;
    position: relative;
    margin-bottom: 10rem;
}

body #container.mapa-calosc .full-container .lista-obiektow .inner-container .objects {
    border-collapse: separate;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.6rem;
    font-weight: lighter;
    line-height: 1.8rem;
    margin-bottom: 2.5rem;
    position: relative;
    z-index: 1;
}

body #container.mapa-calosc .full-container .lista-obiektow .inner-container .objects .object {
    background-color: #efefef;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
    padding-top: 3.5rem;
    box-sizing: border-box;
    width: 23%;
    height: 100%;
    display: inline-block;
    align-self: flex-start;
    margin-bottom: 2%;
    margin-right: 2%;
    margin-top: 2rem;
    color: #464549;
}

body #container.mapa-calosc .full-container .lista-obiektow .inner-container .objects .object a {
    color: initial;
}

body #container.mapa-calosc .full-container .lista-obiektow .inner-container .objects .object a:hover .show-on-map {
    background-color: #000;
    color: #fff;
}

body #container.mapa-calosc .full-container .lista-obiektow .inner-container .objects .object strong {
    font-size: 1.6rem;
    text-transform: uppercase;
}

body #container.mapa-calosc .full-container .lista-obiektow .inner-container .objects .object .show-on-map {
    display: inline-block;
    padding: 1rem 2rem;
    font-size: 1.3rem;
    font-weight: 700;
    border: 0.1rem solid #000;
    margin-bottom: 3rem;
    margin-top: 3rem;
    transition: background-color 0.1s linear;
    pointer-events: auto;
}

body #container.mapa-calosc #footer-menu {
    margin-top: 0;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (max-width: 768px) {
    body #container.mapa-calosc .full-container .inner-container .title-and-menu-row {
        width: 85.62%;
        margin: 0 auto;
    }

    body #container.mapa-calosc .full-container .inner-container .title-and-menu-row h1 {
        margin: 0;
    }

    body #container.mapa-calosc .full-container .inner-container .map-menu {
        margin-left: 7.19%;
        margin-right: 7.19%;
        width: 85.62%;
        margin-top: 0;
    }

    body #container.mapa-calosc .full-container .inner-container .map-menu .selection-list {
        width: 100%;
    }

    body #container.mapa-calosc .full-container .inner-container .pills {
        margin: 3.6% 7.19%;
        display: inline-block;
        width: 85.62%;
    }

    body #container.mapa-calosc .full-container .inner-container .pills .pill {
        margin-left: 0;
        margin-right: 2rem;
    }

    body #container.mapa-calosc .full-container .lista-obiektow .inner-container .objects .object {
        width: 85.62%;
        display: block;
        margin: 3.6% 7.19%;
    }

    body #container.mapa-calosc #footer-menu .inner-container.footer {
        margin-top: 0;
    }
}

body #container.mapa-wybieranie {
    text-align: left;
}

body #container.mapa-wybieranie .full-container {
    position: relative;
}

body #container.mapa-wybieranie .full-container .inner-container {
    position: absolute;
    z-index: 1000;
    top: 12rem;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    pointer-events: none;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu {
    position: relative;
    z-index: 10000;
    margin-top: 2.5rem;
    pointer-events: auto;
    display: inline-block;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .map-dropdown {
    position: relative;
    width: 17rem;
    height: 3.6rem;
    line-height: 3.6rem;
    border-radius: 1.8rem;
    font-size: 1.3rem;
    font-weight: 700;
    border: 0.1rem solid #a2a1a4;
    background-color: #fff;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    box-sizing: border-box;
    background-image: url(../images/icons/down-arrow-grey.svg);
    background-size: 1.1rem 0.7rem;
    background-repeat: no-repeat;
    background-position: 14rem center;
    z-index: 5;
    cursor: pointer;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .map-dropdown.opened {
    border-bottom: none;
    border-radius: 1.8rem 1.8rem 0 0;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list {
    position: absolute;
    display: none;
    top: 3.5rem;
    width: 37rem;
    height: 30rem;
    background-color: #fff;
    border: 0.1rem solid #a2a1a4;
    z-index: 0;
    padding: 3rem 2rem 2.5rem 2.5rem;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: space-between;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list.opened {
    display: flex;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list .show-on-map {
    width: 100%;
    font-size: 1.8rem;
    font-weight: 700;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list .lists {
    overflow: hidden;
    margin: 1.5rem 0;
    flex-grow: 1;
    min-height: 0;
    display: flex;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list .lists .scroller {
    height: 100%;
    width: 0.8rem;
    align-self: flex-end;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list .lists .scroller .vertical-bar {
    height: 100%;
    width: 100%;
    background-color: #f8f8f8;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list .lists .scroller .vertical-bar .handle {
    width: 100%;
    height: 1.8rem;
    background-color: #dedede;
    cursor: pointer;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list .lists .scroller.hide {
    display: none;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list .lists .big-lists {
    list-style: none;
    padding: 0;
    margin: 0;
    width: calc(100% - 0.8rem);
    position: relative;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list .lists .big-lists .small-dropdown .small-list {
    display: none;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list .lists .big-lists .small-dropdown .small-list-header {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 2rem;
    background-image: url(../images/icons/right-arrow-grey.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 0.8rem 1rem;
    padding-left: 2rem;
    cursor: pointer;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list .lists .big-lists .small-dropdown .small-list {
    list-style: none;
    padding-left: 2rem;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list .lists .big-lists .small-dropdown .small-list li {
    font-size: 1.4rem;
    line-height: 2rem;
    padding-left: 2rem;
    box-sizing: border-box;
    background-size: 1.2rem 1.8rem;
    background-position: left center;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url(../images/icons/map-marker.svg);
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list .lists .big-lists .small-dropdown .small-list li.displayed {
    cursor: default;
    pointer-events: none;
    color: grey;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list .lists .big-lists .small-dropdown .small-list li.apteki {
    background-image: url(../images/icons/apteki.svg);
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list .lists .big-lists .small-dropdown .small-list li.szpitale {
    background-image: url(../images/icons/szpitale.svg);
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list .lists .big-lists .small-dropdown .small-list li.pomoc-spoleczna {
    background-image: url(../images/icons/pomoc-spoleczna.svg);
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list .lists .big-lists .small-dropdown.opened .small-list-header {
    background-image: url(../images/icons/down-arrow-grey.svg);
    background-size: 0.9rem 0.6rem;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list .lists .big-lists .small-dropdown.opened .small-list {
    display: block;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list .buttons {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 4rem;
    flex-shrink: 0;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list .buttons .b-anuluj {
    height: 4rem;
    width: 45%;
    line-height: 4rem;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    border: 0.1rem solid #cdcdce;
    color: #a2a2a4;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.1s linear;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list .buttons .b-anuluj:hover {
    background-color: #000;
    color: #fff;
    border-color: #000;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list .buttons .b-wybierz {
    height: 4rem;
    width: 45%;
    line-height: 4rem;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    background-color: #32841F;;
    color: #fff;
    margin-left: 1rem;
    cursor: pointer;
    transition: all 0.1s linear;
}

body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list .buttons .b-wybierz:hover {
    background-color: #7eb712;
}

body #container.mapa-wybieranie .full-container .inner-container .pill {
    font-size: 1.3rem;
    font-weight: 700;
    height: 3.6rem;
    background-color: #fff;
    border-radius: 1.8rem;
    border: 0.1rem solid #adadaf;
    color: #000;
    line-height: 3.6rem;
    text-align: center;
    position: relative;
    margin-left: 2rem;
    margin-bottom: 2rem;
    pointer-events: auto;
    padding: 0 2rem;
    box-sizing: border-box;
    display: inline-block;
}

body #container.mapa-wybieranie .full-container .inner-container .pill .icon {
    background-image: url(../images/icons/apteki.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 1.2rem;
    height: 3.6rem;
    float: left;
}

body #container.mapa-wybieranie .full-container .inner-container .pill span {
    margin-right: 2rem;
    margin-left: 2rem;
    display: inline-block;
}

body #container.mapa-wybieranie .full-container .inner-container .pill .close {
    background-image: url(../images/icons/close.svg);
    background-repeat: no-repeat;
    background-position: center center;
    width: 1rem;
    height: 3.6rem;
    cursor: pointer;
    float: right;
}

body #container.mapa-wybieranie .full-container #map {
    width: 100%;
    height: 78rem;
}

body #container.mapa-wybieranie #footer-menu {
    margin-top: 0;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

@media (max-width: 768px) {
    body #container.mapa-wybieranie .full-container .inner-container .map-menu {
        margin-left: 7.19%;
        margin-right: 7.19%;
        width: 85.62%;
    }

    body #container.mapa-wybieranie .full-container .inner-container .map-menu .selection-list {
        width: 100%;
    }

    body #container.mapa-wybieranie .full-container .inner-container .pill {
        display: none !important;
    }

    body #container.mapa-wybieranie #footer-menu .inner-container.footer {
        margin-top: 0;
    }
}

.white-bg {
    background-color: #fff;
    width: 100%;
}

#menubar {
    min-height: 6rem;
    text-align: right;
    padding: 2rem 0;
}

#menubar .main-logo {
    float: left;
    width: 18.6rem;
    height: 6.1rem;
}

#menubar ul {
    list-style: none;
    padding: 0;
    padding-right: 0;
    margin: 0;
    min-height: 5rem;
    position: relative;
    top: 0.3rem;
}

#menubar ul li {
    text-transform: uppercase;
    font-size: 1.1rem;
    font-weight: 700;
    display: inline-block;
    text-align: center;
    line-height: 3rem;
    margin-left: 2rem;
}

#menubar ul li .menu-icon {
    min-height: 2rem;
}

#menubar ul li img {
    display: block;
    margin: 0 auto;
}

#menubar ul li .map {
    height: 3rem;
}

#menubar ul li a {
    color: #000;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}

#menubar ul li a:hover {
    opacity: 0.7;
}

#menubar ul li a:hover img {
    opacity: 0.7;
}

#top-container {
    position: relative;
}

#nav-bar {
    background: url(../images/greenbar.png) center 0 no-repeat;
    min-height: 5rem;
    position: relative;
    background-size: cover;
}

#nav-bar ul {
    padding-left: 0;
    list-style: none;
    display: inline-block;
    margin: 0;
}

#nav-bar ul li {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 700;
    margin-right: 1rem;
    line-height: 5rem;
}

#nav-bar ul li a {
    color: #fff;
    text-decoration: none;
}

#nav-bar ul li a:hover {
    color: #eae100;
}

#nav-bar ul li.menu-calendar a:hover {
    color: #7e7a11;
}

#nav-bar .menu-calendar {
    background-color: #eae100;
}

#nav-bar .menu-calendar a {
    color: #000;
    padding: 0 10px;
}

#search {
    background: url(../images/icons/search.svg) center center no-repeat;
    height: 5rem;
    width: 5rem;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

@media (min-width: 768px) {
    #search {
        right: 160px;
        bottom: 0px;
    }
}

@media (min-width: 780px) {
    #search {
        right: 60px;
        bottom: 0px;
    }
}

@media (min-width: 842px) {
    #search {
        right: -20px;
        bottom: 40px;
    }
}

@media (min-width: 1024px) {
    #search {
        right: 120px;
        bottom: 0px;
    }
}

@media (min-width: 1099px) {
    #search {
        right: -30px;
        bottom: 30px;
    }
}

#search p {
    display: none;
}

.main-search {
    width: 100%;
    height: 19.5rem;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #a2a2a4;
    line-height: 5rem;
    text-align: center;
    display: none;
    opacity: 0;
}

.main-search .column-container {
    width: 80%;
    display: flex;
    flex-direction: column-reverse;
    margin: -1% auto 0 auto;
    height: 100%;
    justify-content: center;
    position: relative;
}

.main-search .column-container form {
    display: inline-block;
    background-color: #fff;
    width: 100%;
    font-family: Ubuntu, sans-serif;
    position: relative;
    text-align: left;
}

.main-search .column-container form input {
    line-height: 5rem;
    border: none;
    width: 70%;
    padding-left: 3rem;
    font-family: Ubuntu, sans-serif;
    font-size: 1.3rem;
}

.main-search .column-container form input::-webkit-input-placeholder {
    color: #464549;
    font-family: Ubuntu, sans-serif;
    font-size: 1.3rem;
}

.main-search .column-container form input::-moz-placeholder {
    color: #464549;
    font-family: Ubuntu, sans-serif;
    font-size: 1.3rem;
}

.main-search .column-container form input:-ms-input-placeholder {
    color: #464549;
    font-family: Ubuntu, sans-serif;
    font-size: 1.3rem;
}

.main-search .column-container form input:-moz-placeholder {
    color: #464549;
    font-family: Ubuntu, sans-serif;
    font-size: 1.3rem;
}

/*.main-search .column-container form input:focus {*/
/*    outline: 0;*/
/*}*/

.main-search .column-container #search-submit-button {
    display: inline-block;
    background-color: #a2a2a4;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    padding: 1rem 5rem;
    position: absolute;
    right: 1.2rem;
    top: 1rem;
    line-height: 1.4rem;
    cursor: pointer;
    transition: opacity 0.1s linear;
}

.main-search .column-container #search-submit-button:hover {
    opacity: 0.8;
}

.main-search .column-container #close-search {
    align-self: flex-end;
    background: url(../images/icons/close-white.svg) center center no-repeat;
    background-size: 2.5rem 2.5rem;
    height: 5rem;
    width: 2.5rem;
    cursor: pointer;
}

.main-search .column-container .error {
    display: none;
}

.o-miescie .b1 {
    background-color: #eae100;
    /*padding-top: 3rem;*/
}

.o-miescie .b1:hover {
    background-color: #fcef00;
}

.o-miescie .b2 {
    background-color: #a6b900;
}

.o-miescie .b2:hover {
    background-color: #eae100;
}

.o-miescie .b3 {
    background-image: url(../images/backgrounds/dabrowa.jpg);
}

.o-miescie .b4 {
    background-image: url(../images/backgrounds/historia.jpg);
}

.o-miescie .b5 {
    background-color: #7eb712;
}

.o-miescie .b5:hover {
    background-color: #bacd00;
}

.o-miescie .b6 {
    position: relative;
}

.o-miescie .b6 {
    background-color: #bacd00;
}

.o-miescie .b6 img {
    position: absolute;
    bottom: 2rem;
    right: 2.5rem;
    height: 10rem;
}

.o-miescie .b6:hover {
    background-color: #eae100;
}

.o-miescie .b7 {
    background-color: #51ac25;
}

.o-miescie .b7 img {
    height: 10rem;
}

.o-miescie .b7:hover {
    background-color: #7eb712;
}

.o-miescie .b8 {
    background-image: url(../images/backgrounds/projekty-unijne.jpg);
}

.o-miescie .b9 {
    background-color: #51ac25;
}

.o-miescie .b9:hover {
    background-color: #7eb712;
}

.o-miescie .b10 {
    background-color: #7eb712;
}

.o-miescie .b10:hover {
    background-color: #bacd00;
}


.one-by-two {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: center;
    position: relative;
}

.one-by-two .arrows {
    display: none;
}

.one-by-two .one-by-two-content {
    width: 48.78%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    position: relative;
}

.one-by-two .one-by-two-content a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.one-by-two .one-by-two-content:hover .one-by-two-content-img {
    opacity: 0.8;
}

.one-by-two .one-by-two-content a {
    transition: opacity 0.1s linear;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(255, 255, 255, 0);
    z-index: 2;
    transition: background-color 0.1s linear;
}

.one-by-two .one-by-two-content a:hover {
    background-color: rgba(255, 255, 255, 0.15);
    text-decoration: none;
}

.one-by-two .one-by-two-content .one-by-two-content-img {
    transition: opacity 0.1s linear;
    background-size: cover;
    width: 100%;
    height: 39.5rem;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.one-by-two .one-by-two-content .one-by-two-content-description {
    position: relative;
    z-index: 5;
    padding: 3rem;
    pointer-events: none;
}

.one-by-two .one-by-two-content .one-by-two-content-description h2 {
    font-size: 3.4rem;
    text-transform: uppercase;
}

.one-by-two .one-by-two-content .one-by-two-content-description h3 {
    display: inline-block;
    color: #32841F;;
    font-weight: lighter;
    font-size: 1.8rem;
    margin-top: 0;
    margin-bottom: 0;
}

.one-by-two .one-by-two-content .one-by-two-content-description p {
    font-size: 1.6rem;
    font-weight: lighter;
    line-height: 2.4rem;
}

.one-by-two .one-by-two-content .one-by-two-content-description .time {
    font-size: 1.3rem;
    font-weight: lighter;
}

.v1 {
    background: url(../images/photos/video/v1.jpg);
}

.v2 {
    background: url(../images/photos/video/v2.jpg);
}

.one-plus-four {
    max-width: 1230px;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 6rem;
}

.one-plus-four a {
    background-color: rgba(255, 255, 255, 0);
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    width: 100%;
    height: 100%;
    color: #464549;
    transition: background-color linear 0.1s;
}

.one-plus-four a:hover {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.15);
}

.one-plus-four .left {
    width: 48.78%;
    text-align: center;
}

.one-plus-four .left h1 {
    width: 95.83%;
    display: inline-block;
    text-align: left;
    color: #fff;
    font-size: 2.4rem;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 2.5rem;
    height: 4rem;
    line-height: 4rem;
    margin-bottom: 2rem;
    margin-top: 0;
    background: -webkit-linear-gradient(left, #3d9f26, rgba(255, 255, 255, 0) 75%);
    background: -o-linear-gradient(left, #3d9f26, rgba(255, 255, 255, 0) 75%);
    background: -moz-linear-gradient(left, #3d9f26, rgba(255, 255, 255, 0) 75%);
    background: linear-gradient(left, #3d9f26, rgba(255, 255, 255, 0) 75%);
}

.one-plus-four .left .photo-box {
    width: 100%;
    height: 62rem;
    display: flex;
    align-items: flex-end;
    background: url(../images/photos/weekend.jpg) center 0 no-repeat;
}

.one-plus-four .left .photo-box .description {
    padding: 2rem 3rem;
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
}

.one-plus-four .left .photo-box .description h2 {
    margin-top: 0;
    text-transform: uppercase;
    font-size: 3rem;
    font-weight: 700;
}

.one-plus-four .left .photo-box .description p {
    font-weight: lighter;
}

.one-plus-four .right {
    width: 48.78%;
    text-align: center;
}

.one-plus-four .right .selected-subcategory span {
    display: none;
}

.one-plus-four .right .selected-subcategory img {
    display: none;
}

.one-plus-four .right .selected-subcategory ul {
    display: flex;
    justify-content: space-around;
    list-style: none;
    padding: 0 2rem;
    margin-bottom: 2rem;
    margin-top: 0;
}

.one-plus-four .right .selected-subcategory ul li {
    display: inline-block;
    line-height: 4rem;
}

.one-plus-four .right .selected-subcategory ul li a {
    color: #32841F;;
    font-size: 1.5rem;
    font-weight: lighter;
}

.one-plus-four .right .selected-subcategory ul li a.selected {
    color: #000;
}

.one-plus-four .right .selected-subcategory ul li a:hover {
    color: #3b3b3b;
    text-decoration: none;
}

.one-plus-four .right #box-display {
    width: 100%;
    height: 62rem;
    display: flex;
    justify-content: space-between;
}

.one-plus-four .right #box-display .col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 47.5%;
}

.one-plus-four .right #box-display .col .a-container {
    height: 47.5%;
    display: flex;
    justify-content: flex-end;
    background-size: cover;
}

.one-plus-four .right #box-display .col .a-container .title {
    align-self: flex-end;
    min-height: calc(32.13% - 4rem);
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.8rem;
    padding: 1.5rem 0.5rem;
    background-color: #fff;
    box-sizing: border-box;
}

.one-by-four {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.one-by-four .one-by-four-content {
    display: inline-block;
    width: 23.171%;
    min-height: 100%;
    background-color: #fff;
    position: relative;
}

.one-by-four .one-by-four-content a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    z-index: 2;
    transition: background-color linear 0.1s;
}

.one-by-four .one-by-four-content a:hover {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.15);
}

.one-by-four .one-by-four-content .one-by-four-content-img {
    background-size: cover;
    height: 18.5rem;
    width: 100%;
    position: relative;
    text-align: center;
}

.one-by-four .one-by-four-content .one-by-four-content-description {
    background-color: #fff;
    text-align: center;
    padding: 2.5rem;
    padding-top: 2rem;
    position: relative;
    z-index: 5;
    pointer-events: none;
}

.one-by-four .one-by-four-content .one-by-four-content-description p.category {
    display: inline-block;
    color: #32841F;;
    font-weight: lighter;
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 0.3rem;
}

.one-by-four .one-by-four-content .one-by-four-content-description h2 {
    font-size: 2.1rem;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
}

.one-by-four .one-by-four-content .one-by-four-content-description .time {
    font-size: 1.3rem;
    font-weight: lighter;
    margin-top: 1.6rem;
}

.one-by-four .one-by-four-content .one-by-four-content-description p {
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-bottom: 0;
}

.aktualnosci .one-by-four .one-by-four-content .one-by-four-content-description p {
    font-size: 1.4rem;
    line-height: 1.8rem;
    margin-bottom: 0;
}

.po-wybraniu ul {
    justify-content: flex-end;
}

.po-wybraniu ul li {
    margin-left: 2.5rem;
}

.po-wybraniu ul li:last-child {
    margin-right: 3.5rem;
}

.po-wybraniu .pill {
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 700;
    height: 3.6rem;
    background-color: #fff;
    border-radius: 1.8rem;
    border: 0.1rem solid #adadaf;
    color: #000;
    line-height: 3.6rem;
    text-align: center;
    position: relative;
    margin-left: 2rem;
}

.po-wybraniu .pill img {
    height: 1rem;
    margin: 0 1.5rem;
}

.po-wybraniu .pill img:last-child {
    margin-left: 2.5rem;
}

.po-wybraniu .dropdown {
    font-size: 1.3rem;
    font-weight: 700;
    position: relative;
    z-index: 50;
    height: 3.6rem;
    line-height: 3.6rem;
    border: 0.1rem solid #adadaf;
    border-radius: 1.8rem;
    background-color: #fff;
    display: inline-block;
    min-width: 12rem;
}

.po-wybraniu .dropdown .dropdown-selected {
    display: block;
    background: url(../images/icons/down-arrow-grey.svg) center right no-repeat;
    background-size: 1.1rem 0.7rem;
    margin: 0 2rem;
    text-align: left;
}

.po-wybraniu .dropdown ul {
    position: absolute;
    display: none;
    width: 100%;
    padding: 0;
    margin: 0;
    left: -0.1rem;
}

.po-wybraniu .dropdown ul li {
    display: block;
    height: 3.6rem;
    line-height: 3.6rem;
    width: 100%;
    background-color: #fff;
    border-top: 0.1rem solid #dadadb;
    border-left: 0.1rem solid #adadaf;
    border-right: 0.1rem solid #adadaf;
    text-align: left;
    margin-left: initial;
}

.po-wybraniu .dropdown ul li:first-child {
    border-top: 0.1rem solid #a6a6a2;
}

.po-wybraniu .dropdown ul li:last-child {
    border-radius: 0 0 1.8rem 1.8rem;
    border-bottom: 0.1rem solid #adadaf;
}

.po-wybraniu .dropdown ul li.selected a {
    color: #a6a6a2;
}

.po-wybraniu .dropdown ul li:hover {
    background-color: #d6d6d6;
}

.po-wybraniu .dropdown ul li a {
    display: block;
    margin: 0 2rem;
    color: #000;
    font-size: 1.3rem;
    font-weight: 700;
}

.po-wybraniu .dropdown:hover {
    border-radius: 1.8rem 1.8rem 0 0;
}

.po-wybraniu .dropdown:hover .dropdown-selected {
    background: url(../images/icons/up-arrow-grey.svg) center right no-repeat;
    background-size: 1.2rem;
}

.po-wybraniu .dropdown:hover ul {
    display: block;
}

.po-wybraniu h2 {
    margin-top: 2.5rem;
    margin-left: 0.5rem;
    font-size: 2.1rem;
}

.po-wybraniu h3 {
    margin-top: 2rem;
    margin-left: 0.5rem;
    font-size: 2.1rem;
    font-weight: lighter;
}

.po-wybraniu .objects {
    border-collapse: separate;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.po-wybraniu .objects .object {
    background-color: #efefef;
    padding-left: 3.5rem;
    box-sizing: border-box;
    width: 23%;
    height: 100%;
    display: inline-block;
    align-self: flex-start;
    margin-bottom: 2%;
    margin-right: 2%;
}

.po-wybraniu .objects .object a {
    color: initial;
}

.po-wybraniu .objects .object a:hover .show-on-map {
    background-color: #000;
    color: #fff;
}

.po-wybraniu .objects .object h1 {
    padding-top: 4.5rem;
    font-size: 1.6rem;
    margin-top: 0;
}

.po-wybraniu .objects .object p {
    font-size: 1.6rem;
    line-height: 1.8rem;
    margin-bottom: 2.5rem;
}

.po-wybraniu .objects .object .show-on-map {
    display: inline-block;
    padding: 1rem 2rem;
    font-size: 1.3rem;
    font-weight: 700;
    border: 0.1rem solid #000;
    margin-bottom: 3rem;
    transition: background-color 0.1s linear;
}

.inner-container.przeglad-podglad .left {
    width: 75%;
}

.inner-container.przeglad-podglad .right {
    width: 25%;
    text-align: right;
}

.inner-container.przeglad-podglad .preview-box {
    width: 100%;
    background-color: #dedede;
    text-align: center;
    padding: 2.5rem 0;
    position: relative;
}

.inner-container.przeglad-podglad .preview-box img {
    max-width: 85%;
}

.inner-container.przeglad-podglad .preview-box .arrows {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 0 6rem;
    box-sizing: border-box;
}

.inner-container.przeglad-podglad .preview-box .arrows img {
    height: 5rem;
}

.inner-container.przeglad .row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.inner-container.przeglad .row .thumbnail {
    flex: 1;
    margin-left: 3rem;
    position: relative;
    width: 25%;
    transition: opacity 0.1s linear;
}

.inner-container.przeglad .row .thumbnail:hover {
    opacity: 0.8;
}

.inner-container.przeglad .row .thumbnail:first-child {
    margin-left: 0;
}

.inner-container.przeglad .row .thumbnail .przeglad-image {
    height: 36.6rem;
    width: 100%;
    border: 0.9rem solid #ededed;
    background-color: #ededed;
    box-sizing: border-box;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.inner-container.przeglad .row .thumbnail p {
    font-size: 1.8rem;
    font-weight: 700;
}

.inner-container.przeglad .row .thumbnail a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.inner-container.przeglad .right {
    text-align: right;
    text-transform: uppercase;
    font-size: 1.8rem;
    font-weight: 700;
}

.inner-container.przeglad .right .dropdown {
    font-size: 1.5rem;
    position: relative;
    z-index: 50;
    height: 3.6rem;
    line-height: 3.6rem;
    border: 0.1rem solid #adadaf;
    border-radius: 1.8rem;
    background-color: #fff;
    display: inline-block;
    width: 10rem;
    top: -0.2rem;
}

.inner-container.przeglad .right .dropdown .dropdown-selected {
    display: block;
    background: url(../images/icons/down-arrow-grey.svg) center right no-repeat;
    background-size: 1.1rem 0.7rem;
    margin: 0 2rem;
    text-align: left;
}

.inner-container.przeglad .right .dropdown ul {
    position: absolute;
    display: none;
    width: 100%;
    padding: 0;
    margin: 0;
    left: -0.1rem;
}

.inner-container.przeglad .right .dropdown ul li {
    display: block;
    height: 3.6rem;
    line-height: 3.6rem;
    width: 100%;
    background-color: #fff;
    border-top: 0.1rem solid #dadadb;
    border-left: 0.1rem solid #adadaf;
    border-right: 0.1rem solid #adadaf;
    text-align: left;
}

.inner-container.przeglad .right .dropdown ul li:first-child {
    border-top: 0.1rem solid #a6a6a2;
}

.inner-container.przeglad .right .dropdown ul li:last-child {
    border-radius: 0 0 1.8rem 1.8rem;
    border-bottom: 0.1rem solid #adadaf;
}

.inner-container.przeglad .right .dropdown ul li.selected a {
    color: #a6a6a2;
}

.inner-container.przeglad .right .dropdown ul li:hover {
    background-color: #d6d6d6;
}

.inner-container.przeglad .right .dropdown ul li a {
    display: block;
    margin: 0 2rem;
    color: #000;
}

.inner-container.przeglad .right .dropdown:hover {
    border-radius: 1.8rem 1.8rem 0 0;
}

.inner-container.przeglad .right .dropdown:hover .dropdown-selected {
    background: url(../images/icons/up-arrow-grey.svg) center right no-repeat;
    background-size: 1.2rem;
}

.inner-container.przeglad .right .dropdown:hover ul {
    display: block;
}

@media (max-width: 768px) {
    html {
        font-size: 62.5%;
        height: 100%;
    }

    html body {
        height: 100%;
    }

    html body #container {
        overflow-x: hidden;
        position: relative;
    }

    html .mobile-menu {
        height: 10rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #fff;
        position: relative;
        z-index: 100000;
    }

    html .mobile-menu a {
        margin-left: 2rem;
    }

    html .mobile-menu a img {
        height: 4.5rem;
    }

    html .mobile-menu .mobile-menu-click {
        width: 3rem;
        height: 2.5rem;
        margin-right: 2rem;
    }

    html #top-container {
        position: absolute;
        top: -88rem;
        z-index: 100000;
        width: 100%;
        transition: top 0.1s linear;
    }

    html #top-container.expanded {
        top: 10rem;
    }

    html #top-container #toolbar {
        height: initial;
    }

    html #top-container #toolbar li {
        display: block;
        background-color: #fff;
        border-bottom: 0.25rem solid #ededed;
    }

    html #top-container #toolbar li .menu-icon {
        display: inline-block;
        width: 5rem;
        text-align: center;
        margin-left: -1.5rem;
    }

    html #top-container #toolbar li .menu-icon img {
        display: inline-block;
    }

    html #top-container #toolbar li .menu-icon #bip-ico {
        margin-right: 0;
    }

    html #top-container #menubar {
        height: initial;
        padding: 0;
    }

    html #top-container #menubar .main-logo {
        display: none;
    }

    html #top-container #menubar ul {
        height: initial;
        float: none;
        margin-right: 0;
        margin-top: 0;
        top: 0;
    }

    html #top-container #menubar ul li {
        display: initial;
        line-height: 3.4rem;
        margin-left: 0;
        text-align: left;
        font-size: 1.3rem;
        padding-right: 0;
    }

    html #top-container #menubar ul li a {
        background-color: #fff;
        border-bottom: 0.1rem solid #ededed;
    }

    html #top-container #menubar ul li a .menu-icon {
        display: inline-block;
        width: 5rem;
        text-align: center;
    }

    html #top-container #menubar ul li a .menu-icon img {
        display: inline-block;
        height: 2rem;
        margin-right: 1rem;
        position: relative;
        top: 0.5rem;
        margin-left: 1.5rem;
    }

    html #top-container #menubar ul li a .menu-icon img.air-quality {
        height: 1.6rem;
    }

    html #top-container #nav-bar {
        background: 0 0;
        height: 280px;
    }

    html #top-container #nav-bar ul {
        width: 100%;
        display: initial;
        padding: 0;
    }

    html #top-container #nav-bar ul li {
        display: block;
        background-color: #32841F;;
        margin-right: 0;
        padding: 0 1.5rem;
        line-height: 3.4rem;
        font-size: 1.3rem;
        border-bottom: 0.1rem solid #ededed;
    }

    html #top-container #nav-bar ul li.menu-calendar a {
        color: #bef44a;
        padding: 0;
    }

    html #top-container #nav-bar #search {
        float: none;
        height: 3.4rem;
        background-color: #fff;
        width: 100%;
        border-bottom: 0.1rem solid #ededed;
        background-position: 1.5rem center;
        margin-right: initial;
    }

    html #top-container #nav-bar #search p {
        margin: 0;
        font-size: 1.3rem;
        line-height: 3.4rem;
        padding-left: 5rem;
        color: #000;
        font-weight: initial;
        display: initial;
    }

    html .main-search {
        position: fixed;
        z-index: 1000;
        height: 100%;
    }

    html .main-search #search-form {
        background: 0 0;
        text-align: center;
    }

    html .main-search #search-form #search-input {
        width: 100%;
        box-sizing: border-box;
    }

    html .main-search #search-form #search-submit-button {
        position: relative;
        background-color: #fff;
        color: #a2a2a4;
        right: 0;
    }

    html #main-box {
        height: 36rem;
    }

    html #main-box #left {
        width: 100%;
        position: relative;
    }

    html #main-box #left .main-photo {
        display: none;
    }

    html #main-box #left .description-big {
        padding: 2rem;
        width: 82%;
        left: 9%;
    }

    html #main-box #left .description-big h1 {
        font-size: 2.1rem;
        line-height: 2.4rem;
    }

    html #main-box #left .description-big p {
        font-size: 1.1rem;
        line-height: 1.4rem;
    }

    html #main-box #right {
        display: none;
    }

    html .one-plus-four {
        flex-direction: column;
    }

    html .one-plus-four .left {
        width: 85.62%;
        margin-left: 7.19%;
        margin-right: 7.19%;
        box-sizing: border-box;
    }

    html .one-plus-four .right {
        width: initial;
    }

    html .one-plus-four .right .selected-subcategory {
        display: block;
        width: 50%;
        margin-left: 7.19%;
        box-sizing: border-box;
        line-height: 3.6rem;
        display: block;
        border: 0.1rem solid #a2a1a4;
        border-radius: 1.8rem;
        font-size: 1.5rem;
        background-color: #fff;
        position: relative;
    }

    html .one-plus-four .right .selected-subcategory.expanded ul {
        display: block;
    }

    html .one-plus-four .right .selected-subcategory span {
        display: initial;
    }

    html .one-plus-four .right .selected-subcategory img {
        display: initial;
        width: 1rem;
        margin-left: 1rem;
        position: relative;
        top: -0.2rem;
    }

    html .one-plus-four .right .selected-subcategory ul {
        display: none;
        position: absolute;
        left: 0;
        top: 3.7rem;
        width: 100%;
        padding-left: 0;
    }

    html .one-plus-four .right .selected-subcategory ul li {
        width: 100%;
        box-sizing: border-box;
        line-height: 3.6rem;
        display: block;
        border: 0.1rem solid #a2a1a4;
        border-radius: 1.8rem;
        font-size: 1.5rem;
        background-color: #fff;
    }

    html .one-plus-four .right .selected-subcategory ul li a {
        color: #000;
    }

    html .one-plus-four .right #box-display {
        flex-direction: column;
        width: initial;
        height: initial;
    }

    html .one-plus-four .right #box-display .col {
        width: initial;
    }

    html .one-plus-four .right #box-display .col .a-container {
        margin: 3.6% 7.19%;
    }

    html .one-plus-four .right #box-display .col .a-container:first-child {
        margin-top: 7.19%;
    }

    html .one-plus-four .right #box-display .col .a-container .title {
        min-height: initial;
    }

    html #bottom-boxes {
        flex-direction: column;
        margin-top: 2.5rem;
    }

    html #bottom-boxes #left-box {
        width: 100%;
    }

    html #bottom-boxes #left-box img {
        display: none;
    }

    html #bottom-boxes #left-box #cta {
        margin: 7.19%;
    }

    html #bottom-boxes #left-box #cta h1 {
        line-height: 2.4rem;
    }

    html #bottom-boxes #left-box #cta p {
        margin-top: 4rem;
    }

    html #bottom-boxes #left-box #cta a.button {
        margin-bottom: 3rem;
    }

    html #bottom-boxes #right-box {
        width: 100%;
        margin-top: 4rem;
    }

    html #ad-box {
        display: none;
    }

    html #ad-box-280 {
        display: block;
    }

    html #footer-menu {
        margin-top: 0;
        height: initial;
        background-size: cover;
    }

    html #footer-menu .inner-container {
        padding: 0 3rem;
    }

    html #footer-menu .inner-container.footer {
        flex-direction: column;
        padding-top: 0;
        margin-top: 4rem;
    }

    html #footer-menu .inner-container.footer .left {
        width: initial;
    }

    html #footer-menu .inner-container.footer .left .logo {
        display: none;
    }

    html #footer-menu .inner-container.footer .left ul {
        margin-top: 4rem;
        margin-left: 0;
    }

    html #footer-menu .inner-container.footer .left ul:last-child {
        margin-left: 6rem;
    }

    html #footer-menu .inner-container.footer .right {
        flex-direction: column;
        margin-top: 6rem;
        width: initial;
    }

    html #footer-menu .inner-container.footer .right #link-box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 6rem;
        margin-bottom: 4rem;
    }

    html #footer-menu .inner-container.footer .right #link-box .bip {
        margin-top: 0;
        margin-left: 3.6rem;
    }

    html #logo-carousel .carousel {
        position: relative;
    }

    html #logo-carousel .carousel .slider-container {
        margin-left: 5%;
    }

    /*html #logo-carousel .left-arrow {*/
    /*    position: absolute;*/
    /*}*/

    /*html #logo-carousel .right-arrow {*/
    /*    position: absolute;*/
    /*}*/
}

.d-none { display: none; }
.pause, .resume, .pause-slider, .resume-slider {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 3px 10px;
    background-color: rgba(0, 0, 0, 0.67);
    border-radius: 6px;
    z-index: 10;
    color: white;
    border: none;
    transition: 150ms;
}

.resume-slider, .pause-slider {
    width: 100%;
    border-radius: 0;
}

.resume-slider { bottom: -20px}
.pause-slider { bottom: -40px}

.pause:active, .resume:active, .resume-slider:active, .pause-slider:active {
    transform: scale(.9);
}

@media (max-width: 768px) {
    html .error-page {
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        position: relative;
    }

    html .error-page .logo {
        position: absolute;
        margin-left: 2rem;
        margin-top: 3rem;
        top: 0;
        left: 0;
        max-width: 50%;
        background-size: contain;
        align-self: flex-start;
    }

    html .error-page h1 {
        font-size: 16rem;
        margin-top: 10rem;
        margin-bottom: 7rem;
    }

    html .error-page h2 {
        font-size: 2.1rem;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 2rem;
    }

    html .error-page p {
        font-size: 1.4rem;
        line-height: 1.8rem;
        width: 80%;
    }

    html .error-page .more-button {
        font-size: 1.3rem;
        padding-left: 2rem;
    }

    html .error-page .more-button img {
        margin-left: 1rem;
        margin-right: 1.5rem;
    }

    html #artykul .inner-container.top-margin {
        margin-top: 0;
    }

    html #artykul .bread-crumbs {
        display: none;
    }

    html #artykul .top-photo {
        height: 20rem;
    }

    html #artykul .in-article-photo {
        height: 20rem;
    }

    html #artykul .in-article-gallery {
        height: 20rem;
    }

    html #artykul .in-article-gallery .photo:nth-child(2) .in-article-gallery-photo-overlay {
        background-color: rgba(0, 0, 0, 0.78);
        background-image: url(../images/icons/search-white.svg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 4rem;
    }

    html #artykul .text-container {
        padding: 3rem 4rem;
    }

    html #artykul .text-container .date {
        font-size: 1.1rem;
    }

    html #artykul .text-container h1 {
        font-size: 2.1rem;
        line-height: 2.4rem;
        margin-top: 1.5rem;
    }

    html #artykul .text-container h2 {
        font-size: 1.8rem;
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    html #artykul .text-container p {
        font-size: 1.4rem;
        line-height: 1.8rem;
        margin: 2rem 0;
    }

    html #artykul .text-container p:first-child {
        margin-top: 0;
    }

    html #artykul .text-container p:last-child {
        margin-bottom: 0;
    }

    html #artykul .text-container blockquote {
        font-size: 1.8rem;
        line-height: initial;
        border-left: 0.3rem solid #3c9f25;
        margin-left: -2rem;
        padding-left: 1.7rem;
    }

    html .title-and-menu-row .left {
        width: 100%;
    }

    html .title-and-menu-row .left h1 {
        margin-left: 7.19%;
        margin-right: 7.19%;
        width: 85.62%;
        box-sizing: border-box;
    }

    html .title-and-menu-row .right {
        display: none;
    }

    html .dla-biznesu.boxes {
        width: 100%;
        height: initial;
        display: initial;
        margin-top: initial;
    }

    html .dla-biznesu.boxes .box1, html .dla-biznesu.boxes .box2, html .dla-biznesu.boxes .box3 {
        height: 20rem;
        margin: 7.19%;
        padding-top: 3rem;
        box-sizing: border-box;
        position: relative;
    }

    html .dla-biznesu.boxes .box1 p, html .dla-biznesu.boxes .box2 p, html .dla-biznesu.boxes .box3 p {
        font-size: 2.1rem;
        margin-top: 0;
        margin-left: 2.8rem;
    }

    html .dla-biznesu.boxes .box1 {
        width: initial;
    }

    html .dla-mieszkancow.inner-container.top-margin {
        margin-top: 7.19%;
    }

    html .dla-mieszkancow table .cube15 {
        display: none;
    }

    html .o-miescie.inner-container .title-and-menu-row.top-margin {
        margin-top: 7.19%;
    }

    html .atrakcje.inner-container.top-margin {
        margin-top: 7.19%;
    }

    html .dzialka .bread-crumbs {
        display: none;
    }

    html .dzialka .header-box {
        background-color: #fff;
        margin: 7.19%;
        width: initial;
        margin-bottom: 0;
    }

    html .dzialka .header-box h1 {
        font-size: 2.1rem;
        line-height: 2.4rem;
        padding: 2.5rem 2rem;
    }

    html .dzialka .header-box .price-box {
        width: 100%;
        text-align: left;
        padding: 2.5rem 2rem;
        box-sizing: border-box;
    }

    html .dzialka .header-box .price-box h2 {
        font-size: 2.1rem;
        margin: 0;
    }

    html .dzialka .header-box .price-box p {
        font-size: 1.8rem;
        margin: 0;
        background: 0 0;
        padding: 0;
    }

    html .dzialka .header-box .price-box h3 {
        font-size: 1.8rem;
        margin: 0;
    }

    html .dzialka p {
        background-color: #fff;
        padding: 2.5rem 2rem;
        margin: 0 7.19%;
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    html .dzialka #map {
        height: 40rem;
        margin: 7.19% 0;
    }

    html .dzialka .download-section {
        background-color: #fff;
        margin: 0 7.19%;
        padding: 2.5rem 2rem;
    }

    html .dzialka .download-section h4 {
        font-size: 1.4rem;
    }

    html .dzialka .download-section h4.top-margin {
        margin-top: 0;
    }

    html .dzialka .download-section .download-link {
        font-size: 1.1rem;
        width: 100%;
        box-sizing: border-box;
    }

    html .social-buttons-container.dzialka-social {
        display: none;
    }

    html .dzialki-na-sprzedaz-mapa .title-and-menu-row {
        display: block;
    }

    html .dzialki-na-sprzedaz-mapa .title-and-menu-row.top-margin {
        margin-top: 7.19%;
    }

    html .dzialki-na-sprzedaz-mapa .title-and-menu-row .left h1 {
        font-size: 2.1rem;
        background-color: #32841F;;
        width: 85.62%;
        height: initial;
        padding: 0 2rem;
        box-sizing: border-box;
    }

    html .dzialki-na-sprzedaz-mapa .title-and-menu-row .right {
        display: block;
        width: initial;
    }

    html .dzialki-na-sprzedaz-mapa .title-and-menu-row .right .dropdown {
        margin: 7.19%;
        width: 50%;
    }

    html .dzialki-na-sprzedaz-mapa .title-and-menu-row .right .dropdown ul li {
        margin-left: initial;
    }

    html .dzialki-na-sprzedaz-mapa .parcels-container.mapa .parcels-list {
        display: none;
    }

    html .dzialki-na-sprzedaz-mapa .parcels-container #map {
        height: 60rem;
        width: 100%;
    }

    html .dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel {
        height: initial;
        width: initial;
        flex-direction: column;
        margin: 7.19%;
    }

    html .dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel .photo {
        width: initial;
        height: 12rem;
    }

    html .dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel .description {
        font-size: 1.4rem;
        padding: 3rem;
    }

    html .dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel .description .area {
        line-height: 0.8rem;
    }

    html .dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel .description .area span::before {
        content: "-";
        color: transparent;
        display: block;
    }

    html .dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel .price-box {
        margin-top: -4.8rem;
        padding-right: 1rem;
    }

    html .dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel .price-box p {
        margin: 0;
    }

    html .aktualnosci#subpage-container {
        padding-top: 0;
    }

    html .aktualnosci .one-by-two {
        position: relative;
        z-index: 10;
        margin-top: 2rem;
    }

    html .aktualnosci .title-and-menu-row {
        display: block;
        z-index: 50;
        margin-top: 2rem;
        position: relative;
    }

    html .aktualnosci .title-and-menu-row .right {
        display: block;
        margin: 3.6% 7.19%;
    }

    html .przeglad.inner-container .title-and-menu-row.top-margin {
        margin-top: 7.19%;
    }

    html .przeglad.inner-container .title-and-menu-row .left h1 {
        width: 85.62%;
        height: initial;
        box-sizing: border-box;
        background-color: #32841F;;
    }

    html .przeglad.inner-container .title-and-menu-row .right {
        display: none;
    }

    html .przeglad.inner-container .row {
        flex-direction: column;
    }

    html .przeglad.inner-container .row.small-top-margin {
        margin-top: 0;
    }

    html .przeglad.inner-container .row.top-margin {
        margin-top: 0;
    }

    html .przeglad.inner-container .row .thumbnail {
        width: initial;
        margin: 7.19%;
        margin-bottom: 0;
    }

    html .przeglad.inner-container .row .thumbnail:first-child {
        margin-left: 7.19%;
    }

    html .przeglad.inner-container .row .thumbnail p {
        font-size: 1.6rem;
    }

    html .przeglad.inner-container .dots {
        display: block;
    }

    html .przeglad-podglad.inner-container .title-and-menu-row.top-margin {
        margin-top: 7.19%;
        flex-direction: column;
    }

    html .przeglad-podglad.inner-container .title-and-menu-row .left {
        width: 100%;
    }

    html .przeglad-podglad.inner-container .title-and-menu-row .left h1 {
        background-color: #32841F;;
        height: initial;
        width: 85.62%;
        box-sizing: border-box;
    }

    html .przeglad-podglad.inner-container .title-and-menu-row .right {
        display: block;
        width: 100%;
        margin-top: 7.19%;
        margin-bottom: 0;
        text-align: left;
    }

    html .przeglad-podglad.inner-container .title-and-menu-row .right .download-button {
        margin: 0 7.19%;
    }

    html .przeglad-podglad.inner-container .preview-box {
        margin: 7.19% 0;
    }

    html .przeglad-podglad.inner-container .preview-box .arrows {
        padding: 0 1rem;
    }

    html .galerie#subpage-container {
        padding-top: 0;
    }

    html .galerie#subpage-container .title-and-menu-row {
        margin-top: 7.19%;
        display: block;
        z-index: 50;
        position: relative;
    }

    html .galerie#subpage-container .title-and-menu-row .right {
        display: block;
        min-width: 16rem;
        position: relative;
        margin: 3.6% 7.19%;
    }

    html .galerie#subpage-container .one-by-four.small-top-margin {
        margin-top: 0;
    }

    html .galerie#subpage-container .one-by-two {
        height: 36rem;
    }

    html .galerie#subpage-container .one-by-two .one-by-two-content {
        display: none;
    }

    html .galerie#subpage-container .one-by-two .arrows {
        display: flex;
    }

    html .video .title-and-menu-row {
        flex-direction: column;
    }

    html .video .title-and-menu-row .left {
        display: block;
    }

    html .video .title-and-menu-row .right {
        margin-left: initial;
        margin: 3.6% 7.19%;
        min-width: 16rem;
    }

    html .video .top-video {
        height: 36rem;
        position: relative;
        display: flex;
        flex-direction: column;
    }

    html .video .top-video .video-container {
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        position: absolute;
    }

    html .video .top-video .video-container video {
        width: 100%;
        height: 100%;
    }

    html .video .top-video .video-container .play-video-overlay {
        display: none;
    }

    html .video .top-video .play-video-overlay {
        display: block;
        position: relative;
    }

    html .video .top-video .video-description {
        width: 85.62%;
        margin: 0 7.19%;
        text-align: center;
        padding: 3.5rem 2.5rem;
        z-index: 10;
    }

    html .video .top-video .video-description h1 {
        font-size: 2.1rem;
        line-height: 2.4rem;
    }

    html .video .top-video .video-description p {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    html .kontakt .title-and-menu-row.top-margin {
        margin-top: 7.19%;
    }

    html .kontakt .kontakt-container {
        display: block;
        margin: 7.19%;
        width: initial;
    }

    html .kontakt .kontakt-container h1 {
        font-size: 2.1rem;
        line-height: 2.4rem;
    }

    html .kontakt .kontakt-container p {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    html .kontakt .kontakt-container .left, html .kontakt .kontakt-container .right {
        width: initial;
    }

    html .kontakt .kontakt-container .left form label, html .kontakt .kontakt-container .right form label {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    html .po-wybraniu .title-and-menu-row.top-margin {
        margin-top: 3.6%;
    }

    html .po-wybraniu .title-and-menu-row .right {
        display: none;
    }

    html .po-wybraniu .objects {
        display: initial;
    }

    html .po-wybraniu .objects .object {
        width: initial;
        display: block;
        margin: 7.19%;
    }

    html .po-wybraniu .dropdown {
        margin-left: 7.19%;
        margin-top: 3.6%;
    }

    html .po-wybraniu h2, html .po-wybraniu h3 {
        margin-left: 7.19%;
    }

    html .search-box {
        margin: 0 7.19%;
        width: initial;
    }

    html .wyniki-wyszukiwania {
        margin-left: 7.19%;
        margin-right: 7.19%;
    }
}

@media (max-width: 768px) {
    html body .inner-container {
        padding-left: 0;
        padding-right: 0;
    }

    html body .inner-container.top-margin {
        margin-top: 2rem;
    }

    html body .div-title {
        margin-left: 7.19%;
        margin-right: 7.19%;
        margin-bottom: 0;
        width: 85.62%;
        box-sizing: border-box;
    }

    html body .arrows {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: space-between;
        z-index: 20;
        pointer-events: none;
    }

    html body .arrows .left-arrow, html body .arrows .right-arrow {
        height: 100%;
        width: 5%;
        background-size: 100% auto;
        pointer-events: auto;
    }

    html body .arrows .left-arrow {
        background: url(../images/icons/thin-arrow-left.svg) left center no-repeat;
        margin-left: 2rem;
    }

    html body .arrows .right-arrow {
        background: url(../images/icons/thin-arrow-right.svg) right center no-repeat;
        margin-right: 2rem;
    }

    html body #main-box .top-slide {
        display: block;
    }

    html body .top-slide {
        top: 0;
        z-index: 10;
        display: block;
        position: absolute;
        height: 100%;
        width: 100%;
    }

    html body .top-slide .image {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        height: 100%;
    }

    html body .top-slide .image .camera.down {
        top: 0;
    }

    html body .top-slide .description-big {
        padding: 2rem;
        width: 85.62%;
        left: 7.19%;
        position: absolute;
        bottom: 0;
        background-color: #fff;
    }

    html body .top-slide .description-big h1 {
        font-size: 2.1rem;
        line-height: 2.4rem;
    }

    html body .top-slide .description-big p {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    html body .top-slide #main-box .top-slide .description-big p {
        line-height: 1.4rem;
        font-size: 1.1rem;
    }

    html body .social-buttons-container {
        background-color: #fff;
        width: 100%;
        padding-bottom: 3rem;
    }

    html body .social-buttons-container .social-buttons {
        position: initial;
        width: 11.6rem;
        display: flex;
        height: 3.6rem;
        margin-left: 4rem;
    }

    html body .social-buttons-container .social-buttons * {
        display: inline-block;
        width: 3.6rem;
    }

    html body .social-buttons-container .social-buttons .divider {
        display: inline-block;
        width: 0;
        height: 55%;
        border-left: 0.1rem solid #646368;
        border-bottom: none;
        align-self: center;
    }

    html body .grid {
        width: 100%;
        border-spacing: 0;
        border-collapse: separate;
        left: 0;
        box-sizing: border-box;
        margin-left: initial;
        margin-top: 7.19%;
    }

    html body .grid tr td {
        display: block;
        width: 85.62%;
        height: 20rem;
        padding: 3rem 2rem;
        box-sizing: border-box;
        margin: 7.19%;
        font-size: 2.1rem;
    }

    html body .grid tr td:first-child {
        margin-top: 0;
    }

    html body .selected-subcategory {
        display: block;
        width: 50%;
        margin-left: 7.19%;
        margin-top: 2rem;
        box-sizing: border-box;
        line-height: 3.6rem;
        display: block;
        border: 0.1rem solid #a2a1a4;
        border-radius: 1.8rem;
        font-size: 1.5rem;
        background-color: #fff;
        position: relative;
    }

    html body .selected-subcategory img, html body .selected-subcategory span {
        display: initial;
    }

    html body .selected-subcategory.expanded ul {
        display: block;
    }

    html body .selected-subcategory span {
        display: initial;
    }

    html body .selected-subcategory img {
        display: initial;
        width: 1rem;
        margin-left: 1rem;
        position: relative;
        top: -0.2rem;
    }

    html body .selected-subcategory ul {
        display: none;
        position: absolute;
        left: 0;
        top: 3.7rem;
        width: 100%;
        padding-left: 0;
    }

    html body .selected-subcategory ul li {
        width: 100%;
        box-sizing: border-box;
        line-height: 3.6rem;
        display: block;
        border: 0.1rem solid #a2a1a4;
        border-radius: 1.8rem;
        font-size: 1.5rem;
        background-color: #fff;
    }

    html body .selected-subcategory ul li a {
        color: #000;
    }

    html body .dropdown {
        font-size: 1.5rem;
        position: relative;
        z-index: 50;
        height: 3.6rem;
        line-height: 3.6rem;
        border: 0.1rem solid #adadaf;
        border-radius: 1.8rem;
        background-color: #fff;
    }

    html body .dropdown .dropdown-selected {
        display: block;
        background: url(../images/icons/down-arrow-grey.svg) center right no-repeat;
        background-size: 1.1rem 0.7rem;
        margin: 0 2rem;
    }

    html body .dropdown ul {
        position: absolute;
        display: none;
        width: 100%;
        padding: 0;
        margin: 0;
        left: -0.1rem;
    }

    html body .dropdown ul li {
        display: block;
        height: 3.6rem;
        line-height: 3.6rem;
        width: 100%;
        background-color: #fff;
        border-top: 0.1rem solid #dadadb;
        border-left: 0.1rem solid #adadaf;
        border-right: 0.1rem solid #adadaf;
    }

    html body .dropdown ul li:first-child {
        border-top: 0.1rem solid #a6a6a2;
    }

    html body .dropdown ul li:last-child {
        border-radius: 0 0 1.8rem 1.8rem;
        border-bottom: 0.1rem solid #adadaf;
    }

    html body .dropdown ul li.selected a {
        color: #a6a6a2;
    }

    html body .dropdown ul li:hover {
        background-color: #d6d6d6;
    }

    html body .dropdown ul li a {
        display: block;
        margin: 0 2rem;
        color: #000;
    }

    html body .dropdown:hover {
        border-radius: 1.8rem 1.8rem 0 0;
    }

    html body .dropdown:hover .dropdown-selected {
        background: url(../images/icons/up-arrow-grey.svg) center right no-repeat;
        background-size: 1.2rem;
    }

    html body .dropdown:hover ul {
        display: block;
    }

    html body #aktualnosci .dropdown {
        margin-left: 7.19%;
        margin-right: 7.19%;
    }
}

@media (max-width: 768px) {
    .one-by-four .one-by-four-content .one-by-four-content-img {
        height: 36rem;
    }

    .one-plus-four .right #box-display .col .a-container {
        height: 42rem;
    }

    html .dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel .photo {
        height: 32rem;
    }
}

@media (max-width: 480px) {
    .one-by-two .one-by-two-content .one-by-two-content-img {
        height: 24rem;
    }

    .one-by-four .one-by-four-content .one-by-four-content-img {
        height: 24rem;
    }

    .one-plus-four .right #box-display .col .a-container {
        height: 30rem;
    }

    html .dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel .photo {
        height: 24rem;
    }
}

@media (max-width: 320px) {
    .one-by-two .one-by-two-content .one-by-two-content-img {
        height: 18rem;
    }

    .one-by-four .one-by-four-content .one-by-four-content-img {
        height: 18rem;
    }

    .one-plus-four .right #box-display .col .a-container {
        height: 25rem;
    }

    html .dzialki-na-sprzedaz-mapa .parcels-container .parcels-list .parcel .photo {
        height: 18rem;
    }
}

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

    .one-by-four.top-margin {
        margin-top: 0;
    }

    .one-by-four .one-by-four-content {
        width: initial;
        margin: 3.6% 7.19%;
    }

    .one-by-four .one-by-four-content:first-child {
        margin-top: 7.19%;
    }
}

@media (max-width: 768px) {
    .aktualnosci .one-by-two {
        display: block;
        height: 36rem;
    }

    .aktualnosci .one-by-two .one-by-two-content {
        display: none;
    }

    .aktualnosci .one-by-two .arrows {
        display: flex;
    }

    .one-by-two {
        flex-direction: column;
        position: relative;
    }

    .one-by-two .one-by-two-content {
        width: initial;
        margin: 3.6% 7.19%;
    }

    .one-by-two .one-by-two-content:first-child {
        margin-top: 7.19%;
    }

    .one-by-two .one-by-two-content .one-by-two-content-description {
        padding: 2rem 1rem;
    }

    .one-by-two .one-by-two-content .one-by-two-content-description h2 {
        font-size: 2.1rem;
        margin: 0;
    }
}

.top-section {
    width: 100%;
    background-color: #ededed;
    min-height: 72rem;
    text-align: left;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.top-section h1 {
    color: #464549;
    overflow: hidden;
    text-overflow: ellipsis;
}

.top-section .date {
    font-size: 1.3rem;
    font-weight: lighter;
    margin-right: 0;
    margin-top: 11rem;
}

.top-section .text {
    flex-grow: 1;
}

.top-section p {
    color: #5b5a5e;
}

.top-section .date, .top-section .social-box, .top-section h1, .top-section p {
    margin-left: 6%;
    max-width: 23%;
}

.top-section .video {
    width: 68%;
    height: 100%;
    background-color: #000;
    position: absolute;
    top: 0;
    right: 0;
}

.top-section .video video {
    width: 100%;
    height: 100%;
}

.top-section .video .play-video-overlay {
    z-index: 5;
}

.top-section .photos {
    width: 68%;
    height: 100%;
    background: url(../images/photos/singer.jpg) center center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
}

.top-section .photos .photo-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 50;
}

.top-section .photos .camera {
    z-index: 60;
}

.top-section .photos .camera p {
    margin: 0 auto;
    color: #fff;
}

.top-section .photos .arrows {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    z-index: 100;
    pointer-events: none;
}

.top-section .photos .arrows .left-arrow, .top-section .photos .arrows .right-arrow {
    height: 100%;
    width: 5%;
    max-width: 3rem;
    background-size: 100% auto;
    pointer-events: auto;
    cursor: pointer;
}

.top-section .photos .arrows .left-arrow {
    background: url(../images/icons/thin-arrow-left.svg) left center no-repeat;
    margin-left: 6.5%;
}

.top-section .photos .arrows .right-arrow {
    background: url(../images/icons/thin-arrow-right.svg) right center no-repeat;
    margin-right: 6.5%;
}

.social-box {
    font-size: 1.3rem;
    font-weight: lighter;
    color: #5b5a5e;
    margin-bottom: 3rem;
}

.social-box img {
    display: inline-block;
    position: relative;
    top: 0.2rem;
    height: 1.6rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    transition: opacity 0.1s linear;
}

.social-box img:first-child {
    margin-left: 0.8rem;
    margin-right: 0.8rem;
}

.social-box img:hover {
    opacity: 0.8;
}

@media (max-width: 768px) {
    .details-page .bread-crumbs {
        display: none;
    }

    .details-page.inner-container.top-margin {
        margin-top: 7.19%;
    }

    .details-page.inner-container.top-margin .title-and-menu-row .left h1 span {
        display: none;
    }

    .details-page.inner-container .one-by-four.small-top-margin {
        margin-top: 0;
    }

    .top-section {
        display: block;
        min-height: initial;
        padding-top: 10%;
        padding-bottom: 10%;
    }

    .top-section .date, .top-section .social-box, .top-section h1, .top-section p {
        margin-left: 15%;
        max-width: 70%;
    }

    .top-section .date {
        margin-top: 0;
        font-size: 1.1rem;
    }

    .top-section h1 {
        font-size: 2.1rem;
        line-height: 2.4rem;
        margin-bottom: 3rem;
    }

    .top-section p {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }

    .top-section p:first-child {
        margin-top: 10%;
    }

    .top-section .social-box {
        margin-top: 10%;
        margin-bottom: 0;
    }

    .top-section .photos, .top-section .video {
        position: relative;
        height: 34rem;
        width: 100%;
    }

    .top-section .photos video, .top-section .video video {
        width: 100%;
    }
}

#toolbar-container {
    border-bottom: 0.1rem solid #ededed;
}

#toolbar {
    padding-left: 0;
    font-size: 0;
    min-height: 3.4rem;
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
}

#toolbar a {
    color: #000;
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

#toolbar a:hover {
    text-decoration: none;
}

#toolbar li {
    font-size: 1.3rem;
    display: inline-block;
    border-left: 0.1rem solid #ededed;
    padding: 0 1.5rem;
    white-space: nowrap;
    line-height: 3.4rem;
}

#toolbar li:hover {
    background-color: #ededed;
}

#toolbar li.font-size a {
    display: inline-block;
    width: initial;
}

#toolbar li.font-size:hover {
    background: 0 0;
}

#toolbar li .menu-icon {
    display: inline-block;
}

#toolbar li:last-child {
    border-right: 0.1rem solid #ededed;
}

#toolbar #contrast-ico {
    margin-right: 0.5rem;
    position: relative;
    top: 0.2rem;
    height: 1.7rem;
}

#toolbar #wheelchair-ico {
    margin-right: 0.5rem;
    position: relative;
    top: 0.4rem;
    height: 1.8rem;
}

#toolbar .decrease-size {
    display: inline-block;
    cursor: pointer;
}

#toolbar .decrease-size #minus-ico {
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    margin-left: 0.5rem;
    margin-right: 0.3rem;
    position: relative;
    top: 0.3rem;
}

#toolbar .decrease-size #minus-ico:hover circle {
    fill: #000;
}

#toolbar .decrease-size #minus-ico:hover rect {
    fill: #fff;
    stroke: #fff;
}

#toolbar .increase-size {
    display: inline-block;
    cursor: pointer;
}

#toolbar .increase-size #plus-ico {
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    margin-left: 0.3rem;
    position: relative;
    top: 0.3rem;
}

#toolbar .increase-size #plus-ico:hover circle {
    fill: #000;
}

#toolbar .increase-size #plus-ico:hover polygon {
    stroke: #fff;
    fill: #fff;
}

#toolbar .reset-size {
    display: inline-block;
    cursor: pointer;
}

#toolbar .reset-size #a {
    text-align: center;
    height: 2.2rem;
    width: 2.2rem;
    line-height: 2.2rem;
    border-radius: 1.1rem;
    background-color: #ededed;
}

#toolbar .reset-size #a:hover {
    background-color: #000;
    color: #fff;
}

#toolbar #bip-ico {
    height: 1.8rem;
    margin-right: 0.5rem;
    position: relative;
    top: 0.4rem;
}

.top-video .video-container {
    position: relative;
}

.top-video .video-container video {
    width: 100%;
    background: url(../images/kino.jpg) center center no-repeat;
    background-size: cover;
}

.top-video .video-container .play-video-overlay {
    display: block;
}

.top-video .video-description {
    width: 100%;
    background-color: #fff;
    padding: 3.5rem 6rem;
    box-sizing: border-box;
}

.top-video .video-description .date {
    color: #5b5a5e;
    font-size: 1.3rem;
    font-weight: lighter;
}

.top-video .video-description h1 {
    color: #464549;
    margin: 2.4rem 0;
    margin-top: 0;
}

.top-video .video-description p {
    color: #5b5a5e;
    margin: 0;
}

.top-video .play-video-overlay {
    display: none;
}

.video .title-and-menu-row .left {
    display: none;
}

.wyniki-wyszukiwania {
    text-align: left;
    text-transform: uppercase;
    font-size: 3.4rem;
    font-weight: 700;
}

.wyniki-wyszukiwania .keyword {
    text-transform: initial;
    font-weight: lighter;
}

.wyniki-wyszukiwania .keyword::before {
    content: '"';
}

.wyniki-wyszukiwania .keyword::after {
    content: '"';
}

.search-box {
    width: 100%;
    height: 6rem;
    background-color: #fff;
    border: 0.1rem solid #d4d4d5;
    display: flex;
    justify-content: space-between;
}

.search-box input {
    border: none;
    line-height: 5.8rem;
    background: 0 0;
    font-size: 1.3rem;
    font-weight: lighter;
    font-family: Ubuntu, sans-serif;
    margin-left: 3rem;
    width: calc(100% - 23rem);
}

.search-box input:focus {
    outline: 0;
}

.search-box .grey-button {
    text-transform: uppercase;
    background-color: #a2a2a4;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    height: 3.6rem;
    line-height: 3.6rem;
    padding: 0 5rem;
    margin-top: 1.2rem;
    margin-right: 1.2rem;
    cursor: pointer;
    transition: background-color 0.1s linear;
}

.search-box .grey-button:hover {
    background-color: #000;
}

/*  POPRAWKI WCAG   */

/*      ZMIANA TABLE NA DIV GRID NA page-strona-glowna Sprwadz  */

#right-box .logo-box { flex-direction: column; }

.custom-table {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
}

#right-box .logo-box .custom-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

#right-box .logo-box .custom-cell {
    /*padding: 10px;*/
    display: flex;
    align-items: center;
    justify-content: center;
}


/*      KARUZELA NA DOLE    */
/*.if-no-bg {display: none; }*/
/*.c-image:empty .if-no-bg {*/
/*    display: initial;*/
/*}*/

.c-image .your-link-class {
    display: none; /* Ukryj link, kiedy obrazek jest załadowany */
}

.c-image.image-loaded .your-link-class {
    display: inline; /* Pokaż link, kiedy obrazek nie jest załadowany */
}

/*      ZMIANA TABLE NA DIV GRID NA page-strona-glowna Sprwadz  */

#kafle-box { flex-direction: column; }

#kafle-box .grid-table-multi{
    margin-top: 1.5rem;
}

@media screen and (max-width: 575px) {
    #kafle-box .custom-row .custom-cell a {
        padding: 1rem;
    }
}
@media screen and (min-width: 576px) and (max-width: 767px){
    #kafle-box .custom-row {
        display: grid;
        grid-template-columns: repeat(2, 50%);
        margin: 0;
    }
    #kafle-box .custom-row .custom-cell a {
        padding: 1rem;
    }
}
@media screen and (min-width: 768px) {
    #kafle-box .grid-table-multi{
        width: calc(100% + 1.5rem);
        margin-left: -0.75rem;
    }
    #kafle-box .custom-row {
        display: grid;
        grid-template-columns: repeat(4, 25%);
        margin: 0;
    }
    #kafle-box .custom-row .custom-cell a {
        padding: 4.5rem 3rem;
    }
}

#kafle-box .custom-row .custom-cell {
    display: grid;
    min-height: 215px;
    margin: 0.75rem;
}
#kafle-box .custom-row .custom-cell.rows-2 {
    grid-row: span 2;
    min-height: 430px;
}
#kafle-box .custom-row .custom-cell.columns-2 {
    grid-column: span 2;
}

#kafle-box .custom-row .custom-cell.tile-type-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

#kafle-box .custom-row .custom-cell.tile-type-icon {
    background-size: 8.5rem 10rem;
    background-position: bottom 2rem right 2.5rem;
    background-repeat: no-repeat;
}

#kafle-box .custom-row .custom-cell img {
    max-width: 10rem;
    height: 8.5rem;
}

#kafle-box .custom-row .custom-cell a {
    color: #ffffff;
    transition: background-color linear 0.1s;
    text-transform: uppercase;
    font-size: 2.4rem;
    font-weight: 700;
    word-break: break-word;
}

#kafle-box .custom-row .custom-cell a.img-overlay-link {
    background-color: transparent;
}
#kafle-box .custom-row .custom-cell a.img-overlay-link:hover {
    background-color: rgba(255, 255, 255, 0.15);
}

.page-id-131 #kafle-box .custom-cell[data-name='SYSTEM KOLEJKOWY']{
    display: none;
}

/* style dla stopki */
#punkt-informacyjny span.header {
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.17em;
}

/*  podpoiecie kontrastow   */

.impaired .o-miescie [class^="b"],
.impaired .o-miescie [class^="b"] a {
    background-color: #000000;
    color: white;
    transition: 150ms;
    background-size: 0;
}

.impaired #nav-bar .sub-menu { background-color: black; }

.impaired .o-miescie [class^="b"]:hover,
.impaired .o-miescie [class^="b"]:hover a {
    background-color: #ffc400;
    background-size: 0 !important;
}
.impaired #kafle-box .custom-row .custom-cell.tile-type-image,
.impaired #kafle-box .custom-row .custom-cell.tile-type-icon {background-size: 0;}

.impaired .o-miescie [class^="b"]:hover a {color: black !important;}

.impaired .a-tile.o-hr__tile {
    background-color: black !important;
    color: white !important;
}

.impaired .a-tile.o-hr__tile .o-hr__link {color: #ffc400 !important;}
.impaired .m-job__title { color: black !important}
.impaired .m-job__button {background-color: black !important; transition: 150ms;}
.impaired .m-job__button:hover {
    background-color: #ffc400 !important;
    color: black !important;
}

.impaired .more-button { transition: 150ms }
.impaired .more-button:hover { background-color: #ffc400 !important; color: black !important }
.impaired .more-button:hover img { filter: brightness(0.1) }
.impaired .m-job__date { color: #6F6F6F}

.impaired .o-hr_on-click {
    background-color: #ffc400 !important;
    border: 1px solid #000000;
    color: white !important;
}

.impaired .o-hr_on-click p,
.impaired .o-hr_on-click h2,
.impaired .o-hr_on-click ul
{ color: black !important }

.impaired .js-close .mdiv, .impaired .js-close .md { background-color: black;}

.sr-only {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

/*   usuniecie bordera ze zmienionych elementów   */
#search, #search-submit-button, #close-search {
    border: none;
}


/*#gtranslate_desktop .gt_switcher .gt_selected a:focus,*/
/*#gtranslate_desktop .gt_switcher .gt_option a:focus {*/
/*    border: 3px solid red !important;*/
/*}*/