/* Overlay style */

.overlay3 {
	position: fixed;
	width: 50%;
	height: 100%;
	overflow-y: auto;
	left: 0%;
	background: #131f34;
	color: #fff;
}
@media(max-width: 600px) {
	.overlay3 {
		width: 100%;
		left: 0;
	}
}
.overlay3 h2{
	color: #fff;
}
.overlay3 .fc-view-container{
	background: #fff;
	color: #000;
}
.overlay3 a :hover{
	color:#f9b71c;
	text-decoration: underline;
}
.overlay3 a{
	color: #fff;
}
.allContent {
	overflow-x: hidden;
	transition: transform 0.5s;	
}
.allContent.overlay-open2 {
	/* transform: translateY(-50%); */
}
.allContent::after {
	content: '';
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,1);
	transition: opacity 0.5s, visibility 0s 0.5s;
}
.allContent.overlay-open3::after {
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.5s;
}
.overlay-contentpush3 {
	background: #131f34;
	border: 4px solid #f9b71c;
	visibility: hidden;
	backface-visibility: hidden;
	transform: translateX(-100%);
	transition: transform 0.5s, visibility 0s 0.5s;
	z-index: 5;
}
.overlay-contentpush3.open3 {
	visibility: visible;
	transform: translateY(0%);
	transition: transform 0.5s;
}