/* Start:/local/components/nle/shops.list/templates/.default/style.css?177254515010741*/
.shops {
    font-size: var(--font-size-normal);
}

.shops p {
    margin: 10px 0;
}

.shops h2 {
    font-size: var(--font-size-large-5);
}

.shops h3 {
    font-size: var(--font-size-large-3);
}

.shops p:first-child {
    margin: 0 0 10px;
}

.shops .display_block {
    display: block;

}

.shops__spacer {
    margin: 10px 0;
    padding: 5px;
}

.read_more {
    display: inline-block;
    margin: 0 auto;
}

.shops input[type=text] {
    background: #ffffff;
    border-radius: 10px;
    padding: 10px;
    border: none;
    min-width: 320px;
    color: var(--color-gray-darker2);
    font-size: var(--font-size-small-2);
}


.shops__white_box {
    background: #ffffff;
    padding: 30px;
    border-radius: 12px;

}

.shops__white_box.py15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.shops__flexbox {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}

.shops__list_item.shops__flexbox .flexbox__column.column_picture {
    flex: 0 0 250px;
}

.shops__list_item.shops__flexbox .flexbox__column.column_center {
    flex: 1 1 50%;
}

.shops__list_item.shops__flexbox .flexbox__column.column_links {
    flex: 0 0 200px;
}


.shops__list_item .column_center .flexbox__column{
    flex: 0 0 50%;
}

.flexbox__column.map {
    flex: 0 1 65% !important;
    overflow: hidden;
    border-radius: 12px;
}

.is_detail .flexbox__column.map {
    flex: 0 1 100% !important;
}

.flexbox__column.news {
    flex: 0 0 35% !important;

}

#search_by_city_wrapper{
    padding: 10px;
    background: #00000099;
    border-radius: 12px;
    min-height: 37px;
}

#search_by_city_wrapper.fixed .wrapinn1 {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    background: #00000099;
    z-index: 1000;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    transition: 0.5s;
}

#search_by_city_wrapper.fixed .wrapinn2 {
    padding: 5px 0;
    margin: 0 auto;
    width: 100%;
    max-width: 1400px;
}

#myMap {
    border: 0;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0;
    height: 477px;
}

.shops__flexbox.flex_direction_column {
    flex-direction: column;
    justify-content: center;
}

.shops__flexbox.flex_wrap {
    flex-wrap: wrap;
}

.shops__flexbox.justify_content_center {
    justify-content: center;
}

.shops__flexbox.justify_content_flex_start {
    justify-content: flex-start;

}

.shops__flexbox.align_items_stretch {
    align-items: stretch;
}

.shops__flexbox.align_items_center {
    align-items: center;
}

.shops__flexbox.gap0 {
    gap: 0;
}

.shops__flexbox.gap10 {
    gap: 10px;
}

.shops__newsbox_item {
    padding: 5px 0 10px;
    margin: 5px 0 0px;
    border-bottom: 1px solid var(--color-gray);
}

.shops__newsbox_item:first-child {
    padding-top: 0;
    margin-top: 0;
}

.shops__newsbox_item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.shops__newsbox_item:first-child {
    margin-top: 0;
}

.shops__newsbox_item_link {
    display: block;
    color: var(--color-gray-darker2);
    text-decoration: none;
}

.shops__newsbox_item_title {
    color: var(--color-gray-darker);
    font-size: var(--font-size-small-2);
}

.shops__newsbox_item_anons {
    color: var(--color-gray-darker2);
    font-size: var(--font-size-normal);
    font-weight: 500;
}

.shops a.shops__newsbox_item_link:hover,
.shops a.shops__newsbox_item_link:hover .shops__newsbox_item_anons {
    color: var(--color-red);
    text-decoration: none;
}

.shops a.shops__newsbox_item_link:hover .shops__newsbox_item_anons {
    color: var(--color-red);
    text-decoration: underline;
}

.shops_block__city_title, .shops_block__city_title a {
    font-size: var(--font-size-large-2);
    font-weight: 600;
    color: var(--color-gray-darker2);
}

.shops a {
    color: var(--color-gray-darker2);
}

.shops a:hover {
    color: var(--color-red);
    text-decoration: underline;
}

.shops_page_detail .shops_block__city_title {
    font-size: var(--font-size-large-5);
}

.shops_block__picture img {
    display: block;
    max-width: 207px;
}

.shops_block__picture .nophoto {
    opacity: 0.2;
}

.shops .icon {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.shops .icon:before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    background: center no-repeat;
    flex: 0 0 22px
}

.shops .icon.icon_clock:before {
    background-image: url("/local/components/nle/shops.list/templates/.default/icons/icon_clock.svg");
}

.shops .icon.icon_map_point:before {
    background-image: url("/local/components/nle/shops.list/templates/.default/icons/icon_map_point.svg");
}

.shops .icon.icon_phone:before {
    background-image: url("/local/components/nle/shops.list/templates/.default/icons/icon_phone.svg");
}

.shops .icon.icon_mail:before {
    margin-top: 3px;
    background-image: url("/local/components/nle/shops.list/templates/.default/icons/icon_mail.svg");
}

.shops .icon.icon_map:before {
    background-image: url("/local/components/nle/shops.list/templates/.default/icons/icon_map.svg");
}

.shops .icon.icon_map_route_yandex:before {
    background-image: url("/local/components/nle/shops.list/templates/.default/icons/icon_map_route_yandex.svg");
}

