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

@font-face {
  font-family: 'Material Symbols Sharp';
  font-style: normal;
  src: url(https://example.com/material-symbols.woff) format('woff');
}

#topphone {
    display: flex;
    width: max-content;
    text-align: center;
    float: right;
    color: #000;
    font-size: 1.4em;
    font-weight: bold;
    padding: 11px 0px 10px 0px;
    background: #fff;
    z-index: 1000;
    /* border-left: 2px solid #fff; */
    /* border-right: 2px solid #fff; */
    /* border-top: 2px solid #fff; */
    position: relative;
    top: -1px;
    z-index: 99999999;
    /* float: right; */
    right: 60px;
    /* margin-right: 0px; */
    gap: 10px;
    /* justify-content: flex-end; */
    height: 54px;
}

.material-symbols-outlined {
  font-family: 'Material Symbols Sharp';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}

.language-section .facebookLink a {
    background: rgba(0, 0, 0, 0) url(../../../../grafika/fb.png) no-repeat scroll 0 0;
    border: 0px solid rgba(0, 0, 0, 0);
    text-indent: -9000px;
}

#topphone a {
    color: #000;
    display: flex;
    align-items: center;
    gap: 10px;
}

#topphone > a:nth-child(1)::before {
    font-family: 'Material Symbols Sharp';
    content: "call";
    color: #a79850;
    font-size: 23px;
    font-weight: 500;
}

#topphone > a:nth-child(2)::before {
    font-family: 'Material Symbols Sharp';
    content: "mail";
    color: #a79850;
    font-size: 23px;
    font-weight: 500;
}

h1.pageTitle,
h1.pageTitle .small {
    color: #a79850;
    display: flex;
    align-items: baseline;
}

.pageTitle .location {order:2; font-size: 20px;}
.pageTitle .quarter {order:3; font-size: 20px;}
.pageTitle .small {order:1; font-size: 30px; margin-right: 10px; font-weight: 600;}

.agentPhone a {
    color: #a79850;
}

.oferta .cena .currency {
    display: initial;
}

.material-symbols-sharp {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48
}

body {
    font-family: 'Lato', sans-serif;
}

p {font-weight: 300;}

#header {
    background: #ffffff;
    border-bottom: 1px solid #818181;
}

.search-box {
    padding-top: 500px;
    z-index: 3;
    position: relative;
}

@media (max-width: 1800px) {
    .search-box {
    padding-top: 470px;
}
}

@media (max-width: 1600px) {
    .search-box {
    padding-top: 400px;
}
}

.search-box .form-box {
      position: relative;
}

.top-panel {z-index: 99999999;}

#topphone a {
    color: #000;
}

#topphone .phoneicon {
    width: 24px;
    height: 24px;
    float: left;
}

#header .search-box-small {
    display: none !important;
}

.search-box .form-box p {
    color: white;
    font-weight: 300;
    padding-right: 3px;
}

/* -------- rozwijane menu + menu + RWD -------- */

#main-menu {
    position: absolute;
    top: 0px;
    right: 0px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    z-index: 2;
} 

#header-border .container {
    border: 0px solid #fff;
    display: none;
}

@media (min-width: 990px){
#main-menu {
    z-index: 30;
}}

#main-menu > li {
    margin: 0px;
    padding: 0px;
    float: left;
    top: 0px;
    color: #717171;
}

@media (min-width: 990px){
#main-menu > li {
    position: relative;
}}

#main-menu > li > a {
    margin: 0px 2px;
    padding: 0px 5px;
    display: block;
    height: 155px;
    line-height: 190px;
    color: inherit;
    font-size: 1.17em;
    font-weight: 500;
    letter-spacing: -0.01em;
}

@media (min-width: 991px){
#main-menu > li > a {
    margin: 0px 2px;
    padding: 0px 5px;
    display: block;
    height: 155px;
    line-height: 190px;
    color: inherit;
    font-size: 1.17em;
    font-weight: 500;
    letter-spacing: -0.01em;
}}

#main-menu > li > ul {
    position: absolute;
    top: 100%;
    left: 0px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: none;
}

@media (min-width: 990px){
#main-menu > li > ul {
    position: absolute;
    top: 86%;
    left: 0px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: none;
}}

