img.contact__road {
  width: 100%;
  height: auto;
}
.m_map {
  position: absolute;
  top: -7px;
  left: 15px;
  text-align: left;
}
.metka:hover .m_region:before {
  content: "";
  right: -13px;
  top: -1px;
  display: block;
  width: 8px;
  height: 9px;
  background-position: 0 0;
  position: absolute;
  background-size: 8px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgNyA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNS45MDYyNSA1LjI1SDUuNDY4NzVDNS4zNDU3IDUuMjUgNS4yNSA1LjM1OTM4IDUuMjUgNS40Njg3NVY3SDAuODc1VjIuNjI1SDIuODQzNzVDMi45NTMxMiAyLjYyNSAzLjA2MjUgMi41MjkzIDMuMDYyNSAyLjQwNjI1VjEuOTY4NzVDMy4wNjI1IDEuODU5MzggMi45NTMxMiAxLjc1IDIuODQzNzUgMS43NUgwLjY1NjI1QzAuMjg3MTA5IDEuNzUgMCAyLjA1MDc4IDAgMi40MDYyNVY3LjIxODc1QzAgNy41ODc4OSAwLjI4NzEwOSA3Ljg3NSAwLjY1NjI1IDcuODc1SDUuNDY4NzVDNS44MjQyMiA3Ljg3NSA2LjEyNSA3LjU4Nzg5IDYuMTI1IDcuMjE4NzVWNS40Njg3NUM2LjEyNSA1LjM1OTM4IDYuMDE1NjIgNS4yNSA1LjkwNjI1IDUuMjVaTTYuNjcxODggMC44NzVINC45MjE4OEM0LjYyMTA5IDAuODc1IDQuNDcwNyAxLjIzMDQ3IDQuNjg5NDUgMS40MzU1NUw1LjE2Nzk3IDEuOTI3NzNMMS44NDU3IDUuMjYzNjdDMS43NzczNCA1LjMxODM2IDEuNzM2MzMgNS40MDAzOSAxLjczNjMzIDUuNDk2MDlDMS43MzYzMyA1LjU5MTggMS43NzczNCA1LjY3MzgzIDEuODQ1NyA1LjcyODUyTDIuMTQ2NDggNi4wMjkzQzIuMjE0ODQgNi4wOTc2NiAyLjI5Njg4IDYuMTM4NjcgMi4zNzg5MSA2LjEzODY3QzIuNDc0NjEgNi4xMzg2NyAyLjU1NjY0IDYuMDk3NjYgMi42MTEzMyA2LjAyOTNMNS45NDcyNyAyLjcwNzAzTDYuNDM5NDUgMy4xODU1NUM2LjY0NDUzIDMuMzkwNjIgNyAzLjI1MzkxIDcgMi45NTMxMlYxLjIwMzEyQzcgMS4wMjUzOSA2Ljg0OTYxIDAuODc1IDYuNjcxODggMC44NzVaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
}
.m_region {
  display: table;
  position: relative;
  font-weight: bold;
  font-size: 16px;
  line-height: 100%;
  text-transform: uppercase;
  color: #ffffff;
  word-wrap: normal;
  white-space: nowrap;
}
.m_sity {
  display: block;
  font-weight: normal;
  font-size: 12px;
  line-height: 100%;
  color: #ffffff;
  word-wrap: normal;
  white-space: nowrap;
}
.pin {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: inline-block;
  background: white;
  left: -5px;
  top: -5px;
  position: absolute;
}
.pin:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.09);
  -webkit-animation: puls 1.9s 0.3s infinite ease;
  -moz-animation: puls 1.9s 0.3s infinite ease;
  -ms-animation: puls 1.9s 0.3s infinite ease;
  animation: puls 1.9s 0.3s infinite ease;
}

@-webkit-keyframes puls {
  to {
    background: rgba(255, 255, 255, 0.02);
    -webkit-transform: scale(6, 6);
    -ms-transform: scale(6, 6);
    transform: scale(6, 6);
  }
}
@-moz-keyframes puls {
  to {
    background: rgba(255, 255, 255, 0.01);
    -webkit-transform: scale(6, 6);
    -ms-transform: scale(6, 6);
    transform: scale(6, 6);
  }
}
@-ms-keyframes puls {
  to {
    background: rgba(255, 255, 255, 0);
    -webkit-transform: scale(6, 6);
    -ms-transform: scale(6, 6);
    transform: scale(6, 6);
  }
}
@keyframes puls {
  to {
    background: rgba(255, 255, 255, 0);
    -webkit-transform: scale(6, 6);
    -ms-transform: scale(6, 6);
    transform: scale(6, 6);
  }
}

.pin:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.09);
  -webkit-animation: pulse 1.9s 0.9s infinite ease;
  -moz-animation: pulse 1.9s 0.9s infinite ease;
  -ms-animation: pulse 1.9s 0.9s infinite ease;
  animation: pulse 1.9s 0.9s infinite ease;
}
@-webkit-keyframes pulse {
  to {
    background: rgba(255, 255, 255, 0.02);
    -webkit-transform: scale(3, 3);
    -ms-transform: scale(3, 3);
    transform: scale(3, 3);
  }
}
@-moz-keyframes pulse {
  to {
    background: rgba(255, 255, 255, 0.01);
    -webkit-transform: scale(3, 3);
    -ms-transform: scale(3, 3);
    transform: scale(3, 3);
  }
}
@-ms-keyframes pulse {
  to {
    background: rgba(255, 255, 255, 0);
    -webkit-transform: scale(3, 3);
    -ms-transform: scale(3, 3);
    transform: scale(3, 3);
  }
}
@keyframes pulse {
  to {
    background: rgba(255, 255, 255, 0);
    -webkit-transform: scale(3, 3);
    -ms-transform: scale(3, 3);
    transform: scale(3, 3);
  }
}

