overriding css in animate.css

[spitfire64]

I wonder how to change css to animation-duration: 4s; in this script:

<script>

    $.notify({
        // Options
        message: '<?php escEcho($this->session->flashdata('message'));?>'
    },{
        // Settings
        type: '<?php escEcho($this->session->flashdata('message_type'));?>',
        offset: {
            x: 100,
            y: 100
        },
        animate: {
            enter: 'animated fadeInDownBig',
            exit: 'animated fadeOutRight'
        }
    });

</script>

[mouse0270]

This should do the trick

.animated {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
}