/* Sticky Header */
@keyframes fixedHeader {
	0% {
		opacity: 0;
		transform: translateY(-60px);
	}

	100% {
		opacity: 1;
		transform:translateY(0);
	}
}

@include mq('lg') {
	.sticky-header.fixed {
		position: fixed;
		#{$left}: 0;
		#{$right}: 0;
		top: 0;
		z-index:1040;
		animation-name: fixedHeader;
		animation-duration: .4s;
		background: #222;

		&.header-main {
			.menu > li > a {
				padding-top: 1rem;
				padding-bottom: 1rem;
			}
		}
	}
	.sticky-wrapper .sticky-header.fixed {
		padding: 2rem 0;
		box-shadow: 0 3px 6px rgba(51, 51, 51, .05);
	}
}