.lightbox-active {
  overflow: hidden; }

.lightbox-loading,
.lightbox-loading * {
  cursor: wait; }

.lightbox-link {
  cursor: pointer; }

#lightbox-blocking {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 50; }

#lightbox-wrap {
  height: 100%;
  left: 0;
  position: fixed;
  text-align: center;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 51; }
  #lightbox-wrap.shown {
    visibility: visible; }
  #lightbox-wrap img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    width: auto; }
  #lightbox-wrap.single .next, #lightbox-wrap.single .next:hover,
  #lightbox-wrap.single .prev,
  #lightbox-wrap.single .prev:hover {
    display: none; }

#lightbox-inner-wrap {
  height: 90%;
  margin: auto;
  max-height: 90%;
  max-width: 90%;
  position: relative; }
  #lightbox-inner-wrap .control {
    cursor: pointer;
    position: absolute;
    z-index: 53; }
  #lightbox-inner-wrap .next,
  #lightbox-inner-wrap .prev {
    height: 100%;
    opacity: 0;
    top: 0;
    width: 50%; }
    #lightbox-inner-wrap .next:hover,
    #lightbox-inner-wrap .prev:hover {
      opacity: 1; }
    #lightbox-inner-wrap .next svg,
    #lightbox-inner-wrap .prev svg {
      top: -webkit-calc(50% - 15px) ;
      top: calc(50% - 15px) ;
      position: absolute; }
      #lightbox-inner-wrap .next svg .lightbox-icon-bg,
      #lightbox-inner-wrap .prev svg .lightbox-icon-bg {
        opacity: .1;
        fill: #26262A;
        enable-background: new; }
      #lightbox-inner-wrap .next svg .lightbox-icon-arrow,
      #lightbox-inner-wrap .prev svg .lightbox-icon-arrow {
        fill: #FFFFFF; }
  #lightbox-inner-wrap .next {
    right: 0; }
    #lightbox-inner-wrap .next svg {
      right: 40px; }
  #lightbox-inner-wrap .prev {
    left: 0; }
    #lightbox-inner-wrap .prev svg {
      left: 40px; }
  #lightbox-inner-wrap .close {
    position: fixed;
    height: 24px;
    right: 40px;
    top: 40px;
    width: 24px; }
    #lightbox-inner-wrap .close:hover {
      cursor: pointer; }

#lightbox-img-wrap {
  display: inline-block;
  height: 100%;
  position: relative; }
@-webkit-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-moz-keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fade-out {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.transition-enabled {
  opacity: 0; }

.transition-in {
  -webkit-animation: fade-in ease-in;
  animation: fade-in ease-in;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }

.transition-out {
  opacity: 1;
  -webkit-animation: fade-out ease-out;
  animation: fade-out ease-out;
  -webkit-animation-duration: 0.25s;
  animation-duration: 0.25s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards; }
.link-transition a {
  transition: background 0.2s ease, color 0.2s ease; }
  .link-transition a svg {
    transition: fill 0.2s ease; }