.m-body {
	overflow: hidden;
}

.m-overlay {
	position: fixed;
	overflow-y: scroll;
    left: 0px;
    right: 0px;
    top: 0;
	bottom: 0;
    background: rgba(54, 64, 64, 0.8);
	opacity: 0;
	pointer-events: none;
	z-index: 9999;
}

.m-overlay.anim {
	transition: all 0.35s ease-out;	
}

.m-modal {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 100%;
	display: flex;
	-webkit-flex: flex;
    -ms-flex: flex;
    align-items: center;
	-webkit-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
	transition: all 0.35s ease-out;
	opacity: 0;
	pointer-events: none;
	z-index: 10000;
	transform: rotateZ(30deg) scale(0.01);
}

.m-body {
	margin: auto;
}

.m-o-show-anim {
    opacity: 1;
    pointer-events: all;
}

.m-o-hide-anim {
	opacity: 0;
	pointer-events: none;
}

.m-show-anim {
	opacity: 1;
    pointer-events: all;
    transform: rotateZ(0deg) scale(1);
}

.m-hide-anim {
	opacity: 0;
	pointer-events: none;
	transform: rotateZ(0deg) scale(0.5);
}

.m-body-open {
	overflow-y: hidden;
}