@charset "UTF-8";
/* light box */
.mb_messagebox, .mb_messagebox h1, h2, h3, h4, p, div {
	box-sizing:border-box;
	margin-top:0px;

}

.mb_messagebox2, .mb_messagebox2 h1, h2, h3, h4, p, div {
	box-sizing:border-box;
	margin-top:0px;

}

.mb_messagebox {
	position:fixed; /*un-fix if you're not loading into body*/
	z-index:200;/* z-index needs to be higher than any other elements in your page */
	top:-120px;
	left:0px;
	bottom:0px;
	right:0px;
	display:flex;
	align-items: center;
	justify-content: center;
}

.mb_messagebox2 {
	position:fixed; /*un-fix if you're not loading into body*/
	z-index:200;/* z-index needs to be higher than any other elements in your page */
	top:-120px;
	left:0px;
	bottom:0px;
	right:0px;
	display:flex;
	align-items: center;
	justify-content: center;
}

.mb_shade {
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background-color:rgba(0,0,0,.8);
	cursor:pointer;
}

/* main window */
.mb_window {
	position:absolute;
	background-color:#FFFFFF;
	border-radius: 24px;
	box-shadow: 4px 4px 4px rgba(0, 0, 0, .2);
	width:auto;
	height:auto;
	padding:40px;
}
.mb_content {
	/*box-sizing:border-box;*/
	position: relative;
	width: 100%;
	height: 100%;
	color: #505050;
	font-size: 14px;
	line-height: 150%;
}
.mb_closeBtn {
	position: absolute;
	top: -14px;
	right:-14px;	
	text-align: center;
	width:36px;
	height:36px;
	cursor:pointer;
	
	background-color: #fff;
	border:4px solid #464645;
	border-radius: 50%;
	font-weight: bold;
	transform:scale(1);
}

.mb_closeBtn::before, .mb_closeBtn::after {
  content: '';
  position: absolute;
  height: 70%;
  width: 4px;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	border-radius:2px;
  background-color: #464645;
}
.mb_closeBtn::before {
  transform:translate(-50%, -50%) rotate(45deg);
}
.mb_closeBtn::after {
  transform:translate(-50%, -50%) rotate(-45deg);
}
.mb_closeBtn:active {
    transform:scale(.9);
}