Magnific-Popup не добавляется class

Есть заявка, которая открывается AJAX' в поп-апе с помощью плагина Magnific-Popup.

<a href='/order/request-call.html' class='popup-ajax'>Написать письмо</a>
$('.popup-ajax').magnificPopup({
    preloader: true,
    type: 'ajax',
    removalDelay: 500,
    mainClass: 'mfp-fade',
});

Тут все ок.

Далее заполняем форму письма и кликаем отправить и вот тут при успешной отправке всплывает новая форма с сообщением, что все успешно отправлено.

Прописано что должен добавиться новый класс, но он не добавляется и поэтому не могу стилизовать форму с сообщением об успешной отправке.

<script>
    $(document).ready(function() {
        $('#email').validate({
            submitHandler: function(form) {
                var formdata = $('#email').serialize();
                $.ajax({
                    type: 'POST',
                    url: 'add.php',
                    data: formdata,
                    success: function(data) {
                        $.magnificPopup.open({
                            items: {
                                src: '<div class="form-style -modal">Ваше сообщение успешно отправленно</div>',
                                type: 'inline',
                                removalDelay: 500,
                                mainClass: 'mfp-success'
                            }
                        });
                    }
                });
            }
        });
    });
</script>

mainClass: 'mfp-success' - не работает

Всю голову сломал, так и не понял в чем проблема. Возможно есть какой то другой способ?