/*  jquery.simple.lightbox  Works together w/ bootstrap modals*//*  Modal itself*/.modal.simple-lightbox {  width: 100%;  height: 100%;  max-width: 90%;  max-height: 90%;  top: 5% !important;  border: 1px solid #222222;  background: rgba(0,0,0,0.9);  text-align: center;}/* hack to fix Safari (this selector setup excludes it) */@media screen{ @media (min-width: 0px) {  .modal.simple-lightbox  {    margin-left: -45%;  } }}.simple-lightbox .modal-content{ width: 100%; height: 100%; max-width: 95%; max-height: 95%; margin-top: 1%; /** why 1 instead of 2.5? who the hell knows... */ margin-left: 2.5%;}.simple-lightbox .modal-content img {  max-width: 100%;  max-height: 100%;  display: block;  margin: auto;  /* @inc .boxShadow */  -webkit-box-shadow: 3px 3px 12px rgba(0,0,0,0.25);  -moz-box-shadow: rgba(0,0,0,0.25) 3px 3px 12px;  box-shadow: 3px 3px 12px rgba(0,0,0,0.25);  }.simple-lightbox .caption {  display: none;}.simple-lightbox .caption.active {  display: inline-block;  padding: 6px 12px;  position: absolute;  bottom: -35px;  margin: 0;  left: 0;  right: 0;  color: #FFF;  font-weight: 700;  zoom: 1;} .simple-lightbox .close {  position: absolute;  height: 24px;  width: 24px;  line-height: 24px;  color: #FFF;  top: 12px;  right: 12px;  text-align: center;  opacity: 1;  text-shadow: none;  background: rgba(0,0,0,0.4);  display: block;  /* Rounded corners */  border-radius: 4px;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;}.simple-lightbox .close span {  position: relative;  bottom: 2px;  display: inline-block;  font-size:22px;  }