jQuery(document).ready(function() {
  if (BrowserDetect.browser.toUpperCase() == 'EXPLORER' && BrowserDetect.version < 9) return;
  var heroContainer = jQuery('#features').children('div.container');
  var logo = heroContainer.find('img.logo').css({'opacity':'0'});
  var header = heroContainer.find('div.col-one').css({'opacity':'0','top':'50px'});
  var bgImage = heroContainer.find('img.feature-image').css('opacity','0');

  logo.animate({'opacity':['1','linear'], avoidTransforms:true}, 300, function() {
    bgImage.animate({'opacity':['1','linear'], avoidTransforms:true}, 400);
    header.animate({'top':['0','linear'], 'opacity':'1', avoidTransforms:true}, 400);
  });

  $(".scroll").click(function(){
  	$("html, body").animate({ scrollTop: $('#contact').offset().top }, 1000);
  	$("footer").find(".col-one").animate({
  		"opacity": ".3",
      avoidTransforms:true
  	}, 1000, function(){
  		$(this).animate({
  			"opacity": "1",
        avoidTransforms:true
  		}, 500);
  	});
  });
});