a:hover, a:focus {
    color: #af9949;
    text-decoration: none;
}

.oferta .properties .propertiesRow .propertyValue {
    float: left;
    width: 50%;
    padding-right: 0%;
    padding-left: 7%;
    min-width: 85px;
}

.oferta .properties .propertiesRow .propertyKey {
    float: left;
    width: 50%;
    padding-right: 0%;
    min-width: 85px;
}

#main-menu > li:hover > ul {
    display: block;
    background: #282828;
    width: 300px;
    line-height: 25px;
    padding: 14px 16px 11px 17px;
    border-bottom: 3px solid white;
}

@media (min-width: 990px){
#main-menu > li:hover > ul {
    display: block;
}}

#main-menu > li > ul {
    z-index: 50;
}

/* -------- koniec menu -------- */


#main-menu > li.active {background: #040301; color: white;}
#main-menu > li.active:hover > a {color: #fff;}
#main-menu > li:hover > a {color: #af9949; }
#main-menu > li {color: #040301;}
#main-menu > li > a {
    margin: 0px 2px;
    padding: 0px 10px;
    display: block;
    height: 156px;
    line-height: 200px;
    color: inherit;
    font-size: 16px;
    font-weight: 500;
}
#logo {
    display: block;
    top: 37px;
    left: 0px;
}

.search-box .container.ws-top {
    padding-top: 10px;
    border-radius: 10px 10px 0px 0px;
}

.search-box .container.ws-bottom {
    padding-bottom: 10px;
    border-radius: 0px 0px 10px 10px;
}

.search-box .container.ws-bottom {
    padding-bottom: 10px;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 43px 42px -21px #000000a6;
}

#footer .ofe-menu ul li a b {
    color: #af9949;
}

/* banner anim ze sloganami !!! */

.bx-wrapper {padding: 0!important;}
ul#animatedBanner {margin: 0!important; padding: 0!important;}

#animatedBanner {padding: 0!important;}
.bx-controls-direction {display: none;}

.search-box .container {background: #241c23d1}

#main-content {-webkit-padding-before: 0px; padding-top: 0px;}

span.embed {
    position: absolute;
    top: 297px;
    color: #fff;
    font-size: 2.5em;
    font-weight: 400;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px rgba(0,0,0,.3);
    text-align: center;
    width: 100%;
    z-index: 200;
    background: rgba(255, 255, 255, 0);
    padding: 15px 0 5px 0;
    display: none;
}

/* banner anim ze sloganami end */

.form-box select,
.form-box input {
    height: 53px;
    width: 100%;
    border: 1px solid #241c23;
    padding-left: 12px;
    background: #fff;
}

#search-button {
    border: 0px;
    font-size: 20px;
    font-weight: 500;
    background: #af9949;
    color: white;
    margin-left: 7px;
    position: absolute;
    top: -58px;
    margin-top: 0px;
    text-transform: uppercase;
}

.banners .banner .embed {color: #ffffff;font-weight: 300;}
.banners .banner .embed h3 {color: #ffffff;}
#footer-menu {background: #fbfbfb; }
#footer {
    background: #282828;
    padding-top: 40px;
    padding-bottom: 40px;
}

#footer ul li {background: none!important;}
#footer ul li a b {color: #ffffff;}
b, strong {font-weight: 700;}
#footer ul li a {color: #fff;font-size: 15px;}
#footer-logo {
    width: 310px;
    height: 58px;
    background: url(../../grafika/logo-footer.png) 0 0 no-repeat;
    display: block;
    text-indent: -9000px;
    position: absolute;
    top: 10px;
    left: 0px;
    background-size: contain;
}
#cookies-info .cookies-ok {background: #241c23; color: #fff;}
#cookies-info {background: #ababab;}

.agentMail {
    display: block;
    text-align: center;
    color: #a79850;
    font-weight: 400;
    font-size: 12px;
    z-index: 4;
    position: relative;
}

#copyright {background: #000000;height: 50px;line-height: 47px;color: #ffffff;font-weight: 400;}

