$=jQuery;

$( document ).ready(function() {

	$('#header-slider').owlCarousel({
		loop:true,
		margin:0,
		nav:true,
		dots:false,
		responsive:{
			0:{
				items:1
			},
			600:{
				items:1
			},
			1000:{
				items:1
			}
		}
	})


	// particlejs




});


//// slide out search
var sliBtn = '.search-btn',
sliCont = '.search-slide',
sliTxt = '.search-slide input[type=text]',
sliDis = '.search-close',
sliSpd = 300;

$(sliBtn).click(function(){
	$(sliCont).animate(
		{'width':'15.5625em'}, sliSpd
		);
	$(sliTxt).focus();
});
$(sliDis).click(function(){
	$(sliCont).animate(
		{'width':0}, sliSpd
		);
});