header
{
	background-color: var(--green);
}

/* These are the basic styles */
.mp-pusher a {
	text-decoration: none;
	color: white;
	outline: none;
}

.mp-pusher a:hover,
.mp-pusher a:focus {
	color: var(--greentint);
	outline: none;
	text-decoration: none;
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}

.mp-pusher a strong
{
	font-weight: 300;
}
.ctaNav a:hover {
    color: var(--greentint) !important;
}

/* Menu link and hamburger */
.block p {
    margin: 0;
    padding: 0 1em 0;
    font-size: 1.8em;
    line-height: 1.5;

}

/* End basic styles */


.leftMenuContainer {
	position: relative;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}

.mp-pusher .menu-trigger {
	font-family: 'Khand', san-serif;
	position: relative;
	/*padding-left: 60px; */
	font-size: 1.2em;
	font-weight: 500;
	color: var(--graytint);
}

.menu-trigger:before {
	position: absolute;
	top: 7px;
	left: 0;
	width: 40px;
	height: 3px;
	background: #ff6600;
	box-shadow: 0 6px transparent, 0 12px #ff6600, 0 18px transparent, 0 24px #ff6600;
	content: '';
	display: none;
}

.menu-trigger:hover:before,
.menu-trigger:focus:before {
	position: absolute;
	top: 7px;
	left: 0;
	width: 40px;
	height: 3px;
	background: #ff6600;
	box-shadow: 0 6px transparent, 0 12px #ff6600, 0 18px transparent, 0 24px #ff6600;
	content: '';
}
.notHomeTop .scroller {
	padding:8px;
}
.scroller {
    padding: 30px 0;
}
.notHomeTop .scroller-inner {
    position: absolute;
    background: var(--green);
    top: 30px;
    left: -20px;
    padding: 0 20px;
}
.mp-pusher {
	position: relative;
	left: 0;
	height: 100px;
	text-transform: uppercase;
    padding-top: 0;
    top: 0px;
}
.notHomeTop .mp-pusher {
    top: 0px;
}
.mp-pushed
{
	height: 445px;
	z-index: 999;
}

.mp-menu {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	width: 300px;
	height: 100%;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	height: 100vh;
    font-size: 16px;
    font-family: 'Khand', san-serif;
}

.mp-level {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

/* Overlays for pusher and for level that gets covered */
.mp-pusher::after,
.mp-level::after,
.mp-level::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	content: '';
	opacity: 0;
}

.mp-pusher::after,
.mp-level::after {
	background: rgba(0,0,0,0.3);
	-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}

.mp-level::after {
	z-index: -1;
}

.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
	width: 100%;
	height: 100vh;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.mp-level.mp-level-overlay {
	cursor: pointer;
}

.mp-level.mp-level-overlay.mp-level::before {
	width: 100%;
	height: 100%;
	background: transparent;
	opacity: 1;
}

.mp-pusher,
.mp-level {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

/* Overlap */
.mp-overlap .mp-level.mp-level-open {
	box-shadow: 1px 0 2px rgba(0,0,0,0.2);
	-webkit-transform: translate3d(-40px, 0, 0);
	-moz-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0);
	border-right: 1px solid #313131;
}

/* First level */
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
	box-shadow: none;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* Cover */
.mp-cover .mp-level.mp-level-open {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

/* Content style */
.mp-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mp-menu h2 {
	margin: 0;
	padding: 1.0em;
	color: white;
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-weight: 300;
	font-size: 2.2em;
}
.notHomeTop .mp-menu h2 {
	padding: 0.5em;
}
.mp-menu.mp-overlap h2::before {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 8px;
	font-size: 75%;
	line-height: 1.8;
	opacity: 0;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
	transition: opacity 0.3s, transform 0.1s 0.3s;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
}

.mp-menu.mp-cover h2 {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 1em;
}

.mp-overlap .mp-level.mp-level-overlay > h2::before {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}

.mp-menu ul li > a {
	display: block;
	padding: 0.7em 1em 0.7em 1.8em;
	outline: none;
	font-size: 1.4em;
}

.mp-menu ul li::before {
	position: absolute;
	left: 10px;
	z-index: -1;
	color: white;
	line-height: 3;
	font-size: 20px;
}

.mp-level > ul > li:first-child > a {
	background: rgba(255,255,255,.2);
}

.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	background: black;
	box-shadow: none;
}

.mp-back {
	background: var(--green);
	outline: none;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: block;
	font-size: 22px;
    padding: .5em 1.9em;
	position: relative;
	box-shadow: inset 0 -1px var(--green);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
}
.mp-pusher a.mp-back:hover {
	color: #000;
}
.mp-back::after {
	font-family: 'linecons';
	position: absolute;
	content: "\e037";
	right: 10px;
	font-size: 1.7em;
	color: white;
	top: 0px;
}

.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
	background: transparent;
	box-shadow: none;
	color: transparent;
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.no-csstransforms3d .mp-pusher,
.no-js .mp-pusher {
	padding-left: 300px;
}

.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
	display: none;
}

.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {
	display: block;
}


/*********************************************************************/
/* Mobile Queries */
/*********************************************************************/
@media (max-width: 450px) {
    .mp-pusher
    {
    	height: 88px;
    	padding-top: 10px;
    }

    .mp-pusher .menu-trigger
    {
    	font-size: 18px;
    	padding-left: 45px;
    }

    .notHomeTop .menu-trigger:before
    {
    	width: 30px;
    	height: 2px;
    	box-shadow: 0 6px transparent, 0 8px #ff6600, 0 18px transparent, 0 16px #ff6600;
    }
}