.objects{  }
.objects-item{ display: flex; background: var(--color5); border-radius: 10px; align-items: center; margin-bottom: 15px}
.object-item-image{ width: 120px; display: block; height: 80px; border-radius: 10px; object-fit: cover;     box-shadow: 4px 0 4px -2px rgb(0 0 0 / 15%);}
.object-item-name{ padding: 0 20px; font-weight: 500}
.objects-item .block-link{ position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.block-link.desktop{ display: none}


.objects-item-detale{display: none}
.over-content .objects-item-detale{display: block;  }
.object-detale-map{ width: 100%; height:350px;}


.objects-item .over-container .overheight_close_button{background: #fff;width: 38px;height: 38px;border-radius: 50%;box-shadow: -2px 3px 6px 0 rgb(0 0 0 / 25%);}
.objects-item .over-container .overheight_close_button:after{width:100%; height:100%; background-repeat: no-repeat; background-position: center; background-size: 18px; background-color:unset; background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 -0.5 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.96967 16.4697C6.67678 16.7626 6.67678 17.2374 6.96967 17.5303C7.26256 17.8232 7.73744 17.8232 8.03033 17.5303L6.96967 16.4697ZM13.0303 12.5303C13.3232 12.2374 13.3232 11.7626 13.0303 11.4697C12.7374 11.1768 12.2626 11.1768 11.9697 11.4697L13.0303 12.5303ZM11.9697 11.4697C11.6768 11.7626 11.6768 12.2374 11.9697 12.5303C12.2626 12.8232 12.7374 12.8232 13.0303 12.5303L11.9697 11.4697ZM18.0303 7.53033C18.3232 7.23744 18.3232 6.76256 18.0303 6.46967C17.7374 6.17678 17.2626 6.17678 16.9697 6.46967L18.0303 7.53033ZM13.0303 11.4697C12.7374 11.1768 12.2626 11.1768 11.9697 11.4697C11.6768 11.7626 11.6768 12.2374 11.9697 12.5303L13.0303 11.4697ZM16.9697 17.5303C17.2626 17.8232 17.7374 17.8232 18.0303 17.5303C18.3232 17.2374 18.3232 16.7626 18.0303 16.4697L16.9697 17.5303ZM11.9697 12.5303C12.2626 12.8232 12.7374 12.8232 13.0303 12.5303C13.3232 12.2374 13.3232 11.7626 13.0303 11.4697L11.9697 12.5303ZM8.03033 6.46967C7.73744 6.17678 7.26256 6.17678 6.96967 6.46967C6.67678 6.76256 6.67678 7.23744 6.96967 7.53033L8.03033 6.46967ZM8.03033 17.5303L13.0303 12.5303L11.9697 11.4697L6.96967 16.4697L8.03033 17.5303ZM13.0303 12.5303L18.0303 7.53033L16.9697 6.46967L11.9697 11.4697L13.0303 12.5303ZM11.9697 12.5303L16.9697 17.5303L18.0303 16.4697L13.0303 11.4697L11.9697 12.5303ZM13.0303 11.4697L8.03033 6.46967L6.96967 7.53033L11.9697 12.5303L13.0303 11.4697Z' fill='%23000000'/%3E%3C/svg%3E"); transform: unset}
.objects-item .over-container .overheight_close_button:before{display: none}

.object-detale-info{  background: #fff; border-radius: 10px;overflow: hidden;padding: 20px;box-sizing: border-box;margin-top: -10px; box-shadow: 0px -6px 6px -3px rgb(0 0 0 / 20%);}
.object-detale-image {width: 180px;  height: 100px;  object-fit: cover;  border-radius: 10px;}
.object-detale-name{ margin-top: 15px; font-size: 16px; font-weight: 500}
.object-detale-adress{ font-weight: 400; font-size: 13px;}
.detale-info-head{ display: flex; align-items: center}
.detale-info-head-col.info-head-col-text{ padding-left: 20px;  }

.object-detale-link{ margin-top: 30px;}
.object-detale-link a{ border: 1px solid var(--color3);  padding: 5px 40px 5px 20px;border-radius: 20px;background-position: calc(100% - 10px) center; width: 100%; box-sizing: border-box; text-align: center }

.objects-map-content{ display: none}

[class*="copyrights-pane"] {
    display: none !important;
}

@media only screen and (min-width: 768px) {

    .block-link.mobile{ display: none}
    .block-link.desktop{ display: block}
    .objects-block{ display: flex}
    .objects-map-content{ display: block; flex: 1}
    .objects-list{ width: 280px; margin-left: 15px;}
    .objects-map{ width: 100%; height: 100%; background: #eee; border-radius: 10px; overflow: hidden; border: 1px solid #d3dae1;}

    .objects-map-content .objects-item-detale{ display: block; position: absolute; bottom:15px; left: 50px; z-index: -1; background: #fff; border-radius: 10px; box-shadow: 0px 3px 10px -3px rgb(0 0 0 / 20%); padding: 15px; opacity: 0; transition: all 0.3s ease; }
    .objects-map-content .objects-item-detale.is-show{ opacity: 1;  z-index: 10}

    .objects-item-detale *{ font-size: .9em !important}
    .object-detale-name{margin: 0; font-size: 14px }
    .object-detale-adress{ font-size: 13px}
    .object-detale-link{ margin-top: 15px;}
    .object-item-image{ width: 100px; height: 80px;}
    .object-detale-image{ display: none}
    .objects-item{ transition: all 0.3s ease; }
    .objects-item.is-active{ color: #fff; background-color: var(--color2)}

}

@media only screen and (min-width: 1024px) {

    .over-content .objects-item-detale{display: block; height: 100%}
    .object-detale-info{position: absolute; bottom: 0;   background: #fff; border-radius: 10px;overflow: hidden;padding: 20px;box-sizing: border-box;margin-top: -50px; box-shadow: 0px -6px 6px -3px rgb(0 0 0 / 20%);}

    .objects-map-content .objects-item-detale{ bottom: auto; top: 30px; width: 230px}
    .object-detale-name{margin: 0; font-size: 16px }
    .object-detale-adress{ font-size: 14px}
    .object-detale-name{margin: 0; }
    .object-detale-link{ margin-top: 20px;}
    .object-detale-image{ display: block; width: 100%; height: 120px; margin-bottom: 20px}

}

@media only screen and (min-width: 1280px) {

.objects-list{ margin-left: 30px; min-width: 340px; width: 340px}
    .object-item-image {width: 120px;height: 90px;}
}