Problema no Safari

[Felipe Evangelista 2]

Fiz uma janelinha bem simples que vai ficar só até sexta-feira no ar, na tela principal de um site, avisando sobre os números de contato que estão diferentes e tal.
A coisa é bem simples, fiz a janela no css e um js pra abrir logo que carrega e pra fechar no botão e se clicar fora da janela também. Até aí tudo normal.
Mas no Safari, quando você clica pra fechar a janela, demora alguns segundos pra ela ser fechada, e isso apenas no Safari e eu não faço ideia do porquê.
Já tive um problema no Safari, porque a ideia era que essa janela fosse um pop-upzinho daqueles que escurece o resto da página e tal, e justamente no Safari ficou zoado, e como precisava ser imediato e ia ficar só uma semana, tirei todo o efeito kk
Enfim, a janela está assim:

 

.popup {
  margin: 0 auto;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 30%;
  position: relative;
  transition: all 5s ease-in-out;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
}

.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #DC0C22;
}

.popup .close:hover {
  color: #cc3000;
}

.popup .content {
  max-height: 30%;
  overflow: auto;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}

E o js:

 

// Pop-Up Temporario

$(document).ready(function() {
    $('.popup').css('zIndex', '10');

    $('.popup-close').click(function(e) {
        e.preventDefault();
        $('.popup').css('zIndex', '0');
    });
    $(document).click(function(e) {
        $('.popup').css('zIndex', '0');
    });
});

Se alguém quiser ver: abimad.com.br