.st0{fill:#001aad;}
.st1{fill:#1FBFA8;stroke:#1FBFA8;stroke-miterlimit:10;}
.st2{fill:#FFFFFF;stroke:#1FBFA8;stroke-miterlimit:10;}
.st3{fill:#1FBFA8;}
.st4{fill:url(#SVGID_1_);}
.st5{fill:url(#SVGID_2_);}
.st6{fill:#ED5627;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;}
.st7{fill:#F0B31D;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;}
.st8{fill:url(#SVGID_3_);}
.st9{fill:url(#SVGID_4_);}
.st10{fill:url(#SVGID_5_);}
.st11{fill:url(#SVGID_6_);}
.st12{fill:url(#SVGID_7_);}
.st13{fill:#87846C;}
.st14{fill:url(#SVGID_8_);}
.st15{fill:url(#SVGID_9_);}
.st16{fill:url(#SVGID_10_);}
.st17{fill:url(#SVGID_11_);}
.st18{fill:url(#SVGID_12_);}
.st19{fill:url(#SVGID_13_);}
.st20{fill:#008DD4;}
.st21{fill:#F2D12A;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:10;}
.st22{fill:none;}
.st23{fill:#AAA57B;}
a:hover .map-area{
  fill:#000!important;
  stroke:#000!important;
  /* transition: all 0.3s ease-in-out; */
}
.map-area{
  cursor: pointer;
}

.maps-layout .left-col{
  width: 60%;
  float: left;
}

.maps-layout .right-col{
  width: 40%;
  text-align: center;
  float: right;
  padding-top: 48%;
 position: relative;
}

@media screen and (max-width:767px){
  .maps-layout .left-col{
    width: 100%;
    float: none;

  }

  .maps-layout .right-col{
    width: 100%;
    text-align: center;
    float: none;
    padding-top: 0;
  }

}

.maps-layout .right-col svg{
  width: 80%;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 15%;
}

@media screen and (max-width:767px){
  .maps-layout .right-col svg{
    position: static;
    top: auto;
    left: auto;
  }

}


html, body {
  width: 100%;
}

svg {
  max-width: 100% !important;
  height: auto;
  display: block;
}

.heyo:hover {
  fill: #CC2929;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.enabled {
  fill: #21669E;
  cursor: pointer;
}

.description {
  pointer-events: none;
  position: fixed;
  font-size: 18px;
  text-align: center;
  background: white;
  padding: 5px 15px;
  z-index: 5;
  margin: 0 auto;
  color: #21669e;
  border-radius: 5px;
  box-shadow: 0 0 0 1px #eee;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: none;
}
.description.active {
  display: block;
}
.description:after {
  content: "";
  position: fixed;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid white;
}