@charset "UTF-8";
/* light box */
.lb_lightbox, .lb_lightbox > div {
	box-sizing:border-box;
}
.lb_lightbox {
	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:0px;
	left:0px;
	width:100%;
	height:100%;
}

.lb_shade {
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.83);
	cursor:pointer;
}
.lb_loadAnimation {
	position: absolute;
  	color:white;
  	background-color:white;
  	opacity: 0.8;
	width:40px;
	height: 40px;
	text-indent: -999em;
	/*center */
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	animation: loading 1.0s infinite ease-in;
}
@keyframes loading {
  0%, 100% { 
    transform: scale(.25) rotate(0deg);
  } 
  50% { 
    transform: scale(1) rotate(90deg);
  }
}

/* main window */
.lb_window {
	position:absolute;
	background-color:#FFFFFF;
	border-radius: 19px;
	width:80%;
	height:80%;
	max-width: 900px;
	max-height: 700px;
	padding:40px;
	/* center */
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);	 
}
.lb_content {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.lb_closeBtn {
	position: absolute;
	top: 10px;
	right: 5px;	
	width:50px;
	height:50px;
	cursor:pointer;
}