var Home = document.querySelector('.hero .slide');
var flkty = new Flickity( Home, {
  // options
  cellAlign: 'left',
  autoPlay: true,
  prevNextButtons: false
});

var prive = document.querySelector('.prive .__slide');
var flkty = new Flickity( prive, {
  // options
  cellAlign: 'left',
  autoPlay: true,
})

var slide_tpsF = document.querySelectorAll('.tpsF .slide');
for (var i = 0; i < slide_tpsF.length; i++) {
  var flkty = new Flickity( slide_tpsF[i], {
    // options
    cellAlign: 'left',
    autoPlay: true,
    pageDots: false
  });
}

var msnry = new Masonry( '.tableau_engagements.row', {
  columnWidth: '.engagement',
  itemSelector: '.engagement',
  percentPosition: true
});


var hamburgers = document.querySelector(".hamburger");
var nav = document.querySelector(".nav-main");
hamburgers.addEventListener("click", function() {
  this.classList.toggle("is-active");
  nav.classList.toggle("is-active");
});


var elem = document.querySelector('.grid');

var iso = new Isotope( elem, {
  itemSelector: '.item',
  layoutMode: 'fitRows'
});

var filtersElem = document.querySelector('.filter-button-group');
filtersElem.addEventListener( 'click', function( event ) {

  var filterValue = event.target.getAttribute('data-filter');
  iso.arrange({ filter: filterValue });

});