$(document).ready(function(){
//Adds class to sliders once loaded, to avoid messy carousel appearing before slides are ready
$('.slick-nav').on('init', function(event, slick){
$(this).addClass("initialised");
});
//Bottom Carousel
$('.slick-bottom-carousel').slick({
speed: 300,
slidesToShow: 1,
SlidesToScroll: 1,
adaptiveHeight: true,
autoPlay: true,
lazyLoad: 'progressive',
dots: true
});
//remove active class from all thumbnail slides
$('.slick-nav .slick-slide').removeClass('slick-active');
//set active class to first thumbnail slides
$('.slick-nav .slick-slide').eq(0).addClass('slick-active');
});
-->