body.lightbox-css-on .lightbox-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh; }

body.lightbox-css-on #lightbox-region.minimal-style #lightbox-inner.oneimage,
body.lightbox-css-on #lightbox-region.minimal-style #lightbox-inner.oneimage img,
body.lightbox-css-on #lightbox-region.minimal-style #lightbox-inner.oneimage.cursor-left img,
body.lightbox-css-on #lightbox-region.minimal-style #lightbox-inner.oneimage.cursor-right img,
body.lightbox-css-on #lightbox-region.minimal-style #lightbox-inner.oneimage.mousedown {
  cursor: default !important; }

body.lightbox-css-on #lightbox-region.normal-style #lightbox-inner.oneimage,
body.lightbox-css-on #lightbox-region.normal-style #lightbox-inner.oneimage img,
body.lightbox-css-on #lightbox-region.normal-style #lightbox-inner.oneimage.cursor-left img,
body.lightbox-css-on #lightbox-region.normal-style #lightbox-inner.oneimage.cursor-right img,
body.lightbox-css-on #lightbox-region.normal-style #lightbox-inner.oneimage.mousedown {
  cursor: default !important; }

body.lightbox-css-on #lightbox-region.minimal-style .close-lightbox {
  display: none; }

body.lightbox-css-on #lightbox-region.minimal-style #lightbox-inner.cursor-left img {
  cursor: url("../img/cursor_prev.svg") 9 9, pointer; }

body.lightbox-css-on #lightbox-region.minimal-style #lightbox-inner.cursor-right img {
  cursor: url("../img/cursor_next.svg") 9 9, pointer; }

body.lightbox-css-on #main-region .col[data-type="img"] img {
  cursor: pointer; }

body.lightbox-css-on #main-region .col[data-type="img"] .img.lightboxoff img {
  cursor: inherit; }

body.lightbox-css-on img.lightbox-zooming-in {
  z-index: 110;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  transition: all 300ms ease; }

body.lightbox-css-on img.lightbox-zooming-out {
  z-index: 110;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  transition: all 300ms ease-out; }

body.lightbox-css-on #lightbox-region.hide-images img {
  opacity: 0; }

body.lightbox-css-on #lightbox-region.transparent {
  opacity: 0; }

body.lightbox-css-on #lightbox-region.hide {
  pointer-events: none;
  top: -100%; }
  body.lightbox-css-on #lightbox-region.hide .close-lightbox {
    top: -100%; }

body.lightbox-css-on #lightbox-region.normal-style #lightbox-inner.cursor-left {
  cursor: url("../img/cursor_prev.svg") 9 9, pointer; }

body.lightbox-css-on #lightbox-region.normal-style #lightbox-inner.cursor-right {
  cursor: url("../img/cursor_next.svg") 9 9, pointer; }

body.lightbox-css-on #lightbox-region {
  opacity: 1;
  transition: opacity 300ms ease;
  background-color: transparent;
  -ms-touch-action: none;
  touch-action: none;
  font-size: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99; }
  body.lightbox-css-on #lightbox-region #lightbox-inner {
    cursor: -webkit-grab;
    height: 100%; }
  body.lightbox-css-on #lightbox-region #lightbox-inner.mousedown {
    cursor: -webkit-grab; }
    body.lightbox-css-on #lightbox-region #lightbox-inner.mousedown img {
      cursor: -webkit-grab !important; }
  body.lightbox-css-on #lightbox-region #lightbox-inner.bounceleftright {
    -webkit-animation: leftright 600ms;
    animation: leftright 600ms; }

@-webkit-keyframes leftright {
  0% {
    -webkit-transform: translateX(0); }
  30% {
    -webkit-transform: translateX(-90px); }
  100% {
    -webkit-transform: translateX(0); } }

@keyframes leftright {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  30% {
    -webkit-transform: translateX(-90px);
            transform: translateX(-90px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
  body.lightbox-css-on #lightbox-region #lightbox-inner.bouncerightleft {
    -webkit-animation: rightleft 600ms;
    animation: rightleft 600ms; }

@-webkit-keyframes rightleft {
  0% {
    -webkit-transform: translateX(0); }
  30% {
    -webkit-transform: translateX(90px); }
  100% {
    -webkit-transform: translateX(0); } }

@keyframes rightleft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  30% {
    -webkit-transform: translateX(90px);
            transform: translateX(90px); }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); } }
  body.lightbox-css-on #lightbox-region .slider {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: transparent;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none; }
  body.lightbox-css-on #lightbox-region .lightbox-image-holder {
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%; }
  body.lightbox-css-on #lightbox-region img {
    position: absolute; }
  body.lightbox-css-on #lightbox-region button, body.lightbox-css-on #lightbox-region button:focus, body.lightbox-css-on #lightbox-region button:hover {
    border-width: 0;
    background-color: transparent;
    outline: 0; }
  body.lightbox-css-on #lightbox-region .close-lightbox {
    top: 0;
    right: 0;
    position: fixed;
    padding: 20px;
    z-index: 20;
    cursor: pointer; }
  body.lightbox-css-on #lightbox-region .lightbox-caption {
    position: absolute;
    left: 0;
    width: 100%; }
    body.lightbox-css-on #lightbox-region .lightbox-caption > *:last-child {
      margin-bottom: 0; }
    body.lightbox-css-on #lightbox-region .lightbox-caption > *:first-child {
      margin-top: 0; }

body.lightbox-css-off #lightbox-region {
  display: none; }