/* line 3, ../sass/project-map.scss */
.ProjectMap {
  position: relative;
}
/* line 8, ../sass/project-map.scss */
.ProjectMap .gm-style .gm-style-iw.gm-style-iw-c {
  max-height: initial !important;
  overflow: visible;
}
/* line 17, ../sass/project-map.scss */
.ProjectMap .gm-style .gm-style-iw-d {
  max-height: initial !important;
}
/* line 23, ../sass/project-map.scss */
.ProjectMap .gm-style .gm-style-iw-chr button {
  background: #ffffff !important;
  opacity: 1 !important;
  border-radius: 6px !important;
  transform: scale(0.6) translateX(-70px) !important;
  transition: background-color 0.24s cubic-bezier(0.24, 0.1, 0.24, 1);
  margin: -10px 0px !important;
}
/* line 31, ../sass/project-map.scss */
.ProjectMap .gm-style .gm-style-iw-chr button span {
  transform: scale(1.2) !important;
}
@media (hover: hover) {
  /* line 36, ../sass/project-map.scss */
  .ProjectMap .gm-style .gm-style-iw-chr button:hover {
    background: #012824 !important;
    border-color: #012824 !important;
    color: #fff !important;
  }
  /* line 41, ../sass/project-map.scss */
  .ProjectMap .gm-style .gm-style-iw-chr button:hover span {
    filter: invert(1) !important;
  }
}
/* line 50, ../sass/project-map.scss */
.ProjectMap #map {
  border-radius: 10px;
  overflow: hidden;
  height: 708px;
  width: 100%;
}
/* line 56, ../sass/project-map.scss */
.ProjectMap #map canvas {
  background: transparent !important;
}
/* line 61, ../sass/project-map.scss */
.ProjectMap .info-window {
  width: 320px;
  max-width: initial;
  margin-left: 6px;
  padding-bottom: 6px;
}
/* line 67, ../sass/project-map.scss */
.ProjectMap .info-window strong {
  font-size: 18px;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
}
/* line 74, ../sass/project-map.scss */
.ProjectMap .info-window i {
  font-size: 14px;
  color: #a8b4bd;
}
/* line 79, ../sass/project-map.scss */
.ProjectMap .info-window .distance-wr {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 15px 0 20px;
}
/* line 86, ../sass/project-map.scss */
.ProjectMap .info-window .distance-box {
  display: flex;
  gap: 6px;
  align-items: center;
  width: calc(100% / 3 - 4px);
}
/* line 94, ../sass/project-map.scss */
.ProjectMap .info-window .distance-box.active .distance-box-icon {
  background-color: #4E9F97;
}
@media (hover: hover) {
  /* line 101, ../sass/project-map.scss */
  .ProjectMap .info-window .distance-box:hover .distance-box-icon {
    background-color: #4E9F97;
  }
}
/* line 108, ../sass/project-map.scss */
.ProjectMap .info-window .distance-box-icon {
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 18px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E9E9F2;
  transition: .3s linear;
}
/* line 122, ../sass/project-map.scss */
.ProjectMap .info-window .distance-box-icon.scale img, .ProjectMap .info-window .distance-box-icon.scale svg {
  transform: scale(1.3);
}
/* line 127, ../sass/project-map.scss */
.ProjectMap .info-window .distance-box-icon img, .ProjectMap .info-window .distance-box-icon svg {
  width: 24px;
  height: 24px;
  display: block;
  object-fit: contain;
}
/* line 135, ../sass/project-map.scss */
.ProjectMap .info-window .distance-box-desc {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
/* line 140, ../sass/project-map.scss */
.ProjectMap .info-window .distance-box-desc b {
  font-size: 15px;
  font-weight: 500;
}
/* line 145, ../sass/project-map.scss */
.ProjectMap .info-window .distance-box-desc span {
  font-size: 11px;
  color: gray;
  display: block;
}
/* line 152, ../sass/project-map.scss */
.ProjectMap .info-window .clear-distance {
  background: #FF6F6F;
  width: 100%;
  height: 33px;
  font-size: 14px;
  color: #ffff;
}
@media (hover: hover) {
  /* line 160, ../sass/project-map.scss */
  .ProjectMap .info-window .clear-distance:hover {
    background: #4E9F97;
    border-color: #4E9F97;
    color: #fff;
  }
}

/* line 170, ../sass/project-map.scss */
.ProjectMapFilter {
  align-items: center;
  display: flex;
  margin: 16px 0 0;
  min-height: 44px;
  overflow-x: auto;
  padding: 0;
  scrollbar-width: none;
  gap: 12px;
  flex-wrap: wrap;
}
/* line 181, ../sass/project-map.scss */
.ProjectMapFilter .filter-button, .ProjectMapFilter .filter-otherbtn {
  border: 1px solid #a8b4bd;
  border-radius: 8px;
  background-color: transparent;
  color: #000;
  height: 40px;
  padding: 0 16px;
  transition: background-color .15s, border-color .15s;
  display: flex;
  gap: 8px;
  cursor: pointer;
  align-items: center;
}
/* line 194, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.clear, .ProjectMapFilter .filter-otherbtn.clear {
  background: #FF6F6F;
  color: #fff;
}
/* line 199, ../sass/project-map.scss */
.ProjectMapFilter .filter-button svg, .ProjectMapFilter .filter-button img, .ProjectMapFilter .filter-otherbtn svg, .ProjectMapFilter .filter-otherbtn img {
  width: 16px;
  height: 16px;
  display: block;
  object-fit: contain;
}
/* line 206, ../sass/project-map.scss */
.ProjectMapFilter .filter-button i, .ProjectMapFilter .filter-otherbtn i {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
/* line 215, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.active, .ProjectMapFilter .filter-otherbtn.active {
  background-color: #e0e4e9;
}
/* line 220, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.school i, .ProjectMapFilter .filter-otherbtn.school i {
  background-color: #5D708C;
}
/* line 226, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.bus i, .ProjectMapFilter .filter-otherbtn.bus i {
  background-color: #444B54;
}
/* line 232, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.restaurant i, .ProjectMapFilter .filter-otherbtn.restaurant i {
  background-color: #C1A17B;
}
/* line 238, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.shopping i, .ProjectMapFilter .filter-otherbtn.shopping i {
  background-color: #A892A4;
}
/* line 244, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.hospital i, .ProjectMapFilter .filter-otherbtn.hospital i {
  background-color: #A45A5A;
}
/* line 250, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.kindergarten i, .ProjectMapFilter .filter-otherbtn.kindergarten i {
  background-color: #A8C6DB;
}
/* line 256, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.pharmacy i, .ProjectMapFilter .filter-otherbtn.pharmacy i {
  background-color: #6BAE9E;
}
/* line 262, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.supermarket i, .ProjectMapFilter .filter-otherbtn.supermarket i {
  background-color: #8A9A5B;
}
/* line 268, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.cafe i, .ProjectMapFilter .filter-otherbtn.cafe i {
  background-color: #D4A373;
}
/* line 274, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.park i, .ProjectMapFilter .filter-otherbtn.park i {
  background-color: #6D8B74;
}
/* line 280, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.bank i, .ProjectMapFilter .filter-otherbtn.bank i {
  background-color: #8E7A9E;
}

/* line 295, ../sass/project-map.scss */
.lang-ru .ProjectMap .gm-style .gm-style-iw-chr button {
  transform: scale(0.6) translateX(70px) !important;
}

/* line 306, ../sass/project-map.scss */
.lang-he .ProjectMap {
  direction: rtl;
}
/* line 309, ../sass/project-map.scss */
.lang-he .ProjectMap .info-window {
  margin-left: 0;
  margin-right: 6px;
}
/* line 313, ../sass/project-map.scss */
.lang-he .ProjectMap .info-window strong {
  font-size: 22px;
}
/* line 317, ../sass/project-map.scss */
.lang-he .ProjectMap .info-window i {
  font-size: 16px;
}
/* line 323, ../sass/project-map.scss */
.lang-he .ProjectMap .info-window .distance-box-desc b {
  font-size: 16px;
}
/* line 327, ../sass/project-map.scss */
.lang-he .ProjectMap .info-window .distance-box-desc span {
  font-size: 13px;
}

@media only screen and (min-width: 768px) and (max-width: 1300px) {
  /* line 340, ../sass/project-map.scss */
  .ProjectMap #map {
    height: 500px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 351, ../sass/project-map.scss */
  .ProjectMap #map {
    height: 500px;
  }
  /* line 359, ../sass/project-map.scss */
  .ProjectMap .gm-style .gm-style-iw-chr button {
    transform: scale(0.6) translate(-14px) !important;
    margin: -10px -50px !important;
  }
  /* line 366, ../sass/project-map.scss */
  .ProjectMap .info-window {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* line 371, ../sass/project-map.scss */
  .ProjectMap .info-window .distance-box {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  /* line 377, ../sass/project-map.scss */
  .ProjectMap .info-window .distance-wr {
    margin: 11px 0 16px;
  }

  /* line 384, ../sass/project-map.scss */
  .ProjectMapFilter {
    flex-wrap: nowrap;
    white-space: pre;
    margin: 15px -15px 0;
    width: calc(100% + 30px);
    padding: 0 15px;
  }

  /* line 399, ../sass/project-map.scss */
  .lang-ru .ProjectMap .gm-style .gm-style-iw-chr button {
    transform: scale(0.6) translate(14px) !important;
  }
}