@media (min-width: 1000px) {
	.item{
		0%   {left:-500px; top:0px;}
	}
	
	.item_volta{
		top:-300px;
		opacity: 0;
	}
	
	
  .anima {
		-webkit-animation-name: desliza_baixo; /* Safari 4.0 - 8.0 */
		-webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
		-webkit-animation-timing-function: ease;
		/*-webkit-animation-delay: 1s;  Safari 4.0 - 8.0 */
		animation-name: desliza_baixo;
		animation-duration: 0.5;
		animation-timing-function: ease;
	   /* animation-delay: 1s;*/
	}
	
	
	
	.anima_volta {
		-webkit-animation-name: desliza_cima; /* Safari 4.0 - 8.0 */
		-webkit-animation-duration: 0.25s; /* Safari 4.0 - 8.0 */
		-webkit-animation-timing-function: ease;
		/*-webkit-animation-delay: 1s;  Safari 4.0 - 8.0 */
		animation-name: desliza_cima;
		animation-duration: 0.25;
		animation-timing-function: ease;
	   /* animation-delay: 1s;*/
	}
}

/* mobile */
@media (max-width: 768px) {
	.item{
		0%   {left:0px; top:-500px;}
	}
	.anima {
		-webkit-animation-name: desliza_esq; /* Safari 4.0 - 8.0 */
		-webkit-animation-duration: 0.3s; /* Safari 4.0 - 8.0 */
		-webkit-animation-timing-function: ease;
		/*-webkit-animation-delay: 1s;  Safari 4.0 - 8.0 */
		animation-name: desliza_esq;
		animation-duration: 0.3;
		animation-timing-function: ease;
	   /* animation-delay: 1s;*/
	}
	
	.anima_volta {
		-webkit-animation-name: desliza_dir; /* Safari 4.0 - 8.0 */
		-webkit-animation-duration: 0.25s; /* Safari 4.0 - 8.0 */
		-webkit-animation-timing-function: ease;
		/*-webkit-animation-delay: 1s;  Safari 4.0 - 8.0 */
		animation-name: desliza_dir;
		animation-duration: 0.25;
		animation-timing-function: ease;
	   /* animation-delay: 1s;*/
	}
	
	
	
}
/* mobile */

	/* Safari 4.0 - 8.0 */
	@-webkit-keyframes desliza_baixo {
		0%   {left:0px; top:-500px;}
		100% {left:0px; top:0px;}
	}

	/* Standard syntax */
	@keyframes desliza_baixo {
		0%   {left:0px; top:-500px;}
		100% {left:0px; top:0px;}
	}

	/* Safari 4.0 - 8.0 */
	@-webkit-keyframes desliza_cima {
		0%   {left:0px; top:0px; opacity: 1}
		100% {left:0px; top:-300px; opacity: 0}
	}

	/* Standard syntax */
	@keyframes desliza_cima {
		0%   {left:0px; top:0px; opacity: 1}
		100% {left:0px; top:-300px; opacity: 0}
	}







/* esquerda pra mobile */

/* Safari 4.0 - 8.0 */
@-webkit-keyframes desliza_esq {
    0%   {left:-500px; top:0px;}
    100% {left:0px; top:0px;}
}

/* Standard syntax */
@keyframes desliza_esq {
    0%   {left:-500px; top:0px;}
    100% {left:0px; top:0px;}
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes desliza_dir {
    0%   {left:0px; top:0px;}
    100% {left:-500px; top:0px;}
}

/* Standard syntax */
@keyframes desliza_dir {
    0%   {left:0px; top:0px;}
    100% {left:-500px; top:0px;}
}




/* fim esquerda mobile */









 #divdesaparecer {
    -webkit-animation-name: desliza_baixo_mensagem; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 3s; /* Safari 4.0 - 8.0 */
	-webkit-animation-timing-function: ease;
	/*-webkit-animation-delay: 1s;  Safari 4.0 - 8.0 */
    animation-duration: 3s;
    animation-name: desliza_baixo_mensagem;
	animation-timing-function: ease;
   /* animation-delay: 1s;*/
   
         }
		 

         
		 
/* Safari 4.0 - 8.0 */
@-webkit-keyframes desliza_baixo_mensagem {
    0%   {top:-200px;}
	10%  {top:0px;}
	90%  {top:0px;}
    100% {top:-200px;}
}


/*progressbar */
.progress-bar {
	-webkit-animation-name: progressBar; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: fowards;
	animation-duration: 0.5s;
    animation-name: progressBar;
	animation-timing-function: ease-in-out;
    animation-fill-mode: both;
}

@-webkit-keyframes progressBar {
  0% { width: 0; }
  
}


/* Safari 4.0 - 8.0 */
@keyframes progressBar {
    0% { width: 0; }
  
}