$borderGallery: $border-items;




.pswp__button {
  &.pswp__button--share {
    display: none;
  }

}
//миниатюрки
.gallery_min-wrapper {
  height: auto;
  position: absolute !important;
  top: 0;
  left: 0;
  &.child-has-gallery-jcarousel {
    padding: 49px 0 !important;
  }
}
.gallery_min {
  //$widthImg:67;
  //$heightImg:58;
  //$padding:5;


  //max-height: 457px;
  height: 100%;


  &.jcarousel {

  }
  .marginLastVertical {
    //margin-top: -30px;
  }

  .jcarousel-control-next {
    &:after {
      //width: 100%;
      //height: 36px;
      //@include Gradient-vertical(rgba(255,255,255,0),#fff);
      //content: '';
      //position: absolute;
      //left: 0;
      //bottom: 30px;
      //z-index: 2;
    }
    &.inactive {
      &:after {
        display: none;
      }
    }
  }
  .last_prev {
    &:after {
      //width: 100%;
      //height: 36px;
      //@include Gradient-vertical(#fff,rgba(255,255,255,0));
      //content: '';
      //position: absolute;
      //left: 0;
      //top: 30px;
      //z-index: 2;
    }
  }


  div {
    width: 100%;
    float: left;
    display: table;
    height: 82px;
    text-align: center;
    position: relative;
    margin-top: 15px;
    &:first-child {
      margin-top: 0;
    }
    a {
      position: relative;
      display: table-cell;
      vertical-align: middle;
      img {
        vertical-align: middle;
        max-width: 100%;
        max-height: 100%;
        @include Transition(0.2);
      }

    }
    /********/
    &.video_pic {
      a {
        position: relative;
        &:before {
          @include svgIcon;
          position: absolute;
          $w:32;
          width: $w + px;
          height: $w + px;
          left: 50%;
          top: 50%;
          margin-top: -($w / 2) + px;
          margin-left: -($w / 2) + px;
          content: '\e902';
          color: #fff;
          font-size: $w + px;
          background: none;
          z-index: 2;
          font-weight: 700;
        }

        &:after {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          background: #000;
          @include Opacity(0.6);
          content: '';
          z-index: 1;
        }
      }
    }
    /********/
    &.active {
      &:before {
        z-index: 2;
        position: absolute;
        width: 100%;
        height: 100%;
        border: 1px solid $blocks-color;
        content: '';
        left: 0;
        top: 0;
        cursor: default;
      }
    }
  }

}

.video_pic {

}

.video_big_img {
  position: relative;
  background: #000;



  &:before {
    @include svgIcon;
    position: absolute;
    width: 22px;
    height: 25px;
    left: 50%;
    top: 50%;
    margin-top: -12px;
    margin-left: -11px;
    content: '\e902';
    color: #fff;
    font-size: 25px;
    background: none;
    z-index: 2;
    font-weight: 700;
  }
  &:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    @include Opacity(0.6);
    content: '';
    z-index: 1;
  }
}



/////////////////////
.my-gallery {
  overflow: hidden;
  //border: 1px solid $borderGallery;
  //height: 457px;
  height: 360px;
  position: relative;

  figure {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
    a {
      display: table-cell;
      vertical-align: middle;
      img {
        max-width: 100%;
        max-height: 100%;
        vertical-align: middle;
        @include Transition(0.2);
      }
    }
    &:hover {
      a {
        img {
          //@include Opacity(0.9);
        }
      }
    }
  }
}



.help_class {
  a {
    &:first-child {
      display: table-cell !important;
    }
  }
}

.pswp__item {
  .wrapper {
    $w:860;
    $h:540;
    width: $w + px;
    height: $h + px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -($h / 2) + px;
    margin-left: -($w / 2) + px;

    iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important;
    }
  }
}
.pswp {
  .pswp__bg {
    @include Opacity(0.85);
  }
}
.video_pic {
  img {
    max-height: 88px;
  }
}
@media (max-width: 1200px) {
  .my-gallery {
    height: 293px;
  }
   .gallery_min {
    div {
      height: 65px;
    }
  }
}
@media (max-width: 991px) {
  .gallery_min  {
    .row {
      div {
        //height: 60px;
      }
    }
  }
  .my-gallery {

    height: 285px;
    figure {
      a {
        img {
          //max-height: 226px;



        }
      }
    }
  }

  .gallery_min-wrapper.child-has-gallery-jcarousel {
    //max-height: 383px;
  }

}

@media (max-width: 950px) {
  .my-gallery figure a {
    vertical-align: top;
  }
}
@media (max-width: 925px) {
  .column-card-3-bl span {
    font-size: 10px;
  }
}
@media (max-width: 910px) {
  .gallery_min div {
    height: 58px;
  }
  .card-num-stock {
    margin-right: 15px;
  }
}
@media (max-width: 850px) {
  .my-gallery {
    height: 250px;
  }
}
@media (max-width: 770px) {
  .gallery_min div {
    height: 47px;
  }
}
@media (max-width: 767px) {
  .my-gallery {
    height: auto;
  }
  //.gallery_min-wrapper.child-has-gallery-jcarousel {
  //  max-height: 302px;
  //}
}

@media (max-height: 640px) {
  .pswp__item {
    .wrapper {
      $w:660;
      $h:340;

      height: $h + px;
      margin-top: -($h / 2) + px;

    }
  }
}

@media (max-height: 440px) {
  .pswp__item {
    .wrapper {
      $w:460;
      $h:240;
      height: $h + px;
      margin-top: -($h / 2) + px;
    }
  }
}
@media (max-height: 310px) {
  .pswp__item {
    .wrapper {
      $w:300;
      $h:160;
      height: $h + px;
      margin-top: -($h / 2) + px;
    }
  }
}
@media (max-height: 200px) {
  .pswp__item {
    .wrapper {
      $w:200;
      $h:100;
      height: $h + px;
      margin-top: -($h / 2) + px;
    }
  }
}



/**vertical slider**/
.jcarousel-container-vertical {
  height: 457px;
}
/**vertical slider**/
.undefined {
  display: none !important;
}

@media (max-width: 991px) {
  .pswp__item {
    .wrapper {
      $w:760;
      width: $w + px;
      margin-left: -($w / 2) + px;
    }
  }
}


@media (max-width: 890px) {
  .pswp__item {
    .wrapper {
      $w:660;
      width: $w + px;
      margin-left: -($w / 2) + px;
    }
  }
}

@media (max-width: 790px) {
  .pswp__item {
    .wrapper {
      $w:560;
      width: $w + px;
      margin-left: -($w / 2) + px;
    }
  }
}

@media (max-width: 670px) {
  .pswp__item {
    .wrapper {
      $w:460;
      width: $w + px;
      margin-left: -($w / 2) + px;
    }
  }
}

@media (max-width: 540px) {
  .pswp__item {
    .wrapper {
      width: 100%;
      margin-left: 0;
      left: 0;
    }
  }
}