/* line 1, ../sass/screen.scss */
.cmp-map {
  position: relative;
}
/* line 4, ../sass/screen.scss */
.cmp-map .bg img {
  width: 100%;
  max-width: none;
}
/* line 9, ../sass/screen.scss */
.cmp-map .dot {
  position: absolute;
}
/* line 12, ../sass/screen.scss */
.cmp-map .popup {
  position: absolute;
  max-width: 580px;
  left: calc(50% - 290px);
  top: 20%;
  display: none;
  background: #FAF9F6;
  box-shadow: 24px 25px 16px -14px rgba(0, 0, 0, 0.1);
  padding: 20px;
  z-index: 10;
  margin: 20px;
}
/* line 23, ../sass/screen.scss */
.cmp-map .popup .close {
  font-family: "PT Root UI", sans-serif;
  font-weight: bold;
  position: absolute;
  right: 11px;
  font-size: 24px;
  top: 8px;
  transition: all .3s;
}
/* line 31, ../sass/screen.scss */
.cmp-map .popup .close:hover {
  cursor: pointer;
  transform: scale(1.2);
}
/* line 36, ../sass/screen.scss */
.cmp-map .popup .row {
  display: flex;
  margin-bottom: 20px;
}
/* line 39, ../sass/screen.scss */
.cmp-map .popup .row:last-child {
  margin-bottom: 0px;
}
/* line 41, ../sass/screen.scss */
.cmp-map .popup .row:last-child .col {
  padding-right: 8px;
}
/* line 43, ../sass/screen.scss */
.cmp-map .popup .row:last-child .col:last-child {
  padding-right: 0;
  padding-left: 8px;
}
/* line 50, ../sass/screen.scss */
.cmp-map .popup .col {
  width: 50%;
}
/* line 53, ../sass/screen.scss */
.cmp-map .popup .logo {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 58, ../sass/screen.scss */
.cmp-map .popup .desc {
  font-family: "PT Root UI", sans-serif;
  color: #123147;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
}
/* line 67, ../sass/screen.scss */
.cmp-map .dot-title {
  font-family: "PT Root UI", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 20px;
  line-height: 30px;
  color: #E6331A;
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  transition: all .3s;
}
/* line 78, ../sass/screen.scss */
.cmp-map .dot-title:hover {
  transform: scale(1.07);
}
/* line 81, ../sass/screen.scss */
.cmp-map .dot-title:after {
  transition: all .3s;
  content: '';
  display: block;
  width: 26px;
  height: 26px;
  background: url(../img/dot-map.svg) no-repeat;
  background-size: contain;
  position: absolute;
}
/* line 91, ../sass/screen.scss */
.cmp-map .dot-title.dot-pos-top {
  padding-top: 26px;
}
/* line 93, ../sass/screen.scss */
.cmp-map .dot-title.dot-pos-top:after {
  top: 0;
  left: calc(50% - 13px);
}
/* line 98, ../sass/screen.scss */
.cmp-map .dot-title.dot-pos-left {
  padding-left: 31px;
}
/* line 100, ../sass/screen.scss */
.cmp-map .dot-title.dot-pos-left:after {
  top: calc(50% - 13px);
  left: 0;
}
/* line 105, ../sass/screen.scss */
.cmp-map .dot-title.dot-pos-right {
  padding-right: 31px;
}
/* line 107, ../sass/screen.scss */
.cmp-map .dot-title.dot-pos-right:after {
  top: calc(50% - 13px);
  right: 0;
}
/* line 112, ../sass/screen.scss */
.cmp-map .dot-title.dot-pos-bottom {
  padding-bottom: 26px;
}
/* line 114, ../sass/screen.scss */
.cmp-map .dot-title.dot-pos-bottom:after {
  left: calc(50% - 13px);
  bottom: 0;
}

@media screen and (max-width: 960px) {
  /* line 125, ../sass/screen.scss */
  .cmp-map .dot-title {
    font-size: 14px;
  }
  /* line 128, ../sass/screen.scss */
  .cmp-map .popup {
    max-width: 100%;
    left: 0;
    right: 0;
    top: 0%;
  }
  /* line 133, ../sass/screen.scss */
  .cmp-map .popup .desc {
    font-size: 16px;
    line-height: 24px;
  }
}