text: function filter() {
    $('.filter').each(function() {
      var $that = $(this);
      var a = $that.find('.select span.active').data('filter');
  
      if(a !== 'all') {
        $(".list .item:not(."+a+")").css('display','none');
      }
    });
  
    if($('.grid').length !== 0) {
      $('.grid').isotope();
    }
  }
  
  $(document).ready(function() {
    // on click on a filter
    if ($('.filters').length) {
      $('.filters .select span').on('click', function() {
        var h = $(this).parent().html();
  
        $('body').addClass('no-scroll');
  
        $('#filters').remove();
        $('body').append('<div id="filters"><div class="vCenter"><div class="vCenterKid"></div></div><div class="close-button"><i class="icon icon_close"></i></div></div>');
        $('#filters .vCenterKid').html(h);
        $('#filters').attr('data-id', $(this).parents('.filter').attr('id'));
  
        setTimeout(function() {
          $('#filters').addClass('show');
        }, 100);
  
        setTimeout(function() {
          $('#filters span').addClass('show');
        }, 400);
      });
    }
  
    if ($('.filters-slider').length) {
      $('body').on('click', '.filters-slider .select span', function() {
        var h = $(this).parent().html();
  
        $('#filters').remove();
        $('body').append('<div id="filters"><div class="vCenter"><div class="vCenterKid"></div></div><div class="close-button"><i class="icon icon_close"></i></div></div>');
        $('#filters .vCenterKid').html(h);
        $('#filters').attr('data-id', $(this).parents('.filter').attr('id'));
  
        setTimeout(function() {
          $('#filters').addClass('show');
        }, 100);
  
        setTimeout(function() {
          $('#filters span').addClass('show');
        }, 400);
      });
    }
  
    // close filters
    $('body').on('click', '#filters', function() {
      $('#filters').removeClass('show');
      setTimeout(function() {
        $('#filters').remove();
        $('body').removeClass('no-scroll');
      }, 700);
    });
  
    // filter data on page
    $('body').on('click', '#filters span', function() {
        var id = $('#filters').data('id'),
            i  = $(this).index();
  
        $('#' + id + ' .select span').removeClass('active');
        $('#' + id + ' .select span').eq(i).addClass('active');
  
        $(".list .item").css("display","block");
        filter();
    });
  });