.im-header{
text-align: center;
  margin:
0 0 43px 0;
  padding-top: 20px;
}
.interactive-map .wrapper{
    width: 1430px;
  max-width: 1430px;
}
.im-header div{
display: inline-block;
}
.im-popup p{
font-size: 0.85em;
  line-height: normal;
  margin-bottom: 10px;
}
.im-popup .btn {
  display: block;
  padding:
10px 20px;
  font-size: 0.85em;
  text-transform: uppercase;
}
.im-popup img {
  width: 100%;
    margin-bottom: 10px;
}
.im-wrapper h4 {
  margin-bottom: 12px;
  text-align: center;
}
.intetactivemap {
  margin: 0 auto;
  position: relative;
    box-shadow: 0px 10px 20px rgba(0,0,0,0.20);
    color: #000;
}
.intetactivemap img {
  z-index: 1; /*new code edit*/
}
.intetactivemap > div:hover {
  z-index: 999;
}
.im-popup div {
  background:
    #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  padding:
    15px;
  text-align: center;
}
/*vehicle css start*/
.vehicle {
height: 26%;
  width: 41%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  bottom: 2%;
  left: 22%;
  z-index: 5;
}
.vehicle:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.vehicle:hover .vehicle-inner {
  display: block;
}
.vehicle-inner {
width: 275px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
}
.vehicle-inner div {
  padding: 10px;
  border: 5px solid darkgray;
}
/*vehicle css end*/
/*open css start*/
.sidewalk-sign {
height: 22%;
  width: 9%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  bottom: 20%;
  right: 35px;
  z-index: 4;
}
.sidewalk-sign:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.sidewalk-sign:hover .sidewalk-sign-inner {
  display: block;
}
.sidewalk-sign-inner {
width: 275px;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 100%;
  display: none;
}
.sidewalk-sign-inner div {
  padding: 10px;
  border: 5px solid darkgray;
}
/*open start end*/
/*monument-sign css start*/
.monument-sign {
height: 13%;
  width: 16%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  bottom: 30%;
  left: 5%;
  z-index: 4;
}
.monument-sign:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.monument-sign:hover .monument-sign-inner {
  display: block;
}
.monument-sign-inner {
width: 275px;
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
}
.monument-sign-inner div {
  padding: 10px;
  border: 5px solid darkgray;
}
/*monument-sign start end*/
/*monument-sign css start*/
.yard-sign {
height: 24%;
  width: 24%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  top: 15%;
  left: 38%;
  z-index: 11;
}
.yard-sign:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.yard-sign:hover .yard-sign-inner {
  display: block;
}
.yard-sign-inner {
width: 275px;
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
}
.yard-sign-inner div {
  padding: 10px;
  border: 5px solid darkgray;
}
/*monument-sign start end*/
/*ada-sign start */
.ada-sign {
  height: 5%;
  width: 3%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  bottom: 28%;
  left: 14%;
    display: none;
  z-index: 3; /*new code edit*/
}
.ada-sign:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.ada-sign:hover .ada-sign-inner {
  display: block;
}
.ada-sign-inner {
  width: 275px;
  position: absolute;
  -bottom: 84%;
  left: 105%;
  display: none;
}
.ada-sign-inner div {
  padding: 10px;
  border: 5px solid darkgray;
}
/*ada-sign end*/
/*outdoor-sign start */
.outdoor-sign {
  height: 15%;
  width: 14%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  bottom: 28%;
  left: 17%;
  z-index: 6; /*new code edit*/
}
.outdoor-sign:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.outdoor-sign:hover .outdoor-sign-inner {
  display: block;
}
.outdoor-sign-inner {
  width: 275px;
  position: absolute;
  top: 0px;
  left: 100%;
  display: none;
}
.outdoor-sign-inner div {
  padding: 10px;
  border: 5px solid darkgray;
}
/*outdoor-sign end*/
/*outdoor-sign start */
.window-sign {
  height: 15%;
  width: 14%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  bottom: 28%;
  left: 31%;
  z-index: 3; /*new code edit*/
}
.window-sign:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.window-sign:hover .window-sign-inner {
  display: block;
}
.window-sign-inner {
  width: 275px;
  position: absolute;
  top: 0px;
  left: 100%;
  display: none;
}
.window-sign-inner div {
  padding: 10px;
  border: 5px solid darkgray;
}
/*outdoor-sign end*/
/*awning-sign start */
.awning-sign {
  height: 11%;
  width: 14%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  bottom: 41%;
  right: 9%;
    display: none;
  z-index: 3; /*new code edit*/
}
.awning-sign:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.awning-sign:hover .awning-sign-inner {
  display: block;
}
.awning-sign-inner {
  width: 275px;
  position: absolute;
  top: 0px;
  right: 100%;
  display: none;
}
.awning-sign-inner div {
  padding: 10px;
  border: 5px solid darkgray;
}
/*awning-sign end*/
/*vinyl_lettering start */
.vinyl_lettering {
  height: 19%;
  width: 9%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  bottom: 19%;
  right: 13%;
    display: none;
  z-index: 11; /*new code edit*/
}
.vinyl_lettering:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.vinyl_lettering:hover .vinyl_lettering-inner {
  display: block;
}
.vinyl_lettering-inner {
  width: 275px;
  position: absolute;
  top: 0px;
  right: 100%;
  display: none;
}
.vinyl_lettering-inner div {
  padding: 10px;
  border: 5px solid darkgray;
}
/*vinyl_lettering end*/
/*electrical-sign start */
.electrical-sign {
  height: 5%;
  width: 14%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  bottom: 44%;
  left: 17%;
    display: none;
  z-index: 9; /*new code edit*/
}
.electrical-sign:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.electrical-sign:hover .electrical-sign-inner {
  display: block;
}
.electrical-sign-inner {
  width: 275px;
  position: absolute;
  top: 0px;
  left: 100%;
  display: none;
  z-index: 9; /*new code edit*/
}
.electrical-sign-inner div {
  padding: 10px;
  border: 5px solid darkgray;
}
/*electrical-sign end*/
/*electrical-sign start */
.store-front-sign {
height: 7%;
  width: 23%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  top: 40%;
  left: 39%;
}
.store-front-sign:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.store-front-sign:hover .store-front-sign-inner {
  display: block;
}
.store-front-sign-inner {
  width: 275px;
  position: absolute;
  top: 0px;
  left: 100%;
  display: none;
}
.store-front-sign-inner div {
  padding: 10px;
  border: 5px solid darkgray;
}
/*electrical-sign end*/
/*electrical-sign start */
.Directional-sign {
  height: 42%;
  width: 10%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  top: 14%;
  left: 8%;
  z-index: 3;
}
.Directional-sign:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.Directional-sign:hover .Directional-sign-inner {
  display: block;
}
.Directional-sign-inner {
  width: 275px;
  position: absolute;
  top: 0px;
  left: 100%;
  display: none;
}
.Directional-sign-inner div {
  padding: 10px;
  border: 5px solid darkgray;
}
/*electrical-sign end*/
/*roof-sign start */
.roof-sign {
height: 13%;
  width: 6%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  top: 54%;
  left: 47%;
  z-index: 3;
}
.roof-sign:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.roof-sign:hover .roof-sign-inner {
  display: block;
}
.roof-sign-inner {
  width: 275px;
  position: absolute;
  top: 0px;
  left: 100%;
  display: none;
}
.roof-sign-inner div {
  padding: 10px;
  border: 5px solid darkgray;
}
/*roof-sign end*/
/*wall-graphics-sign start */
.wall-graphics-sign {
  height: 13%;
  width: 20%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  top: 25%;
  left: 47%;
    display: none;
  z-index: 3; /*new code edit*/
}
.wall-graphics-sign:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.wall-graphics-sign:hover .wall-graphics-sign-inner {
  display: block;
}
.wall-graphics-sign-inner {
  width: 275px;
  position: absolute;
  top: 0px;
  left: 100%;
  display: none;
}
.wall-graphics-sign-inner div {
  padding: 10px;
  border: 5px solid darkgray;
}
/*wall-graphics-sign end*/




