.card {
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 25px;
}

div.imageCard {
    width: 100%;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 25px;
}

div.imageContainer {
    text-align: center;
    padding: 10px 20px;
}

div.textContainer {
    text-align: center;
    padding: 10px 20px;
}

img:hover {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

div#nav hr {
  background: #6a80b1;
  color: #6a80b1;
}

hr {
  max-width: 100%;
  border-width: 3px;
  opacity: 0.08;
  margin-top: 25px;
  margin-bottom: 25px;
}

  hr.light {
      border-color: #fff;
      opacity: 1;
  }

  hr.primary {
      border-color: #007FFF;
      opacity: 1;
  }





    /* workaround modal-open padding issue */
    body.modal-open {
        padding-right: 0px !important;
        overflow: scroll;
    }















.map {
    height: 100%;
    width: 100%;
}

/* Style the active class, and buttons on mouse-over */
.card-link:hover {
  background-color: #666;
  color: white;
}

.mapify-hover {
  fill: rgba(0,0,0,0.15);
  stroke: #fff;
  stroke-width: 2;
}

  .mapify-popOver strong{
    font-weight: 400;
    font-size:24px;
    line-height: 1em;
    display: block;
    margin-bottom: 10px;
    color: #000;
  }
  .mapify-popOver{
    color: #999;
    font-size: 16px;
    height: 130px;
  }
  .mapify-popOver-content{
    position: relative;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  .mapify-popOver.customPopOver{
    background: #09f;
  }


#team {
  background: #eee !important;
}






#team .card {
  border: none;
  background: #ffffff;
}





.modal-dialog {
      max-width: 800px;
      margin: 30px auto;
  }



.modal-body {
  position:relative;
  padding:0px;
}
.close {
  position:absolute;
  right:-30px;
  top:0;
  z-index:999;
  font-size:2rem;
  font-weight: normal;
  color:#fff;
  opacity:1;
}