body.gallery

  h1.streamer
    margin: 50px 0
    width: 100%
    text-align: center

    .text
      width: 460px

.photoGallery

  .nav
    position: relative
    float: left
    padding-top: 20px
    width: 20%

    +respond-to(handheld)
      display: none

.photoGallery
  .imageFrame
    float: right
    width: 80%
    margin-bottom: 60px
    +respond-to(handheld)
      width: 100%

    .gallery
      position: relative
      overflow: hidden
      width: 100%
      max-height: 500px
      background: #BEBAB9

#productSlider
  position: relative
  float: left
  list-style: none
  padding: 0
  margin: 0

  li
    overflow: hidden
    float: left

#productSliderNav
  margin-bottom: 0
.photoGalleryBack
  margin-top: 0
  padding-left: 0

.photoGallery

  .swiper-pagination-bullet, .counter-back
    display: block
    margin: 0 0 10px 0
    padding: 4px 0 0 10px
    width: 20px
    height: 26px
    background: no-repeat url('/images/structure/coevering_sprite.png') -510px -10px
    color: #fff
    font-size: .947368421em
    font-family: 'DIN Next W02 Medium',arial,sans-serif
    cursor: pointer

    a
      padding: 30px 45px

    &.swiper-pagination-bullet-active
      background-position: -130px -10px

    &:hover
      background-position: -550px -10px

    &.first
      a
        padding-left: 0

        .arrow
          margin-left: -37

    &.last
      a
        padding-right: 0
        margin-right: 0

        .arrow
          margin-left: 12px

    &.back
      position: relative
      background: no-repeat url('/images/structure/coevering_sprite.png') -420px -10px

      a
        position: relative
        display: block
        z-index: 1100
        width: 100%
        height: 100%


  .swiper-counter
    pointer-events: none
    position: absolute
    top: 20px
    left: 0
    span
      display: block
      margin: 0 0 10px 0
      padding: 4px 0 0 5px
      width: 20px
      height: 26px
      color: #fff
      font-size: .947368421em
      font-family: 'DIN Next W02 Medium',arial,sans-serif
      text-align: center