/* CSS Document */


.lightbox{text-align:center; width:100%; position:absolute; z-index:2; display:none; z-index:9999;}
.lightbox_wp{width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; z-index:1998; top:0;}
.lightbox_box{width:100%; max-width:750px; position:fixed; z-index:1999; top:50px; margin:0 auto; left:calc((100% - 750px) / 2); }
.lightbox_close{width:25px; height:25px; border-radius:25px; box-shadow:#000 0 0 20px; color:#fff; display:inline-block; text-align:center; line-height:25px; position:relative; z-index:2; float:right; background:url(icon-close.png) 0 -50px no-repeat #3dd8c9; border:#3dd8c9 5px solid; cursor:pointer; right:0px;}
.lightbox_close:hover{box-shadow:#F60 0 0 20px; background:url(icon-close.png) 0 -50px no-repeat #FC0; border:#fc0 5px solid;}
.lightbox_tb{width:calc(100% - 10px); background:#f7f7f7; border-radius:15px; box-shadow:#000 0 0 20px; text-align:left; color:#fff; top:-13px; position:relative; clear:both; margin-bottom:50px;}
.lightbox_content{padding:5%;}


@media screen and (max-width:960px){
	.lightbox_box{width:100%; max-width:100%; position:fixed; top:45px; left:0; }
	.lightbox_tb{width:100%; background: #f6b54a; border-radius:0; box-shadow:none; text-align:left; color:#fff; top:0px; position:relative; margin-bottom:0px;}
	.lightbox_close{display: none;}
	.lightbox_wp{width:100%; height:100%; background:rgba(0,0,0,0.5); position:relative; z-index:1998; top:0;}
	.lightbox_box{position: relative; z-index: 99996;}
}