.interactive-card{height:600px;overflow:hidden;-webkit-justify-content:center;justify-content:center;position:relative;-webkit-align-items:center;align-items:center;width:100%;display:block;-webkit-display:flex;display:flex;z-index:0}.add-shadow{-webkit-box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.interactive-card .front-content{-webkit-transform:scale(1);transform:scale(1);position:relative;-webkit-border-radius:0;border-radius:0;display:block;z-index:1}.interactive-card .front-content:before{-webkit-animation:zoomOut;-o-animation:zoomOut;animation:zoomOut;height:120px;animation-delay:.8s;opacity:.2;width:120px;z-index:1}.interactive-card .front-content:after,.interactive-card .front-content:before{transform:translate(-50%,-50%);content:"";position:absolute;top:50%;background-color:hsla(0,0%,100%,.4);-webkit-border-radius:50%;border-radius:50%;left:50%}.interactive-card .front-content:after{-webkit-animation:zoomOut;-o-animation:zoomOut;animation:zoomOut;height:80px;opacity:.1;width:80px;z-index:-1}.interactive-card .front-content .image-screen{height:100%;transition:.5s;position:relative;background-size:cover;background-position:top;cursor:pointer;width:100%;background-repeat:no-repeat;z-index:11}.interactive-card .front-text-content{height:100%;justify-content:center;align-items:center;width:100%;-webkit-display:flex;display:flex}.interactive-card .front-text-content .image-screen{height:100%;padding:30px;-webkit-justify-content:center;justify-content:center;-webkit-transition:.5s;transition:.5s;-webkit-flex-direction:column;flex-direction:column;text-align:center;background:#4d4d4d;width:100%;-webkit-display:flex;display:flex}.interactive-card .front-text-content .image-screen:hover{background:rgba(77,77,77,.6)}.interactive-card .front-text-content .header .card-number{font-size:2em;font-weight:700;color:#fff;margin-top:0}.interactive-card .front-text-content .header .title{font-size:1.1em;margin-bottom:1em;text-transform:uppercase;letter-spacing:.15em;line-height:1.5}.interactive-card .front-text-content .front-text-body{font-size:.85em;color:#e9e9e9}.interactive-card .front-text-content .footer{margin-top:1em}.interactive-card .front-text-content .footer a.interactive-btn{padding:8px 25px;font-size:.85em;text-decoration:none;-webkit-transition:.4s;transition:.4s;text-transform:uppercase;letter-spacing:.15em;-webkit-border-radius:4px;border-radius:4px;display:inline-block}.interactive-card .front-text-content .footer a.interactive-btn:hover{background:#02cc7b}.interactive-card .content{height:100%;right:0;transition:1s;position:absolute;opacity:0;bottom:0;top:0;background:#fff;left:0;width:100%;z-index:-100}.interactive-card .content .content-inner{height:100%;justify-content:flex-end;align-items:center;width:100%;display:flex}.interactive-card .content-show{opacity:1;z-index:100}.interactive-card .content .content-inner .image{height:100%;overflow:hidden;-webkit-transition:.4s;transition:.4s;background-size:cover;opacity:.7;background-position:50%;width:100%;background-repeat:no-repeat}.interactive-card .content .text{display:block!important}.interactive-card .text-inner{padding:20px;max-width:100%;max-height:100%;display:block}.interactive-card .content .image img{max-height:100%}.interactive-card .content:hover .image{opacity:1}.interactive-card .content .text{justify-content:center;-webkit-justify-content:center;font-size:14px;align-items:center;-webkit-align-items:center;width:100%;line-height:27px;display:flex;-webkit-display:flex}.interactive-card .content .text.center-text{text-align:center}.interactive-card .content .text .title{font-size:28px;font-weight:600;color:#313131;text-transform:capitalize;line-height:1;margin-top:0}.interactive-card .content iframe{height:100%;border:0;width:100%}.interactive-card .content .content-overflow{height:100%;overflow-y:scroll;padding:30px;width:100%}.interactive-card .close-me{height:30px;font-size:13px;right:15px;position:absolute;text-align:center;top:15px;border-radius:50%;cursor:pointer;width:30px;line-height:30px;z-index:100}.interactive-card .interactive-btn{padding:8px 25px;color:#fff;transition:.5s;border-radius:4px;background:#e9e9e9;background:#e91e63;display:inline-block}.interactive-card .interactive-btn:hover{text-decoration:none;color:#fff;background:#c2185b}.interactive-card .carousel-container{overflow:hidden}.interactive-card .carousel{list-style:none;padding:0;margin:0}.interactive-card .carousel li{float:left}.interactive-card .carousel li img{max-width:100%}.interactive-card .navigation{height:auto;padding:15px;right:0;position:absolute;bottom:15px;text-align:center;left:0;width:100%;z-index:10}.interactive-card .navigation a{padding:8px 15px;font-size:12px;text-decoration:none;font-weight:600;color:#4d4d4d;-webkit-transition:.4s;transition:.4s;text-transform:uppercase;-webkit-border-radius:25px;border-radius:25px;background:#f9f9f9;display:inline-block}.interactive-card .navigation a:hover{background:#ededed}.interactive-card .interactive-button{padding:15px 22px;font-size:14px;text-decoration:none;font-weight:600;color:#fff;-webkit-transition:.3s;transition:.3s;text-transform:uppercase;-webkit-border-radius:4px;border-radius:4px;background:#00c853;display:inline-block}.interactive-card .interactive-button:hover{background:#03b048}.interactive-card .fade-out{-webkit-animation:fadeOut .5s;-o-animation:fadeOut .5s;animation:fadeOut .5s;transition:.5s;opacity:0}@keyframes fadeOut{0%{transition:.5s;opacity:1}to{transition:.5s;opacity:0}}.interactive-card .fade-in{-webkit-animation:fadeIn .5s;-o-animation:fadeIn .5s;animation:fadeIn .5s;transition:.5s;opacity:1}@keyframes fadeIn{0%{transition:.5s;opacity:0}to{transition:.5s;opacity:1}}.interactive-card .zoom-out{-webkit-animation:zoomOut 1.5s;-o-animation:zoomOut 1.5s;animation:zoomOut 1.5s;opacity:0}@keyframes zoomOut{0%{-webkit-transform:scale(1);transform:scale(1);transition:.5s;opacity:1}25%{-webkit-transform:scale(.9);transform:scale(.9);transition:.5s}to{-webkit-transform:scale(6);transform:scale(6);transition:1.4s;opacity:0}}.interactive-card .zoom-in{-webkit-animation:zoomIn 1.5s;-o-animation:zoomIn 1.5s;animation:zoomIn 1.5s;opacity:1}@keyframes zoomIn{0%{-webkit-transform:scaleX(4) scaleY(2);transform:scaleX(4) scaleY(2);transition:.5s;opacity:0}25%{-webkit-transform:scale(.9);transform:scale(.9);transition:.5s}to{-webkit-transform:scale(1);transform:scale(1);transition:1.4s;opacity:1}}.interactive-card .slide-in-left{-webkit-animation:slideInLeft 1.5s;-o-animation:slideInLeft 1.5s;animation:slideInLeft 1.5s;transform:translateX(0);transition:.5s;opacity:1;z-index:100}@keyframes slideInLeft{0%{transform:translateX(-100%);transition:.3s}50%{transform:translateX(10%);transition:.4s}to{transform:translateX(0);transition:.5s}}.interactive-card .slide-in-swing-left{-webkit-animation:slideInSwingLeft 1.2s;-o-animation:slideInSwingLeft 1.2s;animation:slideInSwingLeft 1.2s;transform:translateX(0);transition:.5s;opacity:1;z-index:100}@keyframes slideInSwingLeft{0%{transform:translateX(-100%) scale(0);transition:.3s}50%{transform:translateX(30%) scale(1.2);transition:.4s}to{transform:translateX(0) scale(1);transition:.5s}}.interactive-card .slide-in-right{-webkit-animation:slideInRight 1.5s;-o-animation:slideInRight 1.5s;animation:slideInRight 1.5s;transform:translateX(0);transition:.5s;opacity:1;z-index:100}@keyframes slideInRight{0%{transform:translateX(100%);transition:.3s}50%{transform:translateX(-10%);transition:.4s}to{transform:translateX(0);transition:.5s}}.interactive-card .slide-in-swing-right{-webkit-animation:slideInSwingRight 1.2s;-o-animation:slideInSwingRight 1.2s;animation:slideInSwingRight 1.2s;transform:translateX(0);transition:.5s;opacity:1;z-index:100}@keyframes slideInSwingRight{0%{transform:translateX(100%) scale(0);transition:.3s}50%{transform:translateX(-30%) scale(1.2);transition:.4s}to{transform:translateX(0) scale(1);transition:.5s}}@media only screen and (max-width:480px){.interactive-card .front-content.front-text-content{width:100%}.interactive-card .front-content.front-text-content .image-screen:hover{background:none}.interactive-card .content .text{padding:15px}.interactive-card .content .text .title{font-size:18px;line-height:27px}.interactive-card .content .image{width:60%}}.eael-interactive-card-rear-img-align-left .interactive-card .content .content-inner{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.eael-interactive-card-rear-img-align-top .interactive-card .content .content-inner{justify-content:baseline;-webkit-flex-direction:column-reverse;flex-direction:column-reverse}