/* ------------- HotSpot ----------------- */
div.map-popup.open:hover {
  opacity: 1;
}
.hs2 .cm-dialog-opener.cm-dialog-auto-size.vs-call-request.vs-button.ty-cr-product-button {
  position: absolute;
  bottom: 0px;
  left: 34%;
}
.hs2 h2, .hs2 h2 span, .hs2 h3, .hs2 h4 span {
  font-size: 15px;
}
div.map-popup.open {
  opacity: .75;
}
.hs2 p.hotspot {
position: absolute;
z-index: 1;
color: #fff;
line-height: 1;
font-weight: bold;
text-shadow: 5px 0 5px #0d0d0d, 0 5px 5px #686a6b, -1px 0 1px #5c5e60, 0 -1px 1px #686a6c;
margin: 0 auto;
width: 100%;
text-align: center;
padding: 2% 10%;
}
.hs2 .map-popup.open p, .hs2 .map-popup.open li, .hs2 .map-popup.open div {
    font-size: 14px;
	text-align: left;
}
.hs2 .map h3, .hs2 .map h4, .hs2 .map h5 {
  font-size: 15px;
}
.hs2 .map-popup.open h4 {
    font-size: 15px;
}
.hs2 .map {
 position: relative;
 max-width: 1100px;
 margin: auto;
}
.hs2 .map-mo .map-item h4 {
font-size: 16px;
padding: 0;
margin: 0;
color: #fff;
line-height: 35px;
}
.hs2 .delivery-gas .marker {
  height: 38px;
}
.hs2 .map img {
 height: auto;
 max-width: 100%;
 display: block;
 width: 100%;
}
.hs2 .map .map-popup img {
 float: right;
 margin-left: 10px;
margin-bottom: 10px;
}
.hs2 .map-popup h3 {
 text-transform: uppercase;
}
.hs2 .map-popup {
 position: absolute;
 left: 50%;
 top: 50%;
 z-index: 99;
 width: 60%;
 padding: 20px;
 background-color: #fff;
 transition: all 300ms ease-in;
 transform: translate(-50%,-50%);
 box-shadow: 0 0 24px rgba(0,0,0,0.22);
 opacity: 0;
 visibility: hidden;
}
.hs2 .map-popup > *:first-child {
 margin-top: 0;
}
.hs2 .map-popup > *:last-child {
 margin-bottom: 0;
}
.hs2 .map-popup.open {
 opacity: 1;
 visibility: visible;
 border-radius: 10px;
}
.hs2 .marker {
position: absolute;
z-index: 1;
display: inline-block;
width: 35px;
height: 30px;
color: #fff;
line-height: 26px;
text-align: center;
text-decoration: none;
border-radius: 8px;
background-color: #cb3434c9;
transition: all 300ms;
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
font-weight: bold;
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
cursor: pointer;
-webkit-animation: pulse-2 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulse-2 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
animation: pulse-2 1.5s infinite cubic-bezier(0.66, 0, 0, 1);
border: 3px solid #fff;
}
.hs2 .marker:hover {
 background-color: red;
 color: #fff;
}
.hs2 .marker1 {
top: 5%;
    left: 1%;
}
.hs2 .marker2 {
top: 18%;
    left: 1%;
}
.hs2 .marker3 {
top: 31%;
    left: 1%;
}
.hs2 .marker4 {
top: 44%;
left: 1%;
}
.hs2 .marker5 {
top: 57%;
left: 1%;
}
.hs2 .marker6 {
top: 70%;
left: 1%;
}
.hs2 .marker7 {
top: 5%;
    left: 90%;
}
.hs2 .marker8 {
top: 18%;
    left: 90%;
}
.hs2 .marker9 {
top: 31%;
    left: 90%;
}
.hs2 .marker10 {
top: 44%;
    left: 90%;
}
.hs2 .marker11-1 {
top: 57%;
    left: 90%;
}
.hs2 .marker12-1 {
top: 70%;
    left: 90%;
}
.hs2 .marker11 {
top: 50%;
left: 80%;
}
.hs2 .marker12 {
top: 66%;
left: 26%;
}
.hs2 .marker13  {
top: 41%;
left: 33%;
}
.hs2 .marker14 {
top: 62%;
left: 50%;
}
.hs2 .marker15 {
top: 65%;
left: 10%;
}
.hs2 .marker16 {
top: 65%;
left: 10%;
}
.hs2 .marker-11  {
top: 5%;
left: 80%;
}
.hs2 .marker-12 {
top: 20%;
left: 80%;
}
.hs2 .marker-13 {
top: 35%;
left: 80%;
}
.hs2 .marker-14 {
top: 50%;
left: 80%;
}
@media only screen and (min-width:48em) {

.hs2 .marker {
width: 35px;
height: 35px;
line-height: 29px;
font-size: 18px;
border: 3px solid #fff;
border-radius: 20px;
color: #fff;
background-color: #c7333f;
 }
.hs2  .map-item {
  position: absolute;
  width: 30px;
  height: 30px;
 }
.hs2  .map-item .marker {
  top: auto;
  left: auto;
 }
.hs2  .map-item1 {
top: 5%;
    left: 2%;
 }
.hs2  .map-item2 {
top: 18%;
    left: 2%;
 }
.hs2  .map-item3 {
top: 31%;
    left: 2%;
 }
.hs2  .map-item4 {
top: 44%;
    left: 2%;
 }
.hs2  .map-item5 {
top: 57%;
    left: 2%;
 }
 .hs2 .map-item6 {
top: 70%;
    left: 2%;
 }
.hs2  .map-item7 {
top: 5%;
    left: 90%;
 }
 .hs2  .map-item8 {
top: 18%;
    left: 90%;
 }
 .hs2   .map-item9 {
top: 31%;
    left: 90%;
 }
.hs2   .map-item10 {
top: 44%;
    left: 90%;
 }
.hs2    .map-item11-1 {
top: 57%;
    left: 90%;
 }
.hs2  .map-item12-1 {
top: 70%;
    left: 90%;
 }
.hs2 .map-item11  {
top: 50%;
left: 80%;
 }
 .hs2 .map-item12 {
top: 66%;
left: 26%;
 }
 .hs2 .map-item13  {
top: 41%;
left: 33%;
 }
.hs2  .map-item14 {
top: 62%;
left: 50%;
 }
 .hs2 .map-item15 {
top: 65%;
left: 20%;
 }
 .hs2 .map-item16 {
top: 65%;
left: 10%;
 }
.hs2 .map-item-11 {
top: 5%;
left: 90%;
 }
.hs2 .map-item-12 {
top: 25%;
left: 90%;
 }
.hs2 .map-item-13 {
top: 45%;
left: 90%;
 }
.hs2 .map-item-14 {
top: 65%;
left: 90%;
 }
.hs2  .map-popup {
  position: absolute;
  left: 58px;
  width: 280px;
  transform: translateY(-50%);
 }
.hs2  .map-popup:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -16px;
  margin-top: -16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 16px 16px 16px 0;
  border-color: transparent #fff transparent transparent;
 }
 .hs2 .map-popup.edge {
  left: auto;
  right: calc(100% + 24px);
 }
