/*GLOBAL*/
.search-results .loader i, .search-results .loader div {
    position: relative;
    top: 50%;
    transform: translate(-50%);
}

.search-results .loader div {
    left: 50%;
}

@media (max-width: 760px) {

}


/*.search-results .loader {
    top: 40px;
}*/

.search-results{
    height: fit-content;
}

.search-results .search-results-elements{
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.search-results .search-results-elements .search-results-elements-scrollable{
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 5px;
    width: 100%;
    /*height: calc(150vh - 200px);*/
}

.search-results .search-results-elements .search-results-elements-scrollable.offers-grid{
    height: 1000px;
}

/* Układ ofert */
.offers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 0 20px;
}

.offers-grid-fit{
  height: fit-content!important;
}
/* Desktop i tablet - 2 kolumny */
@media (max-width: 1400px) {
    .offers-grid {
        grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    }
}

/* Desktop i tablet - 2 kolumny */
@media (max-width: 1260px) {
    .offers-grid {
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    }
}

/* Desktop i tablet - 2 kolumny */
@media (max-width: 920px) {
    .offers-grid {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }
}

/* Mobile - 1 kolumna */
@media (max-width: 767px) {
    .offers-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

.search-results .search-results-elements .search-results-element{
    background: #FFFFFF;
    border: 1px solid #F4F5FB;
    border-radius: 16px;
    min-height: 331.69px;
    width: 100%;
}


@media (min-width: 1200px) {
    .search-results .search-results-elements .search-results-element {
        min-height: 337.63px!important;
    }
}

@media (max-width: 1190px) {
    .search-results .search-results-elements .search-results-element {
        min-height: 490px!important;
    }
}


.search-results .search-results-elements .search-results-element:hover{
    box-shadow: 2px 4px 10px rgb(42 55 104 / 10%);
}

.search-results .search-results-elements .search-results-element .thumbnail, .search-results .search-results-elements .search-results-element .description{
    display: inline-block;
    position: relative;
}

.search-results .search-results-elements .search-results-element .thumbnail{
    height: 100%!important;
}

.search-results .search-results-elements .search-results-element .thumbnail img{
    width: 100%;
    /*height: 250px;*/
    height: 100%;
    border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
    cursor: pointer;
    object-fit: cover;
    vertical-align: unset;
}

.search-results .search-results-elements .search-results-element .thumbnail > span{
    height: 100%;
}

.search-results .search-results-elements .search-results-element .description{
    vertical-align: bottom;
}

.search-results .search-results-elements .search-results-element .description .head{
    display: flex;
    justify-content: space-between;
}

.search-results .search-results-elements .search-results-element .description .head .icon{
    display: flex;
}

.search-results .search-results-elements .search-results-element.active .description .head .price, .search-results .search-results-elements .search-results-element.active .description .see-offer{
    color: #FF7222;
}

.search-results .search-results-elements .search-results-element.active{
    box-shadow: 0px 4px 15px rgb(42 55 104 / 10%);
}

.search-results .search-results-elements .search-results-element .description .type-on{
    padding: 6px 10px;
    background: #F4F5FB;
    border-radius: 6px;
    width: fit-content;
}

.search-results .search-results-elements .search-results-element .oferta-na-wylacznosc{
    background: #3D60E6;
    border-radius: 0px 6px 6px 0px;
    padding: 6px 10px 6px 24px;
    position: absolute;
    left: 0;
    top: 10%;
    height: auto !important;
}

/* EXTRA SEARCH */
.extraSearch{
    margin-top: 90px;
    background: #ffffff;
    z-index: 9;
    display: none;
    box-sizing: border-box
    /*height: 0;*/
}

.search-bar .extraSearch-maps {
    position: relative !important;
    margin-top: 35px !important;
    height: auto !important;
}
.search-bar .extraSearch-maps .search-box {
    margin-top: 0 !important;
}

/* HOME SLIDER SEARCH */
.slider-search-container{
    bottom: 15%;
}

.type-of-nieruchomosc{
    background: #DDE0E9;
    border-radius: 16px 16px 0px 0px;
    width: max-content;
    box-shadow: 0px 4px 25px rgba(42, 55, 104, 0.1);
}

.slider-search-nieruchomosci{
    border-radius: 0px 16px 16px 16px;
    box-shadow: 0px 4px 25px rgba(42, 55, 104, 0.1);
}

.slider-search-nieruchomosci .title-search-field{
    color: #94A5B7;
}

.slider-search-nieruchomosci select, .slider-search-nieruchomosci input{
    background: unset;
    color: #2A3768;
    font-family: 'poppins-700';
    padding-right: 30px;
}

.slider-search-nieruchomosci input:focus-visible{
    padding: 10px 0px 10px 6px;
}

.slider-search-nieruchomosci .select-arrow:after{
    top: 32%;
}

.slider-search-nieruchomosci .arrow-box{
    top: 54%;
}


.type-of-nieruchomosc div{
    cursor: pointer;
}

.type-of-nieruchomosc .active{
    background: #FFFFFF;
    border-radius: 16px 16px 0px 0px;
    color: #3D60E6;
    font-family: 'poppins-500';
}

.slider-search-nieruchomosci .search-button {
    padding: calc(7px + 0.1vw) calc(1px + 3vw);
    position: relative;
    bottom: 10px;
}

/* NASZE OFERTY */
.select-nieruchomosci.active{
    color: #3D60E6;
}

.top-page-space-map {
  margin-top: 150px;
}
/* Tablet */
@media (max-width: 1200px) {
  .top-page-space-map {
      margin-top: 120px
  }
}

/* Mobile */
@media (max-width: 767px) {
  .top-page-space-map {
      margin-top: 70px
  }
}
.search-bar.search-content {
  width: 100%!important;
  margin-top: 1.5rem !important;
}

@media (max-width: 810px) {
  .show-filters {
    width: 100%!important;
    border-radius: 16px 16px 0 0!important;
  }
}
.search-bar .search{
    height: 0;
    overflow: hidden;
}

@media (min-width: 810px) {
    .floating-sidebar {
        height: 60vh;
        position: sticky;
        top: 20px;
        overflow-y: auto;
    }
}
@media (min-width: 1200px) {
    .floating-sidebar {
        height: 100vh;
    }
}

@media (max-width: 1200px) {
.search-results .search-results-elements .search-results-elements-scrollable.offers-grid {
  height: 4000px;
  }
}

@media (max-width: 760px) {
.search-results .search-results-elements .search-results-elements-scrollable.offers-grid {
  height: 3700px;
  }
}
