/* Start:/local/templates/main_redesing/components/bitrix/news/contacts/style.css?17715126761217*/
.map_wraper {
    width: 100%;
    border-top: 1px solid #cdcdcd;
    clear: both;
}

.map_wraper .col1 {
    width: 35%;
    box-sizing: border-box;
    float: left;
}

.map_wraper .col1 {
    height: 694px;
    overflow-y: scroll;
}




.map_wraper .col2 {
    width: 65%;
    box-sizing: border-box;
    float: left;
}

.contact_wraper .btn--blue {
    background-color: #023e84;
    border-color: #5991dc;
    color: #fff !important;
}

.contact_wraper .btn--blue:hover {
    background-color: #5991dc;
    color: #fff;
}

.search_item_info {
    padding-left: 45px;
}

.search_item_name {
    display: inline-block;
    font-weight: 600;
    margin-left: 0;
}

.search_item_icon {
    float: left;
    margin-top: unset !important;
    margin-block-start: 1em;
    padding-right: 5px;
}

#map {
    height: 694px;
}

.search_item {
    margin-right: 30px;
    padding: 15px 0;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    margin-right: 30px;
    padding: 15px 0 20px 0;
    margin-top: -1px;
}

.contact_wraper input, .contact_wraper select, .contact_wraper .contact_search {
    width: 340px;
}

#filter_form_contact {
    display: flex;
    gap: 25px;
    margin-bottom: 15px;
}
/* End */


/* Start:/bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1582700099666*/
div.bx-yandex-map {color: black; font-size: 11px;}
div.bx-yandex-map div.YMaps-b-balloon-content {color: black; font-size: 11px;}
div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td {
	padding: 0px !important;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td textarea{
	font-size: 11px;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td.YMaps-b-balloon-b {
	background-image: none !important;
}

/* End */


/* Start:/local/templates/main_redesing/components/bitrix/news/contacts/bitrix/news.list/.default/style.css?177686191910227*/
.btn--show-details {
    margin: 20px 0 5px 0;
    float: none !important;
}

.logo {
    width: 34px;
    height: auto;
}

.map_wraper .col1 {
    height: 694px;
    overflow-y: scroll;
}

.js-salon-back {
    display: flex !important;
}

.js-salon-back svg {
    margin-right: 5px;
}


.container {
    font-family: "Inter", serif;
    margin-bottom: 40px;
}

#pageTitle {
    margin-top: 8px;
}


.container h1 {
    text-align: center;
    font-family: "Source", serif;
    font-weight: 400;
}

.map-overlay-wrap {
    position: relative;
    width: 100%;
    height: 850px;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #e8e8e8;
}

#contactsMap {
    width: 100%;
    height: 100%;
}

.map-overlay-left {
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: 10;
    height: calc(100% - 32px);
    background: #fff;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
    padding: 20px 15px;
}

.map-overlay-left.is-list {
    width: 420px;
    height: calc(100% - 32px);
}

.map-overlay-left.is-detail {
    width: 420px;
    height: auto;
    overflow: visible;
    background: transparent;
    border: none;
    box-shadow: none;
}

.map-overlay-wrap.detail-open {
    overflow: visible;
    height: auto;
    border: none;
}

.map-overlay-left__top {
    flex: 0 0 auto;
    padding: 14px;
    background: #fff;
}

.map-overlay-left.is-detail .map-overlay-left__top {
    display: none;
}

.map-overlay-search {
    position: relative;
}

.map-overlay-left__top .map-overlay-search input[type="text"] {
    padding-left: 48px !important;
font-weight:300;
}

.map-overlay-search input {
    width: 100%;
    height: 44px;
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    outline: none;
    font-size: 14px;
    padding: 0 14px 0 42px;
}

.map-overlay-search svg {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    opacity: .55;
}

.map-overlay-left__list {
    padding: 6px 0 16px;
    overflow: auto;
    flex: 1 1 auto;
    min-height: 0;


}

