.main-header {
	z-index: 800;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 55px;
	border-top: 5px solid transparent;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.main-header.static {
	position: absolute;
}

.main-header.on-scroll {
	background-color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-color: #fff429;
    box-shadow: 0px -10px 10px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -10px 10px 5px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px -10px 10px 5px rgba(0,0,0,0.75);
}

.main-header .fRight { padding-top: 2px; }

.main-header .nav { margin: 0 -21px; }

.main-header .nav > li {
	vertical-align: top;
	padding: 0 21px;
}

.main-header .nav a,
.main-header .sm-links a {
	color: #A9A9A9;
}

.main-header .sm-links a {
	line-height: 140%;
}

.main-header .nav a:hover,
.main-header .sm-links a:hover {
	color: #EC343C;
}

.hamburger {
	display: none;
	position: relative;
	width: 32px;
	height: 25px;
	padding-top: 11px;
	cursor: pointer;
}

.hamburger span,
.hamburger span:before,
.hamburger span:after {
	display: block;
	width: 100%;
	height: 3px;
	background-color: #505050;
}

.hamburger span:before,
.hamburger span:after {
	content: '';
	position: absolute;
	left: 0;
}

.hamburger span:before {
	top: 0;
}

.hamburger span:after {
	bottom: 0;
}

.mobile-nav {
	z-index: 11;
	position: fixed;
	top: 0;
	right: 0;
	width: 250px;
	height: 100%;
	background-color: #fff;
	padding-top: 10px;
	border-top: 5px solid #fff429;
	transform: translate(250px,0);
	-ms-transform: translate(250px,0);
	-moz-transform: translate3d(250px,0,0);
	-webkit-transform: translate3d(250px,0,0);
}

.mobile-nav .nav > li > a {
	padding: 10px 20px;
}

.mobile-nav .nav a:hover {
	color: #ec343c;
}

.mobile-nav .nav > li:last-child {
	padding: 10px 20px;
}

@media only screen and (max-width: 1366px) {
	.main-header {
		padding-top: 40px;
	}
}

@media only screen and (max-width: 840px) {
	.main-header {
		background-color: #fff;
		padding-top: 20px;
		padding-bottom: 20px;
		border-top-color: #fff429;
	    box-shadow: 0px -10px 10px 5px rgba(0,0,0,0.75);
	    -moz-box-shadow: 0px -10px 10px 5px rgba(0,0,0,0.75);
		-webkit-box-shadow: 0px -10px 10px 5px rgba(0,0,0,0.75);
	}

	.main-header .nav {
		display: none;
	}

	.hamburger { display: block; }

	.main-header, .mobile-nav, .main-content, .main-footer {
		transition: transform 300ms linear;
		-ms-transition: -ms-transform 300ms linear;
		-moz-transition: -moz-transform 300ms linear;
		-webkit-transition: -webkit-transform 300ms linear;
	}

	.nav-open .main-header, .nav-open .main-content, .nav-open .main-footer {
		transform: translate(-250px,0);
		-ms-transform: translate(-250px,0);
		-moz-transform: translate3d(-250px,0,0);
		-webkit-transform: translate3d(-250px,0,0);
	}

	.nav-open .mobile-nav {
		transform: translate(0,0);
		-ms-transform: translate(0,0);
		-moz-transform: translate3d(0,0,0);
		-webkit-transform: translate3d(0,0,0);
	}
}