@-webkit-keyframes hide {
  0% {
    opacity:1
  }
  to {
    opacity:0
  }

}

@keyframes hide {
  0% {
    opacity:1
  }
  to {
    opacity:0
  }

}

.t-body_scroll-locked {
  position:fixed;
  left:0;
  width:100%
}

.t-zoomer__show_fixed {
  height:100vh;
  max-height:100vh;
  max-width:100%;
  overflow:hidden
}

.t-zoomer__wrapper {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:-1;
  opacity:0;
  -webkit-transform:translate3d(0,0,0);
  transform:translate3d(0,0,0);
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
  transition:transform .3s ease-out;
  transition:transform .3s ease-out,-webkit-transform .3s ease-out
}

.t-zoomer__show .zoomer-no-scale .t-carousel__zoomer__inner {
  cursor:default
}

.t-zoomer__show .t-zoomer__wrapper {
  z-index:9999999;
  opacity:1
}

.t-zoomer__container {
  text-align:center;
  top:0
}

.t-zoomer__bg,.t-zoomer__container {
  position:absolute;
  right:0;
  bottom:0;
  left:0
}

.t-zoomer__bg {
  top:0;
  background:#fff;
  cursor:zoom-in
}

.t-zoomer__comments {
  display:block;
  height:auto;
  padding:14px;
  text-align:center;
  max-width:700px;
  box-sizing:border-box;
  margin:0 auto;
  -webkit-transform:translate3d(0,0,0)
}

.t-zoomer__descr {
  z-index:3
}

.t-zoomable,.t-zoomer__show .t-carousel__zoomer__inner,.t-zoomer__show .t-zoomable {
  cursor:zoom-in
}

.t-zoomer__container {
  z-index:99999999
}

.t-carousel__zoomed,.t-carousel__zoomer__slides {
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0
}

.t-carousel__zoomer__inner {
  position:absolute;
  top:15px;
  right:15px;
  bottom:15px;
  left:15px;
  overflow:hidden
}

.t-carousel__zoomer__item,.t-carousel__zoomer__track {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}

.t-carousel__zoomer__track {
  position:absolute;
  top:0;
  bottom:0;
  transition-property:transform;
  transition-property:transform,-webkit-transform;
  transition-duration:.25s;
  transition-timing-function:cubic-bezier(.29,.39,.2,.96);
  -webkit-backface-visibility:hidden;
  -webkit-transform-style:preserve-3d
}

.t-carousel__zoomer__item {
  width:100vw;
  height:100%;
  -webkit-flex-shrink:0;
  -ms-flex-negative:0;
  flex-shrink:0;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center
}

.t-carousel__zoomer__img {
  display:block;
  max-width:100%;
  max-height:calc(100vh - 30px);
  object-fit:contain;
  margin:auto;
  overflow:auto;
  -webkit-transform:none;
  -webkit-backface-visibility:hidden
}

.t-zoomer__close {
  width:auto;
  height:auto;
  right:10px;
  top:10px;
  padding:10px;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  position:fixed;
  cursor:pointer;
  transition:opacity ease-in-out .3s;
  z-index:999999999999
}

.t-zoomer__close:hover {
  opacity:.7
}

.t-zoomer__close-line {
  position:absolute;
  left:15px;
  height:26px;
  width:2px;
  background-color:#222
}

.t-zoomer__close-line-first {
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg)
}

.t-zoomer__close-line-second {
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg)
}

.t-carousel__zoomer__control {
  position:absolute;
  top:50px;
  bottom:50px;
  left:0;
  width:15%;
  transition:opacity ease-in-out .3s;
  cursor:pointer;
  z-index:99
}

.t-carousel__zoomer__control_right {
  left:auto;
  right:0
}

.t-carousel__zoomer__control:hover {
  opacity:.6
}

.t-carousel__zoomer__arrow {
  width:18px;
  height:18px;
  background:0 0;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg)
}

