.photobox{display:inline-block;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(22 160 219 / .8));border-radius:50%;mix-blend-mode:color;position:absolute;top:50%;left:50%;z-index:2;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}.hovereffect{height:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor:pointer;background:#16a0db}.hovereffect .overlay1{position:absolute;overflow:hidden;width:80%;left:10%;bottom:1%;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1)}.hovereffect:hover .overlay1{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.hovereffect img{display:block;position:relative;-webkit-transition:all 0.25s ease-out 0s;transition:all 0.25s ease-out 0s}.hovereffect:hover img{mix-blend-mode:multiply}.hovereffect h3{text-align:center;position:relative;font-size:20px;background-color:#fff0;color:#FFF;padding:1em 0;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.hovereffect a,.hovereffect p{color:#FFF;padding:1em 0;opacity:0;filter:alpha(opacity=0);-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.hovereffect:hover a,.hovereffect:hover p,.hovereffect:hover h3{opacity:1;filter:alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}