@keyframes loop{0%{transform-origin:0 50%;transform:scale3d(0,1,1)}50%{transform-origin:0 50%;transform:scale3d(1,1,1)}51%{transform-origin:100% 50%}100%{transform-origin:100% 50%;transform:scale3d(0,1,1)}}.xb-img-reveal-wrapper{position:fixed;width:385px;height:auto;top:0;left:0;pointer-events:none;opacity:0;z-index:9}.xb-img-reveal-wrapper__img,.xb-img-reveal-wrapper__inner{width:100%;height:100%;position:relative}.xb-img-reveal-wrapper__img{background-size:cover;background-position:50% 50%}.xb-hover-wrapper{display:inline-block}.xb-hover-wrapper .xb-hover-cat{background-color:var(--color-white);padding:6px 32px;text-transform:uppercase;font-weight:600;display:inline-block;font-size:12px;color:#000}.xb-hover-wrapper .xb-hover-title{margin:0 0;font-size:22px;line-height:1.4;color:#000;background-color:var(--color-primary);padding:18px 30px;border-radius:5px;border-top-left-radius:0;text-transform:uppercase}.xbImage__hover a{position:relative;overflow:hidden;display:inline-block}.xbImage__hover img{-webkit-filter:grayscale(100%);filter:grayscale(100%);transition:.3s}.portfolio-item:hover .xbImage__hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}