.bc-animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.bc-animated.infinite {
    animation-iteration-count: infinite;
}

.bc-animated.faster {
    animation-duration: calc(1s / 2);
}

.bc-animated.fast {
    animation-duration: calc(1s * 0.8);
}

.bc-animated.slow {
    animation-duration: calc(1s * 2);
}

.bc-animated.slower {
    animation-duration: calc(1s * 3);
}

@keyframes bc-wobble {
    0%{transform: translateX(0%);}
    10%{transform: translateX(-25%) rotate(-5deg);}
    20%{transform: translateX(20%) rotate(3deg);}
    30%{transform: translateX(-15%) rotate(-3deg);}
    40%{transform: translateX(10%) rotate(2deg);}
    50%{transform: translateX(-5%) rotate(-1deg);}
    60%{transform: translateX(0%);}
    70%{transform: translateX(0%);}
    80%{transform: translateX(0%);}
    90%{transform: translateX(0%);}
    100%{transform: translateX(0%);}
}
.bc-wobble {
    -webkit-animation-name: bc-wobble;
    animation-name: bc-wobble;
}

@keyframes fade-in {from{opacity: 0;}to{opacity: 1;}}
@keyframes fade-out {from{opacity: 1;}to{opacity: 0;}}
.bc_fade_in{-webkit-animation-name: fade-in; animation-name: fade-in;}
.bc_fade_out{-webkit-animation-name: fade-out; animation-name: fade-out;}

@keyframes leftToRight{
    0% {left: 0; transform: translateX(0);}
    100% {left: 100%; transform: translateX(-100%);}
}
.bc_left_to_right{-webkit-animation-name: leftToRight; animation-name: leftToRight;}