/* Overlay style */
.overlay {
	position: fixed;
	width: 320px;
	max-width: 100%;
	
	height:100%;
	max-height: 100%;
	top: 0;
	left:0 ;
	z-index: 60;
	overflow-y: auto;
	font-size: 14px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);

}
.nav-shadow{
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}

.overlay .overlay-close {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 20px;
	overflow: hidden;
	border: none;
	color: #fff;
	outline: none;
	z-index: 100;
}
.overlay .overlay-close:hover{
	color:  #212121;

}



.container {
	overflow-x: hidden;	
		transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-moz-transition:transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-webkit-transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.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;
	z-index: 100;
}

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


.overlay-contentpush {
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-ms-transform:translateX(-100%);
	-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;
	 -ms-transform:translateX(0%);
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

#ovr-content{
	padding: 8px;
	padding-top: 40px;
/*	padding-bottom: 60px;*/
	text-align: left;
	
	
} 
#ovr-content nav{
	text-align: left;
	width:100%;
}
#ovr-content h1, #ovr-content h2, #ovr-content h3{
	padding: 10px;
	text-align: center;

}
#ovr-content .lang-menu a.call.map , #ovr-content .lang-menu a{
	color:#333;
}
#ovr-content .lang-menu a.call.map:hover , #ovr-content .lang-menu a:hover{
		color:#f1f1f1;
}
#ovr-content .lang-menu a{
	
	width: 40%;
	display:inline-block;
}
#ovr-content .lang-menu a.call{
	color:#fff;
	width: 100%;
	display:block;
	
}