<div class="t-quote animated fadeInUp">
                    <?php the_field('default_quote'); ?>
                </div>
                <div class="hide quote-block">
                    <?php
                        if ( have_rows('quote') ):
                            while ( have_rows('quote') ) : the_row();
                    ?>
                        <div class="quote-text"><?php the_sub_field('quote_text'); ?></div>
                    <?php
                            endwhile;
                        endif;
                    ?>
                </div>

$('.slider-bg ul').carouFredSel({
    items: 1,
    pagination: {
      container: '.pager',
      anchorBuilder: function(nr) {
        return "<a href='#' class='pag'><i class='fa fa-circle' aria-hidden='true'></i></a>";
      }
    },
    responsive: true,
    auto: { timeoutDuration: 5000 },
    scroll: {
      items: 1,
      fx: "crossfade",
      duration: 1000,
      pauseOnHover: false,
      onAfter: function(t) {
        var quote = quotes[Math.floor(Math.random() * quotes.length)];
        $('.t-quote').html("<div class='animated fadeInUp'>" + quote + "</div>");
      }
    }
  });