.dei-box{background-color:#3e606f;border-radius:10px;height:290px;margin-bottom:20px;overflow:hidden;position:relative}.dei-box .dei-hover-content{background:rgba(0,43,74,.7);bottom:0;left:0;padding:5px 20px 20px;position:absolute;right:0;top:230px;transition:all .5s ease}.dei-box:hover .dei-hover-content{padding:20px;top:0}.dei-box .dei-hover-content .dei-title{color:#fff!important;font-size:22px;height:30px;position:relative;transform:translate3d(0,10px,0);transition:transform .35s}.dei-box:hover .dei-hover-content .dei-title{height:auto;transform:translateZ(0)}.dei-box .dei-hover-content .dei-desc{color:#fefefe;opacity:0;transform:translate3d(0,40px,0);transition:opacity .2s,transform .35s}.dei-box:hover .dei-hover-content .dei-desc{opacity:1;transform:translateZ(0);transition-delay:.05s;transition-duration:.35s}@media only screen and (min-width:768px) and (max-width:1024px){.dei-box .dei-hover-content .dei-title{color:#fff!important;font-size:18px}}@media (max-width:767px){.dei-box .dei-hover-content .dei-title{color:#fff!important;font-size:18px!important}}