.hs2  .map-popup.edge:before {
  left: auto;
  right: -16px;
  border-width: 16px 0 16px 16px;
  border-color: transparent transparent transparent #fff;
 }
}
/* ------------- End HotSpot ----------------- */
.hs2 .map-gap, .map-gap3 {
width: 13%;
top: 0%;
left: 0%;
position: absolute;
transition: all 800ms;
opacity: 0;
}
.hs2 .map-gap img.hand {
  filter: none;
}
div .map-gap3 {
  min-width: 44%;
  opacity: 1;
}
.hs2 .map-item:hover  ~ .map-gap3 {
    min-width: 20%;
}
.hs2 .map-item:hover  ~ .map-gap {
  opacity: 1;
}
.hs2 .map-item.map-item1:hover  ~ .map-gap {
top: 60%;
left: 12%;
}
.hs2 .map-item.map-item2:hover  ~ .map-gap {
top: 30%;
left: 49%;
}
.hs2 .map-item.map-item3:hover  ~ .map-gap {
top: 40%;
left: 69%;
}
.hs2 .map-item.map-item4:hover  ~ .map-gap {
top: 65%;
left: 47%;
}
.hs2 .map-item.map-item5:hover  ~ .map-gap {
top: 67%;
left: 66%;
}
.hs2 .map-item.map-item6:hover  ~ .map-gap {
top: 60%;
left: 4%;
}
.hs2 .map-item.map-item7:hover  ~ .map-gap {
  top: 62%;
  left: 27%;
}
.hs2 .map-item.map-item8:hover  ~ .map-gap {
top: 20%;
left: 28%;
}
.hs2 .map-item.map-item9:hover  ~ .map-gap {
top: 22%;
left: 2%;
}
.hs2 .map-item.map-item10:hover  ~ .map-gap {
top: 17%;
left: 64%;
}
.hs2 .map-item.map-item11-1:hover  ~ .map-gap {
top: 20%;
left: 16%;
}
.hs2 .map-item.map-item12-1:hover  ~ .map-gap {
top: 35%;
left: 17%;
}
/* rayony */
.hs2 .map-item:hover  ~ .map-gap3 {
  opacity: 1;
}
.hs2 .map-item.map-item-11:hover  ~ .map-gap3 {
top: 12%;
left: 37%;
}
.hs2 .map-item.map-item-12:hover  ~ .map-gap3 {
top: 38%;
left: 12%;
transform: scaleX(-1);
}
.hs2 .map-item.map-item-13:hover  ~ .map-gap3 {
top: 50%;
left: 70%;
}
.hs2 .map-item.map-item-14:hover  ~ .map-gap3 {
top: 70%;
left: 35%;
transform: scaleX(-1);
}
.hs2 .map-mo .marker {
  width: 75px;
  right: 4px;
}
.hs2 .footer-rayony .go-bal:hover  ~ .map-gap3 {
top: 60%;
left: 35%;
  opacity: 0.8;
}
.hs2 .map-popup.open p {
  color: #222;
}
.hs2 .map-mo-block {
  width: 90%;
  margin: 0 auto;
  max-width: 800px;
}
.hs2 .map-mo img {
  filter: none;
}
img.filter-shadow:hover {
  filter: drop-shadow(0 8px 10px rgba(116,115,115,0.5));
}