* {
		}
		html {
			font-size: 100%;
		}
		input {
			padding: 0;
			margin: 0;
		}
		body {
			margin: 0;
			font-family: Verdana, sans-serif;
			font-size: 12px;
			background-color: #000;
		}
		body::before {
			background: url("../images/bg_body2.jpg") no-repeat center center fixed;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
			position: absolute;
			top: 0px;
			right: 0px;
			bottom: 0px;
			left: 0px;
			opacity: 0.75;
			content: "";
		}
		#pagina {
			width: 844px;
			height: 789px;
			background-size: 844px 789px;
			background-image: url("../images/bg2.png");
			background-position: center top;
			background-repeat: no-repeat;
			position: fixed;
			top: 45%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		.clear {
			clear: both;
		}
		#passos {
			position: absolute;
			background-color: transparent;
			width: 390px;
			height: 93px;
			top: 585px;
			left: 133px;
		}
		#passo1 {
			float: left;
			background-image: url("../images/passo1.png");
			width: 151px;
			height: 93px;
			background-size: 151px 93px;
		}
		#passo2 {
			float: left;
			background-image: url("../images/passo2.png");
			width: 140px;
			height: 93px;
			margin-left: -25px;
			background-size: 140px 93px;
		}
		#passo3 {
			float: left;
			background-image: url("../images/passo3Concluir.png");
			width: 149px;
			height: 93px;
			margin-left: -25px;
			background-size: 149px 93px;
		}
		#passo1.active {
			background-image: url("../images/passo1Active.png");
		}
		#passo2.active {
			background-image: url("../images/passo2Active.png");
		}
		#passo3.active {
			background-image: url("../images/passo3ConcluirActive.png");
		}
		#conteudo {
			position: relative;
			width: 285px;
			height: 345px;
			top: 205px;
			left: 80px;
			line-height: 28px;
			font-weight: bold;
			letter-spacing: -1px;
			text-align: center;
		}
		#sobreCreditos {
			position: absolute;
			background-image: url("../images/btnSobreSistema.png");
			background-size: 195px 124px;
			width: 195px;
			height: 124px;
			top: 75px;
			left: 570px;
			cursor: pointer;
		}
		.promocaoAcrescimo {
			position: absolute;
			background-image: url("../images/btnPromocaoAcrescimo.png");
			background-size: 129px 54px;
			width: 129px;
			height: 54px;
			top: 200px;
			left: 620px;
			cursor: pointer;
		}
		.promocaoAniversario {
			position: absolute;
			background-image: url("../images/btnPromocaoAniversario.png");
			background-size: 129px 54px;
			width: 129px;
			height: 54px;
			top: 200px;
			left: 620px;
			cursor: pointer;
		}
		.promoProgressiva {
			position: absolute;
			background-image: url("../images/btnPromocaoProgressiva.png");
			background-size: 129px 54px;
			width: 129px;
			height: 54px;
			top: 200px;
			left: 620px;
			cursor: pointer;
		}
		.promoDonateGanhe {
			position: absolute;
			background-image: url("../images/btnDonateGanhe.png");
			background-size: 122px 60px;
			width: 122px;
			height: 60px;
			top: 257px;
			left: 623px;
			cursor: pointer;
		}
		.promocaoTesouroDoMes {
			position: absolute;
			background-image: url("../images/btnTesouroDoMes.png");
			background-size: 122px 60px;
			width: 122px;
			height: 60px;
			top: 200px;
			left: 620px;
			cursor: pointer;
		}
		#header1 {
			background-image: url("../images/header1.png");
			background-size: 214px 79px;
			width: 214px;
			height: 79px;
			display: inline-block;
			margin-top: -15px;
		}
		input[type="text"] {
			background-image: url("../images/inputGeneric.png");
			background-size: 256px 38px;
			display: inline-block;
			line-height: 38px;
			font-size: 14px;
			background-repeat: no-repeat;
			background-color: transparent;
			outline: none;
			border: none;
			padding-left: 30px;
			padding-right: 30px;
			margin-bottom: 5px;
		    width: 256px;
		}
		input[name="user"], input[name="value"] {
			background-image: url("../images/inputUser.png");
			background-size: 281px 54px;
			line-height: 54px;
			width: 280px;
			padding-left: 60px;
			margin: 0px;
		}
		input[name="value"] {
			background-image: url("../images/inputVal.png");
		}
		.radio1 {
		}
		.radio1 input {
			display: none;
		}
		.radio1 span {
			width: 18px;
			height: 18px;
			display: inline-block;
			background-image: url("../images/radioOff.png");
			background-size: 18px 18px;
			background-position: 0px; 0px;
			background-repeat: no-repeat;
			cursor: pointer;
			vertical-align: middle;
			margin-left: 10px;
		}
		.radio1 input:checked + span {
			background: url("../images/radioOn.png");
			background-position: 0px; 0px;
			background-size: 18px 18px;
		}
		button[name="avancar"], button[name="picpay"], button[name="pix"], button[name="pagamento"], button[name="voltar"], button[name="pagar"] {
			width: 104px;
			height: 45px;
			background-image: url("../images/btnAvancar.png");
			background-size: 104px 45px;
			background-position: 0px; 0px;
			background-repeat: no-repeat;
			cursor: pointer;
			margin: 0;
			padding: 0;
			background-color: transparent;
			outline: none;
			border: none;
			display: inline-block;
		}
		button[name="voltar"] {
			background-image: url("../images/btnVoltar.png");
		}
		button[name="pagar"] {
			background-image: url("../images/btnPagar.png");
		}
		#help1 {
			line-height: 18px;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		#header2 {
			line-height: 22px;
			margin-bottom: 15px;
		}
		#header2 #l2 {
			margin-top: 5px;
			font-size: 22px;
			color: #fff;
		}
		button[name="pix"] {
			width: 202px;
			height: 75px;
			background-image: url("../images/btnPix.png");
			background-size: 202px 75px;
		}
		button[name="picpay"] {
			width: 201px;
			height: 75px;
			background-image: url("../images/btnPicpay.png");
			background-size: 201px 75px;
		}
		button[name="pagamento"] {
			width: 195px;
			height: 54px;
			background-image: url("../images/btnIrPagamento.png");
			background-size: 195px 54px;
		}
		.form-error {
			border-left: solid 5px #6e3fe0;
			background-color: #CFC1F5;
			color: #000;
			padding: 3px;
			display: inline-block;
			letter-spacing: 0px;
			white-space: nowrap;
			position: absolute;
			left: 101%;
		}

		/* The Modal (background) */
		.modal {
			display: none; /* Hidden by default */
			position: fixed; /* Stay in place */
			z-index: 2; /* Sit on top */
			left: 0;
			top: 0;
			width: 100%; /* Full width */
			height: 100%; /* Full height */
			overflow: auto; /* Enable scroll if needed */
			background-color: rgb(20,20,20); /* Fallback color */
			background-color: rgba(20,20,20,0.9); /* Black w/ opacity */
		}
		/* Modal Content/Box */
		.modal-content {
			width: 700px;
			text-align: center;
			position:absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
		/* The Close Button */
		.close {
			color: #ffffff;
			float: right;
			font-size: 28px;
			font-weight: bold;
			margin-top: -50px;
		}
		.close:hover,
		.close:focus {
			color: #6E3FE0;
			text-decoration: none;
			cursor: pointer;
		}
		.loader {
			position:absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			background: transparent;
		}
		.loader img {
			width: 75px;
			height: 75px;
		}
		.form-buttons {
			position: absolute;
			left: 50%;
			top: 300px;
			transform: translate(-50%);
			width: 220px;
			text-align: center;
		}
		.passo3-form-dados {
			text-align: center;
			display: inline-block;
			line-height: 24px;
			background-color:#fcdb9c;
			border-radius: 15px;
			padding: 10px;
			padding-top: 35px;
			padding-bottom: 35px;
			width: 260px;
		}
		.passo3-form-dados div {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
		.glow {
			-webkit-animation: glowing 1s ease-in-out infinite alternate;
			-moz-animation: glowing 1s ease-in-out infinite alternate;
			animation: glowing 1s ease-in-out infinite alternate;
		}
		@-webkit-keyframes glowing {
			from {
/* 
				-webkit-filter: drop-shadow(0 0 15px #FFFF00);
 */
				filter: drop-shadow(0 0 15px #FFFF00);
			}
			to {
/* 
				-webkit-filter: drop-shadow(0 0 20px #EF3263);
 */
				filter: drop-shadow(0 0 20px #EF3263);
			}
		}
		#arrow {
			background-image: url('../images/arrow.png');
			width: 100px;
			height: 100px;
			background-size: cover;
			position: absolute;
			top: 158px;
			left: 770px;
			animation: scale 2s infinite;
		}
		@keyframes blink {
			0%, 50% {
				opacity: 1;
			}
			51%, 100% {
				opacity: 0;
			}
		}
        @keyframes scale {
            0%, 100% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.1);
            }
        }