

/* Start:/landing/template/desktop/cities-warehouses/styles/custom.css?17555043245390*/
span:where(:not([class])),
p:where(:not([class])) {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #454545;
}

.main-title {
    font-family: "Roboto", sans-serif;
    font-size: clamp(32px, 3vw, 48px);
    line-height: clamp(30px, 3vw, 100%);
    font-weight: 700;
    color: #454545;
    display: block;
    margin-bottom: 20px;
    padding: 0;
    text-align: left;
}

.sub-title-warehouse {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    color: #999;
    display: block;
    margin-bottom: 10px;
}

.title-extended {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.title-extended .main-title {
    margin-bottom: 0;
}

.title-anchor {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #454545;
    border-radius: 5px;
    background-color: #fff;

    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #454545;
    transition: background-color 0.3s;
}

.title-anchor:hover {
    background-color: #454545;
    color: #fff;
    cursor: pointer;
    transition: all 0.3s;
}

.title-anchor-text {
    display: flex;
    align-items: center;
    width: max-content;
    height: 45px;
    padding: 12px 20px;
    border-radius: 5px;
}

.title-anchor-text::after {
    content: '';
    background-color: #454545;
    mask-image: url("/landing/template/desktop/cities-warehouses/styles/../images/icons/black-arrow.svg");
    width: 11px;
    height: 13px;
    display: block;
    margin-left: 10px;
    transition: background-color 0.3s;
}

.title-anchor:hover .title-anchor-text::after {
    background-color: #fff;
    transition: background-color 0.3s;
}

.title-anchor-text.down::after {
    transform: rotate(180deg);
}

.section-indent {
    margin-bottom: 50px;
}

.dropdown-box {
    position: relative;
}

.dropdown-element {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1;

    clip-path: inset(0 0 0 0);
    transition: clip-path 0.3s ease-in-out;
}

.dropdown-element:not(.active) {
    clip-path: inset(0 0 100% 0);
    transition: clip-path 0.3s ease-in-out;
}

.dropdown-element-relative:not(.active) {
    max-height: 0;
    transition: all 0.3s;
}

.dropdown-element-relative {
    position: relative;
}

.drop-tap-element {
    position: relative;
    cursor: pointer;
}

.drop-tap-element::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.drop-icon,
.drop-arrow {
    transform: rotate(0deg);
    transition: all 0.3s;
}

.drop-icon.open,
.drop-arrow.open {
    transform: rotate(180deg);
    transition: all 0.3s;
}

.dropdown-element-full {
    max-height: 145px;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}

.info-block-body::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: oklch(1 0 0 / 0.67);
    z-index: 1;
}

.drop-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E6E6E6;
    background-color: #CD0000;
    box-shadow: -5px 7px 6px 0 hsla(0, 0%, 0%, 0.1);
    border-radius: 50%;
    width: 42px;
    height: 42px;
    margin: auto;
    position: relative;
    bottom: 20px;
    cursor: pointer;
    z-index: 1;
}

.drop-icon.open {
    box-shadow: -5px -5px 6px 0 hsla(0, 0%, 0%, 0.1);
}

.drop-icon::after {
    content: '';
    background-color: #fff;
    mask-image: url("/landing/template/desktop/cities-warehouses/styles/../images/icons/black-arrow.svg");
    width: 11px;
    height: 13px;
    transform: rotate(180deg);
}

.dropdown-element-full.active::before {
    background-color: transparent;
}

