.fader {
    /* -webkit-transform: translateY(50px) rotate(-5deg) translateZ(0);
    transform: translateY(50px) rotate(-5deg) translateZ(0); */
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s;
    -webkit-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
    opacity: 0;
}
.bottom-right.in-view {
    opacity: 1;
    /* -webkit-transform: translateY(0px) rotate(0deg) translateZ(0);
    transform: translateY(0px) rotate(0deg) translateZ(0); */
}
.in-view {
    opacity: 1;
    /* -webkit-transform: translateY(0px) rotate(0deg) translateZ(0);
    transform: translateY(0px) rotate(0deg) translateZ(0); */
}

.slide-down{
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    max-height:0;
}

.slide-down.in-view{
    max-height:100%;
}

@keyframes strike{
    0%   { width : 0; }
    100% { width: 100%; }
}
.strike-through {
    position: relative;
}
.strike-through::after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 0;
    width: 0%;
    height: 3px;
    background: #2BB179;
    opacity:1;
    animation-delay:3s;
    animation-name: strike;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-fill-mode: forwards; 
}

@keyframes grow{
    0% { scale:0.9; }
    100% { scale: 1.05; }
}

@keyframes shrink{
    0% { scale: 1.05; }
    100% { scale: 0.9; }
}

.active-plan{
    animation-name:grow;
    animation-delay:0s;
    animation-duration:1s;
    animation-timing-function:linear;
    animation-iteration-count:1;
    animation-fill-mode:forwards;
}

.inactive-plan{
    animation-name:shrink;
    animation-delay:0s;
    animation-duration:1s;
    animation-timing-function:linear;
    animation-iteration-count:1;
    animation-fill-mode:forwards;
}