.st-container,

.st-pusher,

.st-content {

	/* min-height:600px; */

}

.st-content {

	position: relative;

}



.st-container {

	position: relative;

	overflow: hidden;

	background:#fff!important;

}



.st-pusher {

	position: relative;

	left: 0;

	z-index: 99;

	-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 {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 100;

	visibility: hidden;

	width: 100%;

	height: 100%;

	/*background: #004474;*/
	background-color: rgba(0, 133, 213, 0.9);

	-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;

}



/* content style */



.st-menu ul {

	margin: 0;

	padding: 0;

	list-style: none;

}





.st-menu ul li a {

	display: block;

	padding: 15px 25px;

	outline: none;

	box-shadow: inset 0 -1px rgba(0,0,0,0.2);

	color: #f3efe0;

	 font-size:14px;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-weight: 400;

	-webkit-transition: background 0.3s, box-shadow 0.3s;

	transition: background 0.3s, box-shadow 0.3s;

}



.st-menu ul li:first-child a {

	box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);

}



.st-menu ul li a:hover {

	background: rgba(0,0,0,0.2);

	box-shadow: inset 0 -1px rgba(0,0,0,0);

	color: #fff;

}





/* Effect 3: Push*/

.st-effect-3.st-menu-open .st-pusher {

	-webkit-transform: translate3d(-30%, 0, 0);

	transform: translate3d(-30%, 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;

}





/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */

.no-csstransforms3d .st-pusher,

.no-js .st-pusher {

	padding-left: 300px;

}