/* Start:/bitrix/templates/service_mibok_2_s1/components/viardaru/map/filtercity1/style.css?17295899027662*/
.map_wrap .row {
    padding: 0 !important;
    margin: 0 !important;
}

.map_wrap .storeList-mainStore{
    margin-bottom: 20px;
}

.map_wrap .storeList-mainStore__address, .storeList-mainStore__city {
    font-size: 12px;
    line-height: 18px;
    padding: 0 !important;
    color: #989EA6;
    font-weight: 600;
    margin-bottom: 8px;
}

.map_wrap .storeList-mainStore__phone {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
}

.map_wrap .address-map {
    position: relative;
    padding: 0 !important;
    margin-right: 30px;
}
.map_wrap .address-item {
    cursor: pointer;
}
.map_wrap .filter-btns {
    position: absolute;
    z-index: 1;
    top: 50px;
    left: 1px;
    display: flex;
}

.map_wrap .address-tooltip {position: absolute;z-index: 1;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: rgb(255 255 255 / 90%);backdrop-filter: blur(200px);box-shadow: 0px 4px 40px rgb(0 0 0 / 6%);padding: 20px;display: flex;align-items: center;}

.map_wrap .city-tooltip {position: absolute;z-index: 1;top: 100px;left: 32px;height: 34px;padding: 0 12px;color: #fff;font-size: 14px;line-height: 20px;font-weight: 600;background-color: #EC8022;display: flex;align-items: center;justify-content: center;text-align: center;}

.map_wrap .map-marker {position: absolute;z-index: 1;top: 200px;left: 32px;width: 16px;height: 16px;border-radius: 100%;background-color: #fff;box-shadow: 0px 4px 40px rgb(0 0 0 / 6%);transition: ease all .24s;}

.map_wrap .wrap--main {display: flex;align-items: stretch;padding: 0 !important;margin-top: 36px;}


/*body {background-color: #151515 !important;color: #fff !important;}*/

.map_wrap .address-map iframe {height: 100%;}

.map_wrap .notice {margin-top: 32px;font-size: 14px;line-height: 20px;}

.map_wrap .title {margin: 0;font-size: 36px;line-height: 48px;}

.map_wrap .filter-btn {height: 36px;padding: 0 16px;background-color: #fff;color: #302F2F;transition: ease all .24s;font-size: 14px;line-height: 20px;font-weight: 600;display: flex;align-items: center;justify-content: center;text-align: center;margin-right: 16px;box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.06);}

.map_wrap .filter-btn:hover {cursor: pointer;background-color: #9d4c05 !important;color: #fff;}

.map_wrap .filter-btn.is-active {background-color: #EC8022;color: #fff;}

.map_wrap .filter-btn:last-child {margin-right: 0;}

.map_wrap .address-tooltip__value {color: #302F2F;font-size: 14px;line-height: 20px;font-weight: 600;flex: 1;}

.map_wrap .map_box {background-color: #f5f5f5;}

.map_wrap .address-tooltip__icon {width: 38px;height: 38px;margin-right: 18px;flex: none;}

.map_wrap .address-tooltip__icon-img {width: 38px;height: 38px;object-fit: contain;object-position: center;}

.map_wrap .city-tooltip:before {content: "";position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border-top: 8px solid #EC8022;border-left: 7px solid transparent;border-right: 7px solid transparent;}

.map_wrap .city-tooltip:after {content: "";position: absolute;top: 100%;left: 0;width: 100%;height: 8px;}

.map_wrap .map-marker:after {content: "";width: 12px;height: 12px;border-radius: 50%;background-color: #EC8022;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.map_wrap .map-marker:hover {cursor: pointer;}

.map_wrap .map-marker.is-active {top: 300px;width: 28px;height: 28px;background-color: #EC8022;}

.map_wrap .map-marker.is-active:after {background-color: #fff;}

.map_wrap .mainStore, .branches {background-color: #fff;color: #302F2F;padding: 32px 36px !important;}

.map_wrap .address-info {padding: 0 !important;flex: 1 !important;}

.map_wrap .storeList-mainStore {border: none;padding: 0 !important;margin: 0;}

.map_wrap .branches {margin-top: 20px;}

.map_wrap .storeList-mainStore__header, .map_wrap .storeList-branches__header {margin: 0;font-size: 20px;line-height: 32px;}

.map_wrap .storeList-items {margin-top: 18px;}

.map_wrap .storeList-items {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 54px;
}

.map_wrap .storeList-mainStore__phone {padding: 0 !important;font-size: 14px;line-height: 20px;color: #302F2F;font-weight: 600;transition: ease all .24s;}

.map_wrap .storeList-mainStore__phone:hover {color: #EC8022;text-decoration: none;}

.map_wrap .storeList-mainStore__notice {color: #302F2F;padding: 0 !important;font-size: 14px;line-height: 20px;font-weight: 600;}

.map_wrap .storeList-branches {padding: 0 !important;}




@media screen and (max-width: 1199px) {

    .map_wrap .wrap--main {flex-direction: column;height: fit-content;}

    .map_wrap .address-map {max-width: 100% !important;margin: 0 0 30px 0;height: 600px;flex: none !important;}

    .map_wrap .address-info {max-width: 100% !important;}

    .map_wrap .section--shops {padding: 40px 80px;}

}



@media screen and (max-width: 640px) {

    .map_wrap .title {font-size: 30px;line-height: 38px;}

    .section--shops {padding: 40px 20px;}

    .map_wrap .address-tooltip {flex-direction: column;}

    .map_wrap .address-tooltip__icon {margin: 0 0 18px;}

    .map_wrap .address-tooltip__value {text-align: center;}

    .map_wrap .filter-btns {flex-direction: column;top: 15px;left: 15px;}

    .map_wrap .filter-btn:not(:last-child) {margin: 0 0 16px;}

    .map_wrap .address-map {height: auto;padding-bottom: 100% !important;overflow: hidden;}

    .map_wrap .map_box {position: absolute;top: 0;left: 0;}

    .map_wrap .mainStore, .branches {padding: 20px !important;}

    .map_wrap .storeList-items {gap: 30px 54px;}

}
.modal_map{
    opacity: 0;
    visibility: hidden;
    min-height: 500px;
    padding: 10%;
}
.close {
    display: none;
}
.modal_map .close{
    display: block;
    color: #242424;
    width: 30px;
    height: 30px;
    background: #FFF;
    position: absolute;
    top:-35px;
    font-weight: 500;
    right: 	-35px;
    font-size: 	18px;
    border-radius: 100%;
    opacity: 1;
    border: 1px solid #292929
}
.modal_map .close:hover {
    color: white;
    background: grey;
}
.modal_map .close:focus, .modal_map .close:active{
    outline: none;
}
.modal_map.show{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: flex;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: rgba(0,0,0,0.7);
}
.modal_map.show .map_wrap{
    width: 95%;
    background: white;
    max-width: 1300px;
    margin: 0 auto;
    padding: 2%;
    position: relative;
}
.modal_map .wrap--main {
    margin-top: 0;
}
.map_wrap .wrap--main.list_left {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.open_modal_map {
    background: linear-gradient(0deg, #DD0000, #DD0000), linear-gradient(180deg, #F2F2F2 0%, #E8E8E8 100%);
    border: none;
    padding: 18px 30px;
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 50px;
}
@media (max-width: 1245px) {
    .modal_map .wrap--main {
        flex-direction: column;
    }
    .modal_map.show .map_wrap {
        max-width: 640px;
    }
    .modal_map .wrap--main .address-info {
        width: 100% !important;
    }
}
/* End */
/* /bitrix/templates/service_mibok_2_s1/components/viardaru/map/filtercity1/style.css?17295899027662 */