/* =========== © 2017 Centroarts.com for https://magenta.su =========== */

/* Работа по всей России */
.section.map { position: relative; }

.section.map:after { clear: both; display: block; content: ""; }
.section.map > .left { float: none; width: 60%; position: absolute; top: 0; left: 0; bottom: 0; }
.section.map > .right { width: 40%; padding: 12% 3%; }

#map { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; }

.map_select_geo { padding-left: 85px; max-width: 340px; margin: 0 auto; }
.icon_marker70 { margin-left: -85px; float: left; width: 70px; height: 70px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNzAgNzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDcwIDcwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0ZGRkZGRjt9LnN0MXtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNFNjM4ODI7fS5zdDJ7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojREIyOTc2O30uc3Qze2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6I0Y3Q0RENzt9PC9zdHlsZT48cGF0aCBpZD0iWE1MSURfN18iIGNsYXNzPSJzdDAiIGQ9Ik0zNSwwYzE5LjMsMCwzNSwxNS43LDM1LDM1YzAsMTkuMy0xNS43LDM1LTM1LDM1QzE1LjcsNzAsMCw1NC4zLDAsMzVDMCwxNS43LDE1LjcsMCwzNSwweiIvPjxwYXRoIGlkPSJYTUxJRF84XyIgY2xhc3M9InN0MSIgZD0iTTM1LDljMTQuNCwwLDI2LDExLjYsMjYsMjZjMCwxNC40LTExLjYsMjYtMjYsMjZDMjAuNiw2MSw5LDQ5LjQsOSwzNUM5LDIwLjYsMjAuNiw5LDM1LDl6Ii8+PHBhdGggaWQ9IlhNTElEXzEyXyIgY2xhc3M9InN0MiIgZD0iTTI2LjcsNDIuMWwxNy40LDE3LjNDNTEuOCw1Ni41LDU3LjgsNTAsNjAsNDJMNDMuOSwyNkwyNi43LDQyLjF6Ii8+PHBhdGggaWQ9IlhNTElEXzExXyIgY2xhc3M9InN0MCIgZD0iTTQyLjIsNDMuM0wzNSw1MC4xbC03LjItNi44Yy0yLjktMi4yLTQuOC01LjYtNC44LTkuNGMwLTYuNSw1LjQtMTEuOCwxMi0xMS44YzYuNiwwLDEyLDUuMywxMiwxMS44QzQ3LDM3LjcsNDUuMSw0MS4xLDQyLjIsNDMuM3oiLz48Zz48ZyBpZD0iWE1MSURfMjRfIj48Y2lyY2xlIGlkPSJYTUxJRF8yNV8iIGNsYXNzPSJzdDMiIGN4PSIzNSIgY3k9IjM0IiByPSI4Ii8+PC9nPjwvZz48L3N2Zz4=); }
.section.map > .right .geo_select a.grey_text { cursor: pointer; text-decoration: none !important; }
.section.map > .right .geo_select a.grey_text:hover { cursor: pointer; border-bottom: 1px dashed rgba(0,0,0,0.2) }

/* Модификация карты для контактов */
.section.map_contacts > .right { padding: 0; min-height: 400px; }

.select_office { list-style: none; padding: 0; margin: 0; }
.select_office > li { border-top: 1px solid #e7e7e7; }
.select_office > li:first-child { border-top-width: 0; }
.select_office > li.active { background-color: #fcfcfc; }
	.office_item { cursor: pointer; padding: 40px 40px 40px 160px; }
	.office_item .title { font-size: 1em; font-weight: bold; margin-bottom: 0; }
	.office_item > p { margin-bottom: 1rem; }
	.office_item > .edit_city { font-size: .9em; margin-top: 1rem; }

	.office_item .icon_marker70 {
		margin: -7px 0 0 -106px; width: 60px; height: 60px;
		opacity: .2;
		filter:grayscale(100%);
	}
	.active > .office_item .icon_marker70 {
		opacity: 1;
		filter:grayscale(0);
	}
	.active > .office_item .title { color: var(--primary-color); }

	/* Список */
	.dl_menu dt { clear: left; float: left; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; width: 140px; }
	.office_item .dl_menu { font-size: .9em; color: #999; }

@media only screen and (max-width: 1280px) {
	.office_item { padding: 30px 30px 30px 80px; }
	.office_item .icon_marker70 {
		margin: -2px 0 0 -50px; width: 42px; height: 42px;
	}
}
@media only screen and (min-width: 901px) {
	.section.map .heading { font-size: 2.2em; }
}
@media only screen and (max-width: 900px) {
	.section.map.greylight_bg { background-color: #fff; border-top: 1px solid #ebebeb; }
	.section.map > .left { width: 100%; height: 300px; position: relative; top: auto; left: auto; bottom: auto; }
	.section.map > .right { float: none; width: auto; padding: 40px 30px; text-align: center; }

	.section.map_contacts > .right { text-align: left; padding: 0; }

	.map_select_geo { padding-left: 0; max-width: none; }
	.map_select_geo > i { display: none; }
}
@media only screen and (max-width: 600px) {
	.office_item { padding: 20px 20px 20px 80px; }
	.office_item .icon_marker70 { margin: -2px 0 0 -60px; }
}