a {color: #adadad;}

#footer address b {color: #b9b9b9;}

#bottom-form {background: #f5f5f5;}

.globalButton {background: #af9949 url(../../../../grafika/button-bg.png) repeat-x 0px 0px;
text-transform: uppercase;}
.radio label, .checkbox label {font-size: 11px;}

.nav-tabs>li>a {background: #e2e2e2;color: #a0a0a0;}

.globalBox {border: solid 1px #e3e3e3; background: #000; color: #282828;}

.globalBoxContent.form-horizontal label {
    color: #fff;
}

.sideSearch .globalBoxHeader {
    padding: 30px 30px 60px 30px;
    font-weight: 700;
    font-size: 21px;
    line-height: 25px;
    color: #252525;
}

.oferta .ofe-img .ofe-flag {
    background: rgb(128 0 41);
    background: #a79850;
    color: white;}

.oferta {border: 1px solid #dedede;background: white;}

.oferta .ofertaPrawa .offerSymbol {
    border-right: 5px solid #241c23;
    border-radius: 0px;
    padding: 5px;
    background: #eaeaea;
    right: 0px!important;
}
.oferta .cena {color: #241c23; }
.offerPanel a.active {background-color: #909090;}
.agentOffers {background: #282828;color: white;}
.agentOffers::after {background-color: #282828;}
.offerPage .offerFlag {background: #241c23; color: white;}
.bx-wrapper .bx-controls-direction a {background: #909090 url(../../grafika/bx_controls.png) no-repeat 0px center;}
/* .language-section {display: none;} */
.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus {color: #af9949;}

.sbOptions a {
    border-top: 1px solid #EAEBEC;
    font-weight: 500;
    display: block;
    outline: none;
    padding: 7px 0 7px 10px;
    font-size: 14px;
}

.form-control {color: #282828;border-radius: 0px;}

/*--- RWD ---*/

@media (max-width: 991px){
.search-box {
    padding-top: 40px;
}}

@media (max-width: 991px){
.search-box .container {
    width: 80%;
    left: 0px;
    margin: 0 auto !important;
    float: none;
}}

@media (max-width: 987px){
    #header-search {
    height: 500px;
    background: url(../../../grafika/main-head-bg.jpg) no-repeat center center;
    z-index: 3;
}}


@media (max-width: 987px){
    #header-border .container {
    display: none;
}}

@media (max-width: 991px){
#main-menu {
    display: block;
    width: 60px;
    position: absolute;
    height: 0px;
    overflow: hidden;
    transition: 1s;
    padding-top: 60px;
    top: 35px;
    right: 0px;
    background: none;
}}

@media (max-width: 991px){
#main-menu li a {
    margin: 0px 2px;
    padding: 0px 10px;
    display: block;
    height: 50px;
    line-height: 45px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}}

@media (max-width: 991px){
#main-menu li {
    background: #282828;
}}

@media (max-width:992px) {
    #main-menu > li:hover > a {
    color: #af9949;
}}

.articleBody.staticText ul li {
    font-weight: 300;
}


/* wyszukiwarka pierwsza strona */

/*=================================== offers-categories ===================================*/
#offers-categories-container {margin: 0 auto; width: 1200px; position: relative;}


#offers-categories {
   width: 297px;
   list-style-type: none;
   margin: 0;
   padding: 15px;
   position: absolute;
   left: 15px;
   top: 100px;
   z-index: 1000;
   background: #002c45c7;
   border-radius: 7px;
}

#offers-categories > li {display: block; margin: -1px 0 0; padding: 0; position: relative; }

#offers-categories > li > a {
    border-bottom: 0px solid #fff;
    color: #fff;
    display: block;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    height: 40px;
    line-height: 37px;
    margin: 0;
    padding: 0 0 0 15px;
    text-decoration: none;
    font-size: 16px;
    width: 40%;
    transition-duration:1s;
}

.hm{
margin-top: 0px;
margin-bottom: 1px;}

#offers-categories > li:hover {color: #ffffff;}
#offers-categories > li:hover > a {background: #38b6ff; color: #fff; width: 100%;}
#offers-categories li ul {display: none; list-style-type: none; margin: 0; padding: 0; position: absolute; right: 0px; top: 0;}
#offers-categories li ul li {display: block; float: left; height: 50px; line-height: 52px; padding: 0 12px 0 12px; margin: 0;}
#offers-categories li ul li a {color: #ffffff; font-family: 'Lato', sans-serif; font-size: 13px; margin: 0; padding: 0; text-decoration: none; display: block;}
#offers-categories li:hover ul {display: block;}

@media (max-height: 680px){
	#offers-categories { top: 100px !important;}
}

@media (max-width: 1199px) {
#offers-categories-container {width: 970px;}
#offers-categories {right: 0px; width: 340px;}
#offers-categories li:hover > a {color: #af9949;}
#offers-categories li ul {display: block;}
#offers-categories li ul li {background: #484848;}
#offers-categories li ul li:first-child {border-right: 1px dotted #fff;}
#offers-categories > li:hover > a {background: transparent;}
}

@media (max-width: 990px) {
#offers-categories-container {width: 100%;}
#offers-categories {width: 48%; top: 290px;}
#offers-categories li ul li {display: block; float: left; height: 50px; line-height: 52px; padding: 0 6px 0 6px; margin: 0;}
#offers-categories > li > a {padding: 0px; font-size: 14px;}
}

@media (max-width: 990px) {
#offers-categories-container {display: none;}
}

/*=================================== /offers-categories ===================================*/

.f-menu ul li a {
    margin: 0px 2px;
    padding: 0px 10px;
    display: block;
    height: 78px;
    line-height: 78px;
    color: #282828;
    font-size: 16px;
    font-weight: 500;
}

.agentName {
    font-size: 1.4em;
    font-weight: 400;
    padding: 30px 0px 20px 0px;
    max-width: 320px;
    margin: 0px auto;
    text-align: center;
    color: #fff;
}

ul.subMenu li a {
    color: white;
    transition: .2s ease;
}

ul.subMenu li a:hover {
    color: #af9949;
    margin-left: 5px;
}

.contact-footer-icon {
    position: absolute;
    left: 0;
}

.contact-footer--icon {
    position: absolute;
}

.contact-footer {
    position: relative;
    padding-left: 20px;
}

.contact--footer {
    position: relative;
    padding-left: 30px;
}

.oferta .ofertaPrawa h2 {
    padding-right: 125px;
    color: #af9949;
}

.globalBoxContent {
    transition: .2s ease;
}

/* .globalBoxContent a:hover {
    color: #fff;
} */

.offerPriceSection .offerPrice,
.offerPriceSection .offerPrice {
    color: #af9949;
    font-weight: 700;
}

.subMenu {
transition: .2s ease;
}

ul.subMenu li {
    margin-bottom: 10px;
}

ul.subMenu li:after  {
        border-bottom: 1px solid #4d4d4d;
        content: "";
        display: block;
    }


/* banner anim ze sloganami !!! */

.bx-wrapper {padding: 0!important;}
ul#animatedBanner {margin: 0!important; padding: 0!important;}

#animatedBanner {padding: 0!important;}
.bx-controls-direction {display: none;}

/* #main-content {-webkit-padding-before: 88px; padding-top: 88px;} */

span.embed {
    position: absolute;
    top: 297px;
    color: #fff;
    font-size: 2.5em;
    font-weight: 400;
    text-transform: uppercase;
    text-shadow: 2px 2px 2px rgba(0,0,0,.3);
    text-align: center;
    width: 100%;
    z-index: 200;
    background: rgba(0,0,0,.2);
    padding: 15px 0 5px 0;
}

/* banner anim ze sloganami end */

.bodyMain .banners {
    display: none;
}

.bodyMain .main-panel {
    width: 100%;
}

.backLink {
    color: #292929;
    font-weight: 500;
    font-size: 1.4em;
    display: block;
    float: right;
    padding-left: 50px;
    line-height: 43px;
    background: url(../../grafika/back-link.png) no-repeat 0px 0px;
    margin-top: 30px;
}

.offerNotepad a {
    font-size: 1.2em;
    color: #292929;
    font-weight: 700;
    background: url(../../grafika/notepad-ico.png) no-repeat 0px center;
    padding-left: 50px;
    line-height: 43px;
    display: none;
}

.oferta .ofertaPrawa h2
 {

display: flex;
flex-direction: row;
flex-wrap: wrap;

}

.oferta .ofertaPrawa h2 span {
    order: -1;
width: 100%;
}

.bodyMain h2 span {
    font-size: 1.5em;
    font-weight: 600;
}

.bodyMain .location, .bodyMain .quarter {
    font-weight: 400;
    font-size: 1em;
}