.bnc-lightbox-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.75;z-index:10000;font-size:20px;padding-top:200px;text-align:center;color:white;box-sizing:border-box}
.bnc-lightbox-container{position:absolute;left:20%;top:0;width:60%;max-width:100%;height:calc(100% - 47px);max-height:calc(100% - 47px);margin-top:20px;z-index:10001;overflow:hidden}
@media screen and (max-width:992px){.bnc-lightbox-container{width:80%;left:10%}
}
@media screen and (max-width:767px){.bnc-lightbox-container{width:98%;left:1%}
}
.bnc-lightbox-container .bnc-lightbox-head{width:100%;height:27px;background-color:white}
.bnc-lightbox-container .bnc-lightbox-head .bnc-lightbox-close-button{margin:5px;float:right;font-size:1.6em;font-weight:bold;background:url(url-to-lightbox/resources/images/close-cross.png) no-repeat;height:17px;width:17px;cursor:pointer}
.bnc-lightbox-container .bnc-lightbox-head .bnc-lightbox-close-button:hover{background:url(url-to-lightbox/resources/images/close-cross-over.png)}
.bnc-lightbox-container .bnc-lightbox-head .bnc-lightbox-back-button,.bnc-lightbox-container .bnc-lightbox-head .bnc-lightbox-forward-button{margin:2px 10px;float:left;font-size:1.6em;line-height:22px;font-weight:bold;height:17px;color:grey;cursor:pointer}
.bnc-lightbox-container .bnc-lightbox-head .bnc-lightbox-back-button:hover,.bnc-lightbox-container .bnc-lightbox-head .bnc-lightbox-forward-button:hover{color:#333}
.bnc-lightbox-container #bnc-lightbox-iframe-wrapper{width:1px;min-width:100%;height:calc(100% - 27px);overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:white}
.bnc-lightbox-container #bnc-lightbox-iframe-wrapper iframe#bnc-lightbox-iframe{width:100%;height:100%;border:0;display:block;background-color:white}