/*=========================================================
	ANIMACOES
=========================================================*/

/* LOGO */
@keyframes logo
{
	0% { transform: scale(0); }	
	60% { transform: scale(1); }
	80% { transform: scale(.7); }
    100% { transform: scale(1); }
}

@-moz-keyframes logo
{
	0% { -moz-transform: scale(0); }	
	60% { -moz-transform: scale(1); }
	80% { -moz-transform: scale(.7); }
    100% { -moz-transform: scale(1); }
}

@-webkit-keyframes logo
{
	0% { -webkit-transform: scale(0); }	
	60% { -webkit-transform: scale(1); }
	80% { -webkit-transform: scale(.7); }
    100% { -webkit-transform: scale(1); }
}

@-ms-keyframes logo
{
	0% { -ms-transform: scale(0); }	
	60% { -ms-transform: scale(1); }
	80% { -ms-transform: scale(.7); }
    100% { -ms-transform: scale(1); }
}


/* GRUPO */
@keyframes grupo
{
	0% { bottom: -954px; }
	20% { bottom: -614px; }
	25%{ bottom: -614px; }
    30% { bottom: -614px; transform: rotate(0deg); }
    65% { bottom: -614px; transform: rotate(0deg); }
    70% { bottom: -614px; transform: rotate(3deg); }
    90% { bottom: -614px; transform: rotate(-3deg); }
    100% { bottom: -614px; transform: rotate(0deg); }
}

@-moz-keyframes grupo
{
	0% { bottom: -954px; }
	20% { bottom: -614px; }
	25%{ bottom: -614px; }
    30% { bottom: -614px; -moz-transform: rotate(0deg); }
    65% { bottom: -614px; -moz-transform: rotate(0deg); }
    70% { bottom: -614px; -moz-transform: rotate(3deg); }
    90% { bottom: -614px; -moz-transform: rotate(-3deg); }
    100% { bottom: -614px; transform: rotate(0deg); }
}

@-webkit-keyframes grupo
{
	0% { bottom: -954px; }
	20% { bottom: -614px; }
	25%{ bottom: -614px; }
    30% { bottom: -614px; -webkit-transform: rotate(0deg); }
    65% { bottom: -614px; -webkit-transform: rotate(0deg); }
    70% { bottom: -614px; -webkit-transform: rotate(3deg); }
    90% { bottom: -614px; -webkit-transform: rotate(-3deg); }
    100% { bottom: -614px; transform: rotate(0deg); }
}

@-ms-keyframes grupo
{
	0% { bottom: -954px; }
	20% { bottom: -614px; }
	25%{ bottom: -614px; }
    30% { bottom: -614px; -ms-transform: rotate(0deg); }
    65% { bottom: -614px; -ms-transform: rotate(0deg); }
    70% { bottom: -614px; -ms-transform: rotate(3deg); }
    90% { bottom: -614px; -ms-transform: rotate(-3deg); }
    100% { bottom: -614px; transform: rotate(0deg); }
}




@keyframes grupo-mob
{
    0% { bottom: -754px; }
    20% { bottom: -414px; }
    25%{ bottom: -444px; }
    30% { bottom: -414px; transform: rotate(0deg); }
    65% { bottom: -414px; transform: rotate(0deg); }
    70% { bottom: -414px; transform: rotate(5deg); }
    90% { bottom: -414px; transform: rotate(-5deg); }
    100% { bottom: -414px; transform: rotate(0deg); }
}

@-moz-keyframes grupo-mob
{
    0% { bottom: -754px; }
    20% { bottom: -414px; }
    25%{ bottom: -444px; }
    30% { bottom: -414px; -moz-transform: rotate(0deg); }
    65% { bottom: -414px; -moz-transform: rotate(0deg); }
    70% { bottom: -414px; -moz-transform: rotate(5deg); }
    90% { bottom: -414px; -moz-transform: rotate(-5deg); }
    100% { bottom: -414px; transform: rotate(0deg); }
}

@-webkit-keyframes grupo-mob
{
    0% { bottom: -754px; }
    20% { bottom: -414px; }
    25%{ bottom: -444px; }
    30% { bottom: -414px; -webkit-transform: rotate(0deg); }
    65% { bottom: -414px; -webkit-transform: rotate(0deg); }
    70% { bottom: -414px; -webkit-transform: rotate(5deg); }
    90% { bottom: -414px; -webkit-transform: rotate(-5deg); }
    100% { bottom: -414px; transform: rotate(0deg); }
}

