svg {
  height: auto;
  max-width: 100%;
}
.outer-map-container {
  /*position: absolute;*/
  position:relative;
  width: 100%;
  height: auto;
  /*top: 50%;
  left: 50%;*/
  perspective: 963px;
  /*transform: translate(-50%, -50%);*/
}
.map-container {
  display: block;
  position: relative;
  width: 85%;
  height: auto;
  margin: 0 auto;
}
.map-container .map-markers {
  list-style: none;
  z-index: 10;
  margin: 0;
  padding: 0;
  z-index: 1000;
}
.map-container .map-markers .map-marker {
  position: absolute;
  height: 2em;
  width: 2em;
  /*background-color: #ce606f;*/
  background-color:transparent;
  border-radius: 200px;
}
.map-container .map-markers .map-marker:after {
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-name: pop;
  border-radius: 50%;
  border: 1px solid #ce606f;
  content: '';
  height: 2em;
  left: 0;
  margin: -.5em 0 0 -.5em;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 2em;
}
.map-container .map-markers .map-marker-ny { /*minor adjustment to the placement of Atlanta*/
  left: 91%;
  top: 31%;
}
.map-container .map-markers .map-marker-ny2 { /*minor adjustment to the placement of Atlanta*/
  left: 88%;
  top: 30%;
}
.map-container .map-markers .map-marker-mi {
  left: 68%;
  top: 28%;
}
.map-container .map-markers .map-marker-nc {
  left: 72%;
  top: 58%;
}
.map-container .map-markers .map-marker-pa {
  left: 83%;
    top: 37%;
}
.map-container .map-markers .map-marker-la {
  left: 62%;
  top: 78%;
}
.map-container .map-markers .map-marker-nh {
  left: 89%;
  top: 22%;
}
.map-container .map-markers .map-marker-co {
  left: 31%;
  top: 39%;
}
.map-container .map-markers .map-marker-ga {
  left: 68%;
  top: 64%;
}
.map-marker h3 { color:#fff;transition:0.2s; }

.map-marker:before { display:none!important; }




/*pulsing animation*/
@-webkit-keyframes pulse 
{       
  0% {-webkit-transform: scale(0); opacity: 0.5;}
  100% {opacity: 0; -webkit-transform: scale(1);}
}

@-moz-keyframes pulse 
{       
  0% {-moz-transform: scale(0); opacity: 0.5;}
  100% {opacity: 0; -moz-transform: scale(1);}
}

.pulse_holder {
  display: block;
  position: absolute;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  transition:0.3s;
}

.pulse_holder .pulse_marker {
  display: block;
  background-color: transparent;
  background-position: 50% 50%;
  background-size: cover;
}

.pulse_marker:before,
.pulse_marker:after {
  content: "";
  position: absolute;
  background-color: rgb(252 209 230);
  border: 1px solid rgb(242 247 157);
  border-radius: 100%;

  /* Giving Animation Function */
  -webkit-animation: pulse 2s ease-out infinite;
  -moz-animation: pulse 2s ease-out infinite; 
  border-image: initial;

}

.pulse_marker:before {
  left: -27px;
  top: -27px;
  width: 64px;
  height: 64px;
} 
.pulse_marker:after {
  left: -59px;
  top: -59px;
  width: 128px;
  height: 128px;
}







.city-icon img {
  border-radius:10000px;
  transition: transform .2s;
  width: 50px;
  height: 50px;
  max-width:50px;
  max-height: 50px;
}
.text_panel {
  display:none;
  opacity:0;
  transition:0.3;
}
.text_panel h3,
.text_panel p {
  color:#fff;
  font-family: proxima-nova,sans-serif!important;
  margin: 0!important;
}
.text_panel a { color:#fe6ccd!important;font-family: proxima-nova,sans-serif!important; }
.text_panel i.fas.fa-arrow-right {
  font-size: 80%;
}



/*desktop only*/
@media (min-width:768px) {
  li.map-marker:hover .pulse_holder {
    opacity:0;
  }
  li.map-marker:hover {
    z-index: 999;
  }
  li.map-marker:hover .city-icon img {
    transform: scale(4);
  }
  li.map-marker:hover .text_panel {
    display: block !important;
    opacity: 1 !important;
    position: absolute;
    width: 200px;
    /* background-color: #4a37c6; */
    /* padding: 15px; */
    top: 100px;
    left: 25px;
  }

}



/*tablet only – showing text panel*/
@media (min-width: 768px) and (max-width: 1024px)  {

  .map {
    margin-bottom: 75px;
  }
  .text_panel {  /* hiding the text panel as we're adding more cities and it's getting crowded */
    display: none!important;
    /*display: block!important;*/
    opacity: 1!important;
    font-size: 12px!important;
    line-height: 1!important;
    min-width: 150px!important;
  }
  li.map-marker:hover .text_panel { /* hiding the text panel as we're adding more cities and it's getting crowded */
    display: none!important; 
  }

}

/*up to tablet size*/
@media (max-width: 1024px)  {

  /*showing the table listing*/
  .city-icon img {
    border-radius:10000px;
    transition: transform .2s;
    width: 25px;
    height: 25px;
    max-width:25px;
    max-height: 25px;
  }
  .desktop-leadin h3 {
    font-size: 100% !important;
    line-height: 130% !important;
    margin: 0;
  }
  .mobile-leadin {
    display: block;
    text-align: center;
    margin: 60px auto -25px auto;
  }
  .desktop-leadin { display:none!important; }

  .mobile-city-guides-table {
    display:table!important;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 50px auto 0 auto;
    max-width: 300px;
    color: #fff;
    width: 100%;
    font-family: proxima-nova,sans-serif;
  }
  .mobile-city-guides-table tr {
    border: solid 1px #313389;
    background-color: #222462;
  }
  .mobile-city-guides-table th {
    padding: 5px;
    background-color: #fe6ccd;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
  }
  .mobile-city-guides-table td {
    padding:5px;
  }
  .mobile-city-guides-table strong {
  }
  .mobile-city-guides-table a {
    color:#ff6ccd;
    float:right;
  }

  .map-container { 
    width:100%!important; 
  }
  .pulse_holder { /*makes city icon smaller */
    display: block;
    position: absolute;
    border-radius: 100%;
    top: 26%;
    left: 26%;
    transition: .3s;
  }
  .city-icon img {
    border-radius:10000px;
    transition: transform .2s;
    width: 28px;
    height: 28px;
    max-width:28px;
    max-height: 28px;
  }
  .pulse_marker:before { /*makes pulse rings smaller */
    left: -18px;
    top: -19px;
    width: 45px;
    height: 45px;
  }
  .pulse_marker:after { /*makes pulse rings smaller */
    left: -30px;
    top: -30px;
    width: 70px;
    height: 70px;
  }
  .map-container .map-markers .map-marker-atlanta { 
    left: 66%;
    top: 56%;
  }
  .map-container .map-markers .map-marker-austin { 
    left: 45%;
    top: 72%;
  }
  .map-container .map-markers .map-marker-chicago { 
    left: 61%;
    top: 29%;
  }
  .map-container .map-markers .map-marker-new-york { 
    left: 85%;
    top: 25%;
  }
  .map-container .map-markers .map-marker-houston { 
    left: 46%;
    top: 76%;
  }

}



.mobile-leadin { display:none; }
.mobile-city-guides-table { display:none; }


.ir-map p.caption {
  text-align: right;
  max-width: 195px;
  float: right;
  margin-bottom: -1rem!important;
  padding: 0!important;
}

#gradient-vertical {
  --color-stop-1: #51a5ae;
  --color-stop-2: #ffc5ff;
}

.ir-map svg {
  fill: url(#gradient-vertical) #ffffff;
}