#single12{
font-family: arial, sans-sarif; 
}
#OpenLightBox{
text-align: center;
margin-top: 30px;
width: 100%;
}
#logo_lighbox{
left:0;
padding:6%;
/*
position:fixed;
*/
text-align:center;
top:0;
width:100%; max-width: 900px;
}
.logo_box{
margin:0 auto;
width:180px;
}
#XX{
padding-right:12px;
text-align: left;
width:50%;
}
#ZZ{
text-align:right;
width:50%;
}
.close{
display: block;
position: absolute;
z-index: 1003;
top: 10px;
right: 10px;
padding:1%;
color:white;
border: 1px solid white;
height:30px;
width:30px;
text-align:center;
}
.close:hover{
color: white;
cursor: pointer; 
background:red;
}
.close:active{
}
.LB-black-overlay{
display: none;
position: fixed;
top:0%;
left:0%;
width:100%;
height:100%;
z-index:1001;
background: #637086;
background: linear-gradient(30deg,#637086 0%, #3f4d5e 100%);
background: -webkit-linear-gradient(30deg,#637086 0%, #3f4d5e 100%);
background: -moz-linear-gradient(30deg,#637086 0%, #3f4d5e 100%);
}   
.LB-white-content{
display: none;
position: fixed;
top: 48%;
left: 50%;
width:100%; max-width:600px;
max-height: 500px;
z-index: 1002;
padding: 0px 14px;
font-size:1.6em;
overflow-x: auto;
border-radius: 5px;
color:white;
}
#lightboxspan{
cursor: pointer;
color: blue;
width:100%;
}
#lightboxspan:hover{
color:#51808b;
}