.pswp__button {
      width: 44px;
      height: 44px;
      position: relative;
      background: 0 0;
      cursor: pointer;
      overflow: visible;
      -webkit-appearance: none;
      display: block;
      border: 0;
      padding: 0;
      margin: 0;
      float: right;
      opacity: .75;
      -webkit-transition: opacity .2s;
      transition: opacity .2s;
      -webkit-box-shadow: none;
      box-shadow: none
    }

    .pswp__button:focus,
    .pswp__button:hover {
      opacity: 1
    }

    .pswp__button:active {
      outline: 0;
      opacity: .9
    }

    .pswp__button::-moz-focus-inner {
      padding: 0;
      border: 0
    }

    .pswp__button,
    .pswp__button--arrow--left:before,
    .pswp__button--arrow--right:before {
      background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAABYCAQAAACjBqE3AAAB6klEQVR4Ae3bsWpUQRTG8YkkanwCa7GzVotsI/gEgk9h4Vu4ySLYmMYgbJrc3lrwZbJwC0FMt4j7F6Y4oIZrsXtgxvx/1c0ufEX4cnbmLCmSJEmSJEmSJEmSJP3XCBPvbJU+8doWmDFwyZpLBmYlNJebz0KwzykwsuSYJSNwykEJreV2BaBMaLIQZ2xYcFgqDlmw4ayE/FwL0dDk4Qh4W37DAjgqIT+3HRbigjH+iikVdxgZStgyN0Su2sXIeTwTT+esdpcbIlfNAuZ/TxresG4zV8kYWSZNiKUTokMMSWeIwTNEn4fK2TW3gRNgVkJLuVksROA9G+bEvoATNlBCa7nZXEwdxEZxzpKRKFh+bsv8LmPFmhX1OwfIz81jIRJQ5eeqG9B+riRJkiRJkiRJkiRJkiRJkiRJUkvA/8RQoEpKlJWINFkJ62AlrEP/mNBibnv2yz/A3t7Uq3LcpoxP8COjC1T5vxoAD5VdoEqdDrd5QuW1swtUSaueh3zkiuBiqgtA2OlkeMcP/uDqugsJdbjHF65VdPMKwS0+WQc/MgKvrIOHysB9vgPwk8+85hmPbnQdvHZyDMAFD7L3EOpgMcVdvnHFS0/vlatrXvCVx0U9gt3fxvnA0/hB4nmRJEmSJEmSJEmSJGmHfgFLaDPoMu5xWwAAAABJRU5ErkJggg==") 0 0 no-repeat;
      background-size: 264px 88px;
      width: 44px;
      height: 44px
    }

    .pswp__button--close {
      background-position: 0 -44px
    }

    .pswp__button--share {
      background-position: -44px -44px
    }

    .pswp__button--fs {
      display: none
    }

    .pswp__button--zoom {
      display: none;
      background-position: -88px 0
    }

    .pswp__button--arrow--left,
    .pswp__button--arrow--right {
      background: 0 0;
      top: 50%;
      margin-top: -50px;
      width: 70px;
      height: 100px;
      position: absolute
    }

    .pswp__button--arrow--left {
      left: 0
    }

    .pswp__button--arrow--right {
      right: 0
    }

    .pswp__button--arrow--left:before,
    .pswp__button--arrow--right:before {
      content: "";
      top: 35px;
      background-color: rgba(0, 0, 0, .3);
      height: 30px;
      width: 32px;
      position: absolute
    }

    .pswp__button--arrow--left:before {
      left: 6px;
      background-position: -138px -44px
    }

    .pswp__button--arrow--right:before {
      right: 6px;
      background-position: -94px -44px
    }

    .pswp__counter,
    .pswp__share-modal {
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none
    }

    .pswp__share-modal {
      display: block;
      background: rgba(0, 0, 0, .5);
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      padding: 10px;
      position: absolute;
      z-index: 1600;
      opacity: 0;
      -webkit-transition: opacity .25s ease-out;
      transition: opacity .25s ease-out;
      -webkit-backface-visibility: hidden;
      will-change: opacity
    }

    .pswp__share-modal--hidden {
      display: none
    }

    .pswp__share-tooltip {
      z-index: 1620;
      position: absolute;
      background: #fff;
      top: 56px;
      border-radius: 2px;
      display: block;
      width: auto;
      right: 44px;
      -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
      box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
      -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
      transform: translateY(6px);
      -webkit-transition: -webkit-transform .25s;
      transition: transform .25s;
      -webkit-backface-visibility: hidden;
      will-change: transform
    }

    .pswp__counter {
      position: absolute;
      left: 0;
      top: 0;
      height: 44px;
      font-size: 13px;
      line-height: 44px;
      color: #fff;
      opacity: .75;
      padding: 0 10px
    }

    .pswp__caption {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      min-height: 44px
    }

    .pswp__caption__center {
      text-align: left;
      max-width: 420px;
      margin: 0 auto;
      font-size: 13px;
      padding: 10px;
      line-height: 20px;
      color: #ccc
    }

    .pswp__preloader {
      width: 44px;
      height: 44px;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -22px;
      opacity: 0;
      -webkit-transition: opacity .25s ease-out;
      transition: opacity .25s ease-out;
      will-change: opacity;
      direction: ltr
    }

    .pswp__preloader__icn {
      width: 20px;
      height: 20px;
      margin: 12px
    }

    @media screen and (max-width:1024px) {
      .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
      }
    }

    @-webkit-keyframes clockwise {
      0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
      }

      100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
      }
    }

    @keyframes clockwise {
      0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
      }

      100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
      }
    }

    @-webkit-keyframes donut-rotate {
      0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
      }

      50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
      }

      100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
      }
    }

    @keyframes donut-rotate {
      0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
      }

      50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
      }

      100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
      }
    }

    .pswp__ui {
      -webkit-font-smoothing: auto;
      visibility: visible;
      opacity: 1;
      z-index: 1550
    }

    .pswp__top-bar {
      position: absolute;
      left: 0;
      top: 0;
      height: 44px;
      width: 100%
    }

    .pswp--has_mouse .pswp__button--arrow--left,
    .pswp--has_mouse .pswp__button--arrow--right,
    .pswp__caption,
    .pswp__top-bar {
      -webkit-backface-visibility: hidden;
      will-change: opacity;
      -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
      transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
    }

    .pswp__caption,
    .pswp__top-bar {
      background-color: rgba(0, 0, 0, .5)
    }

    .pswp__ui--hidden .pswp__button--arrow--left,
    .pswp__ui--hidden .pswp__button--arrow--right,
    .pswp__ui--hidden .pswp__caption,
    .pswp__ui--hidden .pswp__top-bar {
      opacity: .001
    }