#close-btn {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 10001;
  cursor: pointer;
  color: #fff; }

#viewer {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.9);
  overflow: hidden;
  animation-duration: 600ms; }
  #viewer .owl-nav img {
    height: 40px; }
  #viewer .owl-nav .owl-prev {
    position: absolute;
    left: 20px;
    top: 45%;
    z-index: 9;
    background: none;
    font-size: 24px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    #viewer .owl-nav .owl-prev:hover {
      transform: scale(1.05); }
  #viewer .owl-nav .owl-next {
    position: absolute;
    right: 20px;
    top: 45%;
    z-index: 9;
    background: none;
    font-size: 24px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    #viewer .owl-nav .owl-next:hover {
      transform: scale(1.05); }
  #viewer .item {
    position: relative;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    z-index: 10001; }
    #viewer .item .image-holder {
      max-width: 90%;
      height: 80vh;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      #viewer .item .image-holder img {
        width: auto !important;
        height: 100%;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
    #viewer .item .counter {
      color: #fff; }

/*# sourceMappingURL=viewer.css.map */