.base-tooltip {
    background: radial-gradient(70.22% 77.03% at 50.31% 42.21%, #3B3C59 0%, #333348 100%);
    box-shadow: 6px 6px 10px 0px hsla(0, 0%, 0%, 0.1);
    border-radius: 10px;
    padding: 20px 25px;
    color: #fff;
    font-size: 12px;
    line-height: 17px;
    width: max-content;
    max-width: 320px;
    position: absolute;
    bottom: 110%;
    z-index: -1;
    opacity: 0;
}

.base-tooltip::after {
    content: '';
    border: 30px solid transparent;
    border-top: 30px solid #333348;
    position: absolute;
    bottom: -45px;
    left: 0;
    right: 0;
    width: 30px;
    margin: auto;
    z-index: -1;
}

.landing-form .error-message-inner {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    left: 0;
    bottom: 0;
    word-break: break-all;
}

dialog {
    overflow: hidden!important;
}

.history-back {
    display: block;
    margin-block: 35px 50px;
    font-size: 15px;
}

.history-back svg {
    margin-right: 10px;
}

.history-back:hover {
    text-decoration: underline;
    cursor: pointer;
}

svg {
    shape-rendering: geometricPrecision;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
}

.btn.btn-send-contacts {
    width: 100%;
}

.btn.btn-send-contacts:hover,
.btn:hover {
    background-color: transparent;
    color: #fb0000;
    width: 100%;
}


/* End */


/* Start:/landing/template/desktop/cities-warehouses/styles/base.css?177079404612339*/
.base-warehouse-header-text {
    font-family: "Roboto", sans-serif;
    font-size: clamp(16px, 1.5vw, 21px);
    font-weight: 700;
    color: #fff;
    display: block;
    text-align: left;
}

.base-warehouse-header-text:not(.not-active-link):hover {
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 5px;
}

.base-warehouse-body-info-text {
    font-size: 14px;
    font-weight: 400;
    color: #454545;
    display: block;
}

.base-warehouse-hours {
    display: block;
    width: 100%;
}

.base-warehouse-body-prices-title {
    font-size: 18px;
    font-weight: 700;
    color: #454545;
    margin-right: 30px;
}

/* Banner */
.base-banner-block {
    background: url("/landing/template/desktop/cities-warehouses/styles/../images/banners/top-banner.webp") center / cover no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 190px;
    border-radius: 10px;
    margin-top: 30px;
    margin-bottom: 50px;
    padding-inline: 20px;
    position: relative;
}

.base-banner-block::before {
    content: '';
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    z-index: 1;
}

.base-banner-block-title,
.base-banner-block-text {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    display: block;
    margin-bottom: 15px;
    position: relative;
    text-align: center;
    z-index: 2;
}

.base-banner-block-title {
    font-size: clamp(19px, 2vw, 36px);
}

.base-banner-block-text {
    font-size: clamp(16px, 2vw, 24px);
}

.base-warehouse-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px 10px 0 0;
    background: radial-gradient(65.71% 65.71% at 50% 50%, #3B3C59 0%, #333348 100%);
    padding: 10px 25px;
    font-size: 21px;
}

.buy-product-popup .base-warehouses-wrap {
    height: 565px;
    overflow: hidden auto;
}

.base-warehouse-inner {
    box-shadow: 6px 6px 10px 0 hsla(0, 0%, 0%, 0.1);
    border-radius: 10px;
    border: 1px solid #E6E6E6;
}

.base-warehouse-inner:not(:last-child) {
    margin-bottom: 15px;
}

.base-warehouse-body {
    padding: 20px 30px;
    display: grid;
    grid-template-areas:
        "info map"
        "price map";
}

.base-warehouse-body-data {
    grid-area: info;
    display: grid;
    grid-template-columns: 290px repeat(3, 1fr);
    align-items: start;
    justify-content: space-between;
    column-gap: 10px;
    margin-right: 45px;
}

.base-warehouse-body-prices {
    grid-area: price;
    display: flex;
    align-items: center;
    background-color: #F0F0F0;
    border-radius: 10px;
    padding: 15px 20px;
    margin-right: 45px;
}

.base-warehouse-body-prices.no-price-code {
    visibility: hidden;
}

.base-warehouse-body-prices-box {
    display: flex;
    gap: 20px;
}

.base-warehouse-body-maps {
    grid-area: map;
    background: url("/landing/template/desktop/cities-warehouses/styles/../images/banners/warehouse-map-bg.webp") center / cover no-repeat;
    width: 210px;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
    aspect-ratio: 1;
}

.base-warehouse-body-prices-product::before,
.base-warehouse-body-maps::before {
    content: "";
    border-radius: 10px;
    position: absolute;
    inset: 0;
    box-shadow: inset 6px 7px 7.5px hsla(0, 0%, 0%, 0.1);
    opacity: 0;
    transition: opacity 0.3s;
}

.base-warehouse-body-prices-product:hover::before,
.base-warehouse-body-maps:hover::before {
    opacity: 1;
    transition: opacity 0.3s;
}

.base-warehouse-body-prices-product {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    padding: 7px 10px;
    height: 100%;
    max-height: 45px;
    position: relative;
}

.base-warehouse-body-prices-product::before {
    border-radius: 5px;
    box-shadow: inset 4px 3px 5px 0 hsla(0, 0%, 0%, 0.1);
}

.base-warehouse-body-prices-product span {
    margin-left: 10px;
    line-height: 16px;
}

.base-warehouse-body-prices-product img {
    width: 25px;
    height: 25px;
}

.data-icon-bg {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F0F0F0;
    border-radius: 5px;
    margin-right: 15px;
    width: 45px;
    height: 45px;
}

.base-warehouse-body-info-data {
    display: flex;
    align-items: center;
}

.base-warehouse-body-info {
    display: flex;
    gap: 10px;
    position: relative;
}

.base-warehouse-body-info .warehouse-point-icon{
    filter: drop-shadow(3px 4px 3px rgba(0, 0, 0, 0.4));
}

.base-warehouse-body-info .warehouse-phone-icon{
    filter: drop-shadow(3px 2px 3px rgba(0, 0, 0, 0.2));
}

.base-warehouse-body-info .warehouse-clock-icon{
    filter: drop-shadow(3px 2px 3px rgba(0, 0, 0, 0.2));
}

.base-phones-wrap {
    display: flex;
    flex-direction: column;
}

.base-warehouse-body-info span {
    max-width: 240px;
    text-wrap: pretty;
}

.base-warehouse-body-info svg {
    flex-shrink: 0;
}

.base-warehouse-body-data-item:first-child .base-warehouse-body-info span {
    max-width: 100%;
}

.base-warehouse-body-data-item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.base-warehouse-body-data-item.centred-icon {
    align-items: center;
}

.base-warehouse-body-data-item:first-child {
    justify-content: start;
    width: 100%;
}

.base-warehouse-body-data-item:first-child .base-warehouse-body-data-item-box .base-warehouse-body-info,
.base-warehouse-body-data-item:first-child .base-warehouse-body-data-item-box {
    width: 100%;
}

.base-warehouse-body-services {
    gap: 30px;
}

.base-warehouse-body-data-item:not(:last-child) .base-warehouse-body-info::after {
    content: '';
    height: 40px;
    width: 1px;
    background-color: #999;
    position: absolute;
    right: -20px;
}

.base-city-warehouses-other {
    margin-top: 30px;
}

.base-warehouse-dnipro-wrap {
    margin-bottom: 15px;
}

/* Catalog */
.catalog-grid-template {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.catalog-item {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    box-shadow: 6px 6px 10px 0 hsla(0, 0%, 0%, 0.1);
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.catalog-item-picture-box {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.catalog-item img {
    background-color: #F0F0F0;
    width: 100%;
    height: 137px;
    border-radius: 10px 10px 0 0;
    object-fit: contain;
}

.catalog-title {
    font-size: 21px;
    padding: 10px;
}

.catalog-item .catalog-item-hover-text {
    color: #fff;
    background-color: #CD0000;
    border-radius: 5px;
    font-size: 16px;
    padding: 10px 20px;
    position: absolute;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.3s;
}

.catalog-item:hover img {
    filter: blur(5px);
    transition: all 0.3s;
}

.catalog-item:hover .catalog-item-hover-text {
    opacity: 1;
    z-index: 1;
    transition: opacity 0.3s;
}

/* Advantages */
.our-advantages {
    background-color: #F0F0F0;
    padding-block: 25px;
}

.our-advantages-grid-template {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.our-advantages-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.our-advantages-item:hover .base-tooltip {
    opacity: 1;
    transition: all 0.3s;
    z-index: 9;
}

.our-advantages-item-image {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid;
    border-image-source: linear-gradient(180deg, #F0F0F0 0%, #F0F0F0 42.31%, #F0F0F0 98.56%);
    box-shadow: 6px 6px 20px 0 hsla(0, 0%, 0%, 0.15);
    background-color: #fff;
    border-radius: 10px;
    width: 125px;
    height: 125px;
    margin-bottom: 25px;
    position: relative;
    transition: box-shadow 0.3s;
}

.our-advantages-item-image:hover {
    box-shadow: none;
    border: none;
    border-image-source: none;
}

.our-advantages-item-image::before {
    content: "";
    border-radius: 10px;
    position: absolute;
    inset: 0;
    box-shadow: inset 6px 7px 7.5px hsla(0, 0%, 0%, 0.1);
    opacity: 0;
    transition: opacity 0.1s;
}

.our-advantages-item-image:hover::before {
    opacity: 1;
}

.our-advantages-text {
    font-size: 16px;
    line-height: 100%;
    color: #454545;
    text-align: center;
    min-height: 32px;
}

/* Info */
.info-block-wrap {
    position: relative;
}

.info-block-body {
    border: 1px solid #E6E6E6;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 6px 6px 10px 0 hsla(0, 0%, 0%, 0.1);
    padding: 25px 50px 35px;
    position: relative;
}

/* Select */
.select-drop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid #454545;
    border-radius: 5px;
    font-size: 1rem;
    color: #454545;
    position: relative;
    height: 40px;
    width: 250px;
}

.select-drop-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    position: absolute;
    top: auto;
    left: 0;
    border: 1px solid #454545;
    border-top: none;
    border-radius: 0 0 5px 5px;
    z-index: 9;
}

.select-drop-list li a {
    padding: 10px;
    width: 100%;
}

.select-drop-list li a:hover {
    background-color: #ececec;
    cursor: pointer;
}

/* List */
.info-block-section,
.info-block-section p,
.info-block-section li {
    font-size: 18px;
}

.info-block-section li > strong {
    font-size: 21px;
    margin-bottom: 10px;
    display: block;
}

.info-block-section-list {
    padding-left: 40px;
    margin-bottom: 20px;
}

.info-block-section-list li {
    position: relative;
}

.info-block-section-list li::before {
    color: #ff0000;
    content: "\2022";
    display: inline-block;
    margin: -8px 5px 0 -19px;
    position: absolute;
    top: 0;
    font-size: 24px;
}

.base-warehouse-inner:last-child {
    margin-bottom: 100px;
}

.buy-product-popup .base-warehouse-inner:last-child {
    margin-bottom: 20px;
}

@media (max-height: 590px) {
    .base-warehouse-inner:last-child {
        margin-bottom: 100px;
    }

    .buy-product-popup .base-warehouse-inner:last-child {
        margin-bottom: 20px;
    }
}

@media (max-width: 1399px) {
    .base-warehouse-body-data-item:not(.centred-icon) .base-warehouse-body-info::after,
    .base-warehouse-body-data-item:not(.centred-icon) .base-warehouse-body-data-item-box::after,
    .base-warehouse-body-prices-product img,
    .base-warehouse-body-info .data-icon-bg,
    .base-warehouse-body-info svg {
        display: none;
    }

    .base-warehouse-body-prices,
    .base-warehouse-body-data {
        margin-right: 25px;
    }

    .base-warehouse-body-prices-product {
        padding: 7px;
    }

    .base-warehouse-body-prices-product span {
        margin-left: 0;
        text-align: center;
    }

    .base-warehouse-body-prices-product:not(:last-child) {
        height: auto;
    }
}

@media (max-width: 1024px) {
    .base-warehouse-body-prices-title,
    .base-warehouse-body-prices {
        margin-right: 15px;
    }

    .base-warehouse-body-data {
        grid-template-columns: 250px auto auto auto;
    }

    .base-warehouse-body {
        padding: 15px;
        justify-content: space-between;
    }

    .base-warehouse-body-prices-box {
        gap: 10px;
    }

    .base-warehouse-body-data {
        margin-right: 15px;
    }

    .base-warehouse-body-prices-product:not(:last-child) {
        margin-right: 0;
    }
}
/* End */


/* Start:/landing/template/desktop/cities-warehouses/styles/select-warehouse.css?17707940472512*/
.buy-product-content {
    display: grid;
    grid-template-columns: 1fr 400px;
    column-gap: 20px;
}

.buy-product-popup-inner {
    background-color: #fff;
    border: 1px solid #F1F1F1;
    box-shadow: 1px 6px 22.9px 0 hsla(0, 0%, 0%, 0.08);
    border-radius: 5px;
}

.buy-popup-enter-base {
    max-width: 136px;
    width: 100%;
    height: 45px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #454545;
    color: #454545;
    transition: background-color 0.3s;
    margin-top: 20px;
    margin-bottom: 0;
    padding-inline: 10px;
    line-height: 100%;
}

.buy-popup-enter-base:hover {
    background-color: #35354C;
    border-radius: 5px;
    border: 1px solid #35354C;
    color: #fff;
    transition: all 0.3s;
    cursor: pointer;
}

.buy-product-popup .base-warehouse-body-data {
    grid-template-columns: repeat(3, 1fr);
    margin-right: 0;
    width: 100%;
}

.buy-product-popup.basket-warehouse-wrap .base-warehouse-body-data {
    grid-template-columns: repeat(2, 1fr);
    margin-right: 0;
    width: 100%;
}

.buy-product-popup .base-warehouse-body {
    display: flex;
    align-items: center;
    justify-content: center;
}

.buy-product-title {
    font-size: clamp(21px, 2vw, 24px);
    font-weight: bold;
    margin-block: 20px;
}

.buy-product-popup .sort-product-box {
    margin-bottom: 15px;
}

.buy-product-popup .popup-close {
    right: 20px;
}

.buy-product-map .leaflet-map {
    height: 100%;
}

.buy-product-map .marker-cluster span {
    color: #fff;
}

.no-price {
    color: #cd0000;
}

.popup-warehouse-price {
    display: flex;
    align-items: baseline;
}

.base-warehouse-price-item .base-warehouse-body-info,
.base-warehouse-price-item .base-warehouse-body-data-item-box {
    width: 100%;
    gap: 0;
}

.base-warehouse-price-item .base-warehouse-body-info span {
    max-width: 100%;
}

.base-warehouse-price-item {
    width: 50%;
}

.buy-product-popup .base-warehouse-price-item {
    width: 100%;
}

.base-price-box {
    margin-top: 30px;
}

.buy-product-popup .base-warehouse-body-data-item:not(.centred-icon) .base-warehouse-body-info::after {
    display: none;
}

@media (max-width: 1399px) {
    .base-warehouse-body-data-item:not(.centred-icon) .base-warehouse-body-info::after,
    .base-warehouse-body-data-item:not(.centred-icon) .base-warehouse-body-data-item-box::after {
        display: none;
    }
}
/* End */


/* Start:/bitrix/templates/desktop/components/av/leaflet.map/map-price/style.css?17587975124695*/
.leaflet-map-price {
    height: 100%;
    width: 100%;
}

.leaflet-map-price .leaflet-popup-content-wrapper,
.leaflet-map-price .leaflet-popup-tip {
    box-shadow: 3px 4px 10px 0 rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}

.leaflet-map-price .leaflet-popup-tip {
    border-radius: 0;
}

.leaflet-map-price .leaflet-popup-content {
    margin: 0;
}

.map-inner-popup {
    display: flex;
    font-family: 'Roboto', sans-serif;
    color: #2b2b37;
}

.left-side-popup {
    display: block;
}

.right-side-popup {
    padding: 15px 20px;
    width: 100%;
}

.right-side-popup-title {
    font-size: 16px;
    font-family: 'Roboto-Bold', sans-serif ;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    text-decoration: none;
    margin-bottom: 25px;
    max-width: 240px;
    word-break: break-word;
    text-wrap: balance;
}

.right-side-popup-title:hover {
    cursor: pointer;
    opacity: 0.8;
}

.right-side-popup-address {
    margin-left: 30px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.right-side-popup-address-name {
    font-size: 14px;
    font-style: normal;
    color: #999;
    display: inline-block;
    margin-bottom: 15px;
}

.right-side-popup-address-phone {
    font-family: 'Roboto-Bold', sans-serif;
    font-style: normal;
    font-size: 18px;
    display: inline-block;
    margin-bottom: 15px;
}

.right-side-popup-address-mail {
    font-size: 16px;
    font-style: normal;
    color: #3462cb;
    text-decoration: underline;
    display: inline-block;
    margin-bottom: 15px;
}

.right-side-popup-address .right-side-popup-address-mail:hover {
    cursor: pointer;
    color: #3462cb;
    text-decoration: none;
}

.right-side-popup-address-days {
    font-size: 12px;
    line-height: 18px;
    font-style: normal;
    color: inherit;
    margin-bottom: 0;
    column-count: 2;
}

.right-side-popup-address-name,
.right-side-popup-address-phone,
.right-side-popup-address-mail,
.right-side-popup-address-days {
    position: relative;
}

.right-side-popup-address-name::before,
.right-side-popup-address-phone::before,
.right-side-popup-address-mail::before,
.right-side-popup-address-days::before {
    content: '';
    width: 21px;
    height: 30px;
    position: absolute;
    top: 0;
    left: -30px;
}

.right-side-popup-address-phone {
    display: flex;
    flex-direction: column;
}

.leaflet-container .right-side-popup-address-phone-link {
    font-size: 14px;
    color: #2A2A36;
}

.leaflet-container .right-side-popup-address-phone-link:hover {
    text-decoration: underline;
}

.right-side-popup-address-name::before {
    background: url('/bitrix/templates/desktop/components/av/leaflet.map/map-price/images/icons/point.png') no-repeat;
    top: -8px;
    background-size: 75%;
}

.right-side-popup-address-phone::before {
    background: url('/bitrix/templates/desktop/components/av/leaflet.map/map-price/images/icons/phone.png') no-repeat;
    top: -7px;
    background-size: 80%;
}

.right-side-popup-address-mail::before {
    background: url('/bitrix/templates/desktop/components/av/leaflet.map/map-price/images/icons/mail.png') no-repeat;
    top: 3px;
}

.right-side-popup-address-days::before {
    background: url('/bitrix/templates/desktop/components/av/leaflet.map/map-price/images/icons/clock.png') no-repeat;
    background-size: 80%;
}

.leaflet-map .map-inner-button {
    font-size: 14px;
    color: #CD0000;
    display: block;
    margin-left: 30px;
}

.leaflet-map .map-inner-button:hover {
    color: #CD0000;
    text-decoration: underline;
    cursor: pointer;
}

.leaflet-map .custom-map-control-button {
    background-color: #fff;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
    margin: 10px;
    padding: 0 0.5em;
    font: 400 18px Roboto, Arial, sans-serif;
    overflow: hidden;
    height: 40px;
    cursor: pointer;
}

.leaflet-map .custom-map-control-button:hover {
    background: rgb(235, 235, 235);
}

.leaflet-map.leaflet-container a.leaflet-popup-close-button {
    font-size: 25px;
    top: 9px;
    right: 10px;
    color: #999;
}

.leaflet-map .marker-cluster {
    background: rgb(202,101,99);
    background: radial-gradient(circle, rgba(202,101,99,1) 0%, rgba(224,191,191,1) 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.leaflet-map .marker-cluster div {
    background-color: #bc271a;
}

.leaflet-tile-pane {
    filter: grayscale(90%)
}

.leaflet-map.leaflet-container .leaflet-marker-pane img {
    top: 0;
    transition: all 0.2s;
}

.leaflet-map.leaflet-container .leaflet-marker-pane img:hover {
    top: -3px;
    transition: all 0.2s;
}

.leaflet-popup-close-button > span {
    font-size: 24px;
}
/* End */
/* /landing/template/desktop/cities-warehouses/styles/custom.css?17555043245390 */
/* /landing/template/desktop/cities-warehouses/styles/base.css?177079404612339 */
/* /landing/template/desktop/cities-warehouses/styles/select-warehouse.css?17707940472512 */
/* /bitrix/templates/desktop/components/av/leaflet.map/map-price/style.css?17587975124695 */
