#popupbox {
position:fixed;
background:rgba(20,20,20,0.9);
width:100%;
height:100%;
top:0;
left:0;
z-index:10000;
}
@media all and (min-width:1024px) {
  #popupbox {
display:none;
}
}
#popupbox [id*='lbHide'], #popupbox .closer {
position:absolute;right: 0;
top: 0;
width: 50px;
height: 50px;
background: #333;
text-align: center;
color: #333;
font-size:1.5em;
cursor:pointer;
transition:0.5s;
}
#popupbox .closer:hover  {
background:#000;
}
#popupbox [id*='lbHide']:after, #popupbox .closer:after {
display: inline-block;
content: "\00d7";
color:#fff;
font-size: 1.2em;
position: absolute;
margin: auto;
top: 25%;
bottom: 0;
left: 5px;
right: 0;
}
/*image container*/
.popupbox {
position:absolute;
width:550px;
max-width:80%;
height:600px;
margin:auto;
top:15%;
bottom;0;
left:0;
right:0;
}
.popup h3 {
background:#fff;
display:block;
width:100%;
}
.popupbox h3 {
 background:#fff;
 font-weight:700;
 padding:80px 15px 15px 20px;
 font-size:1.4em;
}
.popupbox a, a.mob-img {
    float:left;
    width:50%;
}
.popupbox img {max-width: 100%;}

.pop-over a {}

/*logged out*/
.popup-link {}
.popup-link a{
    padding: 20px;
    text-align: center;
    width: 50%;
    float:left;
    text-align: center;
    background: #D80053;
    margin:5px 2px 0px 0px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.popup-link a:hover {
  text-decoration:none;
}
.home-link{
    padding: 20px;
    text-align: center;
    width: 49%;
    float:left;
    text-align: center;
    background: #D80053;
    margin:5px 0px 0px 2px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    cursor:pointer;
}
.home-link p {
margin:0px;
line-height:1.4;
}
.popupbox ul {
padding:0px;
margin:0px;
}
.popupbox ul li{
display:inline-block;
width:50%;
border:5px solid transparent;
text-align:center;
}
.popupbox ul li a, .popupbox ul li p {
color:#fff;
font-weight:bold;
line-height:1.7;
display:block;
padding:15px;
background:#D80053;
cursor:pointer;
}
.popupbox ul li a:hover {
text-decoration:none;
}