.map-overlay-left.is-detail .map-overlay-left__list {
    display: none;
}


.overlay-card {
    padding: 14px 10px;
    border-bottom: none;
    margin-bottom: 16px;
    position: relative;
    font-weight: 300;
}

.overlay-card::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 20px;
    bottom: -16px;
    height: 1px;
    background-color: #f0f0f0;
}

.overlay-card__title {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 4px;
    line-height: 1.25;
}

.overlay-card__subtitle {
    font-size: 16px;
    color: #898989;
    margin: 0 0 10px;
    line-height: 1.25;
}

.overlay-card__meta {
    font-size: 14px;
    color: #898989;
    line-height: 1.35;
    margin-bottom: 10px;
}

.overlay-card__metro {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.overlay-card__link {
    text-decoration: underline;
    text-underline-offset: 3px;
    font-size: 14px;
    cursor: pointer;
    font-weight: 300;
}

.metro-line {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    flex-shrink: 0;
}

.map-overlay-detail {
    display: none;
    padding: 16px;
    overflow: visible;
    height: auto;
    background: transparent;
}

.map-overlay-left.is-detail .map-overlay-detail {
    display: block;
    padding: 0 !important;
}

.map-overlay-left.is-detail .salon-detail {
    width: 100%;
    box-sizing: border-box;
}

.salon-detail {
    background: #ffffff;
    border-radius: 5px;
    padding: 1px 16px;
    box-sizing: border-box;
}

.salon-detail .js-salon-back {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 14px;
    color: #808080;
    padding: 0;
    margin-bottom: 3px;
    display: inline-flex;
    align-items: center;
}

.salon-city {
    font-size: 28px;
    font-weight: 400;
    color: #000;
    margin-bottom: 0;
!important;
    font-family: "Source", serif;
    margin-top: 5px;
}

.salon-address {
    font-size: 28px;
    font-weight: 400;
    line-height: 120%;
    color: #000;
    margin-bottom: 30px;
    margin-top: 0;
!important;
    font-family: "Source", serif;
}

.salon-tel {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 14px;
}

.salon-tel a {
    color: inherit;
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.salon-detail .salon-city, .salon-detail .salon-address {
    font-family: 'Source Serif 4 48pt';
}

.salon-hours {
    font-size: 16px;
    margin-bottom: 12px;
}

.salon-h {
    font-size: 24px;
    font-weight: 300;
    margin: 14px 0 6px;
    font-family: "Source", serif;

}

.salon-text {
    font-size: 14px;
    line-height: 1.45;
}

.salon-detail img {
    width: 100%;
    border-radius: 3px;
    margin-top: 16px;
    display: block;
}

@media (max-width: 767px) {
    .overlay-card {
        margin-top: 30px;
    }

    .map-overlay-left__top {
        padding-bottom: unset;
        margin-bottom: -14px;
    }

    .map_wraper {
        display: none;
    }

    .map-overlay-left__list {
        padding-top: unset;
    }

    .row.pt-4.pb-lg-4 {
        display: none;
    }

    .overlay-card::after {

        left: 0px;
        right: 0px;

    }

    .container {
        max-width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .map-overlay-wrap {
        height: auto;
        border-radius: 0;
        border: none;
    }

    .map-overlay-left {
        position: static;
        width: 100% !important;
        border-radius: 5px;
        border-left: none;
        border-right: none;
        display: flex;
        flex-direction: column;
        overflow: visible;
        height: 100%;
        max-height: 100%;
        padding: unset;
    }

    .map-overlay-left__top, .overlay-card {
        padding-left: unset;
        padding-right: unset;
    }


    .map-overlay-left__list {
        overflow: visible !important;
        max-height: none !important;
        padding-bottom: 16px;
        flex: 1 1 auto;
        overflow-y: auto;
    }

    .salon-city {
        font-size: 24px;
    }

    .salon-address {
        font-size: 22px;
    }

    .salon-h {
        font-size: 20px;
    }
}

@media (min-width: 768px) {
    .map-overlay-left {
        position: absolute !important;
        top: 16px !important;
        left: 16px !important;
        height: calc(100% - 32px) !important;
        overflow: hidden;

    }

    .map-overlay-left__list {
        overflow: auto !important;
        min-height: 0;
    }

    .map-overlay-left.is-detail {
        overflow: hidden;
        background: #fff;
        border: 1px solid #e8e8e8;
        border-radius: 5px;
        height: auto !important;
        max-height: calc(100% - 32px) !important;
    }

    .map-overlay-left.is-detail .map-overlay-detail {
        flex: 0 0 auto;
        height: auto;
        overflow-y: auto;
        min-height: 0;
        padding: 16px;
        max-height: 100%;
    }

    .map-overlay-left.is-detail .salon-detail {
        height: auto;
    }

    .map-city-toggle {
        display: none;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin: 10px 0 12px;
    }

}

@media (max-width: 767px) {
    .map-city-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin: 5px 0 12px;
    }


    .map-city-toggle.is-hidden {
        display: none;
    }

    .map-city-toggle__left {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 14px;
        color: #111;
    }

    .map-city-toggle__pin {
        font-size: 14px;
        line-height: 1;
    }

    .map-city-toggle__label {
        font-size: 14px;
    }

    .map-city-toggle__btn {
        display: flex;
        align-items: center;
        gap: 10px;
        border: 0;
        background: transparent;
        padding: 0;
        cursor: pointer;
        font-size: 14px;
        color: #111;
    }

    .map-city-toggle__switch {
        width: 35px;
        height: 21px;
        border-radius: 999px;
        background: #fff;
        position: relative;
        flex-shrink: 0;
        border: #C0C0C0 1px solid;
    }

    .map-city-toggle__switch::after {
        content: "";
        position: absolute;
        top: 1px;
        left: 1px;
        width: 17px;
        height: 17px;
        border-radius: 50%;
        background: #C0C0C0;
        transition: transform .18s ease, background-color .18s ease;
    }

    .map-overlay-left.is-detail .map-overlay-detail {
        margin-left: -12px;
        margin-right: -12px;
        width: calc(100% + 24px);
        padding-left: 0;
        padding-right: 0;
    }

    /* сама карточка деталки */
    .map-overlay-left.is-detail .salon-detail {
        padding-left: 12px;
        padding-right: 12px;
    }

    .map-city-toggle.is-on .map-city-toggle__switch::after {
        background: #111;
        transform: translateX(14px);
    }

    #pageTitle {
        margin-top: 0;
        margin-bottom: 0;
    }

}

.red-metro-line {
    background-color: #FF0004;
}

.green-metro-line {
    background-color: #0B8A3E;
}

.blue-metro-line {
    background-color: #023E84;
}

#foot-menu .row {
    width: 100%;
    margin: auto;
}

.light-blue-metro-line {
    background-color: #4DB7E5;
}

.brown-metro-line {
    background-color: #7A3E1D;
}

.orange-metro-line {
    background-color: #FFAA0D;
}

.purple-metro-line {
    background-color: #7B3F98;
}

.yellow-metro-line {
    background-color: #FFC60D;
}

.gray-metro-line {
    background-color: #8E8E8E;
}

.light-green-metro-line {
    background-color: #A4D65E;
}

.turquoise-metro-line {
    background-color: #00B3A4;
}

.sky-blue-metro-line {
    background-color: #9DDCF9;
}

.blue-gray-metro-line {
    background-color: #9AAFC7;
}

.mcc-metro-line {
    background-color: #C6002B;
}

.pink-metro-line {
    background-color: #E94B97;
}

.pic_pres {
    display: flex;
    font-size: 12px;
    margin-top: 15px;
}

/* End */
/* /local/templates/main_redesing/components/bitrix/news/contacts/style.css?17715126761217 */
/* /bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1582700099666 */
/* /local/templates/main_redesing/components/bitrix/news/contacts/bitrix/news.list/.default/style.css?177686191910227 */