@font-face {
  font-family: 'SabonLTStd';
  src: url(/font/SabonLTStd-Roman.otf);
}
/* line 14, ../sass/all/base.scss */
.w100 {
  width: 100% !important;
}

/* line 18, ../sass/all/base.scss */
.ttu {
  text-transform: uppercase !important;
}

/* line 22, ../sass/all/base.scss */
.tac {
  text-align: center !important;
}

/* line 26, ../sass/all/base.scss */
.tal {
  text-align: left !important;
}

/* line 30, ../sass/all/base.scss */
.tar {
  text-align: right !important;
}

/* line 34, ../sass/all/base.scss */
.ltr {
  direction: ltr;
}

/* line 38, ../sass/all/base.scss */
.rtl {
  direction: rtl;
}

/* line 42, ../sass/all/base.scss */
.d-f {
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flex !important;
  display: -o-flex !important;
  display: flex !important;
}

/* line 50, ../sass/all/base.scss */
.f-w-w {
  -webkit-flex-wrap: wrap !important;
  -moz-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  -o-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

/* line 58, ../sass/all/base.scss */
.j-c-c {
  justify-content: center !important;
}

/* line 62, ../sass/all/base.scss */
.j-c-s-b {
  justify-content: space-between !important;
}

/* line 66, ../sass/all/base.scss */
.j-c-f-e {
  justify-content: flex-end !important;
}

/* line 70, ../sass/all/base.scss */
.a-i-f-s {
  -ms-align-items: flex-start !important;
  align-items: flex-start !important;
}

/* line 75, ../sass/all/base.scss */
.a-i-c {
  -ms-align-items: center !important;
  align-items: center !important;
}

/* line 80, ../sass/all/base.scss */
.a-i-f-e {
  -ms-align-items: flex-end !important;
  align-items: flex-end !important;
}

/* line 85, ../sass/all/base.scss */
.no-pad-top {
  padding-top: 0 !important;
}

/* line 89, ../sass/all/base.scss */
.no-pad-bot {
  padding-bottom: 0 !important;
}

/* line 93, ../sass/all/base.scss */
.no-pad-left {
  padding-left: 0 !important;
}

/* line 97, ../sass/all/base.scss */
.no-pad-right {
  padding-right: 0 !important;
}

/* line 101, ../sass/all/base.scss */
.no-mar-top {
  margin-top: 0 !important;
}

/* line 105, ../sass/all/base.scss */
.no-mar-left {
  margin-left: 0 !important;
}

/* line 109, ../sass/all/base.scss */
.no-mar-right {
  margin-right: 0 !important;
}

/* line 113, ../sass/all/base.scss */
.no-mar-bot {
  margin-bottom: 0 !important;
}

/* line 117, ../sass/all/base.scss */
.global-link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}

/* line 3, ../sass/project-map.scss */
div > section.ProjectMap .container {
  width: auto !important;
}

