/* Start:/local/templates/template/css/geo.css?16541530803714*/
.rf-map,
.rf-map *{
	box-sizing: border-box;
}	
.rf-map {
	position: relative;
	max-width: 980px;
	margin: auto;
	padding: 20px;
}
.rf-map .district b {
	position: absolute;
	z-index: 5;
	width: 18px;
	height: 18px;
	background: rgba(51, 122, 183, 0.9);
	border-radius: 50%;
	left: 6px;
	top: 18px;
	transition: all 0.3s;
}
.rf-map .district span {
	position: absolute;
	z-index: 5;
	top: 20px;
	left: 30px;
	font-size: 13px;
	font-weight: bold;
	font-family: Tahoma, sans-serif;
	line-height: 1;
	color: #337AB7;
}
.rf-map .district {
	display: none;
}
.rf-map.open .district b {
	top: 0;
	left: 0;
	border-radius: 0;
	width:100%;
	height: 100%;
	box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);	
}
.rf-map.open .district span {
	color: #FFF;
}
.rf-map svg {
	width: 100%;
	height: 100%;
	filter: drop-shadow(0 5px 12px rgba(0, 0, 0, 0.5));    
}
.rf-map path {
	stroke: #FFFFFF;
	stroke-width: 1;
	stroke-linejoin: round; 
}
.rf-map [data-code] {
	fill: #337AB7;
	transition: fill 0.2s;
}
.rf-map [data-code]:hover {
	fill: #0180ef;
}
.rf-map .district-text {
	display: none;
	position: absolute;
	z-index: 6;
	left: 0;
	top: 60px;
	width: calc(100% - 20px);
	height: calc(100% - 90px);
	padding: 0 20px;
	overflow: auto;
	color: #FFF;
	font-size: 13px;
	font-family: Verdana, sans-serif;   
}
.rf-map .close-district {
	opacity: 0;
    z-index: 6;
    position: absolute;
    top: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;    
    width: 40px;
    height: 40px;
    line-height: 1;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
	transition: opacity 1s;
	pointer-events: none;
}
.rf-map.open .close-district {
	opacity: 1;
	pointer-events: initial;
}
.rf-map .district-links {
	margin-top: 10px;
}
.rf-map .district-links div {
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana, sans-serif; 
	padding: 4px;
}
.dropfill {
	fill: #337AB7!important;
}
.mainfill {
	fill: #1d4567!important;
}
@media (min-width:768px){
	.rf-map .district b {
		width: 28px;
		height: 28px;	
		left: 6px;
		top: 28px;
	}
	.rf-map .district span {
		top: 30px;
		left: 46px;
		font-size: 20px;
		font-weight: normal;
	}
	.rf-map .district-text {
		left: 30px;
		top: 80px;
		width: calc(100% - 60px);
		height: calc(100% - 130px);
		font-size: 16px; 
	}
	.rf-map .close-district {  
		width: 60px;
		height: 60px;
		font-size: 60px;
	}
	.rf-map .district-links {
		display: none;
	}
}
/* Цвета регионов */
.rf-map [data-code="RU-SAR"] {
	fill: #116f21;
	cursor: pointer;
}
.rf-map [data-code="RU-SA"] {
	fill: #d17520;
	cursor: pointer;
}



.rf-map g[data-district]:hover path{
	fill: #DBDFE7;
}


.rf-map g[data-district].active path {
	fill: #a2a6ae;
}


.rf-map g[data-district] path {
	fill: #F6F7F9;
	cursor: pointer;
}



.geo_nav [data-district] {
    cursor: pointer;
}
.geo_nav .active[data-district] {
    background:rgba(83, 172, 250, 0.9)
}


/* 
.rf-map [data-code="RU-KO"] {
	fill: #901aad;
}
.rf-map [data-code="RU-SA"]:hover {
	fill: #e3954b;
}
.rf-map [data-code="RU-KO"]:hover {
	fill: #bf37e1;
}




.rf-map g[data-district="CFO"] path {
	fill: #ee0e33;
	cursor: pointer;
}

.rf-map g[data-district="SZFO"] path {
	fill: #bf37e1;
	cursor: pointer;
}

.rf-map g[data-district="UFO"] path {
	fill: #ffff81;
	cursor: pointer;
}

.rf-map g[data-district="SKFO"] path {
	fill: #62d3c6;
	cursor: pointer;
}

.rf-map g[data-district="PFO"] path {
	fill: #d3ab62;
	cursor: pointer;
}

.rf-map g[data-district="URFO"] path {
	fill: #1a1ab8;
	cursor: pointer;
}

.rf-map g[data-district="SFO"] path {
	fill: #07fbff;
	cursor: pointer;
}

.rf-map g[data-district="DVFO"] path {
	fill: #c8cc90;
	cursor: pointer;
} */
/* End */
/* /local/templates/template/css/geo.css?16541530803714 */