.rf-map,
.rf-map *{
  box-sizing: border-box;
} 

.rf-map {
  position: relative;
  display: flex;
  justify-content: flex-end;
  top: -70px
}


.rf-map .district span {
  z-index: 5;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  color: var(--color);
}

.rf-map .district {
    display: none;
    position: absolute;
    top: 220px;
    left: 0;
}

.rf-map .procs {
    font-size: 16px;
    margin-top: 10px;
    font-weight: bold;
    color: var(--bg-color-lite);
    text-transform: uppercase;
}

.rf-map .procs i{
    font-style: unset;
}

.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: 90%;
  height: 100%;
  /*filter: drop-shadow(0 5px 12px rgba(0, 0, 0, 0.5));*/  
}

.rf-map path {
  stroke: #c1c1c1;
  stroke-width: 0.5;
  stroke-linejoin: round; 
}

.rf-map [data-code] {
  fill: white;
  transition: fill 0.2s;
}

.rf-map [data-code]:hover {
  fill: var(--bg-color-lite);
}

.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; 
}
.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;
  display: flex;
  flex-wrap: wrap;
}
.rf-map .district-links div {
  font-size: 13px;
  padding: 4px;
}
.rf-map .district-links div:after {
  content: " | ";
  color: #337AB7;
}
.rf-map .district-links div:last-child:after {
  content: "";
}
.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: 32px;
    font-weight: bold;
  }

  .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-NVS"], .rf-map [data-code="RU-MOS"], .rf-map [data-code="RU-MOW"] {
  fill: var(--bg-color);
}
.rf-map [data-code="RU-NVS"]:hover, .rf-map [data-code="RU-MOS"]:hover, .rf-map [data-code="RU-MOW"]:hover {
  fill: rgba(var(--bg-color-rgb), 0.7);
}
*/

.rf-map [data-code]:hover {
  fill: var(--color-warn)!important;
}

.rf-map [data-code] {
  fill: #e2eee9;
}

.rf-map [data-code].fill-10, .rf-map [data-code].fill-9{
  fill: var(--bg-color);
}

.rf-map [data-code].fill-8, .rf-map [data-code].fill-7{
  fill: #3a8e6e;
}

.rf-map [data-code].fill-6, .rf-map [data-code].fill-5{
  fill: #6da98f;
}

.rf-map [data-code].fill-4, .rf-map [data-code].fill-3{
  fill: #76af97;
}

.rf-map [data-code].fill-2, .rf-map [data-code].fill-1, .rf-map [data-code].fill-0{
  fill: #e2eee9;
}
/*
     FILE ARCHIVED ON 03:27:11 May 18, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:14:40 May 14, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.516
  exclusion.robots: 0.051
  exclusion.robots.policy: 0.041
  esindex: 0.01
  cdx.remote: 13.714
  LoadShardBlock: 69.988 (3)
  PetaboxLoader3.datanode: 73.863 (5)
  PetaboxLoader3.resolve: 311.593 (2)
  load_resource: 328.988
  loaddict: 18.67
*/