@media (min-width: 901px) {
  .lightbox-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

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

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

  #lightbox-region.minimal-style .close-lightbox {
    display: none; }
  #lightbox-region.minimal-style #lightbox-inner.cursor-left img {
    cursor: url("../img/cursor_prev.svg") 9 9, pointer; }
  #lightbox-region.minimal-style #lightbox-inner.cursor-right img {
    cursor: url("../img/cursor_next.svg") 9 9, pointer; }

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

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

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

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

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

  #lightbox-region.hide {
    top: -100%; }
    #lightbox-region.hide .close-lightbox {
      top: -100%; }

  #lightbox-region.normal-style #lightbox-inner.cursor-left {
    cursor: w-resize; }
  #lightbox-region.normal-style #lightbox-inner.cursor-right {
    cursor: e-resize; }

  #lightbox-region {
    opacity: 1;
    -webkit-transition: opacity 300ms ease;
    -moz-transition: opacity 300ms ease;
    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; }
    #lightbox-region #lightbox-inner {
      cursor: -webkit-grab;
      height: 100%; }
    #lightbox-region #lightbox-inner.mousedown {
      cursor: -webkit-grab; }
      #lightbox-region #lightbox-inner.mousedown img {
        cursor: -webkit-grab !important; }
    #lightbox-region #lightbox-inner.bounceleftright {
      -moz-animation: leftright 600ms;
      -o-animation: leftright 600ms;
      -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); } }
  @-moz-keyframes leftright {
    0% {
      -moz-transform: translateX(0); }
    30% {
      -moz-transform: translateX(-90px); }
    100% {
      -moz-transform: translateX(0); } }
  @-o-keyframes leftright {
    0% {
      -o-transform: translateX(0); }
    30% {
      -o-transform: translateX(-90px); }
    100% {
      -o-transform: translateX(0); } }
  @keyframes leftright {
    0% {
      transform: translateX(0); }
    30% {
      transform: translateX(-90px); }
    100% {
      transform: translateX(0); } }
    #lightbox-region #lightbox-inner.bouncerightleft {
      -moz-animation: rightleft 600ms;
      -o-animation: rightleft 600ms;
      -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); } }
  @-moz-keyframes rightleft {
    0% {
      -moz-transform: translateX(0); }
    30% {
      -moz-transform: translateX(90px); }
    100% {
      -moz-transform: translateX(0); } }
  @-o-keyframes rightleft {
    0% {
      -o-transform: translateX(0); }
    30% {
      -o-transform: translateX(90px); }
    100% {
      -o-transform: translateX(0); } }
  @keyframes rightleft {
    0% {
      transform: translateX(0); }
    30% {
      transform: translateX(90px); }
    100% {
      transform: translateX(0); } }
    #lightbox-region .slider {
      position: relative;
      width: 100%;
      height: 100%;
      -webkit-tap-highlight-color: transparent;
      -webkit-transform: translateZ(0);
      -moz-transform: translateZ(0);
      -ms-transform: translateZ(0);
      -o-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;
      -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
      -o-text-size-adjust: none;
      text-size-adjust: none; }
    #lightbox-region .lightbox-image-holder {
      position: absolute;
      top: 0;
      width: 100vw;
      height: 100%; }
    #lightbox-region img.h100 {
      width: auto;
      height: auto;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      left: 50%;
      position: absolute;
      box-sizing: border-box; }
    #lightbox-region img.w100.center-vertically {
      width: auto;
      height: auto;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      top: 50%;
      position: absolute;
      box-sizing: border-box; }
    #lightbox-region img.w100 {
      width: auto;
      height: auto;
      position: absolute;
      box-sizing: border-box; }
    #lightbox-region button, #lightbox-region button:focus, #lightbox-region button:hover {
      border-width: 0;
      background-color: transparent;
      outline: 0; }
    #lightbox-region .close-lightbox {
      top: 0;
      right: 0;
      position: fixed;
      padding: 20px;
      z-index: 20;
      cursor: pointer; }
    #lightbox-region .lightbox-caption {
      position: absolute;
      left: 0;
      width: 100%; }
      #lightbox-region .lightbox-caption > *:last-child {
        margin-bottom: 0; }
      #lightbox-region .lightbox-caption > *:first-child {
        margin-top: 0; } }
@media (max-width: 900px) {
  #lightbox-region {
    display: none; } }
