.lightbox {display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;}
.lightbox a {width: 10%; padding: 5px; display: block}
.lightbox a:hover {transform: scale(1.1)}
.lightbox a img {max-width: 100%; height: auto; float: left}

body.hidden-scroll {
  overflow: hidden;
}

.sl-overlay {position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: #fff;opacity: 0.95;display: none;z-index: 1050;}
.sl-wrapper {z-index: 1040;}
.sl-wrapper button {border: 0 none;background: transparent;font-size: 28px;padding: 0;cursor: pointer;}
.sl-wrapper button:hover {opacity: 0.7;}
.sl-wrapper .sl-close {display: none;position: fixed;right: 30px;top: 30px;z-index: 1060;margin-top: -14px;margin-right: -14px;height: 44px;width: 44px;line-height: 44px;font-family: Arial, Baskerville, monospace;color: #2f2f2f;font-size: 3rem;}
.sl-wrapper .sl-close:focus {outline: none;}
.sl-wrapper .sl-counter {display: none;position: fixed;top: 30px;left: 30px;z-index: 1060;color: #2f2f2f;font-size: 1rem;}
.sl-wrapper .sl-navigation {width: 100%;display: none;}
.sl-wrapper .sl-navigation button {position: fixed;top: 50%;margin-top: -22px;height: 44px;width: 22px;line-height: 44px;text-align: center;display: block;z-index: 1060;font-family: Arial, Baskerville, monospace;color: #2f2f2f;}
.sl-wrapper .sl-navigation button.sl-next {right: 5px;font-size: 2rem;}
.sl-wrapper .sl-navigation button.sl-prev {left: 5px;font-size: 2rem;}
.sl-wrapper .sl-navigation button:focus {outline: none;}

@media (min-width: 35.5em) {.sl-wrapper .sl-navigation button {width: 44px;  }
.sl-wrapper .sl-navigation button.sl-next {right: 10px;font-size: 3rem;  }  
  .sl-wrapper .sl-navigation button.sl-prev {left: 10px;font-size: 3rem;  }
}

@media (min-width: 50em) {
  .sl-wrapper .sl-navigation button {width: 44px;  }
  .sl-wrapper .sl-navigation button.sl-next {right: 20px;font-size: 3rem;  }
  .sl-wrapper .sl-navigation button.sl-prev {left: 20px;font-size: 3rem;  }
}

.sl-wrapper .sl-image {position: fixed;-ms-touch-action: none;touch-action: none;z-index: 10000;}
.sl-wrapper .sl-image img {margin: 0;padding: 0;display: block;border: 0 none;}

@media (min-width: 35.5em) {
  .sl-wrapper .sl-image img {border: 0 none;  }
}

@media (min-width: 50em) {
  .sl-wrapper .sl-image img {border: 0 none;  }
}

.sl-wrapper .sl-image iframe {background: #2f2f2f;border: 0 none;}

@media (min-width: 35.5em) {
  .sl-wrapper .sl-image iframe {border: 0 none;  }
}

@media (min-width: 50em) {
  .sl-wrapper .sl-image iframe {border: 0 none;  }
}

.sl-wrapper .sl-image .sl-caption {display: none;padding: 10px;color: #fff;background: rgba(0, 0, 0, 0.8);font-size: 1rem;position: absolute;bottom: 0;left: 0;right: 0;}
.sl-wrapper .sl-image .sl-caption.pos-top {bottom: auto;top: 0;}
.sl-wrapper .sl-image .sl-caption.pos-outside {bottom: auto;}
.sl-wrapper .sl-image .sl-download {display: none;position: absolute;bottom: 5px;right: 5px;color: #2f2f2f;z-index: 1060;}
.sl-spinner {display: none;border: 5px solid #333;border-radius: 40px;height: 40px;left: 50%;margin: -20px 0 0 -20px;opacity: 0;position: fixed;top: 50%;width: 40px;z-index: 1007;-webkit-animation: pulsate 1s ease-out infinite;-moz-animation: pulsate 1s ease-out infinite;-ms-animation: pulsate 1s ease-out infinite;-o-animation: pulsate 1s ease-out infinite;animation: pulsate 1s ease-out infinite;}
.sl-scrollbar-measure {position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll;}

@-webkit-keyframes pulsate {
  0% {transform: scale(0.1);opacity: 0.0;  }
  50% {opacity: 1;  }
  100% {transform: scale(1.2);opacity: 0;  }
}
@keyframes pulsate {
  0% {transform: scale(0.1);opacity: 0.0;  }
  50% {opacity: 1;  }
  100% {transform: scale(1.2);opacity: 0;  }
}
@-moz-keyframes pulsate {
  0% {transform: scale(0.1);opacity: 0.0;  }
  50% {opacity: 1;  }
  100% {transform: scale(1.2);opacity: 0;  }
}
@-o-keyframes pulsate {
  0% {transform: scale(0.1);opacity: 0.0;  }
  50% {opacity: 1;  }
  100% {transform: scale(1.2);opacity: 0;  }
}
@-ms-keyframes pulsate {
  0% {transform: scale(0.1);opacity: 0.0;  }
  50% {opacity: 1;  }
  100% {transform: scale(1.2);opacity: 0;  }
}

@media screen and (max-width: 800px) {
  .lightbox a {width: 25%}
}