/*caution css start*/
.caution {
height: 35%;
  width: 14%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  bottom: 4%;
  left: 9%;
  z-index: 3;
}
.caution:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.caution:hover .caution-inner {
  display: block;
}
.caution-inner {
width: 275px;
  background-color: #fff;
  position: absolute;
  bottom: 123px;
  left: 100%;
  display: none;
}
.caution-inner div {
  padding: 10px;
  border: 3px solid #056839;
}
/*caution css end*/
/*open css start*/
.retractable-banners {
height: 49%;
  width: 13%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  top: 47%;
  left: 32%;
  z-index: 3;
}
.retractable-banners:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.retractable-banners:hover .retractable-banners-inner {
  display: block;
}
.retractable-banners-inner {
width: 275px;
  background-color: #fff;
  position: absolute;
  top: 0%;
  left: 100%;
  display: none;
}
.retractable-banners-inner div {
  padding: 10px;
  border: 3px solid #056839;
}
/*open start end*/
/*ceiling-graphics css start*/
.ceiling-graphics {
height: 22%;
  width: 14%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  top: 1%;
  right: 1.5%;
  border-radius:
49%;
  z-index: 3;
}
.ceiling-graphics:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.ceiling-graphics:hover .ceiling-graphics-inner {
  display: block;
}
.ceiling-graphics-inner {
  width: 275px;
  background-color: #fff;
  position: absolute;
  top: 34%;
  right: 97%;
  display: none;
}
.ceiling-graphics-inner div {
  padding: 10px;
  border: 3px solid #056839;
}
/*ceiling-graphics start end*/
/*hanging-sign css start*/
.hanging-sign {
height: 8%;
  width: 21%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  top: 19%;
  right: 16%;
  z-index: 3;
    display: none;
}
.hanging-sign:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.hanging-sign:hover .hanging-sign-inner {
  display: block;
}
.hanging-sign-inner {
  width: 275px;
  position: absolute;
  top: 25%;
  right: 102%;
  display: none;
}
.hanging-sign-inner div {
  padding: 10px;
  border: 3px solid #056839;
}
/*hanging-sign start end*/
/*hanging-sign css start*/
.reception {
  height: 3%;
  width: 5%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  bottom: 38%;
  right: 30%;
  z-index: 3;
    display: none;
}
.reception:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.reception:hover .reception-inner {
  display: block;
}
.reception-inner {
  width: 275px;
  position: absolute;
  bottom: -250px;
  right: 102%;
  display: none;
}
.reception-inner div {
  padding: 10px;
  border: 3px solid #056839;
}
/*hanging-sign start end*/
/*outdoor-sign start */
.outdoor-sign {
  height: 15%;
  width: 14%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  bottom: 28%;
  left: 17%;
  z-index: 5;
    display: none;
}
.outdoor-sign:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.outdoor-sign:hover .outdoor-sign-inner {
  display: block;
}
/*outdoor-sign end*/
/*outdoor-sign start */
.window-sign {
height: 15%;
  width: 12%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  bottom: 30%;
  left: 27%;
  z-index: 3;
}
.window-sign:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.window-sign:hover .window-sign-inner {
  display: block;
}
/*outdoor-sign end*/
/*front-desk-wall-sign start */
.front-desk-wall-sign {
  height: 19%;
  width: 12%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  bottom: 43%;
  right: 22%;
  border-radius: 50%;
  z-index: 3;
    display: none;
}
.front-desk-wall-sign:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.front-desk-wall-sign:hover .front-desk-wall-sign-inner {
  display: block;
}
.front-desk-wall-sign-inner {
  width: 275px;
  position: absolute;
  top: 0px;
  right: 100%;
  display: none;
}
.front-desk-wall-sign-inner div {
  padding: 10px;
  border: 3px solid #056839;
}
/*front-desk-wall-sign end*/
/*front-desk-wall-sign start */
.wall-graphics {
height: 29%;
  width: 15%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  top: 17%;
  left: 38%;
  z-index: 2;
}
.wall-graphics:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.wall-graphics:hover .wall-graphics-inner {
  display: block;
}
.wall-graphics-inner {
  width: 275px;
  position: absolute;
  top: 0px;
  right: 100%;
  display: none;
}
.wall-graphics-inner div {
  padding: 10px;
  border: 3px solid #056839;
}
/*front-desk-wall-sign end*/
/*front-desk-sign start */
.front-desk-sign {
  height: 11%;
  width: 16%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  bottom: 28%;
  right: 15%;
  z-index: 2;
}
.front-desk-sign:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.front-desk-sign:hover .front-desk-sign-inner {
  display: block;
}
.front-desk-sign-inner {
  width: 275px;
  position: absolute;
  top: 0px;
  right: 100%;
  display: none;
}
.front-desk-sign-inner div {
  padding: 10px;
  border: 3px solid #056839;
}
/*front-desk-sign end*/
/*floor-sign start */
.floor-sign {
height: 16%;
  width: 26%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  bottom: 5%;
  right: 7%;
  z-index: 3;
}
.floor-sign:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.floor-sign:hover .floor-sign-inner {
  display: block;
}
.floor-sign-inner {
  width: 275px;
  position: absolute;
  top: 0px;
  right: 100%;
  display: none;
}
.floor-sign-inner div {
  padding: 10px;
  border: 3px solid #056839;
}
/*floor-sign end*/
/*lobby-sign start */
.lobby-sign {
height: 9%;
  width: 15%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  top: 39%;
  left: 53%;
  z-index: 3;
}
.lobby-sign:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.lobby-sign:hover .lobby-sign-inner {
  display: block;
}
.lobby-sign-inner {
width: 275px;
  position: absolute;
  top: 0px;
  right: 100%;
  display: none;
}
.lobby-sign-inner div {
  padding: 10px;
  border: 3px solid #056839;
}
/*lobby-sign end*/
/*lobby-sign start */
.exit-sign {
height: 11%;
  width: 9%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  top: 30%;
  left: 1%;
  z-index: 1000;

}
.exit-sign:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.exit-sign:hover .exit-sign-inner {
  display: block;
}
.exit-sign-inner {
  width: 275px;
  position: absolute;
  top: 0px;
  left: 100%;
  display: none;
}
.exit-sign-inner div {
  padding: 10px;
  border: 3px solid #056839;
}
/*lobby-sign end*/
/*lobby-sign start */
.privacy-film {
height: 39%;
  width: 29%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  top: 23%;
  left: 1%;
}
.privacy-film:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.privacy-film:hover .privacy-film-inner {
  display: block;
}
.privacy-film-inner {
  width: 275px;
  position: absolute;
  top: 0px;
  left: 100%;
  display: none;
}
.privacy-film-inner div {
  padding: 10px;
  border: 3px solid #056839;
}
/*lobby-sign end*/
/*square-hanging-sign start */
.square-hanging-sign {
height: 8%;
  width: 21%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  top: 19%;
  right: 16%;
}
.square-hanging-sign:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.square-hanging-sign:hover .square-hanging-sign-inner {
  display: block;
}
.square-hanging-sign-inner {
width: 275px;
  position: absolute;
  top: 0px;
  right: 100%;
  display: none;
}
.square-hanging-sign-inner div {
  padding: 10px;
  border: 3px solid #056839;
}
/*square-hanging-sign end*/
/*restroom-sign start */
.restroom-sign {
height: 12%;
  width: 4%;
  background-color: rgba(255, 255, 255, 0.0);
  position: absolute;
  top: 33%;
  right: 18%;
  z-index: 3;
}
.restroom-sign:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.restroom-sign:hover .restroom-sign-inner {
  display: block;
}
.restroom-sign-inner {
width: 275px;
  position: absolute;
  top: 0px;
  right: 100%;
  display: none;
}
.restroom-sign-inner div {
  padding: 10px;
  border: 3px solid #056839;
}
/*restroom-sign end*/




.im-legend {
 margin:
0;
  text-align: center;
  background:
#fff;
  padding:
5px;
  border-radius:
40px;
}
.im-wrapper p {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.2px;
}
.im-inside {
  display: none;
}
.im-legend .btn {
 border-radius:
50px;
  font-weight: 400;
  color: #000;
  background:
none;
}
.im-legend .btn.active, .im-legend .btn.active:focus, .im-legend .btn.active:hover {
  background-color: #056839;
  color: #fff;
}
.intetactivemap h4 {
  font-size: 1.0em;
  margin-bottom: 10px;
}






@media screen and (max-width: 1430px) {
  .interactive-map .wrapper {
    width: 100%;
      max-width: 100%;
  }
}
@media screen and (max-width: 575px) {
  .im-popup div {
 width: 200px;
  padding:10px;
    }
}