#imgCarro {
    width: 32vw;
    margin-left: 16vw;
    margin-top: -24%;
    /*animation: shake 3s ; /*shake 0.82s cubic-bezier(.36,.07,.19,.97) infinite; 
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;*/
    /*animation-name: slide infinite;
    animation: slide;
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-delay: .5s;*/
    position: relative;
    -webkit-animation: myfirst 2s; /* Safari 4.0 - 8.0 */
    /*-webkit-animation-direction: alternate;*/ /* Safari 4.0 - 8.0 */
    /*animation-timing-function: ease-in-out;*/
    animation: myfirst 2s;
    /*animation-direction: alternate;*/
}
@keyframes myfirst {
    0% {
        /*background: red;*/
        left: -30vw;
        top: 0px;
    }

   

    100% {
        /*background: red;*/
        left: 0vw;
        top: 0px;
    }
}

@keyframes slide {
    0% {
        left: 0;
        top: 0;
    }

    50% {
        left: 244px;
    }

    100% {
        left: 488px;
        top: 0;
    }
}
@keyframes shake {
    10%, 90% { transform: translate3d(-1px, 0, 0);  }
    20%, 80% {  transform: translate3d(2px, 0, 0);  }
    30%, 50%, 70% {   transform: translate3d(-4px, 0, 0);  }
    40%, 60% { transform: translate3d(4px, 0, 0);  }
}


.animate-flicker1 {
    -webkit-animation: flickerAnimation 4s  ;
    -moz-animation: flickerAnimation 4s  ;
    -o-animation: flickerAnimation 4s  ;
    animation: flickerAnimation 4s  ;
}

.animate-flicker2 {
    -webkit-animation: flickerAnimation 5s ;
    -moz-animation: flickerAnimation 5s ;
    -o-animation: flickerAnimation 5s ;
    animation: flickerAnimation 5s ;
}

.animate-flicker3 {
    -webkit-animation: flickerAnimation 6s ;
    -moz-animation: flickerAnimation 6s ;
    -o-animation: flickerAnimation 6s ;
    animation: flickerAnimation 6s ;
}

.animate-flicker4 {
    -webkit-animation: flickerAnimation 7s ;
    -moz-animation: flickerAnimation 7s ;
    -o-animation: flickerAnimation 7s ;
    animation: flickerAnimation 7s ;
}

.animate-flicker5 {
    -webkit-animation: flickerAnimation 8s ;
    -moz-animation: flickerAnimation 8s ;
    -o-animation: flickerAnimation 8s ;
    animation: flickerAnimation 8s ;
}

@keyframes flickerAnimation {
    0% { opacity: 0;}
    50% { opacity: 0.5; }
    100% { opacity:1; }
}

@-o-keyframes flickerAnimation {
    0% {opacity: 0; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

@-moz-keyframes flickerAnimation {
    0% { opacity: 0; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

@-webkit-keyframes flickerAnimation {
    0% { opacity: 0; }
    50% { opacity:0.5; }
    100% {  opacity: 1;}
}

#florDer {
    -webkit-animation: rotation1 2s infinite linear;
}

@-webkit-keyframes rotation1 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

#florIzq {
    -webkit-animation: rotation2 2s infinite linear;
}


@-webkit-keyframes rotation2 {
    from {
        -webkit-transform: rotate(359deg);
    }

    to {
        -webkit-transform: rotate(0deg);
    }
}



.opa{
    opacity:0;
}