.contacts-row{position: relative;}
.contact-section{position: relative; width: 100%;}
.contact-office-schedule{position: absolute; right: 0; top: -66px; font-size: 16px;}

ol.contact-list {margin:22px 0 0; list-style-type: none; padding: 0; counter-reset: li;}
ol.contact-list .icon{ width: 16px; height: 12px; margin-bottom: -1px;}
ol.contact-list li{ background:url(../img/dot.png) repeat-x 0 0; padding:10px 0; position: relative;}
ol.contact-list li.contact-hover:hover {background-color: #f4f4f4; border-left-color: #f4f4f4; border-right-color: #f4f4f4;}
ol.contact-list li:before {counter-increment: li; content: counter(li) ""; display:block; vertical-align:middle; margin:0 7px 0 0; min-width:18px; font-size:16px; font-weight:bold; position: absolute;}
ol.contact-list li .contact-item {display:inline-block; vertical-align:middle; padding:0 20px 0 0;}
ol.contact-list li strong {font-size:16px; display:block;}
ol.contact-list li span {font-size:12px; color:#9899a0; display:block; font-weight: normal;}

ol.contact-list .name,
ol.contact-list .phone,
ol.contact-list .place,
ol.contact-list .mail,
ol.contact-list .time {padding:0 0 0 25px; position: relative;}
ol.contact-list .phone i,
ol.contact-list .place i,
ol.contact-list .time i{font-size: 14px; color: #ABADAF;}
ol.contact-list .mail i{font-size: 12px; color: #ABADAF;}
ol.contact-list .mail a {position: relative; z-index: 10;}
ol.contact-list .phone i:before,
ol.contact-list .place i:before,
ol.contact-list .mail i:before,
ol.contact-list .time i:before {margin-left: -20px;}
ol.contact-list li .contact-transport span {display:inline;}
ol.contact-list li.contact-list__row {background: none;}
ol.contact-list .contact-list__title {width: 100%; background:url(../img/dot.png) repeat-x 0 100%; padding-bottom: 4px; padding-left: 24px; margin-bottom: 8px; position: relative;}
ol.contact-list .contact-list__title::before {content: ''; display: block; width: 18px; height: 18px; position: absolute; left: 0;}
ol.contact-list .contact-list__title span {font-size: 15px; font-weight: 700; color: #414141}
ol.contact-list .contact-list__title-office::before {background: url(../img/ico/oficce_ico.svg) no-repeat; background-size: contain;}
ol.contact-list .contact-list__title-point::before {background: url(../img/ico/delivery_point_ico.svg) no-repeat; background-size: contain;}

.contact-section ol.contact-list li .phone {display: block; font-size:16px; font-weight:bold; letter-spacing:1px; padding-top:2px;position: relative;}
.contact-section ol.contact-list li .phone.phone-work{font-weight:normal;font-size:14px;}
.contact-link {position: absolute; height: 100%; top: 0; left: -18px; right: -18px;}
.contact-transport {margin:16px 0 -6px; padding: 15px 0 0; background:url(../img/dot.png) repeat-x 0 0; font-size:12px;}
.contact-transport > p {margin:0 0 15px;}

.content-region {margin: 33px 0 0; position: relative; position: relative; width: inherit;}
.content-region .col-l{}
.content-region .col-r{padding-left: 30px;}
.content-region ol.contact-list {margin:0; background:url(../img/dot.png) repeat-x 0 100%; padding-bottom: 2px;}
.content-region ol.contact-list li {padding:7px 0 19px; display: block;}
.content-region ol.contact-list li .contact-item{width: 100%; float: none;}
.content-region ol.contact-list li .name {margin:0 0 4px;}
.content-region ol.contact-list li .phone {margin:0 5px 4px; padding-left: 20px; font-weight: bold; font-size: 16px;}
.content-region ol.contact-list li .mail {margin:0 0 4px;}
.content-region ol.contact-list li .place {margin:0 0 5px;}
.content-region ol.contact-list li .time {margin: 0 0 0;}
.content-region ol.contact-list li strong {margin:16px 0 5px;}
.content-region .map-content {margin: 0;}
.content-region #contacts-map-top{width: auto;}

.contact-detail ol.contact-list li:before {content:""; display:none;}
.contact-detail ol.contact-list li .name {margin:0 0 4px; padding-left: 0;}

.city {color: #323694; border-bottom: 1px dotted #323694; text-decoration: none; cursor: pointer; font-weight:normal; position:relative;}
.city:after {content:""; display:block; position:absolute; top:50%; margin-top: -2px; width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 5px 5px;
border-color: transparent transparent #2d3298 transparent; right:-17px;}
.city.city-active:after {transform: rotate(180deg);}

.contact-switch {width: 281px; float: left; margin-top: 20px;}
.contact-search {width: 580px; float: left; margin-top: 16px;}
.contact-switch {font: bold 16px/16px Helvetica, sans-serif;}
.contact-switch a {color:#323694; text-decoration:none; border-bottom:1px dotted #323694;}
.contact-switch a.switch-active {color:#414141; border:none; cursor:default;}

.map-hidden {position:absolute; visibility:hidden; display:block !important;}
.map-content {margin:16px 0; background:#fff; position:relative;}
#contacts-map-top{width: 924px; height: 500px; padding-bottom: 17px; position: relative;}

.contact-print {position: absolute;	top: -60px;	right: 0px;}
.ur-info {
    margin: 16px 2px 13px;
    padding: 15px 0 0;
    background: url(../img/dot.png) repeat-x 0 0;
    font-size: 12px;
}

ul.contact-list__description-point {
	padding:0;
	list-style-type:disc !important;
}
ul.contact-list__description-point li {
	font-size:12px;
	margin:0 0 0 20px !important;
	display:list-item !important;
}

@media (min-width: 768px) and (max-width: 991px){
    .contact-section #contact-map{position: relative; width: inherit; padding-top: 15px;}
    .contact-section .map-content{width: inherit; position: relative;}
    .map-hidden{margin-bottom: -310px;}
    .contact-section .map-content #contacts-map-top{width: inherit; height: 400px; position: relative;}
    .content-region .map-content{width: auto; position: relative;}
    .content-region .map-content #contacts-map-top{height: 400px; width: auto;}
    .contact-list .contact-transport{width: 100% !important;}
    .content-region .col-l-contact ol.contact-list{background: none;}
    ol.contact-list li{padding: 10px 18px; margin: 0px -18px;}
}

@media (max-width: 767px){
    .city{display: inline-block;}
    .city:after{right: -15px;}
    #contact-map{position: relative; width: inherit; padding-top: 15px;}
    .map-content{width: inherit;}
    .map-hidden{margin-bottom: -310px;}
    .map-content #contacts-map-top{width: inherit; height: 280px; position: relative;}
    .content-region #contacts-map-top{width: 100% !important; height: 280px;}
    ol.contact-list{margin: 22px -18px 0;}
    ol.contact-list li{padding: 10px 18px; margin: 0;}
    ol.contact-list li .contact-item{padding-left: 25px;}
    ol.contact-list .phone{padding-left: 0;}
    .contact-section ol.contact-list .icon{margin-left: -20px;}
    .content-region ol.contact-list{padding: 0 18px 2px; margin: 0 -18px;}
    .content-region ol.contact-list li{padding: 7px 18px 9px;}
    .content-region ol.contact-list li .contact-item{padding-left: 0px; display: block;}
    .content-region .col-r{padding: 15px 0 0;}
    .contact-office-schedule{left: 0; top: 15px !important; position: relative !important;}
    .contact-office-schedule .div-one{display: inline-block;}
    .contact-switch{float: none;}
    .contact-list .contact-transport{padding: 15px 18px 0; margin: 0 -18px !important;}
    .road-print{display: none;}
    .fancybox-close{right: -15px; top: -30px;}
    ol.contact-list .name,
    ol.contact-list .phone,
    ol.contact-list .place,
    ol.contact-list .mail,
    ol.contact-list .time {padding:0 0 0 40px;}
    .content-region ol.contact-list li .phone {padding-left: 35px;}
}