loader

<div class="hidden"></div>

	<div class="loader">
		<div class="loader_inner"></div>
	</div>

	<div class="bg"></div>


@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

html .loader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: #4d3e34;
}
html .loader_inner {
	border: 5px solid #fff;
	border-top: 5px solid #d9bd9f;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: spin 2s linear infinite;
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	bottom: 50%;
	margin: 0 auto;
}

$(window).load(function() {
	$(".loader_inner").fadeOut();
	$(".loader").delay(400).fadeOut("slow");

	$(".navbar-nav>li:not(:last-child)").click(function(){
		!$(this).hasClass('active') && $(this).addClass('active').siblings('.active').removeClass('active');
	});

	$(window).scroll(function () {
		if ($(this).scrollTop() > 100) {
			$('.header-top').fadeOut(100);
		} else {
			$('.header-top').fadeIn(100);
		}

	});

		

});