#active-popup {
  /* background-color: rgba(89, 183, 179, 0.6); */
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
    animation: 3s ease 0s normal forwards 1 fadein;
    display: none;

}

#popup-container {
  position: fixed;
  z-index: 999;
  background: #003566;
  color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  max-width: 500px;
    animation: 3s ease 0s normal forwards 1 fadein;
    padding: 4rem;
}

@keyframes fadein{
    0% { opacity:0; }
    66% { opacity:0; }
    100% { opacity:1; }
}

.modal-content {
  position: relative;
  text-align: center;
}
#popup-window {
    position: relative;
    border: 0;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
#popup-container a.close {
    position: absolute;
    right: 0;
    cursor: pointer;
    z-index: +1;
    top: 0;
    color: #fff;
    background: #b7d436;
    padding: 0.8rem 1rem;
}
#popup-container a.close:before {
  content:"\2716";
}
#tile_subscribe_button {
  background-color: #0B3C61;
}
#tile_subscribe_button:hover {
  background-color: #59B7B3;
}