.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:#000;
	z-index: 99
}

/* Overlay closing cross */
.overlay .overlay-close {
	width:32px;
	height:32px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url(../images/close.png) no-repeat center center;
	color: transparent;
	outline: none;
	z-index: 100;
	cursor: pointer; transition: 0.4s linear all; -webkit- transition: 0.4s linear all;
}
.overlay .overlay-close:hover{ background: url(../images/closehover.png) no-repeat center center;right:30px;}

/* Menu style */
.overlay nav {
  position: relative;
  width: 100%;
 text-align: center;
padding:70px 0px 70px 0px	
}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
}

.overlay ul li {
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  margin: 0px 0px 30px 0px;
  position: relative;
}

.overlay ul li a {
  font-size: 35px;
  display: inline-block;
  color: #fff;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-transform: uppercase;
  padding:0px;
  position: relative;
   font-family: 'pathway_gothic_oneregular'; letter-spacing: 4px
}

.overlay ul li a:hover,
.overlay ul li a:focus {
	color: #12aded;
}

/* Effects */


.st-container {
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;	
}

.st-container .overlay-open {
	-webkit-transform: translateX(50%);
	transform: translateX(50%);
}

.st-container::after {
	content: '';
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}

.st-container .overlay-open::after {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.overlay-contentpush {
	background:#000 url(../images/navbg.png) repeat left top;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
	transition: transform 0.5s, visibility 0s 0.5s;
}

.overlay-contentpush.open {
	visibility: visible;
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}
.overlay ul li ul {
    margin: 30px 0 30px 0;
    display: none;
}
.overlay ul > li > ul li {
    margin-bottom: 15px;
}
.overlay ul > li > ul li:last-child{ margin-bottom: 0}
.overlay ul > li > ul li a {
    font-size: 25px;
}
@media (max-width: 480px) { 
.overlay ul li{ margin-bottom: 15px}    
.overlay ul li a {font-size: 25px;  line-height: 30px; }
.overlay ul > li > ul li:last-child{ margin-bottom: 0}    
.overlay ul > li > ul li a {font-size: 21px;}    
.overlay ul li ul {    margin: 20px 0 20px 0;}    
}