.map-block {
  position: relative;
}

.map-block .list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-block-start: 20px;
}

@media (width > 575px) {
  .map-block .list {
    display: none;
  }
}

.map-block .list .list__item {
  font-family: var(--font_first);
  font-weight: 700;
  font-size: clamp(14px, 0.00125 * 100vw + 13.6px, 16px);
  line-height: 110%;
  letter-spacing: 0;
  color: var(--head);
}

.map-title {
  text-align: center;
}

.map-image {
  width: 100%;
  height: 100%;
  max-height: 770px;
  position: relative;
}

.map-image img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}

.map-region {
  position: absolute;
}

.map-rf {
  position: relative;
}

.map-citie {
  position: absolute;
  font-family: var(--font_second);
  font-weight: 400;
  font-size: clamp(10px, 0.0025 * 100vw + 11.2px, 12px);
  line-height: 130%;
  letter-spacing: 0%;
  color: var(--head);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 1s linear;
}

.map-citie::before {
  content: '';
  position: absolute;
  left: -14px;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='512' height='512' viewBox='0 0 512 512' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 0C153.755 0 70.573 83.182 70.573 185.426C70.573 312.314 236.512 498.593 243.577 506.461C250.213 513.852 261.799 513.839 268.423 506.461C275.488 498.593 441.427 312.314 441.427 185.426C441.425 83.182 358.244 0 256 0ZM256 278.719C204.558 278.719 162.708 236.868 162.708 185.426C162.708 133.984 204.559 92.134 256 92.134C307.441 92.134 349.291 133.985 349.291 185.427C349.291 236.869 307.441 278.719 256 278.719Z' fill='%23FF6832'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  width: 14px;
  height: 14px;
}


/* .map-image:hover .map-citie {
  opacity: 1;
  visibility: visible;
} */

.map-rf svg [data-code] {
  fill: var(--hover);
  stroke: var(--bg_secondary);
  cursor: pointer;
  position: relative;
  transition: fill 0.4s ease-out;
}

.map-rf svg [data-code]:hover {
  fill: var(--primary);
}
@media (max-width: 1200px) {
	.map-citie span{
		display: none;
	}
	  .map-image .map-citie {
    visibility: visible;
    opacity: 1;
  }
}
@media (max-width: 992px) {
  .map-block {
    padding: 20px 0 !important;
  }

}

@media (max-width: 450px) {
	
	.map-citie::before{
		/*width: 6px;*/
		/*height: 6px;*/
		transform: translatex(4px) translatey(-3px);
	}
}

/*# sourceMappingURL=block.css.map */