22

✏️ Editing: ep-hover-box.css

.bdt-ep-hover-box{position:relative;overflow:hidden;height:440px}.bdt-ep-hover-box:before{content:'';position:absolute;background:rgba(0,0,0,0.3);width:100%;height:100%;top:0;left:0;z-index:1;transition:all .25s ease}.bdt-ep-hover-box-img-effect.bdt-effect-1 .bdt-ep-hover-box-content{transition:opacity 1.4s cubic-bezier(.24, .85, .2, 1)}.bdt-ep-hover-box-img-effect.bdt-effect-1 .bdt-ep-hover-box-content.active .bdt-ep-hover-box-img{transform:scale(1.2);pointer-events:none}.bdt-ep-hover-box-img-effect.bdt-effect-2 .bdt-ep-hover-box-content .bdt-ep-hover-box-img{transform:scale(1.3)}.bdt-ep-hover-box-img-effect.bdt-effect-2 .bdt-ep-hover-box-content.active .bdt-ep-hover-box-img{transform:scale(1);transition:transform .75s cubic-bezier(.6, -0.28, .74, .05);pointer-events:none}.bdt-ep-hover-box-item{position:relative;overflow:hidden;padding:15px;cursor:pointer;border:1px solid #fff;transition:all .25s ease}.bdt-ep-hover-box-item.active{background:#E91E63;border-color:#E91E63}.bdt-ep-hover-box-item.active .bdt-ep-hover-box-button a{color:#E91E63;background:#fff}.bdt-ep-hover-box-sub-title{color:#fff;font-size:12px;margin-bottom:3px;font-weight:500;transition:all .25s ease}.bdt-ep-hover-box-title a{color:#fff}.bdt-ep-hover-box-title{font-size:16px;font-weight:700;color:#fff;margin:0;transition:all .25s ease}.bdt-ep-hover-box-text{color:#fff;font-size:14px;line-height:1.5em;padding-top:10px;transition:all .25s ease}.bdt-ep-hover-box-text p{margin:0}.bdt-ep-hover-box-button{display:block;position:relative;padding-top:20px}.bdt-ep-hover-box-button a{font-size:12px;font-weight:600;color:#fff;padding:6px 12px;background:#E91E63;border-radius:3px;transition:all .25s ease}.bdt-ep-hover-box-icon-wrap{font-size:70px;color:rgba(255,255,255,0.4);display:inline-flex;transition:all .25s ease;position:absolute;right:-20px;bottom:-20px}.bdt-ep-hover-box-icon-wrap i,.bdt-ep-hover-box-icon-wrap svg{transition:all .25s ease}.bdt-ep-hover-box-icon-wrap svg{width:1em;height:1em;fill:rgba(255,255,255,0.4)}.bdt-ep-hover-box-item-wrap{position:relative;max-width:300px;z-index:1}.bdt-ep-hover-box-content{opacity:0}.bdt-ep-hover-box-content.active{opacity:1}.bdt-ep-hover-box-img{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;transition:transform 1.4s cubic-bezier(.24, .85, .2, 1)}.bdt-ep-hover-box-skin-envelope .bdt-ep-hover-box-grid{width:100%}.bdt-ep-hover-box-skin-envelope .bdt-column-divider{width:100%;column-gap:0}.bdt-ep-hover-box-skin-envelope .bdt-ep-hover-box-item{height:440px;border:0}.bdt-ep-hover-box-skin-envelope .bdt-ep-hover-box-item.active{background:rgba(233,30,99,0.5)}.bdt-ep-hover-box-skin-envelope .bdt-ep-hover-box-description{width:100%}.bdt-ep-hover-box-skin-envelope .bdt-ep-hover-box-description.bdt-position-top .bdt-ep-hover-box-icon-wrap,.bdt-ep-hover-box-skin-envelope .bdt-ep-hover-box-description.bdt-position-bottom .bdt-ep-hover-box-icon-wrap{right:-40px;bottom:-40px}.bdt-ep-hover-box-skin-envelope .bdt-ep-hover-box-description.bdt-position-center .bdt-ep-hover-box-icon-wrap{right:-40px}.bdt-ep-hover-box-skin-envelope .bdt-ep-hover-box-item-wrap{max-width:inherit}.bdt-ep-hover-box-skin-envelope .bdt-ep-hover-box-item-wrap>.bdt-active:before{content:'';position:absolute;height:100%;width:1px;background:#fff;top:0;left:-0.5px;z-index:1}.bdt-ep-hover-box-skin-envelope .bdt-ep-hover-box-item-wrap>.bdt-active:nth-child(1):before{width:0 !important}.bdt-ep-hover-box-skin-envelope .bdt-slidenav{color:#fff;z-index:1}.bdt-ep-hover-box-skin-envelope .bdt-slidenav svg{width:1em}.bdt-ep-hover-box-skin-flexure:before{background:transparent}.bdt-ep-hover-box-skin-flexure .bdt-ep-hover-box-item{padding:0 10px;border:0;display:inline-block;transition:all cubic-bezier(.4, 0, .2, 1) .4s}.bdt-ep-hover-box-skin-flexure .bdt-ep-hover-box-item.active{background:transparent}.bdt-ep-hover-box-skin-flexure .bdt-ep-hover-box-item.active .bdt-ep-hover-box-title a,.bdt-ep-hover-box-skin-flexure .bdt-ep-hover-box-item.active .bdt-ep-hover-box-title,.bdt-ep-hover-box-skin-flexure .bdt-ep-hover-box-item.active .bdt-ep-hover-box-sub-title{color:#E91E63;opacity:1}.bdt-ep-hover-box-skin-flexure .bdt-ep-hover-box-item.active .bdt-ep-hover-box-sub-title:before{background:rgba(233,30,99,0.3)}.bdt-ep-hover-box-skin-flexure .bdt-ep-hover-box-item.active.invisiable .bdt-ep-hover-box-title a,.bdt-ep-hover-box-skin-flexure .bdt-ep-hover-box-item.active.invisiable .bdt-ep-hover-box-title,.bdt-ep-hover-box-skin-flexure .bdt-ep-hover-box-item.active.invisiable .bdt-ep-hover-box-sub-title{color:#E91E63;opacity:1}.bdt-ep-hover-box-skin-flexure .bdt-ep-hover-box-item.invisiable .bdt-ep-hover-box-title a,.bdt-ep-hover-box-skin-flexure .bdt-ep-hover-box-item.invisiable .bdt-ep-hover-box-title,.bdt-ep-hover-box-skin-flexure .bdt-ep-hover-box-item.invisiable .bdt-ep-hover-box-sub-title{color:#E91E63;opacity:.3}.bdt-ep-hover-box-skin-flexure .bdt-ep-hover-box-title a{color:#2a3438}.bdt-ep-hover-box-skin-flexure .bdt-ep-hover-box-title{color:#2a3438;font-size:22px;font-weight:600;display:inline-block;transition:color opacity .3s ease}.bdt-ep-hover-box-skin-flexure .bdt-ep-hover-box-sub-title{color:#2a3438;display:inline;position:relative;padding-left:5px;margin-left:5px;font-weight:400;transition:color opacity .3s ease}.bdt-ep-hover-box-skin-flexure .bdt-ep-hover-box-sub-title:before{content:'';position:absolute;left:-2px;top:0;width:1px;height:100%;background:#2a3438;transform:rotate(20deg);transition:background .3s ease}@media (min-width:768px){.bdt-ep-hover-box{height:540px}.bdt-ep-hover-box-skin-envelope .bdt-ep-hover-box-item{height:540px}.bdt-ep-hover-box-item-wrap{max-width:640px}.bdt-ep-hover-box-item{padding:20px}.bdt-ep-hover-box-icon-wrap{font-size:100px}.bdt-ep-hover-box-sub-title{font-size:16px}.bdt-ep-hover-box-title{font-size:24px}.bdt-ep-hover-box-text{font-size:16px;padding-top:15px}.bdt-ep-hover-box-button{padding-top:30px}.bdt-ep-hover-box-button a{font-size:14px;padding:8px 16px}.bdt-ep-hover-box-skin-flexure .bdt-ep-hover-box-item{padding:0 20px}.bdt-ep-hover-box-skin-flexure .bdt-ep-hover-box-title{font-size:42px}}.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-item{padding:20px;border:0;text-align:center}.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-item.active{background:transparent;border-color:transparent}.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-item.active .bdt-ep-hover-box-button a{color:#fff;background:#E91E63}.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-item.active .bdt-ep-hover-box-button a:hover{color:#E91E63;background:#fff}.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-item.active .bdt-ep-hover-box-text,.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-item.active .bdt-ep-hover-box-button,.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-item.active .bdt-ep-hover-box-icon-wrap,.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-item.active .bdt-ep-hover-box-sub-title{opacity:1;transform:translateY(0)}.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-item.active .bdt-ep-hover-box-text,.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-item.active .bdt-ep-hover-box-sub-title{transition-delay:.3s}.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-item.active .bdt-ep-hover-box-button,.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-item.active .bdt-ep-hover-box-icon-wrap{transition-delay:.4s}.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-item:hover .bdt-ep-hover-box-icon-wrap svg{transform:rotate(0) !important}.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-item:hover .bdt-ep-hover-box-text,.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-item:hover .bdt-ep-hover-box-button,.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-item:hover .bdt-ep-hover-box-icon-wrap,.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-item:hover .bdt-ep-hover-box-sub-title{opacity:1;transform:translateY(0)}.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-item:hover .bdt-ep-hover-box-text,.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-item:hover .bdt-ep-hover-box-sub-title{transition-delay:.3s}.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-item:hover .bdt-ep-hover-box-button,.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-item:hover .bdt-ep-hover-box-icon-wrap{transition-delay:.4s}.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-icon-wrap{position:unset;font-size:24px;opacity:1;padding:14px;border-radius:10px;margin:0 0 20px;background-color:#e91e63}.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-icon-wrap svg{fill:#fff}.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-sub-title,.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-icon-wrap{opacity:0;transform:translateY(-30px);transition:all .3s ease}.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-text,.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-button{opacity:0;transform:translateY(30px);transition:all .3s ease}.bdt-ep-hover-box-style-2 .bdt-ep-hover-box-button a{color:#fff;background:#E91E63}@media (min-width:1024px){.bdt-ep-hover-box{height:900px}.bdt-ep-hover-box-skin-envelope .bdt-ep-hover-box-item{height:900px}.bdt-ep-hover-box-item{padding:40px}.bdt-ep-hover-box-item-wrap{max-width:1080px}.bdt-ep-hover-box-icon-wrap{font-size:140px}.bdt-ep-hover-box-skin-flexure .bdt-ep-hover-box-title{font-size:42px}}@media (min-width:768px) and (max-width:1023px){.bdt-ep-hover-box-text.bdt-tablet{display:none}}@media (min-width:1024px){.bdt-ep-hover-box-text.bdt-desktop{display:none}}@media (max-width:767px){.bdt-ep-hover-box-text.bdt-mobile{display:none}}

MR SKB