

/* Start:/bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1745444075666*/
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/kontaktor/components/bitrix/news.list/our_offices/style.css?17454440946360*/
.our_offices {
    display: block;
    float: left;
    width: 100%;
}
.our_offices .item-filter {
    margin-bottom: 30px;
}
.our_offices .item-block {
    display: block;
}
.our_offices .item-block .item {
    padding: 30px;
    float: left;
    width: 23.5%;
    margin: 0.5%;
    border-radius: 0px;
    border: 0px;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 10%);
    height: 300px;
    -webkit-transition: all ease 0s;
    -o-transition: all ease 0s;
    transition: all ease 0s;

}
.our_offices .item-block .item.active,
.our_offices .item-block .item:hover {
    background: #2866ae;
    color: #fff;
}
.our_offices .item-block .item .title-box {
    text-align: center;
    color: #2866ae;
    border-bottom: 1px solid #2866ae;
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.our_offices .item-block .item.active .title-box,
.our_offices .item-block .item:hover .title-box {
    color: #fff;
    border-bottom-color: #fff;
}


.our_offices .item-block .item .text-box .repres-box span {
    display: block;
}

.our_offices .item-block .item .text-box .repres-box span.position-text {
    font-size: 13px;
    padding-top: 7px;
}
.our_offices .item-block .item .text-box .mail-box a,
.our_offices .item-block .item .text-box .phone-box a {
    color: #000;
    display: inline;
    font-size: 14px;
    padding-bottom: 5px;
}
.our_offices .item-block .item:hover .text-box .mail-box a,
.our_offices .item-block .item.active .text-box .mail-box a,
.our_offices .item-block .item.active .text-box .phone-box a,
.our_offices .item-block .item:hover .text-box .phone-box a {
    color: #fff;
}

.our_offices .item-block .item .text-box .repres-box,
.our_offices .item-block .item .text-box .phone-box, 
.our_offices .item-block .item .text-box .mail-box,
.our_offices .item-block .item .text-box .address-box {
    margin-bottom: 15px;
    font-size: 14px;
    padding-left: 25px;
    position: relative;
    overflow: hidden;
    line-height: 1.3;
    text-overflow: ellipsis;
}

.our_offices .item-block .item .text-box .repres-box:before,
.our_offices .item-block .item .text-box .phone-box:before, 
.our_offices .item-block .item .text-box .mail-box:before,
.our_offices .item-block .item .text-box .address-box:before {
	content: '';
	background-size: contain !important;
	background-repeat: no-repeat !important;
	display: block;
	position: absolute;
	left: 1px;
	width: 14px;
	height: 14px;
    top: 2px;
}

.our_offices .item-block .item .text-box .phone-box:before{
	background: url("/img/tel.png");
}
.our_offices .item-block .item .text-box .mail-box:before{
	background: url("/img/mail.png");
}
.our_offices .item-block .item .text-box .address-box:before{
	background: url("/img/map_marker.png");
}

.our_offices .item-block .item .text-box .mail-box {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.our_offices .item-block .item.active .text-box .phone-box:before,
.our_offices .item-block .item:hover .text-box .phone-box:before{
	background: url("/img/tel_hover.png");
}
.our_offices .item-block .item.active .text-box .mail-box:before,
.our_offices .item-block .item:hover .text-box .mail-box:before{
	background: url("/img/mail_hover.png");
}
.our_offices .item-block .item.active .text-box .address-box:before,
.our_offices .item-block .item:hover .text-box .address-box:before{
	background: url("/img/map_marker_hover.png");
}


.our_offices .phone-item {
    padding-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (max-width: 1180px){
    .item-block .item {
        width: 32% !important; 
    }
}
@media (max-width: 872px){
    .our_offices .contacts-map-wrapper {
        height: 300px;
    }

    .item-block .item {
        width: 47% !important; 
    }
}
@media (max-width: 611px){
    .our_offices .contacts-map-wrapper {
        height: 300px;
    }
    .item-block .item {
        width: 90% !important;
        margin: 10px 5% !important;
    }
}
@media (max-width: 376px){
    .our_offices .contacts-map-wrapper {
        height: 300px;
    }
    .item-block .item {
        width: 100% !important;
        margin: 10px  0px !important;
    }
}

#officemap {
    height: inherit;
}

.item-block .map{
    width: 97% !important;
    height: inherit;
    padding: 0px;
    float: left;
    margin: 0.5%;
}

.contacts-map-wrapper {
    width: 100%;
    height: 650px;
}

.info-block.balun-box{
    position: relative;
    padding: 20px;
}
.info-block.balun-box .region_text{
    display: block;
    line-height: 1.3;
    margin-bottom: 10px;
}
.info-block.balun-box .address_text,
.info-block.balun-box .phone_text,
.info-block.balun-box .mail_text{
    position: relative;
    padding-left: 25px;
    line-height: 1.3;
    margin-bottom: 10px;
}
.info-block.balun-box .phone_text a,
.info-block.balun-box .mail_text a{
    color: #000;
}
.info-block.balun-box .address_text:before,
.info-block.balun-box .phone_text:before,
.info-block.balun-box .mail_text:before{
    content: '';
    background-size: contain !important;
    background-repeat: no-repeat !important;
    display: block;
    position: absolute;
    left: 1px;
    width: 16px;
    height: 16px;
    top: 5px;
}

.info-block.balun-box .phone_text:before{
    background: url("/img/tel.png");
}
.info-block.balun-box .mail_text:before{
    background: url("/img/mail.png");
}
.info-block.balun-box .address_text:before{
    background: url("/img/map_marker.png");
}

[v-cloak] {
    display: none;
}

.our_offices .item-block .item .text-box .phone-box.phone-mobile:before {
    content: "\f10b";
    font-family: 'FontAwesome';
    font-size: 24px;
    color: #2866ae;
    line-height: 13px;
    background: transparent;
}

.info-block.balun-box .phone_text.phone-mobile:before {
    content: "\f10b";
    font-family: 'FontAwesome';
    font-size: 24px;
    color: #2866ae;
    line-height: 13px;
    background: transparent;
}

.our_offices .item-block .item.active .text-box .phone-box.phone-mobile:before,
.our_offices .item-block .item:hover .text-box .phone-box.phone-mobile:before {
    background: transparent;
    color: #ffffff;
}
/* End */
/* /bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1745444075666 */
/* /local/templates/kontaktor/components/bitrix/news.list/our_offices/style.css?17454440946360 */
