.hippo-offcanvas-wrapper {
	height: 100%;
}
.hippo-offcanvas-pusher {
	height: 100%;
}
.hippo-offcanvas-contents {
	height: 100%;
}
.hippo-offcanvas-contents {
	
}
.hippo-offcanvas-open .hippo-offcanvas-contents {
	
}
.hippo-offcanvas-open .hippo-offcanvas-contents-inner {
	
}
.hippo-offcanvas-html-open {
	height: 100%;
}
.hippo-offcanvas-body-open {
	height: 100%;
}
.hippo-offcanvas-contents {
	position: relative;
}
.hippo-offcanvas-contents-inner {
	position: relative;
}
.hippo-offcanvas-wrapper {
	overflow: hidden; position: relative;
}
.hippo-offcanvas-pusher {
	transition:transform 0.5s; left: 0px; height: 100%; position: relative; z-index: 99; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s;
}
.hippo-offcanvas-pusher::after {
	background: rgba(0, 0, 0, 0.5); transition:opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; top: 0px; width: 0px; height: 0px; right: 0px; position: absolute; z-index: 999; content: ""; opacity: 0; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -moz-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -o-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.hippo-offcanvas-open .hippo-offcanvas-pusher::after {
	transition:opacity 0.5s; width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s;
}
.hippo-offcanvas-container {
	background: rgb(39, 39, 44); transition:0.5s; left: 0px; top: 0px; width: 300px; height: 100%; visibility: hidden; position: absolute; z-index: 100; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;
}
@media all and (max-width:1200px)
{
.hippo-offcanvas-container {
	width: 100%;
}
}
.hippo-offcanvas-container::after {
	background: rgba(0, 0, 0, 0.5); transition:opacity 0.5s; top: 0px; width: 100%; height: 100%; right: 0px; position: absolute; content: ""; opacity: 1; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s;
}
.hippo-offcanvas-open .hippo-offcanvas-container::after {
	transition:opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; width: 0px; height: 0px; opacity: 0; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -moz-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; -o-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
}
.hippo-offcanvas-container > .offcanvas-wrap {
	height: 100%; -ms-overflow-x: hidden; -ms-overflow-y: scroll;
}
.hippo-offcanvas-container > div > div {
	visibility: visible;
}
.hippo-offcanvas-left .hippo-offcanvas-container {
	left: 0px;
}
.hippo-offcanvas-right .hippo-offcanvas-container {
	left: auto; right: 0px;
}
.hippo-offcanvas-left.slide-in-on-top.hippo-offcanvas-open .hippo-offcanvas-container {
	visibility: visible; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
.hippo-offcanvas-right.slide-in-on-top.hippo-offcanvas-open .hippo-offcanvas-container {
	visibility: visible; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
.hippo-offcanvas-left.slide-in-on-top .hippo-offcanvas-container {
	transform: translate3d(-100%, 0px, 0px); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0);
}
.hippo-offcanvas-right.slide-in-on-top .hippo-offcanvas-container {
	transform: translate3d(100%, 0px, 0px); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0);
}
.slide-in-on-top .hippo-offcanvas-container::after {
	display: none;
}
.hippo-offcanvas-left.reveal.hippo-offcanvas-open .hippo-offcanvas-pusher {
	transform: translate3d(300px, 0px, 0px); -webkit-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0);
}
.hippo-offcanvas-right.reveal.hippo-offcanvas-open .hippo-offcanvas-pusher {
	transform: translate3d(-300px, 0px, 0px); -webkit-transform: translate3d(-300px, 0, 0); -moz-transform: translate3d(-300px, 0, 0); -o-transform: translate3d(-300px, 0, 0);
}
.reveal .hippo-offcanvas-container {
	visibility: hidden; z-index: 0; opacity: 0;
}
.reveal.hippo-offcanvas-open .hippo-offcanvas-container {
	transition:transform 0.5s; visibility: visible; z-index: 1; opacity: 1; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s;
}
.reveal .hippo-offcanvas-container::after {
	display: none;
}
.hippo-offcanvas-left.push-down.hippo-offcanvas-open .hippo-offcanvas-pusher {
	transform: translate3d(300px, 0px, 0px); -webkit-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0);
}
.hippo-offcanvas-right.push-down.hippo-offcanvas-open .hippo-offcanvas-pusher {
	transform: translate3d(-300px, 0px, 0px); -webkit-transform: translate3d(-300px, 0, 0); -moz-transform: translate3d(-300px, 0, 0); -o-transform: translate3d(-300px, 0, 0);
}
.hippo-offcanvas-left.push-down .hippo-offcanvas-container {
	transform: translate3d(-100%, 0px, 0px); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0);
}
.hippo-offcanvas-right.push-down .hippo-offcanvas-container {
	transform: translate3d(100%, 0px, 0px); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0);
}
.push-down.hippo-offcanvas-open .hippo-offcanvas-container {
	transition:transform 0.5s; visibility: visible; -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s;
}
.push-down .hippo-offcanvas-container::after {
	display: none;
}
.hippo-offcanvas-left.slide-along.hippo-offcanvas-open .hippo-offcanvas-pusher {
	transform: translate3d(300px, 0px, 0px); -webkit-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0);
}
.hippo-offcanvas-right.slide-along.hippo-offcanvas-open .hippo-offcanvas-pusher {
	transform: translate3d(-300px, 0px, 0px); -webkit-transform: translate3d(-300px, 0, 0); -moz-transform: translate3d(-300px, 0, 0); -o-transform: translate3d(-300px, 0, 0);
}
.hippo-offcanvas-left.slide-along .hippo-offcanvas-container {
	z-index: 1; transform: translate3d(-50%, 0px, 0px); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -o-transform: translate3d(-50%, 0, 0);
}
.hippo-offcanvas-right.slide-along .hippo-offcanvas-container {
	z-index: 1; transform: translate3d(50%, 0px, 0px); -webkit-transform: translate3d(50%, 0, 0); -moz-transform: translate3d(50%, 0, 0); -o-transform: translate3d(50%, 0, 0);
}
.slide-along.hippo-offcanvas-open .hippo-offcanvas-container {
	transition:transform 0.5s; visibility: visible; transform: translate3d(0px, 0px, 0px); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -webkit-transform 0.5s; -o-transition: -webkit-transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
.slide-along .hippo-offcanvas-container::after {
	display: none;
}
.hippo-offcanvas-left.reverse-slide-out.hippo-offcanvas-open .hippo-offcanvas-pusher {
	transform: translate3d(300px, 0px, 0px); -webkit-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0);
}
.hippo-offcanvas-right.reverse-slide-out.hippo-offcanvas-open .hippo-offcanvas-pusher {
	transform: translate3d(-300px, 0px, 0px); -webkit-transform: translate3d(-300px, 0, 0); -moz-transform: translate3d(-300px, 0, 0); -o-transform: translate3d(-300px, 0, 0);
}
.hippo-offcanvas-left.reverse-slide-out .hippo-offcanvas-container {
	z-index: 1; transform: translate3d(50%, 0px, 0px); -webkit-transform: translate3d(50%, 0, 0); -moz-transform: translate3d(50%, 0, 0); -o-transform: translate3d(50%, 0, 0);
}
.hippo-offcanvas-right.reverse-slide-out .hippo-offcanvas-container {
	z-index: 1; transform: translate3d(-50%, 0px, 0px); -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -o-transform: translate3d(-50%, 0, 0);
}
.reverse-slide-out.hippo-offcanvas-open .hippo-offcanvas-container {
	transition:transform 0.5s; visibility: visible; transform: translate3d(0px, 0px, 0px); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
.rotate-pusher.hippo-offcanvas-wrapper {
	perspective: 1500px; -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px;
}
.hippo-offcanvas-left.rotate-pusher .hippo-offcanvas-pusher {
	transform-origin: 0% 50%; perspective: 1200px; -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -o-transform-origin: 0% 50%;
}
.hippo-offcanvas-right.rotate-pusher .hippo-offcanvas-pusher {
	transform-origin: 100% 50%; perspective: 1200px; -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -o-transform-origin: 100% 50%;
}
.hippo-offcanvas-left.rotate-pusher.hippo-offcanvas-open .hippo-offcanvas-pusher {
	transform: translate3d(300px, 0px, 0px) rotateY(-15deg); -webkit-transform: translate3d(300px, 0, 0) rotateY(-15deg); -moz-transform: translate3d(300px, 0, 0) rotateY(-15deg); -o-transform: translate3d(300px, 0, 0) rotateY(-15deg);
}
.hippo-offcanvas-right.rotate-pusher.hippo-offcanvas-open .hippo-offcanvas-pusher {
	transform: translate3d(-300px, 0px, 0px) rotateY(15deg); -webkit-transform: translate3d(-300px, 0, 0) rotateY(15deg); -moz-transform: translate3d(-300px, 0, 0) rotateY(15deg); -o-transform: translate3d(-300px, 0, 0) rotateY(15deg);
}
.hippo-offcanvas-left.rotate-pusher .hippo-offcanvas-container {
	transform-origin: 100% 50%; transform: translate3d(-100%, 0px, 0px); transform-style: preserve-3d; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); -webkit-transform-origin: 100%; -moz-transform-origin: 100%; -o-transform-origin: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;
}
.hippo-offcanvas-right.rotate-pusher .hippo-offcanvas-container {
	transform-origin: 0% 50%; transform: translate3d(100%, 0px, 0px); transform-style: preserve-3d; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); -webkit-transform-origin: 0%; -moz-transform-origin: 0%; -o-transform-origin: 0%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;
}
.hippo-offcanvas-left.rotate-pusher.hippo-offcanvas-open .hippo-offcanvas-container {
	visibility: visible; transform: translate3d(-100%, 0px, 0px) rotateY(15deg); -webkit-transform: translate3d(-100%, 0, 0) rotateY(15deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(15deg); -o-transform: translate3d(-100%, 0, 0) rotateY(15deg);
}
.hippo-offcanvas-right.rotate-pusher.hippo-offcanvas-open .hippo-offcanvas-container {
	visibility: visible; transform: translate3d(100%, 0px, 0px) rotateY(-15deg); -webkit-transform: translate3d(100%, 0, 0) rotateY(-15deg); -moz-transform: translate3d(100%, 0, 0) rotateY(-15deg); -o-transform: translate3d(100%, 0, 0) rotateY(-15deg);
}
.rotate-pusher .hippo-offcanvas-container::after {
	display: none;
}
.hippo-offcanvas-left.three-d-rotate-in.hippo-offcanvas-wrapper {
	perspective-origin: 0% 50%; perspective: 1500px; -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -webkit-perspective-origin: 0% 50%; -mos-perspective-origin: 0% 50%; -o-perspective-origin: 0% 50%;
}
.hippo-offcanvas-right.three-d-rotate-in.hippo-offcanvas-wrapper {
	perspective-origin: 100% 50%; perspective: 1500px; -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -webkit-perspective-origin: 100% 50%; -o-perspective-origin: 100% 50%; -moz-perspective-origin: 100% 50%;
}
.three-d-rotate-in .hippo-offcanvas-pusher {
	transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;
}
.hippo-offcanvas-left.three-d-rotate-in.hippo-offcanvas-open .hippo-offcanvas-pusher {
	transform: translate3d(300px, 0px, 0px); -webkit-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0);
}
.hippo-offcanvas-right.three-d-rotate-in.hippo-offcanvas-open .hippo-offcanvas-pusher {
	transform: translate3d(-300px, 0px, 0px); -webkit-transform: translate3d(-300px, 0, 0); -moz-transform: translate3d(-300px, 0, 0); -o-transform: translate3d(-300px, 0, 0);
}
.hippo-offcanvas-left.three-d-rotate-in .hippo-offcanvas-container {
	transform-origin: 100% 50%; transform: translate3d(-100%, 0px, 0px) rotateY(-90deg); -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg); -o-transform: translate3d(-100%, 0, 0) rotateY(-90deg); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -o-transform-origin: 100% 50%;
}
.hippo-offcanvas-right.three-d-rotate-in .hippo-offcanvas-container {
	transform-origin: 0% 50%; transform: translate3d(100%, 0px, 0px) rotateY(90deg); -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg); -moz-transform: translate3d(100%, 0, 0) rotateY(90deg); -o-transform: translate3d(100%, 0, 0) rotateY(90deg); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -o-transform-origin: 0% 50%;
}
.hippo-offcanvas-left.three-d-rotate-in.hippo-offcanvas-open .hippo-offcanvas-container {
	transition:transform 0.5s; visibility: visible; transform: translate3d(-100%, 0px, 0px) rotateY(0deg); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg); -o-transform: translate3d(-100%, 0, 0) rotateY(0deg); -mos-transform: translate3d(-100%, 0, 0) rotateY(0deg);
}
.hippo-offcanvas-right.three-d-rotate-in.hippo-offcanvas-open .hippo-offcanvas-container {
	transition:transform 0.5s; visibility: visible; transform: translate3d(100%, 0px, 0px) rotateY(0deg); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; -webkit-transform: translate3d(100%, 0, 0) rotateY(0deg); -moz-transform: translate3d(100%, 0, 0) rotateY(0deg); -o-transform: translate3d(100%, 0, 0) rotateY(0deg);
}
.hippo-offcanvas-left.three-d-rotate-out.hippo-offcanvas-wrapper {
	perspective-origin: 0% 50%; perspective: 1500px; -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -webkit-perspective-origin: 0% 50%; -o-perspective-origin: 0% 50%; -moz-perspective-origin: 0% 50%;
}
.hippo-offcanvas-right.three-d-rotate-out.hippo-offcanvas-wrapper {
	perspective-origin: 100% 50%; perspective: 1500px; -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -webkit-perspective-origin: 100% 50%; -o-perspective-origin: 100% 50%; -moz-perspective-origin: 100% 50%;
}
.three-d-rotate-out .hippo-offcanvas-pusher {
	transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;
}
.hippo-offcanvas-left.three-d-rotate-out.hippo-offcanvas-open .hippo-offcanvas-pusher {
	transform: translate3d(300px, 0px, 0px); -webkit-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0);
}
.hippo-offcanvas-right.three-d-rotate-out.hippo-offcanvas-open .hippo-offcanvas-pusher {
	transform: translate3d(-300px, 0px, 0px); -webkit-transform: translate3d(-300px, 0, 0); -moz-transform: translate3d(-300px, 0, 0); -o-transform: translate3d(-300px, 0, 0);
}
.hippo-offcanvas-left.three-d-rotate-out .hippo-offcanvas-container {
	transform-origin: 100% 50%; transform: translate3d(-100%, 0px, 0px) rotateY(90deg); transform-style: preserve-3d; -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg); -o-transform: translate3d(-100%, 0, 0) rotateY(90deg); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;
}
.hippo-offcanvas-right.three-d-rotate-out .hippo-offcanvas-container {
	transform-origin: 0% 50%; transform: translate3d(100%, 0px, 0px) rotateY(-90deg); transform-style: preserve-3d; -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg); -moz-transform: translate3d(100%, 0, 0) rotateY(-90deg); -o-transform: translate3d(100%, 0, 0) rotateY(-90deg); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;
}
.hippo-offcanvas-left.three-d-rotate-out.hippo-offcanvas-open .hippo-offcanvas-container {
	transition:transform 0.5s; visibility: visible; transform: translate3d(-100%, 0px, 0px) rotateY(0deg); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(0deg); -o-transform: translate3d(-100%, 0, 0) rotateY(0deg);
}
.hippo-offcanvas-right.three-d-rotate-out.hippo-offcanvas-open .hippo-offcanvas-container {
	transition:transform 0.5s; visibility: visible; transform: translate3d(100%, 0px, 0px) rotateY(0deg); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; -webkit-transform: translate3d(100%, 0, 0) rotateY(0deg); -moz-transform: translate3d(100%, 0, 0) rotateY(0deg); -o-transform: translate3d(100%, 0, 0) rotateY(0deg);
}
.three-d-rotate-out .hippo-offcanvas-container::after {
	display: none;
}
.scale-down-pusher.hippo-offcanvas-wrapper {
	perspective: 1000px; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px;
}
.scale-down-pusher .hippo-offcanvas-pusher {
	transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;
}
.scale-down-pusher.hippo-offcanvas-open .hippo-offcanvas-pusher {
	overflow: hidden; transform: translate3d(0px, 0px, -300px); -webkit-transform: translate3d(0, 0, -300px); -moz-transform: translate3d(0, 0, -300px); -o-transform: translate3d(0, 0, -300px);
}
.hippo-offcanvas-left.scale-down-pusher .hippo-offcanvas-container {
	opacity: 1; transform: translate3d(-100%, 0px, 0px); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0);
}
.hippo-offcanvas-right.scale-down-pusher .hippo-offcanvas-container {
	opacity: 1; transform: translate3d(100%, 0px, 0px); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0);
}
.scale-down-pusher.hippo-offcanvas-open .hippo-offcanvas-container {
	transition:transform 0.5s; visibility: visible; transform: translate3d(0px, 0px, 0px); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -webkit-transform 0.5s; -o-transition: -webkit-transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
.scale-down-pusher .hippo-offcanvas-container::after {
	display: none;
}
.scale-up.hippo-offcanvas-wrapper {
	perspective-origin: 0% 50%; perspective: 1000px; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; -webkit-perspective-origin: 0% 50%; -o-perspective-origin: 0% 50%; -moz-perspective-origin: 0% 50%;
}
.hippo-offcanvas-left.scale-up.hippo-offcanvas-open .hippo-offcanvas-pusher {
	transform: translate3d(300px, 0px, 0px); -webkit-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0);
}
.hippo-offcanvas-right.scale-up.hippo-offcanvas-open .hippo-offcanvas-pusher {
	transform: translate3d(-300px, 0px, 0px); -webkit-transform: translate3d(-300px, 0, 0); -moz-transform: translate3d(-300px, 0, 0); -o-transform: translate3d(-300px, 0, 0);
}
.hippo-offcanvas-left.scale-up .hippo-offcanvas-container {
	z-index: 1; opacity: 1; transform: translate3d(0px, 0px, -300px); -webkit-transform: translate3d(0, 0, -300px); -moz-transform: translate3d(0, 0, -300px); -o-transform: translate3d(0, 0, -300px);
}
.hippo-offcanvas-right.scale-up .hippo-offcanvas-container {
	z-index: 1; opacity: 1; transform: translate3d(150%, 0px, -300px); -webkit-transform: translate3d(150%, 0, -300px); -moz-transform: translate3d(150%, 0, -300px); -o-transform: translate3d(150%, 0, -300px);
}
.scale-up.hippo-offcanvas-open .hippo-offcanvas-container {
	transition:transform 0.5s; visibility: visible; transform: translate3d(0px, 0px, 0px); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
.scale-rotate-pusher.hippo-offcanvas-wrapper {
	perspective: 1000px; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px;
}
.scale-rotate-pusher .hippo-offcanvas-pusher {
	transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;
}
.hippo-offcanvas-left.scale-rotate-pusher.hippo-offcanvas-open .hippo-offcanvas-pusher {
	overflow: hidden; transform: translate3d(100px, 0px, -600px) rotateY(-20deg); -webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg); -moz-transform: translate3d(100px, 0, -600px) rotateY(-20deg); -o-transform: translate3d(100px, 0, -600px) rotateY(-20deg);
}
.hippo-offcanvas-right.scale-rotate-pusher.hippo-offcanvas-open .hippo-offcanvas-pusher {
	overflow: hidden; transform: translate3d(-100px, 0px, -600px) rotateY(20deg); -webkit-transform: translate3d(-100px, 0, -600px) rotateY(20deg); -moz-transform: translate3d(-100px, 0, -600px) rotateY(20deg); -o-transform: translate3d(-100px, 0, -600px) rotateY(20deg);
}
.hippo-offcanvas-left.scale-rotate-pusher .hippo-offcanvas-container {
	opacity: 1; transform: translate3d(-100%, 0px, 0px); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0);
}
.hippo-offcanvas-right.scale-rotate-pusher .hippo-offcanvas-container {
	opacity: 1; transform: translate3d(100%, 0px, 0px); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0);
}
.scale-rotate-pusher.hippo-offcanvas-open .hippo-offcanvas-container {
	transition:transform 0.5s; visibility: visible; transform: translate3d(0px, 0px, 0px); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
.scale-rotate-pusher .hippo-offcanvas-container::after {
	display: none;
}
.open-door.hippo-offcanvas-wrapper {
	perspective: 1000px; -webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px;
}
.hippo-offcanvas-left.open-door .hippo-offcanvas-pusher {
	transform-origin: 100% 50%; transform-style: preserve-3d; -webkit-transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;
}
.hippo-offcanvas-right.open-door .hippo-offcanvas-pusher {
	transform-origin: 0% 50%; transform-style: preserve-3d; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;
}
.hippo-offcanvas-left.open-door.hippo-offcanvas-open .hippo-offcanvas-pusher {
	overflow: hidden; transform: rotateY(-10deg); -webkit-transform: rotateY(-10deg); -moz-transform: rotateY(-10deg); -o-transform: rotateY(-10deg);
}
.hippo-offcanvas-right.open-door.hippo-offcanvas-open .hippo-offcanvas-pusher {
	overflow: hidden; transform: rotateY(10deg); -webkit-transform: rotateY(10deg); -moz-transform: rotateY(10deg); -o-transform: rotateY(10deg);
}
.hippo-offcanvas-left.open-door .hippo-offcanvas-container {
	opacity: 1; transform: translate3d(-100%, 0px, 0px); -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0);
}
.hippo-offcanvas-right.open-door .hippo-offcanvas-container {
	opacity: 1; transform: translate3d(100%, 0px, 0px); -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0);
}
.open-door.hippo-offcanvas-open .hippo-offcanvas-container {
	transition:transform 0.5s; visibility: visible; transform: translate3d(0px, 0px, 0px); -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; -o-transition: -o-transform 0.5s; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
.open-door .hippo-offcanvas-container::after {
	display: none;
}
.fall-down.hippo-offcanvas-wrapper {
	perspective-origin: 0% 50%; perspective: 1500px; -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -webkit-perspective-origin: 0% 50%; -o-perspective-origin: 0% 50%; -moz-perspective-origin: 0% 50%;
}
.hippo-offcanvas-left.fall-down.hippo-offcanvas-open .hippo-offcanvas-pusher {
	transform: translate3d(300px, 0px, 0px); -webkit-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0);
}
.hippo-offcanvas-right.fall-down.hippo-offcanvas-open .hippo-offcanvas-pusher {
	transform: translate3d(-300px, 0px, 0px); -webkit-transform: translate3d(-300px, 0, 0); -moz-transform: translate3d(-300px, 0, 0); -o-transform: translate3d(-300px, 0, 0);
}
.fall-down .hippo-offcanvas-container {
	z-index: 1; opacity: 1; transform: translate3d(0px, -100%, 0px); -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0);
}
.fall-down.hippo-offcanvas-open .hippo-offcanvas-container {
	visibility: visible; transform: translate3d(0px, 0px, 0px); transition-property: transform; transition-timing-function: ease-in-out; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transition-timing-function: ease-in-out; -webkit-transition-property: -webkit-transform; -webkit-transition-speed: 0.2s; transition-speed: 0.2s;
}
.hippo-offcanvas-left.delayed-three-d-rotate.hippo-offcanvas-wrapper {
	perspective-origin: 0% 50%; perspective: 1500px; -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -webkit-perspective-origin: 0% 50%; -o-perspective-origin: 0% 50%; -moz-perspective-origin: 0% 50%;
}
.hippo-offcanvas-right.delayed-three-d-rotate.hippo-offcanvas-wrapper {
	perspective-origin: 100% 50%; perspective: 1500px; -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -webkit-perspective-origin: 100% 50%; -o-perspective-origin: 100% 50%; -moz-perspective-origin: 100% 50%;
}
.delayed-three-d-rotate .hippo-offcanvas-pusher {
	transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;
}
.hippo-offcanvas-left.delayed-three-d-rotate.hippo-offcanvas-open .hippo-offcanvas-pusher {
	transform: translate3d(300px, 0px, 0px); -webkit-transform: translate3d(300px, 0, 0); -moz-transform: translate3d(300px, 0, 0); -o-transform: translate3d(300px, 0, 0);
}
.hippo-offcanvas-right.delayed-three-d-rotate.hippo-offcanvas-open .hippo-offcanvas-pusher {
	transform: translate3d(-300px, 0px, 0px); -webkit-transform: translate3d(-300px, 0, 0); -moz-transform: translate3d(-300px, 0, 0); -o-transform: translate3d(-300px, 0, 0);
}
.hippo-offcanvas-left.delayed-three-d-rotate .hippo-offcanvas-container {
	transform-origin: 0% 50%; transform: translate3d(-100%, 0px, 0px) rotateY(90deg); transform-style: preserve-3d; -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg); -o-transform: translate3d(-100%, 0, 0) rotateY(90deg); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;
}
.hippo-offcanvas-right.delayed-three-d-rotate .hippo-offcanvas-container {
	transform-origin: 100% 50%; transform: translate3d(100%, 0px, 0px) rotateY(-90deg); transform-style: preserve-3d; -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg); -moz-transform: translate3d(100%, 0, 0) rotateY(-90deg); -o-transform: translate3d(100%, 0, 0) rotateY(-90deg); -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d;
}
.hippo-offcanvas-left.delayed-three-d-rotate.hippo-offcanvas-open .hippo-offcanvas-container {
	visibility: visible; transform: translate3d(-100%, 0px, 0px) rotateY(0deg); transition-property: transform; transition-timing-function: ease-in-out; transition-delay: 0.1s; -webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg); -moz-transform: translate3d(-100%, 0, 0) rotateY(0deg); -o-transform: translate3d(-100%, 0, 0) rotateY(0deg); -webkit-transition-timing-function: ease-in-out; -webkit-transition-property: -webkit-transform; -webkit-transition-delay: 0.1s;
}
.hippo-offcanvas-right.delayed-three-d-rotate.hippo-offcanvas-open .hippo-offcanvas-container {
	visibility: visible; transform: translate3d(100%, 0px, 0px) rotateY(0deg); transition-property: transform; transition-timing-function: ease-in-out; transition-delay: 0.1s; -webkit-transform: translate3d(100%, 0, 0) rotateY(0deg); -moz-transform: translate3d(100%, 0, 0) rotateY(0deg); -o-transform: translate3d(100%, 0, 0) rotateY(0deg); -webkit-transition-timing-function: ease-in-out; -webkit-transition-property: -webkit-transform; -webkit-transition-delay: 0.1s;
}
.ie9 .reveal .hippo-offcanvas-container {
	display: none !important;
}
.ie10 .reveal .hippo-offcanvas-container {
	display: none !important;
}
.ie11 .reveal .hippo-offcanvas-container {
	display: none !important;
}
.ie9 .reveal.hippo-offcanvas-open .hippo-offcanvas-container {
	display: block !important;
}
.ie10 .reveal.hippo-offcanvas-open .hippo-offcanvas-container {
	display: block !important;
}
.ie11 .reveal.hippo-offcanvas-open .hippo-offcanvas-container {
	display: block !important;
}
.hippo-offcanvas-container {
	background: rgb(39, 39, 44);
}
.hippo-offcanvas-pusher::after {
	z-index: 1200;
}
.offcanvas-menu {
	left: -1000px;
}
.offcanvas-menu .off-canvas-header {
	height: auto; overflow: hidden;
}
#off-canvas-close-btn {
	background: rgba(0, 0, 0, 0.3); width: 50px; height: 50px; color: rgb(255, 255, 255); opacity: 1; text-shadow: none;
}
#off-canvas-close-btn:hover {
	background: rgb(26, 138, 225);
}
#off-canvas-close-btn:focus {
	background: rgb(26, 138, 225);
}
#offcanvasMenu li a {
	padding: 20px; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 1px; font-size: 14px; font-weight: 500; display: block; position: relative; box-shadow: inset 0px -1px rgba(255,255,255,0.2);
}
#offcanvasMenu li a .fa {
	right: 20px; line-height: 30px; font-size: 18px; position: absolute;
}
#offcanvasMenu li li a {
	background: rgb(0, 36, 105); padding-left: 30px; font-size: 13px; font-weight: 400;
}
#offcanvasMenu li a:hover {
	background: rgb(0, 36, 105); color: rgb(255, 255, 255); text-decoration: none;
}
#offcanvasMenu li.active a {
	background: rgb(0, 36, 105); color: rgb(255, 255, 255); text-decoration: none;
}
#offcanvasMenu > li ul {
	display: none;
}
#offcanvasMenu li.open ul {
	display: block;
}
#offcanvasMenu li.open > a > i {
	transform: rotateZ(90deg);
}
.offcanvas-widgets {
	padding: 0px 10px; color: rgb(114, 126, 137);
}
.offcanvas-widgets #twitterWidget {
	margin-bottom: 30px;
}
.offcanvas-widgets h2 {
	color: rgb(255, 255, 255); text-transform: uppercase; line-height: 18px; font-size: 12px;
}