.t-carousel__zoomer__arrow__wrapper {
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%) scale(.8);
  position:absolute;
  top:50%
}

.t-carousel__zoomer__arrow_right {
  border-top:2px solid;
  border-right:2px solid
}

.t-carousel__zoomer__arrow_left {
  border-left:2px solid;
  border-bottom:2px solid
}

img.t-carousel__zoomer__img.ui-draggable.ui-draggable-handle {
  cursor:grab
}

.t-carousel__zoomer__arrow__wrapper:before {
  content:'';
  width:26px;
  height:26px;
  position:absolute;
  background:rgba(255,255,255,.3);
  border-radius:50%;
  padding:10px;
  top:calc(50% - 23px)
}

.t-carousel__zoomer__arrow__wrapper_dark:before {
  background:rgba(1,1,1,.3)
}

.t-carousel__zoomer__arrow__wrapper.t-carousel__zoomer__arrow__wrapper_left:before {
  left:calc(50% - 26px)
}

.t-carousel__zoomer__arrow__wrapper.t-carousel__zoomer__arrow__wrapper_right:before {
  right:calc(50% - 26px)
}

.scale-active .t-carousel__zoomer__img {
  max-height:inherit;
  max-width:inherit;
  top:unset;
  right:unset;
  bottom:unset;
  left:unset;
  cursor:zoom-out
}

.scale-active .t-carousel__zoomer__inner {
  top:0;
  right:0;
  bottom:0;
  left:0
}

.scale-active .t-carousel__zoomer__control {
  height:15%;
  margin:auto
}

.t-zoomer__scale.showed {
  position:fixed;
  right:65px;
  top:10px;
  padding:10px;
  cursor:pointer;
  transition:opacity ease-in-out .3s;
  z-index:999999999;
  display:none
}

.scale-active .t-carousel__zoomer__item.active,.t-zoomer__scale.showed .icon-increase {
  display:block
}

.scale-active .t-carousel__zoomer__img {
  position:absolute
}

.scale-active .t-carousel__zoomer__item,.scale-active .t-zoomer__scale.showed .icon-increase,.t-zoomer__scale.showed .icon-decrease {
  display:none
}

.scale-active .t-zoomer__scale.showed .icon-decrease {
  display:block
}

.t-zoomer__close,.t-zoomer__scale.showed {
  background:rgba(255,255,255,.3);
  border-radius:50%
}

.t-carousel__zoomer__arrow__wrapper_right {
  right:20px
}

.t-carousel__zoomer__arrow__wrapper_left {
  left:20px
}

.t-zoomer__scale:hover {
  opacity:.7
}

.t-zoomer__hide-animation {
  -webkit-animation-name:hide;
  animation-name:hide;
  -webkit-animation-duration:.3s;
  animation-duration:.3s;
  -webkit-animation-delay:3s;
  animation-delay:3s;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards
}

@media screen and (max-width:768px) {
  .t-carousel__zoomer__inner {
    top:0;
    right:0;
    bottom:0;
    left:0
  }
  .t-carousel__zoomer__control .t-carousel__zoomer__arrow {
    width:10px;
    height:10px
  }
  .t-carousel__zoomer-control {
    width:10%
  }
  .t-carousel__zoomer__arrow__left {
    left:15px
  }
  .t-carousel__zoomer__arrow__right {
    right:15px
  }
  .t-carousel__zoomer__arrow__wrapper:before,.t-carousel__zoomer__arrow__wrapper_dark:before {
    width:18px;
    height:18px;
    top:calc(50% - 19px)
  }
  .t-carousel__zoomer__arrow__wrapper.t-carousel__zoomer__arrow__wrapper_left:before {
    left:calc(50% - 21px)
  }
  .t-carousel__zoomer__arrow__wrapper.t-carousel__zoomer__arrow__wrapper_right:before {
    right:calc(50% - 21px)
  }

}

@supports (-webkit-overflow-scrolling:touch) {
  .t-carousel__zoomer__img {
    object-fit:contain
  }

}