/*General*/
.img-gallery{ width: 100%; height: 100%; }
.pswp .pswp__bg {background: rgba(0, 0, 0, 0.9); }
.gallery-img.box{ position: relative; padding: 20px; margin-bottom: 0; }
.main .pswp{z-index: 2000;}
.pswp__top-bar .pswp__counter{font-size: 14px;}

/*arrows + caption*/
.pswp__caption .pswp__button--arrow--left{ left: 9px; }
.pswp__caption .pswp__button--arrow--right{ right: 9px; }
.pswp__caption .pswp__button--arrow--left:before{ background: url(../img/CT-Left-01.svg) 0 0 no-repeat; background-size: 32px 30px; }
.pswp__caption .pswp__button--arrow--right:before{ background: url(../img/CT-Right-01.svg)0 0 no-repeat; background-size: 32px 30px; }
.pswp__caption .pswp__button--arrow--left, .pswp__caption .pswp__button--arrow--right{ top: auto; }
.pswp__ui--fit .pswp__caption.bottom{ position: absolute; top:50%; background-color: transparent; } 
.pswp__caption__center{ display: none;}
.gallery-img.box.box-gallery figcaption{ display: none;}

/*close + zoom + fs*/
.pswp__button.pswp__button--close{ background: url(../img/CT_Close-01.svg)0 0 no-repeat; background-size: 32px 30px; background-position-y: 75%; margin-left: 13px; margin-right: 3px;}
.pswp__button.pswp__button--zoom{ background: url(../img/CT_ZoomIn-01.svg)0 0 no-repeat; background-size: 22px 22px; background-position-y: 75%; }
.pswp--zoomed-in .pswp__button.pswp__button--zoom { background:url(../img/CT_ZoomOut-01.svg)0 0 no-repeat; background-size: 22px 22px; background-position-y: 75%; }
.pswp--supports-fs .pswp__button.pswp__button--fs{ display: none; }

/*overlay*/
.img_overlay { -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 0; position: absolute; top:  0; bottom: 0; right: 0; left: 0; background: rgba(255, 0, 0, 0.7); cursor: pointer; }
.box-gallery.box:hover .img_overlay { opacity: 1; }
.img_overlay svg { width: 30px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
.gallery-img.box.box-gallery a { padding: 0; }

/*zoom effect*/
img.img-gallery{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3ss ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.box-gallery.box:hover img.img-gallery{ -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15);}

/*mobile*/
@media (max-width: 991px){
	.pswp__zoom-wrap img:nth-child(-n+2){max-width: none;}
}