

/* Start:/local/templates/elc/components/pure/news.list/services-map/style.css?17509277924307*/
.service__service-centers-wrap {display: none;}
.service__service-centers-wrap.active {display: block;}

.header.scroll {
    z-index: 100;
}

.mo-list-others {
    overflow-y: auto;
    max-height: 549px;
}

.main-offices .mo-list-wrap .mo-list .mol-item:last-child {
    margin-bottom: 0;
}

.main-offices {
    color: #3D3D3D;
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
}

.main-offices .mo-list-wrap {
    flex: 0 1 400px;
}

.main-offices .mo-list-wrap .slimScrollBar {
    display: block !important;
    opacity: 1 !important;
    background-color: #ed1c24 !important;
}

.main-offices .mo-list-wrap .slimScrollRail {
    display: block !important;
    opacity: 1 !important;
    background-color: #F1F3F6!important;
}

.main-offices .mo-map {
    flex: 0 1 673px;
    min-height: 400px;
}

.main-offices .mo-list-wrap .mo-list {
    padding: 0;
}

.main-offices .mo-list-wrap .mo-list .mol-title {
    color: #3D3D3D;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    padding-bottom: 40px;
}

.main-offices .mo-list-wrap .mo-list .mol-item {
    cursor: pointer;
    margin-bottom: 15px;
}

.main-offices .mo-list-wrap .mo-list .mol-item .mol-item-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    transition: color 0.2s;
}

.main-offices .mo-list-wrap .mo-list .mol-item:hover .mol-item-name, .main-offices .mo-list-wrap .mo-list .mol-item.active .mol-item-name {
    color: #ED1C24;
}

.main-offices .mo-list-wrap a {
    color: #3D3D3D;
}

.main-offices .mo-list-wrap a:hover {
    color: #ED1C24;
}

.ym-wrap {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    max-width: 300px;
}

.ym-wrap .ym-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding: 0 0 10px;
}

.ym-wrap .ym-contact-item {
    padding-bottom: 5px;
    padding-left: 20px;
}

.ym-wrap .ym-contact-item a {
    color: #282828;
}

.ym-wrap .ym-contact-item a:hover {
    color: #008687;
}
.ym-contact-bl {display: flex;}
.ym-contact-item_text {}
.ymaps-2-1-78-balloon__layout {
    border-top: 6px solid #008687;
}

.ym-button {
    padding: 30px 0 20px 20px;
}

.wb-buttons__items {
    display: flex;
    position: relative;
}

.wb-buttons__item {
    margin-right: 20px;
}

.wb-buttons__item:last-child {
    margin-right: 0;
}

.wb-buttons__item button {
    box-shadow: none;
    background: #fff;
    border-color: #a6a6a6;
    color: #a6a6a6;
    transition: border-color 0.2s, color 0.2s!important;
}

.wb-buttons__item button:before {
    display: none;
}

.wb-buttons__item.active button, .wb-buttons__item button:hover, .wb-buttons__item button:active {
    background: #fff!important;
    color: #000!important;
    border-color: #000!important;
}

.wb-buttons__item.active button {
    cursor: default;
}

.wb-buttons__item button:active {
    border: 1px solid #ed1c24;
}

.where-buy__buttons.where-buy__buttons-types {
    margin: 0;
}

@media (max-width: 1220px) {
    .main-offices .mo-list-wrap {
        flex: 0 1 35%;
    }

    .main-offices .mo-map {
        flex: 0 1 64%;
    }

    .main-offices .mo-map iframe {
        width: 100%;
    }
}
@media (max-width: 991px) {
    .service-centers__nav {
        flex-wrap: wrap;
    }
    .where-buy__buttons.where-buy__buttons-types {
        flex: 0 1 100%;
        padding-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .main-offices {-ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .main-offices .mo-list-wrap, .main-offices .mo-map {flex: 0 0 100%; width: 100%;}
    .main-offices .mo-list-others{max-height: 200px;}
    .main-offices .mo-map {height: 400px; overflow: hidden;}
    .main-offices .mo-list-wrap .mo-list { margin-bottom: 20px;}
    .main-offices .mo-list-wrap .mo-list .mol-title {padding-bottom: 20px}
    .dropdown-buttons__item {background: #fff}
    .dropdown-buttons__item.dropdown-buttons__item-2 {top: 86px}
}

@media (max-width: 500px) {
    .wb-buttons__item button {min-width: 100px}
}
/* End */
/* /local/templates/elc/components/pure/news.list/services-map/style.css?17509277924307 */
