@charset "utf-8";

/*----------------------------- light_box -----------------------------*/
.light_box_parent, 
.light_box{
	position:absolute;
	display:none;
}

.light_box_parent{
	width:100%;
	background:rgba(0, 0, 0, .5);
	top:0;
	left:0;
	z-index:100;
	overflow:auto;
}

.light_box{
	background:#FFF;
	cursor:unset;
	box-shadow:0px 0px 5px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
	-o-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
	-ms-box-shadow:0px 0px 5px rgba(0,0,0,0.3);
}

.light_box_outer{
	width:100%;
	height:100%;
	overflow:hidden;
}

.light_box_inner{
	width:100%;
}

.light_box_trigger_hide{
	width:20px;
	height:20px;
	border:solid #000 1px;
	background:#FFF;
	cursor:pointer;
	position:absolute;
	top:3px;
	right:3px;
	z-index:2147483647;
	display:block;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}

.light_box_trigger_hide::before, 
.light_box_trigger_hide::after{
	content:"";
	background:#000;
	position:absolute;
	transform:rotate(45deg);
	display:block;
}

.light_box_trigger_hide::before{
	width:2px;
	height:14px;
	top:2px;
	left:calc(50% - 1px);
}

.light_box_trigger_hide::after{
	width:14px;
	height:2px;
	top:calc(50% - 1px);
	left:2px;
}

@-webkit-keyframes spin{
	0%{
		-webkit-transform:rotate(0deg);
	}
	50%{
		-webkit-transform:rotate(180deg);
	}
	100%{
		-webkit-transform:rotate(360deg);
	}
}

@-moz-keyframes spin{
	0%{
		-moz-transform:rotate(0deg);
	}
	50%{
		-moz-transform:rotate(180deg);
	}
	100%{
		-moz-transform:rotate(360deg);
	}
}

.light_box_loader{
	width:26px;
	height:26px;
	margin:-13px auto auto -13px;
	position:relative;
	top:50%;
	left:50%;
	z-index:1;
	display:none;
	border-radius:50%;
}

.light_box_loader::after{
	content:"";
	width:100%;
	height:100%;
	border:solid #FFF 2px;
	border-right-color:transparent;
	display:block;
	border-radius:50%;
	-webkit-animation:spin 1s infinite linear;
	-moz-animation:spin 1s infinite linear;
}

@media screen and (max-width:1000px){
	.light_box_trigger_hide{
		width:30px;
		height:30px;
		top:2px;
		right:2px;
	}
	
	.light_box_trigger_hide::before{
		height:24px;
		top:2px;
	}
	
	.light_box_trigger_hide::after{
		width:24px;
		left:2px;
	}
}
/*----------------------------- /light_box -----------------------------*/