.animated{animation-duration:1s;animation-fill-mode:both}
@keyframes flipOutY{from{transform:perspective(400px)}
30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
.flipOutY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipOutY}
@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}
to{opacity:1;transform:none}
}
.fadeInUp{animation-name:fadeInUp}
.content-container{box-shadow:0 2px 4px 0 rgba(0,0,0,0.12);border-radius:8px}
.card-popup-head{border-radius:15px 15px 0 0}
.card-popup-body{border-radius:0 0 15px 15px}
@keyframes flipInY{from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}
40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}
60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{transform:perspective(400px)}
}
.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;animation-name:flipInY}
@keyframes fadeOutDown{from{opacity:1}
to{opacity:0;transform:translate3d(0,100%,0)}
}
.fadeOutDown{animation-name:fadeOutDown}
@media only screen and (max-width:767px){.card-popup-container{position:fixed;z-index:999;color:#fff;cursor:pointer;opacity:1;filter:alpha(opacity=70);height:35px;padding-top:5px;text-align:center;left:0;right:0;margin:0 25px;border-radius:15px 15px 0 0}
.card-popup-container .card-popup-frame{z-index:2147483000;position:fixed;bottom:45px;padding-top:45px;text-align:left;left:0;right:0;margin:0 25px;min-height:250px;opacity:1}
.card-popup-container .card-popup-close{width:50px;height:50px;border-radius:25px;box-shadow:0 0 10px 5px rgba(0,0,0,0.2);position:absolute;text-align:center;top:5px;right:0;color:#fff;line-height:1.3;font-size:42px}
.card-popup-head{padding:15px;//background-color:green;text-align:center;vertical-align:middle}
.card-popup-head h4{text-align:left}
.card-popup-body{max-height:500px;overflow-y:auto;opacity:1;background:white;padding:20px 5px 20px 5px;overflow-x:hidden}
}
@media only screen and (min-width:768px){.card-popup-container{min-width:inherit;position:fixed;z-index:999;right:100px;bottom:30px;color:#fff;cursor:pointer;opacity:1;filter:alpha(opacity=70);border-radius:30px;padding:10px 10px 5px 10px}
.card-popup-container .card-popup-frame{z-index:2147483000;padding-top:35px;position:fixed;bottom:95px;right:20px;width:370px;min-height:250px;opacity:1}
.card-popup-container .card-popup-close{width:50px;height:50px;border-radius:25px;box-shadow:0 0 10px 5px rgba(0,0,0,0.2);position:absolute;text-align:center;top:5px;right:0;color:#fff;line-height:1.3;font-size:42px}
.card-popup-head{padding:15px;vertical-align:middle}
.card-popup-head h4{text-align:left}
.card-popup-body{opacity:1;background:white;padding:20px 5px}
}
.card-popup-mobile-head{-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;transform-origin:100% 100%;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg);position:fixed;right:0;bottom:50%;padding:5px 50px;max-width:500px;border-radius:15px 15px 0 0;cursor:pointer;z-index:99}