#mapbox-select {
  display: none;
}

@media (max-width: 991px) {
  #mapbox-select {
    display: block;
  }
}

.mapbox {
    background:url("/static/img/security-bg.png") center center no-repeat;
    background-size: cover;
}

@media (max-width: 991px) {
  .mapbox {
    padding: 10%;
      font-size: 20px;
  }

}

.mapbox svg {
  width: 100%;
  height: 474px;
    padding: 5%;
}

.mapbox svg g#Ukraine path {
  stroke: #3cc9b9;
  fill: #0a6eac;
}

.mapbox svg g#Ukraine path[data-id] {
  cursor: pointer;
  -webkit-transition: fill .5s;
  transition: fill .5s;
}

.mapbox svg g#Ukraine path[data-id].hover {
  fill: #3cc9b9;
}

.mapbox svg g#Ukraine path[data-id].active {
  fill: #3cc9b9;
}

.mapbox svg g#Regions text[data-id] {
  cursor: pointer;
  fill: white;
  font-size: 10px;
  -webkit-transition: fill .5s;
  transition: fill .5s;
}

.mapbox svg g#Regions text[data-id] tspan {
  cursor: pointer;
  fill: white;
  font-family: 'Open Sans Condensed';
  font-size: 10px;
  -webkit-transition: fill .5s;
  transition: fill .5s;
}

.mapbox svg g#Regions text[data-id].active {
  fill: #fff;
  text-shadow: 0 0 1px #b00b1e;
}

.mapbox svg g#Regions text[data-id].active tspan {
  fill: #fff;
  text-shadow: 0 0 1px #b00b1e;
}

.map-marker {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  text-align: center;
}

.map-marker img {
  display: inline-block;
  vertical-align: top;
  width: 22px;
  height: auto;
}

.map-marker svg {
  display: inline-block;
  vertical-align: top;
  width: 22px;
  height: 22px;
  margin-top: -20px;
  fill: #000;
  -webkit-transition: fill .5s;
  transition: fill .5s;
}




.form-grid__wrap {
  display: table;
  width: 100%;
}


.st0 {
    display: none;
}

.st1 {
    display: inline;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #EFF9FD;
    stroke: #787F82;
    stroke-width: 0.3053;
}

.st2 {
    display: inline;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #EFF9FD;
    stroke: #A7A9AC;
    stroke-width: 0.216;
}

.st3 {
    display: inline;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #EFF9FD;
    stroke: #8D9597;
    stroke-width: 0.3053;
}

.st4 {
    display: inline;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #EFF9FD;
}

.st5 {
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
    stroke: #AEAFB1;
    stroke-width: 0.7;
}

.st6 {
    fill: #B1AFB1;
}

.st7 {

}

.st8 {
    font-size: 10px;
}

.st9 {
    fill: #B0AFB1;
}

.st10 {
    display: inline;
    fill-rule: evenodd;
    clip-rule: evenodd;
    fill: #FFFFFF;
}