.xo-e-move-left .imagebox__hover{transform:translateX(-100%);transition:all .3s cubic-bezier(0.5, 0.72, 0.24, 0.94)}.xo-e-move-left .imagebox__hover:after{opacity:.6}.xo-e-move-left:hover .imagebox__hover{transform:translate(0)}.xo-e-swipe .imagebox__media{position:relative}.xo-e-swipe .imagebox__hover{position:absolute;top:0;left:0;bottom:0;right:0}.xo-e-swipe .imagebox__media{z-index:1}.xo-e-swipe .imagebox__media:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);transition:all .5s ease}.xo-e-swipe .imagebox__hover{z-index:2}.xo-e-swipe .imagebox__hover:before,.xo-e-swipe .imagebox__hover:after{content:"";display:block;position:absolute;width:210%;height:30%;z-index:1;left:115%;top:-10%;transform:translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg)}.xo-e-swipe .imagebox__hover:before{background-color:rgba(255,255,255,.15);transition:all .8s ease-in-out}.xo-e-swipe .imagebox__hover:after{background-color:rgba(255,255,255,.08);transition:all 1.1s ease-in-out}.xo-e-swipe .imagebox__media:before,.xo-e-swipe .imagebox__hover .xo-tb{opacity:0;transition:all .5s ease}.xo-e-swipe:hover .imagebox__media:before,.xo-e-swipe:hover .imagebox__hover .xo-tb{opacity:1}.xo-e-swipe:hover .imagebox__hover:before{left:-100%;top:210%;height:220%}.xo-e-swipe:hover .imagebox__hover:after{left:-100%;top:210%;height:100%}.xo-hoverdir .imagebox__hover{transition:all 0s;left:100%;right:auto;bottom:auto;width:100%;height:100%;overflow:hidden}.xo-hoverdir .imagebox__hover:after{--xo-imgbox-opa: .6}.xo-gallery{--xo-loading-color: #bdbdbd}.grid-loading-effect{height:40px;width:40px;transform:rotateZ(45deg)}.grid-loading-effect div{position:relative;float:left;width:50%;height:50%;transform:scale(1.1)}.grid-loading-effect div:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#bdbdbd;animation:xoloadingdefault 2.4s infinite linear both;transform-origin:100% 100%}.grid-loading-effect .ld-cube2{transform:scale(1.1) rotateZ(90deg)}.grid-loading-effect .ld-cube2:before{animation-delay:.3s}.grid-loading-effect .ld-cube4{transform:scale(1.1) rotateZ(270deg)}.grid-loading-effect .ld-cube4:before{animation-delay:.9s}.grid-loading-effect .ld-cube3{transform:scale(1.1) rotateZ(180deg)}.grid-loading-effect .ld-cube3:before{animation-delay:.6s}@keyframes xoloadingdefault{0%,10%{transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(140px) rotateX(0deg);opacity:1}90%,100%{transform:perspective(140px) rotateY(180deg);opacity:0}}