@font-face {
  font-family: 'Cera Pro';
  src: url('./Fonts/CeraPro-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cera Pro';
  src: url('./Fonts/CeraPro-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cera Pro';
  src: url('./Fonts/CeraPro-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cera Pro';
  src: url('./Fonts/CeraPro-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

a {
  text-decoration: none;
  font-family: 'Cera Pro';
}

body {
  background-color: #E4E1CE;
  font-family: 'Cera Pro';
}
body tspan, body text{
     font-family: 'Cera Pro'!important;
}
body text[font-weight="bold"]{
    font-weight: 600;
}
body text[font-weight="bold"] tspan{
    font-weight: 600;
}
body text[font-size="14"]{
     font-size: 14px;
}
body text[font-size="14"] tspan{
    font-size: 14px;
}
body text[font-size="11"]{
    font-size: 11px;
}
body text[font-size="11"] tspan{
    font-size: 11px;
}
body text[font-size="10"]{
    font-size: 10px;
}
body text[font-size="10"] tspan{
    font-size: 10px;
}
body text[font-size="13"]{
    font-size: 13px;
}
body text[font-size="13"] tspan{
    font-size: 13px;
}
.map {
  width: 100vw;
  height: 100dvh;
}

.map__zoom {
  position: relative;
  width: 2000px;
  height: 2850px;
}

.map__map {
  width: 2000px;
  height: 2850px;
  padding: 20px;
}

.text {
  fill: #fff;
  white-space: pre;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  cursor: pointer;
}

.partners {
  position: absolute;
  width: 100%;
  top: 32px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.partners_bot {
  top: auto;
  bottom: 32px;
}

.partners__item {
  position: relative;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid black;
  padding-left: 30px;
  padding-right: 30px;
  width: 14%;
}
.partners__item a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.partners_bot .partners__item {
    width: 10%;
}
.partners__toggle {
  opacity: 1;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #000000;
  transform: scale(var(--app-scale, 1));
}

.partners__item_info-opened .partners__toggle {
  opacity: 1;
  background-color: transparent;
}

.partners__toggle-ico {
  position: relative;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: #E4E1CE;
  pointer-events: none;
}

.partners__item_info-opened .partners__toggle-ico {
  width: 16px;
  background-color: transparent;
}

.partners__toggle-ico::before,
.partners__toggle-ico::after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #E4E1CE;
  border-radius: 4px;
}

.partners__toggle-ico::before {
  top: -6px;
}

.partners__toggle-ico::after {
  bottom: -6px;
}

.partners__item_info-opened .partners__toggle-ico::before {
  top: 0;
  transform: rotate(45deg);
}

.partners__item_info-opened .partners__toggle-ico::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.partners__info {
  display: none;
  position: absolute;
  top: -8px;
  right: -8px;
  z-index: 2;
  border-radius: 10px;
  background-color: #fff;
  padding: 16px;
  transform: scale(var(--app-scale, 1));
  transform-origin: top right;
}

.partners__item_info-opened .partners__info {
  display: block;
}

.zoom-btns {
  display: none;
  position: fixed;
  right: 8px;
  top: 50%;
  z-index: 11111111;
  transform: translateY(-50%);
}

@media (min-width: 992px) {
  .zoom-btns {
    display: none;
  }
}

.zoom-btns__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 5px;
  background-color: #fff;
}

.zoom-btns__btn_in {
  margin-bottom: 16px;
}

.zoom-btns__btn_out {
}

.map__map path {
  z-index: 10000;
  position: relative;
}

.svg_content_one .legend tspan {
  fill: #fff482;
}
.svg_content_one .p {
  stroke: #fff482;
}

.svg_content_two .legend tspan {
  fill: #91c998;
}
.svg_content_two .p {
  stroke: #91c998;
}
.blue_content .p {
  stroke: #83d0f5;
}
.grey_content .p {
  stroke: #9bafbf;
}
.svg_content_thre .legend tspan {
  fill: #b2a0cd;
}

.svg_content_thre .p {
  stroke: #b2a0cd;
}

.svg_content_four .legend tspan {
  fill: #f29fc5;
}

.svg_content_four .p {
  stroke: #f29fc5;
}

.svg_content_five .legend tspan {
  fill: #d1dd77;
}

.svg_content_five .p {
  stroke: #d1dd77;
}

.svg_content_six .legend tspan {
  fill: #78c7c9;
}

.svg_content_six .p {
  stroke: #78c7c9;
}

.svg_content_seven .legend tspan {
  fill: #ed6c77;
}

.svg_content_seven .p {
  stroke: #ed6c77;
}

.svg_content_eight .legend tspan {
  fill: #b164a5;
}

.svg_content_eight .p {
  stroke: #b164a5;
}

.svg_content_nine .legend tspan {
  fill: #80b5c4;
}

.svg_content_nine .p {
  stroke: #80b5c4;
}

.svg_content_ten .legend tspan {
  fill: #fbbd51;
}

.svg_content_ten .p {
  stroke: #fbbd51;
}

.svg_content_elev .legend tspan {
  fill: #e5ddaa;
}

.svg_content_elev .p {
  stroke: #e5ddaa;
}

.svg_content_tw .legend tspan {
  fill: #a0c96d;
}

.svg_content_tw .p {
  stroke: #a0c96d;
}

.svg_content_thre2 .legend tspan {
  fill: #509ccd;
}

.svg_content_thre2 .p {
  stroke: #509ccd;
}

.text {
  fill: #fff;
  white-space: pre;
  font-family: 'Moscow Sans';
  font-size: 12.5px;
  font-weight: 400;
  line-height: 14.62px;
  touch-action: pan-x pan-y;
}
.legend text {
  pointer-events: auto;
  cursor: pointer;
  white-space: pre;
  font-family: 'Moscow Sans';
  font-size: 12.5px;
  font-weight: 400;
  line-height: 14.62px;
  touch-action: pan-x pan-y;
}