@keyframes shake-with-delay {
    from, 16%, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    1.6%, 4.8%, 8%, 11.2%, 14.4% {
        -webkit-transform: translate3d(-3px, 0, 0);
        transform: translate3d(-3px, 0, 0);
    }
    3.2%, 6.4%, 9.6%, 12.8% {
        -webkit-transform: translate3d(3px, 0, 0);
        transform: translate3d(3px, 0, 0);
    }
}

/* Animação da esquerda para a posição original */
@keyframes floatInLeft {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.float{
    transition: 2s all ease;
    -webkit-transition: 2s all ease;
    -moz-transition: 2s all ease;
    -ms-transition: 2s all ease;
    -o-transition: 2s all ease;
}
/* Classe que aplica a animação */
.float-in-left {
    animation: floatInLeft 2s forwards;
    -webkit-animation: floatInLeft 2s forwards;
}
.list-float{
    opacity: 0;
    transform: translateX(-50px);

}
/* Animação de baixo para cima */
@keyframes floatInUp {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Classe que aplica a animação */
.float-in-up {
    animation: floatInUp 2s forwards;
    -webkit-animation: floatInUp 2s forwards;
}

.float-top{
    opacity: 0;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
}

.float-left{
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    transition: 2s all ease;
    -webkit-transition: 2s all ease;
    -moz-transition: 2s all ease;
    -ms-transition: 2s all ease;
    -o-transition: 2s all ease;
    opacity: 0;
}
.float-left.show{
    transform: translateX(0)!important;
    -webkit-transform: translateX(0)!important;
    -moz-transform: translateX(0)!important;
    -ms-transform: translateX(0)!important;
    -o-transform: translateX(0)!important;
    opacity: 1!important;
}

.scale.show{
    transform: scale(1)!important;
    -webkit-transform: scale(1)!important;
    -moz-transform: scale(1)!important;
    -ms-transform: scale(1)!important;
    -o-transform: scale(1)!important;
    opacity: 1!important;
}
 .scale{
    transform: scale(.7);
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
    transition: 2s all ease;
    -webkit-transition: 2s all ease;
    -moz-transition: 2s all ease;
    -ms-transition: 2s all ease;
    -o-transition: 2s all ease;
    opacity: 0;
}

.slide-right{
    transform: translateX(-415px);
}

/* .cellphone-container img{
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transition: 2s all ease;
    -webkit-transition: 2s all ease;
    -moz-transition: 2s all ease;
    -ms-transition: 2s all ease;
    -o-transition: 2s all ease;
    opacity: 0;
}
#cellphone-container.show img{
    transform: translateY(0)!important;
    -webkit-transform: translateY(0)!important;
    -moz-transform: translateY(0)!important;
    -ms-transform: translateY(0)!important;
    -o-transform: translateY(0)!important;
    opacity: 1!important;
} */