.shops .icon.icon_map_route_google:before {
    background-image: url("/local/components/nle/shops.list/templates/.default/icons/icon_map_route_google.svg");
}

.shops__main_item .shops__flexbox {
    flex-direction: column;
    gap: 0px;
}

.shops_page_detail .shops__main_item .shops__flexbox {
    gap: 15px;
}

.shops__list_item__links p,
.shops__list_item__links p:first-child {
    margin: 20px 0;
}

.shops__map_wrapper {
    max-width: 800px;
}

.shops__search_title{
    display: inline-block;
    padding-left: 10px;
    padding-right: 20px;
    color: #ffffff;
}
.fixed .shops__search_title{
    display: inline-block;
}

#add_items{
    display: none;
}
#add_items.opened{
    display: block;
}

/********************************************************************************************************************/
@media (max-width: 1440px) {
    .shops_page_detail .shops__main_item .shops__list_item__links {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 15px;
    }

    .shops_page_detail .shops__main_item .shops__list_item__links p,
    .shops_page_detail .shops__main_item .shops__list_item__links p:first-child {
        margin: 0;
    }

    .shops_page_detail .shops__main_item .shops__main_item .shops__flexbox {
        flex-direction: column;
        gap: 15px;
    }

    .shops__flexbox.vertical_1440 {
        flex-direction: column;
        gap: 0px;
    }
}

@media (max-width: 1024px) {
    .shops__flexbox.shops__list_item.shops__main_item {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }

    .shops_page_detail .shops__main_item .shops__flexbox {
        width: 100%;
    }

    .shops_page_detail .shops__main_item .shops__flexbox .flexbox__column {
        width: 100%;
    }

    .shops__map_wrapper {
        max-width: 100%;
    }

    .shops__main_item .shops__flexbox {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 30px;
    }

    .shops .icon::before {
        width: 18px;
        height: 18px;
        background-size: contain;
        margin-right: 2px;
    }

    .shops {
        font-size: var(--font-size-small-2);
    }

    .shops__list_item__links .icon {
        white-space: nowrap;
    }

    .hide_1024 {
        display: none;
    }

    .flexbox__column.map {
        flex: 0 1 100% !important;
    }

    .shops__block_top .shops__flexbox {
        justify-content: flex-start;
    }

    .shops__list_item.shops__flexbox .flexbox__column.column_links {
        flex: 0 0 100%;
    }

    .shops__list_item__links {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 15px;
    }

    .shops__block_list .shops__list_item__links {
        flex-direction: column;
    }

    .shops__list_item__links p,
    .shops__list_item__links p:first-child {
        margin: 0px 0;
    }

    .shops__list_item__links .icon {
        margin-right: 30px;
    }

    .shops .icon {
        flex-wrap: nowrap;
        align-items: flex-start;
        line-height: 1.3;
        overflow-wrap: break-word; /* не поддерживает IE, Firefox; является копией word-wrap */
        word-wrap: normal;
        word-break: normal; /* не поддерживает Opera12.14, значение keep-all не поддерживается IE, Chrome */
        line-break: auto; /* нет поддержки для русского языка */
        hyphens: manual; /* значение auto не поддерживается Chrome */
    }

    .shops__block_top .shops__list_item {
        flex-wrap: wrap;
    }

    .shops__block_list .shops__list_item__links.hide_text .icon {
        text-indent: -900px;
        overflow: hidden;
        margin-right: 5px;
    }

    .shops__block_list .shops__list_item__links.hide_text .icon:before {
        width: 30px;
        height: 30px;
        flex: 1 1 30px;
        background-size: 22px;
    }
}

@media (max-width: 600px) {
    .shops__search_title {
        display: block;
        margin-bottom: 10px;

    }

    #search_by_city_wrapper {
        width: 100%;
        display: block;
        min-height: 88px;
    }

    #search_by_city{
        width: 100%;
        display: block;
        min-width: auto;
    }

    .shops .shopsMap #myMap {
        height: 400px;
    }

    #search_by_city_wrapper.fixed .wrapinn2 {
        padding: 5px 30px 15px;
    }

    .shops .shops__block_list .column_picture {
        display: none;
    }

    .shops_page_detail .shops_block__city_title {
        font-size: var(--font-size-large-4);
    }

    .shops h2 {
        font-size: var(--font-size-large-3);
    }

    .shops__flexbox.shops__list_item {
        flex-direction: column;
    }

    .shops__block_list .shops__list_item__links {
        flex-direction: row;
    }

    .shops__list_item.shops__flexbox .flexbox__column.column_picture {
        flex: 0 0 100%;
    }
}

@media (max-width: 500px) {
    .shops_page_detail .shops_block__city_title {
        font-size: var(--font-size-large-3);
    }

    .shops h2 {
        font-size: var(--font-size-large-2);
    }

    .shops__flexbox {
        gap: 10px;
    }

    .shops img {
        display: block;
        margin-right: auto;
        margin-left: 0;
    }

    .shops__white_box {
        padding: 20px 15px;
    }

    .flexbox__column:first-child {
        width: 100%;
    }

    .shops__flexbox.shops__list_item.shops__main_item {
        background: none;
        padding: 0;
        gap: 30px;
    }

    .shops__spacer {
        margin: 0px 0;
        padding: 5px;
    }
}

@media (max-width: 450px) {
    .shops input[type="text"] {
        width: 100%;
        min-width: available;
        max-width: available;
    }
}
/* End */
/* /local/components/nle/shops.list/templates/.default/style.css?177254515010741 */