@-ms-keyframes grupo-mob
{
    0% { bottom: -754px; }
    20% { bottom: -414px; }
    25%{ bottom: -444px; }
    30% { bottom: -414px; -ms-transform: rotate(0deg); }
    65% { bottom: -414px; -ms-transform: rotate(0deg); }
    70% { bottom: -414px; -ms-transform: rotate(5deg); }
    90% { bottom: -414px; -ms-transform: rotate(-5deg); }
    100% { bottom: -414px; transform: rotate(0deg); }
}



@keyframes grupo2
{
	0% { top: -509px; }	
	20% { top: -5px; }
	25% { top: -30px; }
    30% { top: -5px; transform: rotate(0deg); }
    65% { top: -5px; transform: rotate(0deg); }
    70% { top: -5px; transform: rotate(3deg); }
    90% { top: -5px; transform: rotate(-3deg); }
    100% { top: -5px; transform: rotate(0deg); }
}

@-moz-keyframes grupo2
{
	0% { bottom: -614px; }	
	20% { bottom: -614px; }
	25% { bottom: -614px; }
    30% { bottom: -614px; -moz-transform: rotate(0deg); }
    65% { bottom: -614px; -moz-transform: rotate(0deg); }
    70% { bottom: -614px; -moz-transform: rotate(3deg); }
    90% { bottom: -614px; -moz-transform: rotate(-3deg); }
    100% { bottom: -614px; transform: rotate(0deg); }
}

@-webkit-keyframes grupo2
{
	0% { bottom: -614px; -webkit-transform: rotate(0deg); }	
	89% { bottom: -614px; -webkit-transform: rotate(0deg); }
	93% { bottom: -614px; -webkit-transform: rotate(3deg); }
	97% { bottom: -614px; -webkit-transform: rotate(-3deg); }
	100% { bottom: -614px; -webkit-transform: rotate(0deg); }
}

@-ms-keyframes grupo2
{
	0% { bottom: -614px; }	
	20% { bottom: -614px; }
	25% { bottom: -614px; }
    30% { bottom: -614px; -ms-transform: rotate(0deg); }
    65% { bottom: -614px; -ms-transform: rotate(0deg); }
    70% { bottom: -614px; -ms-transform: rotate(3deg); }
    90% { bottom: -614px; -ms-transform: rotate(-3deg); }
    100% { bottom: -614px; transform: rotate(0deg); }
}



@keyframes grupo-mob2
{
    0% { top: -509px; } 
    20% { top: -5px; }
    25% { top: -30px; }
    30% { top: -5px; transform: rotate(0deg); }
    65% { top: -5px; transform: rotate(0deg); }
    70% { top: -5px; transform: rotate(5deg); }
    90% { top: -5px; transform: rotate(-5deg); }
    100% { top: -5px; transform: rotate(0deg); }
}

@-moz-keyframes grupo-mob2
{
    0% { bottom: -414px; }  
    20% { bottom: -414px; }
    25% { bottom: -414px; }
    30% { bottom: -414px; -moz-transform: rotate(0deg); }
    65% { bottom: -414px; -moz-transform: rotate(0deg); }
    70% { bottom: -414px; -moz-transform: rotate(5deg); }
    90% { bottom: -414px; -moz-transform: rotate(-5deg); }
    100% { bottom: -414px; transform: rotate(0deg); }
}

@-webkit-keyframes grupo-mob2
{
    0% { bottom: -414px; -webkit-transform: rotate(0deg); } 
    89% { bottom: -414px; -webkit-transform: rotate(0deg); }
    93% { bottom: -414px; -webkit-transform: rotate(5deg); }
    97% { bottom: -414px; -webkit-transform: rotate(-5deg); }
    100% { bottom: -414px; -webkit-transform: rotate(0deg); }
}

@-ms-keyframes grupo-mob2
{
    0% { bottom: -414px; }  
    20% { bottom: -414px; }
    25% { bottom: -414px; }
    30% { bottom: -414px; -ms-transform: rotate(0deg); }
    65% { bottom: -414px; -ms-transform: rotate(0deg); }
    70% { bottom: -414px; -ms-transform: rotate(5deg); }
    90% { bottom: -414px; -ms-transform: rotate(-5deg); }
    100% { bottom: -414px; transform: rotate(0deg); }
}



@keyframes flutuar
{
    from {transform:translate(0, 0px) rotate(0deg);}
    65% {transform:translate(0, 20px) rotate(15deg);}
    to {transform: translate(0, -0px) rotate(0deg);}    
}

