.photobox{display:inline-block;--photoboxOverlay:rgba(8, 27, 120, 0.33);cursor:pointer;photoboxAnimationDuration:.5s}.photobox img{transition:transform 0.8s ease-in-out 0s}.photobox:hover img{transform:scale(1.08);transition:all 1.5s ease 0s}.photobox:hover .thumbs-bar1 img{transform:none;transition:none}.photobox:hover .thumbs-bar2 img{transform:none;transition:none}.previewbox{position:relative;overflow:hidden}.preview{display:block;max-width:100%}.previewbox:before,.previewbox:after{content:""}.photobox-effect1 .previewbox:before{width:0;height:0;padding:25%;background-color:var(--photoboxOverlay,rgb(0 0 0 / .8));border-radius:50%;position:absolute;top:50%;left:50%;z-index:99;transition:-webkit-transform var(--photoboxAnimationDuration,.4s) ease;transition:transform var(--photoboxAnimationDuration,.4s) ease;transition:transform var(--photoboxAnimationDuration,.4s) ease,-webkit-transform var(--photoboxAnimationDuration,.4s) ease;will-change:transform;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}.photobox-effect1:hover .previewbox:before{-webkit-transform:translate(-50%,-50%) scale(4);transform:translate(-50%,-50%) scale(4);transition-duration:calc(var(--photoboxAnimationDuration, .4s) * 2)}.photobox-effect1{position:relative;z-index:1;overflow:hidden;cursor:pointer}.photobox-effect1 img{width:100%;-webkit-transition-duration:800ms;-o-transition-duration:800ms;transition-duration:800ms}.photobox-effect1:hover img{filter:grayscale(100%);-webkit-filter:grayscale(100%)}html.cl-preload .banner-up{opacity:0}html.cl-loaded .banner-up{animation-duration:2s;-webkit-animation-name:fadeIn;animation-name:fadeIn}html.no-csstransitions .banner-up{opacity:1}@-webkit-keyframes fadeIn{from{opacity:0;-webkit-transform:translate3d(0,150%,0);-ms-transform:translate3d(0,150%,0);transform:translate3d(0,150%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeIn{from{opacity:0;-webkit-transform:translate3d(0,150%,0);-ms-transform:translate3d(0,150%,0);transform:translate3d(0,150%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-150%,0);-ms-transform:translate3d(0,-150%,0);transform:translate3d(0,-150%,0)}}@keyframes fadeOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-150%,0);-ms-transform:translate3d(0,-150%,0);transform:translate3d(0,-150%,0)}}