/* BANNER HOME */
.banner{width:100%; height:838px; position: relative; clear: both; background: url(../imagens/fundo_campanha.jpg) no-repeat center center; z-index: 7; }
.banner .hero { width:750px; height:300px; position: absolute; margin: 360px 0px 0px 0px; background: url(../imagens/hero.png) no-repeat center center; display: none; } 

.frase { width: 100%; height: auto; padding: 70px 0; text-align: center; }
.frase .aspas { width: 100px; height: 75px; background: url(../imagens/aspas.png) no-repeat center; display: inline-block; }
.frase p { font-weight: 700; color: #044524; font-size: 22px; width: 60%; display: inline-block; }
.frase p span { font-weight: 300; }

.dizimista { width: 100%; height: auto; position: relative; padding: 50px 0; clear: both; z-index: 11; float: left; background: #044524; text-align: center; }
.dizimista h1 { font-weight: 700; color: #e69e15; }
.dizimista p { width: 80%; height: auto; display: inline-block; position: relative; color: #FFFFFF; font-size: 16px; line-height: 22px; font-weight: 400; margin: 30px 0 0; }

.contas { width: 100%; height: auto; position: relative; clear: both; float: left; background: #eda229; z-index: 11; padding: 50px 0px 50px 0px; }
.contas .numero { font-weight: 600; color: #7a0106; font-size: 300px; line-height: 250px; font-style: italic; float: left; width: 30%; }
.contas .numero_responsivo { display: none; }
.contas .txt { width: 60%; float: left; }
.contas .txt h1 { font-weight: 700; color: #7a0106; margin-bottom: 30px; }
.contas .txt p { font-weight: 400; color: #054022; margin-bottom: 15px; }

.contas .bw { width: 140px; height: 40px; background-color: #044524; cursor: pointer; padding: 0 10px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
.contas .bw .icone { width: 40px; height: 40px; background: url(../imagens/bw.png) no-repeat; float: left; }
.contas .bw p { color: #FFFFFF; font-weight: 600; line-height: 40px; float: left; margin-left: 10px; }

.contas.branco { background: #FFFFFF; }
.contas.branco .numero {  }
.contas.branco .txt { margin-top: 50px; }

.contas.amarelo { margin-top: 50px; padding-bottom: 100px; }
.contas.amarelo .txt { margin-top: 50px; }

.importancia { width: 100%; height: auto; padding: 50px 0; float: left; }
.importancia .txt { width: 38%; float: left; margin-top: 100px; }
.importancia .txt h1 { font-size: 40px; line-height: 40px; color: #7a0106; text-align: left; }
.importancia .txt h2 { font-size: 22px; line-height: 22px; color: #7a0106; text-align: left; margin-top: 30px; }
.importancia .txt h3 { font-size: 20px; line-height: 30px; color: #efa32b; text-align: center; margin-top: 10px; border: 4px dotted #7a0106; padding: 0 10px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.importancia img { width: 500px; height: auto; float: left; }



.quero { width: 190px; cursor: pointer; left: 50%; margin-left: -95px; height: auto; padding: 12px 0px; text-align: center; color: #ffffff; background-color: #7a0106; font-size: 16px; z-index: 500; font-weight: 700; font-style: italic; position: fixed; bottom: 50px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; overflow: hidden; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.quero:hover { background-color: #7a0106; -webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0, 0.3); -moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0, 0.3); box-shadow: 0px 4px 4px 0px rgba(0,0,0, 0.3); bottom: 55px; }
.quero_seta { left: 50%; margin-left: -26px; position: fixed; width: 52px; height: 36px; background: url(../imagens/seta-cadastro.png) repeat center center; bottom: 36px; z-index: 500; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

@media screen and (max-width: 1100px) {
	.banner{width:100%; height:530px;  background-image: url(../imagens/fundo_campanha2.jpg); background-repeat: no-repeat; background-position: center center; background-size: auto 100%; }
	.banner .hero { width:100%; position: absolute; margin: 180px 0px 0px 0px; padding: 0px; background-image: url(../imagens/hero.png); background-repeat: no-repeat; background-position: center center; background-size: 95% auto; } 

	.frase .aspas { margin-bottom: 15px; }
	.frase .aspas, .frase p { width: 100%; float: none; }

	.contas { text-align: center; }
	.contas .numero { display: none; }
	.contas .numero_responsivo { display: block; font-size: 50px; font-style: italic; font-weight: 700; color: #FFFFFF; width: 50px; height: 50px; line-height: 50px; padding: 15px; left: 50%; margin-left: -40px; position: relative; margin-bottom: 20px; background: #7a0106; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
	.contas .txt { width: 100%; }
	.contas.branco .txt, .contas.amarelo .txt { margin-top: 0; }
	.contas.amarelo { margin-top: 0; padding-bottom: 50px;}
	.contas .bw { display: inline-block; }

	.importancia .txt { width: 100%; margin-top: 0; margin-bottom: 30px; }
	.importancia .txt h1, .importancia .txt h2 { text-align: center; }

	.quero, .quero_seta  { display: none; }

}

@media screen and (max-width: 500px) {
	.importancia img { width: 100%; }
}