#overlay-popup {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .75);
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .2s ease-out;
}
#overlay-popup.open {
    opacity: 1;
    left: 0;
		z-index: 9998;
}

#popup {
	position:absolute;
	display: table;
	width: 100%;
	height: 100%;
	z-index:1;
}
#popup.open, #popup.transitioning {
    z-index: 9999;
}
#popup-body {
	position:relative;
	width:50%;
	height:100%;	
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	opacity: 0;
	z-index:3;
}
#popup.open #popup-body {
    opacity: 1;
}
#popup-box {
	position:relative;
	width:60%;
	max-width:700px;
	min-height:368px;
	margin: auto;
	color:#000;
	background: url(../img/pattern/pattern_blue.gif);
	border:1px solid #fff;
}
#popup-content {
	position: relative;
	color:#fff;
}

#popup-cross {	
	position: absolute;
	right:-20px;
	top:-26px;
	width:56px;
	height:56px;	
	overflow: hidden;
	border: none;
	background: url(../img/game-bb2/features/close.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
	cursor:pointer;
}



/* =============================================================================
   MEDIAQUERIES 
   ========================================================================== */

@media only screen and (max-width: 639px) {	

	#popup-body {
		width:80%;
		margin-top:-10px;
	}
	#popup-box {
		width:100%;
	}
	#popup-cross {	
		right:0px;
	}

}