html.apfm-open,
html.apfm-open > body {
	width: 100%;
	height: 100%;
	background: #efcf46;
}

html.apfm-open > body {
	overflow: hidden;
}

.apfm-container {
	position: fixed;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #efcf46;
	width: 100%;
	height: 100%;
overflow-x: hidden;
overflow-y: scroll; 
	 text-align:center;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);

}

.apfm-container.apfm-opening,
.apfm-container.apfm-closing {
	visibility: visible;
	z-index: 99999;

}

.apfm-container.apfm-open {
	visibility: visible;
	z-index: 99999;

	/* for iOS momentum/inertia scrolling */
	/* Must be put here and not in original .apfm-container class because
	   else scrolling on main page is buggy */
	-webkit-overflow-scrolling: touch;

	/* These attributes are animated: */
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.apfm-container .apfm-wrapper {
	position: relative;
}

.apfm-container .apfm-close-button {
	position: absolute;
	z-index: 1000;
	right:0;
	top: 0;
	width: 42px;
	height: 42px;
	cursor: pointer;
	background: url(../images/close.png) left no-repeat;
	margin:15px;

}
.apfm-container .apfm-close-button:hover {
	background: url(../images/close.png) right no-repeat;
}