@-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
 }
}