.flip-bottom {
	  -webkit-animation: flipRight 1 1s ease-out;
	  -moz-animation: flipRight 1 1s ease-out;
	  -ms-animation: flipRight 1 1s ease-out;
	  -o-animation: flipRight 1 1s ease-out;
	  animation: flipRight 1 1s ease-out;
	  opacity: 1 !important;
	  visibility: visible !important;
	}
	@-webkit-keyframes flipRight {
	  0% {
		transform: translateY(100px);
		opacity: 0;
	  }
	  70% {
		transform: translateY(30px);
		opacity: 1;
	  }
	  100% {
		transform: translateY(0);
	  }
	}
	@-moz-keyframes flipRight {
	  0% {
		transform: translateY(100px);
		opacity: 0;
	  }
	  70% {
		transform: translateY(30px);
		opacity: 1;
	  }
	  100% {
		transform: translateY(0);
	  }
	}
	@-ms-keyframes flipRight {
	  0% {
		transform: translateY(100px);
		opacity: 0;
	  }
	  70% {
		transform: translateY(30px);
		opacity: 1;
	  }
	  100% {
		transform: translateY(0);
	  }
	}
	@-o-keyframes flipRight {
	  0% {
		transform: translateY(100px);
		opacity: 0;
	  }
	  70% {
		transform: translateY(30px);
		opacity: 1;
	  }
	  100% {
		transform: translateY(0);
	  }
	}
	@-moz-keyframes flipRight {
	  0% {
		transform: translateY(100px);
		opacity: 0;
	  }
	  70% {
		transform: translateY(30px);
		opacity: 1;
	  }
	  100% {
		transform: translateY(0);
	  }
	}
	@-webkit-keyframes flipRight{
	  0% {
		transform: translateY(100px);
		opacity: 0;
	  }
	  70% {
		transform: translateY(30px);
		opacity: 1;
	  }
	  100% {
		transform: translateY(0);
	  }
	}
	@-o-keyframes flipRight{
	  0% {
		transform: translateY(100px);
		opacity: 0;
	  }
	  70% {
		transform: translateY(30px);
		opacity: 1;
	  }
	  100% {
		transform: translateY(0);
	  }
	}
	@keyframes flipRight{
	  0% {
		transform: translateY(100px);
		opacity: 0;
	  }
	  70% {
		transform: translateY(30px);
		opacity: 1;
	  }
	  100% {
		transform: translateY(0);
	  }
	}
		
	#progressBar{
		position: relative;
		display: none;
		background: linear-gradient(135deg, rgb(34, 130, 227) 0%, rgb(9, 226, 51) 100%);
		height: 16px;
		width: 0;
		line-height: 16px;
		color: #fff;
		font-size: 0.75em;
		overflow: hidden;
	}
		
	.fixed-tag{
		position: absolute;
		width: 150px;
		left: 0;
		bottom: 0;
		top: 140px;
		z-index: 99;
	}
		
	.fixed-whatsapp{
		position: fixed;
		z-index: 99;
		box-shadow: -2px 0px 13px -7px #000000, 5px 0px 13px -7px #000000, 3px 3px 10px 3px rgba(0,0,0,0);
		cursor: pointer;
	}
		
	@media only screen and (min-width: 866px) {
		
		.fixed-whatsapp{
			width: 210px;
			right: 410px;
			background-image: linear-gradient(to bottom, #199250, #00b55c);
			border-radius: 8px 20px 0 0;
			padding-left: 15px;
			bottom: 0px;
			
		}
		.fixed-whatsapp:hover{
			background-image: linear-gradient(to bottom, #13a050, #00b55c);
		}
		.fixed-whatsapp img{
			width: 20px;
			height: 20px;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		.fixed-whatsapp span{
			color: #3f3f3f;
			font-size: 15px;
			margin-left: 5px;
			line-height: 0;
		}
		
	}
		
	@media only screen and (max-width: 865px) {
		.fixed-whatsapp{
			width: 65px;
			height: 65px;
			right: 100px;
			bottom: 20px;
			background-image: linear-gradient(to bottom, #199250, #00b55c);
			border-radius: 100px;
			padding-top: 12px;
			padding-left: 13px;
			padding-bottom: 8px;
			
		}
		.fixed-whatsapp img{
			width: 40px;
			height: 40px;
		}
		.fixed-whatsapp span{
			display: none;
		}
		.efeito-whatsapp{
			display: none;
		}
	}
	
	#modal-whatsapp .body{
		width: 100%;
		background-image: url(images/whatsapp-background.png);
		box-shadow: -2px 0px 13px -7px #000000, 5px 0px 13px -7px #000000, 3px 3px 10px 3px rgba(0,0,0,0);
		border-radius: 5px;
	}
	
	#modal-whatsapp .body .top{
		background-color: #ffffff;
		border-radius: 5px;
		padding: 20px;
	}
	
	#modal-whatsapp .body .conteudo{
		padding: 40px;
	}
	
	#modal-whatsapp .body #sucesso-wpp{
		padding: 40px;
	}
	
	.loading-screen {
		display: none;  /* Ocultar por padrão */
		position: fixed;  /* Fixar na tela */
		left: 0;
		top: 0;
		width: 100%;  /* Ocupar toda a largura */
		height: 100%;  /* Ocupar toda a altura */
		background-color: rgba(0,0,0,0.7);  /* Fundo preto com 70% de opacidade */
		z-index: 999999;  /* Ficar por cima de outros elementos */
	}

	.loader {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}