/*! Pushy - v1.0.0 - 2016-3-1
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */
html.ios-device,
html.ios-device body {
	height: 100%;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

/*html,
body {
	overflow-x: hidden;
}*/

/* Menu Appearance */
.pushy {
	display: block;
	position: fixed;
	width: 250px;
	height: 100%;
	top: 0;
	z-index: 9999;
	background: #00639c;
	overflow: auto;
	visibility: hidden;
	-webkit-overflow-scrolling: touch;
	/* enables momentum scrolling in iOS overflow elements */
}
.pushy.pushy-left {
	left: 0;
}
.pushy.pushy-right {
	right: 0;
}

/* Menu Movement */
.pushy-left {
	-webkit-transform: translate3d(-250px, 0, 0);
	-ms-transform: translate3d(-250px, 0, 0);
	transform: translate3d(-250px, 0, 0);
}

.pushy-open-left #container,
.pushy-open-left .push {
	-webkit-transform: translate3d(250px, 0, 0);
	-ms-transform: translate3d(250px, 0, 0);
	transform: translate3d(250px, 0, 0);
}

.pushy-right {
	-webkit-transform: translate3d(250px, 0, 0);
	-ms-transform: translate3d(250px, 0, 0);
	transform: translate3d(250px, 0, 0);
}

.pushy-open-right #container,
.pushy-open-right .push {
	-webkit-transform: translate3d(-250px, 0, 0);
	-ms-transform: translate3d(-250px, 0, 0);
	transform: translate3d(-250px, 0, 0);
}

.pushy-open-left .pushy-left,
.pushy-open-right .pushy-right {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/* Menu Transitions */
#container,
.pushy,
.push {
	transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
	display: none;
}

.pushy-open-left .site-overlay,
.pushy-open-right .site-overlay {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9998;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-animation: fade 500ms;
	animation: fade 500ms;
}

@keyframes fade {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	@-webkit-keyframes fade {
		0% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}