.hoverbox-section .wrapper{width:1500px;max-width:100%}.hoverbox-col{float:none;display:inline-block;vertical-align:top;width:33.33%;margin:0 -2px;padding:0 30px 80px}.hoverbox-wrap{display:inline-block;vertical-align:top;width:100%;position:relative;margin-top:-85px;text-align:center}.hoverbox-imgbox{display:inline-block;vertical-align:top;width:100%;height:335px;position:relative;border-radius:15px;overflow:hidden;cursor:pointer}.hoverbox-imgbox:before{position:absolute;content:"";height:100%;width:100%;top:0;left:0;background-color:;opacity:.55;transition:all ease-in-out 1s;-moz-transition:all ease-in-out 1s;-ms-transition:all ease-in-out 1s;-o-transition:all ease-in-out 1s;-webkit-transition:all ease-in-out 1s}.hoverbox-title{position:absolute;top:50%;left:50%;float:left;width:100%;text-align:center;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}.hoverbox-title h5{color:#fff}.hoverbox-colinner{display:inline-block;vertical-align:top;width:100%;position:relative;overflow:hidden}.hoverbox{position:absolute;top:100%;left:0;height:100%;width:100%;z-index:1;background-color:;opacity:.91;border-radius:15px;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center;transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s}.hoverinner{height:300px;display:flex;align-items:center;justify-content:center;transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s}.hoverbox-colinner .mCSB_inside>.mCSB_container{margin:0}.hoverbox-title h5{position:relative;float:none;display:inline-block;vertical-align:top;padding-bottom:5px}.hoverbox-title h5:after{position:absolute;content:"";height:2px;width:100%;bottom:0;left:0;background:#fff}.hoverbox-text{display:inline-block;vertical-align:top;font-size:14px;width:390px;max-width:100%;line-height:23px;margin:16px 0 30px;padding:0 15px;color:#fff}.hoverbox-link{display:inline-block;vertical-align:top;width:100%;color:#fff}.hoverbox-link span{color:#fff;font-weight:600;display:inline-block;vertical-align:top;padding-right:20px;position:relative}.hoverbox-link span:after{position:absolute;content:"";height:12px;width:15px;right:0;top:5px;background:url('https://f.hubspotusercontent00.net/hubfs/366352/ecolane-theme-2020/images/find-arrow.png') no-repeat center / cover;transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s}.hoverbox-link span:hover:after{right:-10px}.hoverbox-colinner:hover .hoverbox{top:0}.hoverbox-colinner:hover .hoverbox-imgbox:before{opacity:0}.hoverbox-colinner:hover .hoverbox-title{opacity:0}