@-webkit-keyframes flutuar
{
    from {-webkit-transform:translate(0, 0px) rotate(0deg);}
    65% {-webkit-transform:translate(0, 20px) rotate(15deg);}
    to {-webkit-transform: translate(0, -0px) rotate(0deg);}    
}
    
@-moz-keyframes flutuar
{
    from {-moz-transform:translate(0, 0px) rotate(0deg);}
    65% {-moz-transform:translate(0, 20px) rotate(15deg);}
    to {-moz-transform: translate(0, -0px) rotate(0deg);}    
}



@keyframes bigode
{
    0% { width: 213px; height: 86px; top: 15px; }
    25% { width: 213px; height: 75px; top: -5px; }
    50% { width: 213px; height: 86px; top: 20px; }
    75% { width: 213px; height: 80px; top: 20px; }
	100% { width: 213px; height: 86px; top: 15px; }
}

@-webkit-keyframes bigode
{
    0% { width: 213px; height: 86px; top: 15px; }
    25% { width: 213px; height: 75px; top: -5px; }
    50% { width: 213px; height: 86px; top: 20px; }
    75% { width: 213px; height: 80px; top: 20px; }
	100% { width: 213px; height: 86px; top: 15px; }
}
    
@-moz-keyframes bigode
{
    0% { width: 213px; height: 86px; top: 15px; }
    25% { width: 213px; height: 75px; top: -5px; }
    50% { width: 213px; height: 86px; top: 20px; }
    75% { width: 213px; height: 80px; top: 20px; }
	100% { width: 213px; height: 86px; top: 15px; }
}



@keyframes bigode-mob
{
    0% { width: 260px; height: 106px; top: 65px; }
    25% { width: 260px; height: 95px; top: 45px; }
    50% { width: 260px; height: 106px; top: 70px; }
    75% { width: 260px; height: 100px; top: 70px; }
    100% { width: 260px; height: 106px; top: 65px; }
}

@-webkit-keyframes bigode-mob
{
    0% { width: 260px; height: 106px; top: 65px; }
    25% { width: 260px; height: 95px; top: 45px; }
    50% { width: 260px; height: 106px; top: 70px; }
    75% { width: 260px; height: 100px; top: 70px; }
    100% { width: 260px; height: 106px; top: 65px; }
}
    
@-moz-keyframes bigode-mob
{
    0% { width: 260px; height: 106px; top: 65px; }
    25% { width: 260px; height: 95px; top: 45px; }
    50% { width: 260px; height: 106px; top: 70px; }
    75% { width: 260px; height: 100px; top: 70px; }
    100% { width: 260px; height: 106px; top: 65px; }
}



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

@-webkit-keyframes pontos
{
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
    
@-moz-keyframes pontos
{
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}



@keyframes notas
{
    0% { left: 750px; opacity: 0; }
    50% {  opacity: 1; }
    100% { left: 880px; opacity: 0; }
}

@-webkit-keyframes notas
{
    0% { left: 750px; opacity: 0; }
    50% {  opacity: 1; }
    100% { left: 880px; opacity: 0; }
}
    
@-moz-keyframes notas
{
    0% { left: 750px; opacity: 0; }
    50% {  opacity: 1; }
    100% { left: 880px; opacity: 0; }
}



@keyframes notas-mob
{
    0% { left: 420px; opacity: 0; }
    50% {  opacity: 1; }
    100% { left: 500px; opacity: 0; }
}

@-webkit-keyframes notas-mob
{
    0% { left: 420px; opacity: 0; }
    50% {  opacity: 1; }
    100% { left: 500px; opacity: 0; }
}
    
@-moz-keyframes notas-mob
{
    0% { left: 420px; opacity: 0; }
    50% {  opacity: 1; }
    100% { left: 500px; opacity: 0; }
}


@-webkit-keyframes pulo {
    0% {margin-top: -6px;} 
    50% {margin-top: -18px;}
    65% {margin-top: -6px;} 
    70%{margin-top: -9px;}
    95%{margin-top: -6px;}
    100% {margin-top: -6px;}
}

@-moz-keyframes pulo {
    0% {margin-top: -6px;} 
    50% {margin-top: -18px;}
    65% {margin-top: -6px;} 
    70%{margin-top: -9px;}
    95%{margin-top: -6px;}
    100% {margin-top: -6px;}
}

@-ms-keyframes pulo {
    0% {margin-top: -6px;} 
    50% {margin-top: -18px;}
    65% {margin-top: -6px;} 
    70%{margin-top: -9px;}
    95%{margin-top: -6px;}
    100% {margin-top: -6px;}
}