/* line 7, ../sass/project-map.scss */
.ProjectMap {
  position: relative;
}
/* line 13, ../sass/project-map.scss */
.ProjectMap .gm-style .gm-style-iw.gm-style-iw-c {
  max-height: initial !important;
  overflow: visible;
}
/* line 22, ../sass/project-map.scss */
.ProjectMap .gm-style .gm-style-iw-d {
  max-height: initial !important;
}
/* line 28, ../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 36, ../sass/project-map.scss */
.ProjectMap .gm-style .gm-style-iw-chr button span {
  transform: scale(1.2) !important;
}
@media (hover: hover) {
  /* line 41, ../sass/project-map.scss */
  .ProjectMap .gm-style .gm-style-iw-chr button:hover {
    background: #0f163e !important;
    border-color: #0f163e !important;
    color: #fff !important;
  }
  /* line 46, ../sass/project-map.scss */
  .ProjectMap .gm-style .gm-style-iw-chr button:hover span {
    filter: invert(1) !important;
  }
}
/* line 55, ../sass/project-map.scss */
.ProjectMap #map {
  border-radius: 10px;
  overflow: hidden;
  height: 708px;
  width: 100%;
}
/* line 61, ../sass/project-map.scss */
.ProjectMap #map canvas {
  background: transparent !important;
}
/* line 66, ../sass/project-map.scss */
.ProjectMap .info-window {
  width: 320px;
  max-width: initial;
  margin-left: 6px;
  padding-bottom: 6px;
}
/* line 72, ../sass/project-map.scss */
.ProjectMap .info-window strong {
  font-size: 18px;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
}
/* line 79, ../sass/project-map.scss */
.ProjectMap .info-window i {
  font-size: 14px;
  color: #a8b4bd;
}
/* line 84, ../sass/project-map.scss */
.ProjectMap .info-window .distance-wr {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 15px 0 20px;
}
/* line 91, ../sass/project-map.scss */
.ProjectMap .info-window .distance-box {
  display: flex;
  gap: 6px;
  align-items: center;
  width: calc(100% / 3 - 4px);
}
/* line 99, ../sass/project-map.scss */
.ProjectMap .info-window .distance-box.active .distance-box-icon {
  background-color: #386294;
}
@media (hover: hover) {
  /* line 106, ../sass/project-map.scss */
  .ProjectMap .info-window .distance-box:hover .distance-box-icon {
    background-color: #386294;
  }
}
/* line 113, ../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 127, ../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 132, ../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 140, ../sass/project-map.scss */
.ProjectMap .info-window .distance-box-desc {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
/* line 145, ../sass/project-map.scss */
.ProjectMap .info-window .distance-box-desc b {
  font-size: 15px;
  font-weight: 500;
}
/* line 150, ../sass/project-map.scss */
.ProjectMap .info-window .distance-box-desc span {
  font-size: 11px;
  color: gray;
  display: block;
}
/* line 157, ../sass/project-map.scss */
.ProjectMap .info-window .clear-distance {
  background: #FF6F6F;
  width: 100%;
  height: 33px;
  font-size: 14px;
}
@media (hover: hover) {
  /* line 164, ../sass/project-map.scss */
  .ProjectMap .info-window .clear-distance:hover {
    background: #386294;
    border-color: #386294;
    color: #fff;
  }
}

/* line 174, ../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 185, ../sass/project-map.scss */
.ProjectMapFilter .filter-button, .ProjectMapFilter .filter-otherbtn {
  border: 1px solid #a8b4bd;
  border-radius: 100px;
  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 198, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.clear, .ProjectMapFilter .filter-otherbtn.clear {
  background: #FF6F6F;
  color: #fff;
}
/* line 203, ../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 210, ../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 219, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.active, .ProjectMapFilter .filter-otherbtn.active {
  background-color: #e0e4e9;
}
/* line 224, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.school i, .ProjectMapFilter .filter-otherbtn.school i {
  background-color: #5D708C;
}
/* line 230, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.bus i, .ProjectMapFilter .filter-otherbtn.bus i {
  background-color: #444B54;
}
/* line 236, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.restaurant i, .ProjectMapFilter .filter-otherbtn.restaurant i {
  background-color: #C1A17B;
}
/* line 242, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.shopping i, .ProjectMapFilter .filter-otherbtn.shopping i {
  background-color: #A892A4;
}
/* line 248, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.hospital i, .ProjectMapFilter .filter-otherbtn.hospital i {
  background-color: #A45A5A;
}
/* line 254, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.kindergarten i, .ProjectMapFilter .filter-otherbtn.kindergarten i {
  background-color: #A8C6DB;
}
/* line 260, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.pharmacy i, .ProjectMapFilter .filter-otherbtn.pharmacy i {
  background-color: #6BAE9E;
}
/* line 266, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.supermarket i, .ProjectMapFilter .filter-otherbtn.supermarket i {
  background-color: #8A9A5B;
}
/* line 272, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.cafe i, .ProjectMapFilter .filter-otherbtn.cafe i {
  background-color: #D4A373;
}
/* line 278, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.park i, .ProjectMapFilter .filter-otherbtn.park i {
  background-color: #6D8B74;
}
/* line 284, ../sass/project-map.scss */
.ProjectMapFilter .filter-button.bank i, .ProjectMapFilter .filter-otherbtn.bank i {
  background-color: #8E7A9E;
}

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

/* line 310, ../sass/project-map.scss */
.lang-he .ProjectMap {
  direction: rtl;
}
/* line 313, ../sass/project-map.scss */
.lang-he .ProjectMap .info-window {
  margin-left: 0;
  margin-right: 6px;
}
/* line 317, ../sass/project-map.scss */
.lang-he .ProjectMap .info-window strong {
  font-size: 22px;
}
/* line 321, ../sass/project-map.scss */
.lang-he .ProjectMap .info-window i {
  font-size: 16px;
}
/* line 327, ../sass/project-map.scss */
.lang-he .ProjectMap .info-window .distance-box-desc b {
  font-size: 16px;
}
/* line 331, ../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 344, ../sass/project-map.scss */
  .ProjectMap #map {
    height: 500px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 355, ../sass/project-map.scss */
  .ProjectMap #map {
    height: 500px;
  }
  /* line 363, ../sass/project-map.scss */
  .ProjectMap .gm-style .gm-style-iw-chr button {
    transform: scale(0.6) translate(-14px) !important;
    margin: -10px -50px !important;
  }
  /* line 370, ../sass/project-map.scss */
  .ProjectMap .info-window {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  /* line 375, ../sass/project-map.scss */
  .ProjectMap .info-window .distance-box {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  /* line 381, ../sass/project-map.scss */
  .ProjectMap .info-window .distance-wr {
    margin: 11px 0 16px;
  }

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

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