/** MOBILE MENU */
	html,
	body,
	.st-container,
	.st-pusher,
	.st-content {
	    height: 100%;
	    width: 100%;
	}

	.st-content {
	    overflow-y: scroll;
	    -webkit-overflow-scrolling: touch;
	}

	.st-content,
	.st-content-inner {
	    position: relative;
	}

	.st-container {
	    position: relative;
	    overflow: hidden;
	}

	.st-pusher {
	    position: relative;
	    left: 0;
	    z-index: 99;
	    height: 100%;
	    -webkit-transition: -webkit-transform 0.5s;
	    transition: transform 0.5s;
	}

	.st-pusher::after {
	    position: absolute;
	    top: 0;
	    right: 0;
	    width: 0;
	    height: 0;
	    background: rgba(0,0,0,0.2);
	    content: '';
	    opacity: 0;
	    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	}

	.st-menu-open .st-pusher::after {
	    width: 100%;
	    height: 100%;
	    opacity: 1;
	    -webkit-transition: opacity 0.5s;
	    transition: opacity 0.5s;
	}

	.st-menu {
		color: #fff;
	    position: absolute;
	    top: 0;
	    left: 0;
	    z-index: 100;
	    visibility: hidden;
	    width: 250px;
	    height: 100%;
	    background: #000;
	    -webkit-transition: all 0.5s;
	    transition: all 0.5s;
	}

	.st-menu::after {
	    position: absolute;
	    top: 0;
	    right: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0,0,0,0.2);
	    content: '';
	    opacity: 1;
	    -webkit-transition: opacity 0.5s;
	    transition: opacity 0.5s;
	}

	.st-menu-open .st-menu::after {
	    width: 0;
	    height: 0;
	    opacity: 0;
	    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
	}

	#st-trigger-effects {
		background: #000;
		color: #fff;
		height: 70px;
		padding: 10px 0 0 15px;
		width: 100%;
	}

	#st-trigger-effects button {
		background: transparent url(../images/mobile-nav.png) no-repeat;
		border: none;
		color: #fff;
		padding: 0;
		cursor: pointer;
		display: block;
		float: left;
		font-size: 12px;
		height: 53px; /* height of the image */
		margin: 0;
		padding-top: 37px;
		text-align: center;
		text-transform: uppercase;
		overflow: hidden;
		width: 40px; /* width of the image */
	}

	#st-trigger-effects button:hover {
		background: transparent url(../images/mobile-nav-hover.png) no-repeat;
		color: #c9c9c9;
	}

	/** Menu Items */
		.st-menu h2 {
			padding: 10px;
		}

		.st-menu ul {

		}

		.st-menu ul li {
			border-bottom: 1px solid #505050;
			color: #c0c0c0;
			line-height: 1.3em;
			margin-bottom: .6em;
			padding: 0 10px .6em;
		}

		.st-menu ul li a {
			color: #c0c0c0;
			text-decoration: none;
		}

		.st-menu ul li a:hover {
			color: #efefef;
		}

		.st-menu li ul {
			margin-top: .3em;
		}

		.st-menu li li {
			border-bottom: none;
			padding: 0;
		}

	/** Multi-level menu styles */
		.caret {
			display: inline-block;
			width: 0;
			height: 0;
			margin-left: 2px;
			vertical-align: middle;
			border-top: 4px solid #c0c0c0;
			border-right: 4px solid transparent;
			border-left: 4px solid transparent;
		}

		a:hover .caret {
			border-top: 4px solid #efefef;
		}

		.dropdown-menu {
			position: absolute;
			top: 100%;
			left: 0;
			z-index: 1000;
			display: none;
			float: left;
			min-width: 160px;
			padding: 5px 0;
			margin: 2px 0 0;
			list-style: none;
			font-size: 14px;
			text-align: left;
			background-color: #fff;
			background-clip: padding-box;
		}

		.open > .dropdown-menu {
			display: block;
		}

		.navbar-nav .open .dropdown-menu {
			position: static;
			float: none;
			width: auto;
			margin-top: 0;
			background-color: transparent;
			border: 0;
			box-shadow: none;
		}

		.navbar-nav .open .dropdown-menu > li > a,
		.navbar-nav .open .dropdown-menu .dropdown-header {
			padding: 5px 10px;
		}

		.navbar-nav .open .dropdown-menu > li > a {
			line-height: 20px;
		}

		.navbar-nav .open .dropdown-menu > li > a:hover,
		.navbar-nav .open .dropdown-menu > li > a:focus {
			background-image: none;
		}


	/** Individual effects */
		/* Effect 1: Slide in on top */
			.st-effect-1.st-menu {
				visibility: visible;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
			}

			.st-effect-1.st-menu-open .st-effect-1.st-menu {
				visibility: visible;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
			}

			.st-effect-1.st-menu::after {
				display: none;
			}

		/* Effect 2: Reveal */
			.st-effect-2.st-menu-open .st-pusher {
				-webkit-transform: translate3d(250px, 0, 0);
				transform: translate3d(250px, 0, 0);
			}

			.st-effect-2.st-menu {
				z-index: 1;
			}

			.st-effect-2.st-menu-open .st-effect-2.st-menu {
				visibility: visible;
				-webkit-transition: -webkit-transform 0.5s;
				transition: transform 0.5s;
			}

			.st-effect-2.st-menu::after {
				display: none;
			}

		/* Effect 3: Push*/
			.st-effect-3.st-menu-open .st-pusher {
				-webkit-transform: translate3d(250px, 0, 0);
				transform: translate3d(250px, 0, 0);
			}

			.st-effect-3.st-menu {
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
			}

			.st-effect-3.st-menu-open .st-effect-3.st-menu {
				visibility: visible;
				-webkit-transition: -webkit-transform 0.5s;
				transition: transform 0.5s;
			}

			.st-effect-3.st-menu::after {
				display: none;
			}

		/* Effect 4: Slide along */
			.st-effect-4.st-menu-open .st-pusher {
				-webkit-transform: translate3d(250px, 0, 0);
				transform: translate3d(250px, 0, 0);
			}

			.st-effect-4.st-menu {
				z-index: 1;
				-webkit-transform: translate3d(-50%, 0, 0);
				transform: translate3d(-50%, 0, 0);
			}

			.st-effect-4.st-menu-open .st-effect-4.st-menu {
				visibility: visible;
				-webkit-transition: -webkit-transform 0.5s;
				transition: transform 0.5s;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
			}

			.st-effect-4.st-menu::after {
				display: none;
			}

		/* Effect 5: Reverse slide out */
			.st-effect-5.st-menu-open .st-pusher {
				-webkit-transform: translate3d(250px, 0, 0);
				transform: translate3d(250px, 0, 0);
			}

			.st-effect-5.st-menu {
				z-index: 1;
				-webkit-transform: translate3d(50%, 0, 0);
				transform: translate3d(50%, 0, 0);
			}

			.st-effect-5.st-menu-open .st-effect-5.st-menu {
				visibility: visible;
				-webkit-transition: -webkit-transform 0.5s;
				transition: transform 0.5s;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
			}

		/* Effect 6: Rotate pusher */
			.st-effect-6.st-container {
				-webkit-perspective: 1500px;
				perspective: 1500px;
			}

			.st-effect-6 .st-pusher {
				-webkit-transform-origin: 0% 50%;
				transform-origin: 0% 50%;
				-webkit-transform-style: preserve-3d;
				transform-style: preserve-3d;
			}

			.st-effect-6.st-menu-open .st-pusher {
				-webkit-transform: translate3d(250px, 0, 0) rotateY(-15deg);
				transform: translate3d(250px, 0, 0) rotateY(-15deg);
			}

			.st-effect-6.st-menu {
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
				-webkit-transform-origin: 100% 50%;
				transform-origin: 100% 50%;
				-webkit-transform-style: preserve-3d;
				transform-style: preserve-3d;
			}

			.st-effect-6.st-menu-open .st-effect-6.st-menu {
				visibility: visible;
				-webkit-transition: -webkit-transform 0.5s;
				transition: transform 0.5s;
				-webkit-transform: translate3d(-100%, 0, 0) rotateY(15deg);
				transform: translate3d(-100%, 0, 0) rotateY(15deg);
			}

			.st-effect-6.st-menu::after {
				display: none;
			}

		/* Effect 7: 3D rotate in */
			.st-effect-7.st-container {
				-webkit-perspective: 1500px;
				perspective: 1500px;
				-webkit-perspective-origin: 0% 50%;
				perspective-origin: 0% 50%;
			}

			.st-effect-7 .st-pusher {
				-webkit-transform-style: preserve-3d;
				transform-style: preserve-3d;
			}

			.st-effect-7.st-menu-open .st-pusher {
				-webkit-transform: translate3d(250px, 0, 0);
				transform: translate3d(250px, 0, 0);
			}

			.st-effect-7.st-menu {
				-webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg);
				transform: translate3d(-100%, 0, 0) rotateY(-90deg);
				-webkit-transform-origin: 100% 50%;
				transform-origin: 100% 50%;
				-webkit-transform-style: preserve-3d;
				transform-style: preserve-3d;
			}

			.st-effect-7.st-menu-open .st-effect-7.st-menu {
				visibility: visible;
				-webkit-transition: -webkit-transform 0.5s;
				transition: transform 0.5s;
				-webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
				transform: translate3d(-100%, 0, 0) rotateY(0deg);
			}

		/* Effect 8: 3D rotate out */
			.st-effect-8.st-container {
				-webkit-perspective: 1500px;
				perspective: 1500px;
				-webkit-perspective-origin: 0% 50%;
				perspective-origin: 0% 50%;
			}

			.st-effect-8 .st-pusher {
				-webkit-transform-style: preserve-3d;
				transform-style: preserve-3d;
			}

			.st-effect-8.st-menu-open .st-pusher {
				-webkit-transform: translate3d(250px, 0, 0);
				transform: translate3d(250px, 0, 0);
			}

			.st-effect-8.st-menu {
				-webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
				transform: translate3d(-100%, 0, 0) rotateY(90deg);
				-webkit-transform-origin: 100% 50%;
				transform-origin: 100% 50%;
				-webkit-transform-style: preserve-3d;
				transform-style: preserve-3d;
			}

			.st-effect-8.st-menu-open .st-effect-8.st-menu {
				visibility: visible;
				-webkit-transition: -webkit-transform 0.5s;
				transition: transform 0.5s;
				-webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
				transform: translate3d(-100%, 0, 0) rotateY(0deg);
			}

			.st-effect-8.st-menu::after {
				display: none;
			}

		/* Effect 9: Scale down pusher */
			.st-effect-9.st-container {
				-webkit-perspective: 1500px;
				perspective: 1500px;
			}

			.st-effect-9 .st-pusher {
				-webkit-transform-style: preserve-3d;
				transform-style: preserve-3d;
			}

			.st-effect-9.st-menu-open .st-pusher {
				-webkit-transform: translate3d(0, 0, -250px);
				transform: translate3d(0, 0, -250px);
			}

			.st-effect-9.st-menu {
				opacity: 1;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
			}

			.st-effect-9.st-menu-open .st-effect-9.st-menu {
				visibility: visible;
				-webkit-transition: -webkit-transform 0.5s;
				transition: transform 0.5s;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
			}

			.st-effect-9.st-menu::after {
				display: none;
			}

		/* Effect 10: Scale up */
			.st-effect-10.st-container {
				-webkit-perspective: 1500px;
				perspective: 1500px;
				-webkit-perspective-origin: 0% 50%;
				perspective-origin: 0% 50%;
			}

			.st-effect-10.st-menu-open .st-pusher {
				-webkit-transform: translate3d(250px, 0, 0);
				transform: translate3d(250px, 0, 0);
			}

			.st-effect-10.st-menu {
				z-index: 1;
				opacity: 1;
				-webkit-transform: translate3d(0, 0, -250px);
				transform: translate3d(0, 0, -250px);
			}

			.st-effect-10.st-menu-open .st-effect-10.st-menu {
				visibility: visible;
				-webkit-transition: -webkit-transform 0.5s;
				transition: transform 0.5s;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
			}

		/* Effect 11: Scale and rotate pusher */
			.st-effect-11.st-container {
				-webkit-perspective: 1500px;
				perspective: 1500px;
			}

			.st-effect-11 .st-pusher {
				-webkit-transform-style: preserve-3d;
				transform-style: preserve-3d;
			}

			.st-effect-11.st-menu-open .st-pusher {
				-webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg);
				transform: translate3d(100px, 0, -600px) rotateY(-20deg);
			}

			.st-effect-11.st-menu {
				opacity: 1;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
			}

			.st-effect-11.st-menu-open .st-effect-11.st-menu {
				visibility: visible;
				-webkit-transition: -webkit-transform 0.5s;
				transition: transform 0.5s;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
			}

			.st-effect-11.st-menu::after {
				display: none;
			}

		/* Effect 12: Open door */
			.st-effect-12.st-container {
				-webkit-perspective: 1500px;
				perspective: 1500px;
			}

			.st-effect-12 .st-pusher {
				-webkit-transform-origin: 100% 50%;
				transform-origin: 100% 50%;
				-webkit-transform-style: preserve-3d;
				transform-style: preserve-3d;
			}

			.st-effect-12.st-menu-open .st-pusher {
				-webkit-transform: rotateY(-10deg);
				transform: rotateY(-10deg);
			}

			.st-effect-12.st-menu {
				opacity: 1;
				-webkit-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
			}

			.st-effect-12.st-menu-open .st-effect-12.st-menu {
				visibility: visible;
				-webkit-transition: -webkit-transform 0.5s;
				transition: transform 0.5s;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
			}

			.st-effect-12.st-menu::after {
				display: none;
			}

		/* Effect 13: Fall down */
			.st-effect-13.st-container {
				-webkit-perspective: 1500px;
				perspective: 1500px;
				-webkit-perspective-origin: 0% 50%;
				perspective-origin: 0% 50%;
			}

			.st-effect-13.st-menu-open .st-pusher {
				-webkit-transform: translate3d(250px, 0, 0);
				transform: translate3d(250px, 0, 0);
			}

			.st-effect-13.st-menu {
				z-index: 1;
				opacity: 1;
				-webkit-transform: translate3d(0, -100%, 0);
				transform: translate3d(0, -100%, 0);
			}

			.st-effect-13.st-menu-open .st-effect-13.st-menu {
				visibility: visible;
				-webkit-transition-timing-function: ease-in-out;
				transition-timing-function: ease-in-out;
				-webkit-transition-property: -webkit-transform;
				transition-property: transform;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
				-webkit-transition-speed: 0.2s;
				transition-speed: 0.2s;
			}

		/* Effect 14: Delayed 3D rotate */
			.st-effect-14.st-container {
				-webkit-perspective: 1500px;
				perspective: 1500px;
				-webkit-perspective-origin: 0% 50%;
				perspective-origin: 0% 50%;
			}

			.st-effect-14 .st-pusher {
				-webkit-transform-style: preserve-3d;
				transform-style: preserve-3d;
			}

			.st-effect-14.st-menu-open .st-pusher {
				-webkit-transform: translate3d(250px, 0, 0);
				transform: translate3d(250px, 0, 0);
			}

			.st-effect-14.st-menu {
				-webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg);
				transform: translate3d(-100%, 0, 0) rotateY(90deg);
				-webkit-transform-origin: 0% 50%;
				transform-origin: 0% 50%;
				-webkit-transform-style: preserve-3d;
				transform-style: preserve-3d;
			}

			.st-effect-14.st-menu-open .st-effect-14.st-menu {
				visibility: visible;
				-webkit-transition-delay: 0.1s;
				transition-delay: 0.1s;
				-webkit-transition-timing-function: ease-in-out;
				transition-timing-function: ease-in-out;
				-webkit-transition-property: -webkit-transform;
				transition-property: transform;
				-webkit-transform: translate3d(-100%, 0, 0) rotateY(0deg);
				transform: translate3d(-100%, 0, 0) rotateY(0deg);
			}

		/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
			.no-csstransforms3d .st-pusher,
			.no-js .st-pusher {
				padding-left: 250px;
			}