.metka {
  position: absolute;
  z-index: 3;
}

.by {
  left: 60.43%;
  top: 26.04%;
}
.by .pin {
  -webkit-transform: scale(1.6, 1.6);
  -ms-transform: scale(1.6, 1.6);
  transform: scale(1.6, 1.6);
}
.by .m_map {
  top: -9px;
  left: 18px;
}
.by .m_region {
  font-size: 18px;
}
.by .m_sity {
  font-size: 14px;
}

.ru {
  left: 62.34%;
  top: 15.74%;
}
.ua {
  left: 61.11%;
  top: 32.72%;
}
.ge {
  left: 66.71%;
  top: 46.26%;
}
.kz {
  left: 78.22%;
  top: 39.6%;
}
.us {
  left: 17.72%;
  top: 49.29%;
}
.ca {
  left: 58.5%;
  top: 29.63%;
}

.line {
  stroke: #ffffff;
}
.wrap {
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
}
#svg-line {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0.5;
}
@media (max-width: 991px) {
  .m_region {
    display: none;
  }
  .m_sity {
    margin-top: 2px;
  }
}
@media (max-width: 1340px) {
  .m_region {
    margin-top: 2px;
    line-height: 0.8em;
    text-transform: none;
  }
  .m_sity {
    line-height: 0.9em;
  }
}

.line {
  fill: none;
  stroke-miterlimit: 10;
  stroke-dasharray: 2000;
  stroke-dashoffset: 4000;
  -webkit-animation: draw 9s linear 2s forwards;
  animation: draw 9s linear 2s forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
}
@-webkit-keyframes draw {
  0 {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes draw {
  0 {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.ca .m_map {
  right: 15px;
  text-align: right;
  left: auto;
}
.metka.ca:hover .m_region:before {
  content: "";
  left: -13px;
  right: auto;
}

/*--- МОБ ---*/
.bg-map {
  background: url("../../../images/world_map_sm.png") no-repeat scroll;
  -o-background-size: cover;
  -webkit-background-size: cover;
  -khtml-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  color: #ffffff;
}
.mmetka:before {
  content: "";
  display: block;
  text-align: center;
  width: 16px;
  margin-left: auto;
  margin-right: auto;
  height: 22px;
  background-position: 0 0;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxNyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMzgzNDEgMjEuNTQ5M0M3Ljc2OTc2IDIyLjE1MDIgOC42NzEyMiAyMi4xNTAyIDkuMDU3NTYgMjEuNTQ5M0MxNS4zMjQ5IDEyLjUzNDYgMTYuNDgzOSAxMS41OTAyIDE2LjQ4MzkgOC4yNDE5NUMxNi40ODM5IDMuNjkxNzEgMTIuNzkyMiAwIDguMjQxOTUgMEMzLjY0ODc4IDAgMCAzLjY5MTcxIDAgOC4yNDE5NUMwIDExLjU5MDIgMS4xMTYxIDEyLjUzNDYgNy4zODM0MSAyMS41NDkzWk04LjI0MTk1IDExLjY3NjFDNi4zMTAyNCAxMS42NzYxIDQuODA3OCAxMC4xNzM3IDQuODA3OCA4LjI0MTk1QzQuODA3OCA2LjM1MzE3IDYuMzEwMjQgNC44MDc4IDguMjQxOTUgNC44MDc4QzEwLjEzMDcgNC44MDc4IDExLjY3NjEgNi4zNTMxNyAxMS42NzYxIDguMjQxOTVDMTEuNjc2MSAxMC4xNzM3IDEwLjEzMDcgMTEuNjc2MSA4LjI0MTk1IDExLjY3NjFaIiBmaWxsPSIjQ0RBMTczIi8+Cjwvc3ZnPgo=);
}
.mm_region {
  display: block;
  line-height: 1.6;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  color: #ffffff;
}
.mm_sity {
  line-height: 1.2;
  font-weight: normal;
  font-size: 16px;
  color: #ffffff;
  display: block;
}
.mm_map {
  display: block;
  border: 1px solid rgba(255, 255, 255, 0);
  padding: 8px;
  margin: 8px 0;
  margin-bottom: 25px;
}

.mm_map:hover {
  border: 1px solid rgba(255, 255, 255, 1);
}

.white-map .pin {
  background-color: #ff7d00;
}
.white-map .pin:after {
  background: rgba(205, 161, 115, 0.4);
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}
.white-map .pin:before {
  background: rgba(205, 161, 115, 0.2);
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.white-map .m_sity,
.white-map .m_region {
  color: #121212;
}
.white-map .line {
  stroke: #ff7d00;
}
.white-map #svg-line {
  opacity: 0.6;
}