@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

/* SETTINGS */
@font-face {font-family: 'Material Symbols Outlined'; src: url('../../../../../../../../../../../../../../../grafika/material-symbols-outlined.woff2') format('woff2');}
@font-face {font-family: 'Fontawesome Brands'; src: url('../../../../../../../../../../../../../../../grafika/fa-brands.woff2') format('woff2');}

:root {
    --color-primary: #B29D72;
    --color-primary-light: hsl(39 29% 70% / 1);
    --color-secondary: #f0e5ce;
    --color-accent: purple;
    --font-primary: 'Open Sans';
    --font-icons: 'Material Symbols Outlined';
    --brand-icons: 'Fontawesome Brands';
    --color-white: #fff;
}

body {font-family: var(--font-primary)}
input, select, textarea {border-radius: 0 !important; box-shadow: 0 0 0 !important; border: none !important}

/* ./SETTINGS */


.search-box p {color: #fff}
.search-box .container {background: var(--color-primary)}
#search-button {text-transform: uppercase; margin-top: 0; color: #fff}
@media(min-width: 992px) {#search-button{position: relative; top: -35px;}}
@media(max-width: 991px) {.search-box {display: flex; flex-direction: column; align-items: center; justify-content: center;}}
@media(max-width: 500px) {.search-box {display: block;}}


/* HEADER */

#header {background: var(--color-primary-light); border: none;}
.bodyMain #header {position:  fixed;top:  0;left: 0;right: 0;}
#main-menu > li.active {background: var(--color-secondary)}
#logo {top: 15px;}
#logo img {max-width: unset; max-height: unset; display: block; height: 100px; width: auto;}
.search-box-small input[type=submit] {background-color: var(--color-primary); font-size: 0}

/* ./HEADER */

/* MENU */

#main-menu > li.active {background:var(--color-secondary); color: #fff;}
#main-menu > li > a {color: #000; font-weight: 500}
@media(min-width: 992px) {#main-menu > li > a {color: #fff}}
#main-menu > li:hover > a {color: #fff}
#main-menu > li.active > a {color: #333 !important}
/* ./MENU */

/* HOME SEARCH */

#searchForm * {box-shadow: 0 0 0 !important; border-radius: 0;}
/* #searchForm .search-box {filter: drop-shadow(10px 10px red);  */
#searchForm .search-box:first-of-type{box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}
#searchForm input, #searchForm select {border: none}
.ws-top {box-shadow: rgb(17 17 26 / 5%) 0px 4px 16px, rgb(17 17 26 / 5%) 0px 8px 32px !important; border-radius: 0; }
@media(min-width: 501px) {.ws-top {border-radius: 0px 0px 0 0;}}
@media (min-width: 992px) {
    .ws-top > div {position: relative;}
    .ws-top > div:not(.search-sell-rent):after {content: ''; position: absolute; top: 15%; right: 0; width: 1px; height: 70%; background: var(--color-secondary);}
}
.ws-top input:first-of-type {border-radius: 0px; outline: none !important; box-shadow: 0 0 0 !Important;}
.ws-top select {border-radius: 0px}
@media(min-width: 992px) {
    .ws-top select {border-radius: 0px}
    .ws-top .search-sell-rent select {border-radius: 0 0px 0px 0;}
    .ws-top input:first-of-type {border-radius: 0px 0 0 0px}
}
.ws-bottom {border-radius: 0;  box-shadow: rgb(17 17 26 / 5%) 0px 4px 16px, rgb(17 17 26 / 5%) 0px 8px 32px !important}
@media(min-width: 501px) {.ws-bottom {border-radius: 0 0 0px 0px;}}
.ws-bottom div:nth-child(3n+2) {border-radius: 0px 0 0 0px; overflow: hidden; position: relative;}
.ws-bottom div:nth-child(3n+3) {border-radius: 0 0px 0px 0; overflow: hidden}
.ws-bottom div:nth-child(2)::after,.ws-bottom div:nth-child(5)::after, .ws-bottom div:nth-child(8)::after {content: ''; position: absolute; top: 15%; right: 0; width: 1px; height: 70%; background: var(--color-secondary);}

/* ./HOME SEARCH */


/* OFFER CARD */

.oferta, .oferta * {all: initial; font-family: var(--font-primary); box-sizing: border-box}
.oferta {
    display: grid !important;
    grid-gap: 0 !important;
    margin-bottom: 2em;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 14px 16px -10px, rgba(17, 17, 26, 0.05) 0px 8px 32px -20px;
    overflow: hidden;
    transition: transform .25s, box-shadow .25s;
    background: var(--color-white);
    background: rgba(255, 255, 255, .85);
}

.oferta .ofe-img .ofe-flag {
  background: var(--color-secondary);
  color: var(--color-white);
  bottom: initial;
  right: initial;
  top: .5em;
  left: .5em;
  border-radius: 100px;
  height: initial;
  width: initial;
  padding: .6em 2em;
  line-height: 1.2;
}

body.bodyMain .oferta {box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;}
body.bodyMain .oferta:hover {transform: scale(1.015) translateY(-5px); box-shadow: rgba(17, 17, 26, 0.05) 0px 10px 25px, rgba(17, 17, 26, 0.05) 0px 15px 40px;}
@media(min-width: 992px) {.oferta {grid-template-columns: 1fr 1fr !important;}}
@media(max-width: 991px) {.oferta {grid-template-rows: 300px auto 70px 70px;}}
@media(max-width: 575px) {.oferta {grid-template-rows: 300px auto 70px 100px;}}
.oferta > * {width: 100% !important; margin: 0 !important; float: none !important;}

/* offer image */
.oferta > .ofe-img {height: 100%; width: 100%; position: relative;}
.oferta > .ofe-img a {height: 100%; width: 100%; display:block; font-size: 0; max-width: 412px; overflow: hidden;}
.oferta > .ofe-img img {width: 100%; height: 100%; background-size: cover;}

/* offer description */

.oferta > .ofertaPrawa {padding: 20px; display: grid; grid-template-areas: "name" "symbol" "description" "properties";}
@media(min-width: 575px) {.oferta > .ofertaPrawa {grid-template-areas: "name symbol" "description description" "properties properties"}}
.oferta > .ofertaPrawa > h2 {grid-area: name;  place-self: start start; padding: 0}
.oferta > .ofertaPrawa > h2 > b {font-size: 18px; font-weight: 900 !important}
.oferta > .ofertaPrawa > h2 > span {font-size: 14px}
.oferta > .ofertaPrawa > .offerSymbol {grid-area: symbol; place-self: start; position: static;}
@media(min-width: 576px) {.oferta > .ofertaPrawa > .offerSymbol {place-self: start end}}
.oferta > .ofertaPrawa > .ofe-info {grid-area: description; margin: 19px 0;}
.oferta > .ofertaPrawa > .properties {grid-area: properties; display: grid; grid-template-columns: repeat(2, 1fr); place-items: center start; text-align: center; position: relative; }
@media(min-width: 576px) {.oferta > .ofertaPrawa > .properties {grid-template-columns: repeat(4, 1fr);}}
.oferta > .ofertaPrawa > .properties::before {content: ''; position: absolute; top: 0; left: 10%; width: 80%; height: 1px; background: var(--color-secondary)}
.oferta > .ofertaPrawa > .properties, .oferta > .ofertaPrawa > .properties * {float: none !important; font-size: 12px; padding: 0 !important; text-align: center; }
.oferta > .ofertaPrawa > .properties > .propertiesRow {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 10px 0 0 !important}
.oferta > .ofertaPrawa > .properties .propertyKey {width: 100%; padding-right: 0 !important; }
.oferta > .ofertaPrawa > .properties .propertyValue {font-size: 14px; white-space: nowrap; font-weight: 500}

/* offer menu */
.oferta > .min-menu {display: grid; place-items: center; grid-auto-flow: dense; grid-template-rows: 1fr 1fr;}
@media(min-width: 575px) {.oferta > .min-menu {display: grid; grid-template-columns: repeat(2, 1fr); place-items: center; grid-template-rows: 1fr}}
.oferta > .min-menu li {display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; position: relative;}
.oferta > .min-menu li:first-child:after {content: '';position: absolute; top: 0; right: 15%; width: 70%; height: 1px; background: var(--color-secondary)}
@media(min-width: 575px) {.oferta > .min-menu li:first-child:after {content: '';position: absolute; right: 0; top: 20%; height: 60%; width: 1px; background: var(--color-secondary)}}
.oferta > .min-menu li > a {font-size: 14px; padding: 0 0 0 1.5em !important; cursor: pointer}
@media(max-width: 575px) {.oferta > .min-menu > .notepad {order: 1}}
.oferta > .min-menu > .notepad > a {position: relative;display: inline-block; }
.oferta > .min-menu > .notepad > a::before {font-family: var(--font-icons); padding: 2px;border-radius: 3px;color: #fff;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.oferta > .min-menu .notepadAdd::before {content: 'add'; background: lightgreen;}
.oferta > .min-menu .notepadRemove::before {content: 'remove'; background: red;}
.oferta > .min-menu .more-details a {position: relative; padding-left: 1.5em !important; display: inline-block; background: transparent !important}
.oferta > .min-menu .more-details a::before {content: 'search'; font-family: var(--font-icons); position: absolute; top: 50%; left: 0; transform: translateY(-50%);font-size: 20px;}

/* offer price */
.oferta > .cena {width: 100% !important; height: 100%; display: flex; align-items: center; justify-content: center; padding: 20px 0 !important}
.oferta > .cena > .mainPrice {font-size: 30px; font-weight: 900}
.oferta > .cena > .mainPrice > span {font-size: .5em; display: inline-block;}
.oferta > .overlayLink {position: absolute; display: none !important;}
.oferta > .min-menu,.oferta > .cena {border-top: 1px solid #ccc}

/* ./OFFER CARD */


/* FOOTER */

#footer {padding: 50px; background: var(--color-primary-light)}
#footer-menu {height: auto;; background: var(--color-secondary); border-top: 4px var(--color-accent) solid}
#footer-menu a {color: #333}
@media(max-width: 991px) {#footer-menu a {background-position: center}}
#footer-menu > .container {display: flex; align-items: center; justify-content: space-between;}
#footer-logo {position: static; height: 115px; aspect-ratio: 114/319; text-indent: 0; top: auto; left: auto; margin-top: 10px; margin-bottom: 7px}
.f-menu {display: flex; align-items: center; justify-content: flex-end;}
.f-menu ul {position: static;}

@media (max-width: 991px) {
    #footer-menu > .container {flex-direction: column; padding-bottom: 30px; padding-top: 20px}
    .f-menu {order: 0; padding-bottom: 10px}
    .footer-logo {order: 1;}
    .f-menu ul {display: flex; flex-wrap: wrap; font-size: 12px; align-items: center; justify-content: center;}
    .f-menu ul li a {height: auto; line-height: 1.5; padding: 10px 5px}
}
@media(max-width: 575px) {
    .f-menu {display: none}
    #footer-menu > .container {padding-top: 0; padding-bottom: 0;}
    #footer {padding-top: 20px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px;}
}
@media(max-width: 420px) {
    #footer a, #footer p {font-size: 15px}
    #footer address {margin-bottom: 0; margin-left: 20px; margin-left: 0;}
    #footer > .container > div:first-child {padding-left: 0;}
}

#copyright {background: var(--color-primary); color: #fff}
#footer ul li a b {color: var(--color-accent)}
/* ./FOOTER */


/* CONTACT DATA */

.contact-data {font-size: 16px !important}
.contact-data--footer *, .contact-data--footer *:hover {color: #fff;}
.contact-data__heading {margin: 0 0 1em 0; line-height: 1.2;}
.contact-data__icon {position: relative; padding-left: 1.5em;}
.contact-data__icon::before {font-family: var(--font-icons) !important; position: absolute; left: 0; font-weight: 400}
.contact-data__address::before {content: 'pin_drop';}
.contact-data__phone::before {content: 'phone';}
.contact-data__email::before {content: 'mail';}
.contact-data__opening-hours::before {content: 'watch_later';}
.contact-data__other::before {content: 'info';}
.contact-data__social::before {content: 'thumb_up';}
.contact-data--contact-page *, .contact-data--contact-page *:hover {color: var(--color-secondary);}

/* ./CONTACT DATA */

/* CONTACT FORM */

#bottom-form {background: var(--color-primary); color: #fff;border-bottom: solid var(--color-accent);}
#bottom-form * {border-radius: 0; box-shadow: 0 0 0;}

/* ./CONTACT FORM */


/* HEADER SMALL SEARCH */
.search-box-small form {all: initial; height: 40px; display: flex; align-items: center; position: relative !important; font-family: var(--font-primary) !important; border: solid 1px var(--color-primary); margin-right: 10px;}
.search-box-small form input {position: static !important; display: block; margin: 0; padding: 0; box-sizing: border-box; height: 100%;}
.search-box-small form input[type="text"] {padding-left: 10px; flex-grow: 1;}
.search-box-small form input[type="submit"] {width: 40px; font-size: 0; text-indent: 0; background: var(--color-secondary) !important;}
.search-box-small form::before {content: 'search'; font-family: var(--font-icons); position: absolute; font-size: 25px; top: 0; right: 0; height: 40px; width: 40px; z-index: 123; color: #fff; display: flex; align-items: center; justify-content: center; pointer-events: none;}
/* ./HEADER SMALL SEARCH */

.globalBox:not(.sideSearch) {background: var(--color-primary); border: none; color: #fff; z-index: 1;}
.globalBox:not(.sideSearch) .agentAvatar {position: relative; overflow: visible; transition: all .2s;}
.globalBox:not(.sideSearch) .agentAvatar img {position: relative; z-index: 123;}
.globalBox:not(.sideSearch) .agentAvatar::before {
    content: '';
    height: 120%;
    width: 120%;
    position: absolute;
    top: -10%;
    left: -10%;
    background: transparent;
    z-in