Problema no Safari

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