section { padding: 0px; }

/*ENTRADA*/
.entrada_desktop { cursor: pointer; width: 100%; height: 100vh; position: relative; text-align: center; background-repeat: no-repeat; background-position: center; background-size: auto 100%; }

/*BOX JANELA*/
.box_janela { width: -moz-calc(96% - 140px); width: -webkit-calc(96% - 140px); width: -o-calc(96% - 140px); width: calc(96% - 140px); height:auto; position:relative; margin: -75px 2% 0px 2%; background: var(--cor-primaria); padding: 50px 70px; border-radius: 120px; }
.box_janela .intro_form { display: inline-block; vertical-align: top; width: 45%; height:auto; position:relative; margin: 50px 4% 50px 0px; font-size: 72px; font-family: var(--fonte-padrao); color: var(--cor-secundaria); text-align: left; line-height: 70px; font-weight: bold; }
.box_janela .intro_form p { width: 100%; font-size: 28px; font-family: var(--fonte-padrao); color: #ffffff; text-align: left; line-height: 40px; font-weight: 500; position: relative; display: inline-block; padding: 0px; }
.box_janela .intro_form .icones { width: 100%; height: auto; position: relative; margin: 75px 0px 0px 0px; text-align: left; display:inline-block; vertical-align:top; }
.box_janela .intro_form .icones img { position: relative; width: auto; height: auto; display: inline-block; vertical-align: top; margin: 0px 20px 0px 0px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.box_janela .form { display: inline-block; vertical-align: top; width: 45%; height:auto; position:relative; margin: 50px 0px 50px 4% }
.box_janela .form .titulo_form { width: 100%; font-size: 28px; font-family: var(--fonte-padrao); color: #ffffff; text-align: left; line-height: 32px; font-weight: 500; position: relative; display: inline-block; padding: 0px 0px 30px 0px; }
.box_janela .form form { width: 100%; position: relative; display: inline-block; vertical-align:top; text-align: center; padding: 0px; }
.box_janela .form form input[type=text] { font-family: var(--fonte-padrao); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); height:65px; line-height:65px; font-size:20px; background-color: #ffffff; color: var(--cor-primaria); position: relative; display:inline-block;vertical-align:top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; padding:0px 20px; margin: 0px 0px 10px 0px; font-weight:bold; }
.box_janela .form form input[type=text]::-webkit-input-placeholder { /* Chrome */ color: var(--cor-primaria) !important; }
.box_janela .form form input[type=text]:-ms-input-placeholder { /* IE 10+ */ color: var(--cor-primaria) !important; }
.box_janela .form form input[type=text]::-moz-placeholder { /* Firefox 19+ */ color: var(--cor-primaria) !important; opacity: 1; }
.box_janela .form form input[type=text]:-moz-placeholder { /* Firefox 4 - 18 */ color: var(--cor-primaria) !important; opacity: 1; }
.box_janela .form form textarea { font-family: var(--fonte-padrao); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: -o-calc(100% - 40px); width: calc(100% - 40px); height:100px; line-height:25px; font-size:20px; background-color: #ffffff; color: var(--cor-primaria); position: relative; display:inline-block;vertical-align:top; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; padding: 20px; margin: 0px 0px 10px 0px; font-weight:bold; resize:none; }
.box_janela .form form textarea::-webkit-input-placeholder { /* Chrome */ color: var(--cor-primaria) !important; }
.box_janela .form form textarea:-ms-input-placeholder { /* IE 10+ */ color: var(--cor-primaria) !important; }
.box_janela .form form textarea::-moz-placeholder { /* Firefox 19+ */ color: var(--cor-primaria) !important; opacity: 1; }
.box_janela .form form textarea:-moz-placeholder { /* Firefox 4 - 18 */ color: var(--cor-primaria) !important; opacity: 1; }
.box_janela .form form .linha_aceite { width: 100%; display: inline-block; vertical-align: top; text-align: left; height: auto; color:#ffffff; font-size: 18px; font-family: var(--fonte-padrao); line-height: 20px; margin: 0px; padding: 10px 0; }
.box_janela .form form input[type=submit] { cursor: pointer; width: 500px; position: absolute; height:auto; line-height:auto; font-family: var(--fonte-padrao); font-weight: bold; font-size:28px; color: #ffffff; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; padding: 15px 30px; left: -250px; bottom: -130px; color: var(--cor-secundaria); background: #bce4fb; }
.box_janela .form form input[type=submit]:hover { background: var(--cor-secundaria); color:#ffffff; }

/*SOBRE*/
.box_texto { width: -moz-calc(96% - 80px); width: -webkit-calc(96% - 80px); width: -o-calc(96% - 80px); width: calc(96% - 80px); height:auto; position:relative; margin: 50px 2%; padding: 50px 40px; }
.box_texto .sobre { display: inline-block; vertical-align: top; width: -moz-calc(100% - 400px); width: -webkit-calc(100% - 400px); width: -o-calc(100% - 400px); width: calc(100% - 400px); height:auto; position:relative; margin: 50px 0px 50px 0px; font-size: 62px; font-family: var(--fonte-padrao); color: var(--cor-primaria); text-align: left; line-height: 54px; font-weight: bold; }
.box_texto .sobre p { width: 100%; font-size: 26px; font-family: var(--fonte-padrao); color: #ffffff; text-align: left; line-height: 36px; font-weight: 500; position: relative; display: inline-block; padding: 50px 0px 0px 0px; }
.box_texto .simbolo { width: 320px; height: auto; position: relative; margin: 150px 0px 50px 50px; text-align: center; display:inline-block; vertical-align:top; }
.box_texto .simbolo img { position: relative; width: auto; height: auto; display: inline-block; vertical-align: top; margin: 0px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
.linhas_fundo { width:100%; height:100px; background-repeat: no-repeat; background-position: center; background-image: url(../imagens/linhas-layout.png); margin: 0px 0px 60px 0px; }

/*ORAÇÒES*/
.oracoes { width:100%; height:auto; position:relative; padding: 50px 0px 0px 0px; text-align:center; background:#ffffff; }
.oracoes .corpo_oracoes { width: 96%; height:auto; position:relative; margin: 0px 2%; background:#ffffff; z-index:1 }
.oracoes .corpo_oracoes .titulo_ora { display: inline-block; vertical-align: top; width: -moz-calc(100% - 400px); width: -webkit-calc(100% - 400px); width: -o-calc(100% - 400px); width: calc(100% - 400px); height:auto; position:relative; margin: 50px 0px 25px 0px; font-size: 62px; font-family: var(--fonte-padrao); color: var(--cor-primaria); text-align: center; line-height: 54px; font-weight: bold; }
.oracoes .corpo_oracoes .intro_ora { width: 100%; font-size: 26px; font-family: var(--fonte-padrao); color: var(--cor-secundaria); text-align: center; line-height: 36px; font-weight: 500; position: relative; display: inline-block; padding: 20px 0px 50px 0px; }
.oracoes .oracao { width: 100%; height: 550px; position: relative; margin: 20px 0px 50px 0px; text-align: center; display:inline-block; vertical-align:top; }
.oracoes .oracao ul { width: 1000px; height: auto; position: relative; list-style-type: none; text-align: center; padding: 0px; }
.oracoes .oracao ul li { width: 200px; transform: scale(0.8); padding: 50px; background-repeat: no-repeat; background-position: center; background-image: url(../imagens/fundo-vela.png); background-size: auto 150px; background-position: center bottom; height: 450px; margin: 10px 15px; display: inline-block; vertical-align: top; position: relative; text-align:center; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; overflow:hidden; background-color: var(--cor-secundaria); }
.oracoes .oracao ul li .qual_oracao { display: inline-block; vertical-align: top; width: 100%; height:auto; position:relative; margin: 0px; font-size: 28px; font-family: var(--fonte-padrao); color: var(--cor-primaria); text-align: center; line-height: 24px; font-weight: bold; }
.oracoes .oracao ul li .sobre_oracao { width: 100%; font-size: 20px; font-family: var(--fonte-padrao); color: #ffffff; text-align: center; line-height: 28px; font-weight: 500; position: relative; display: inline-block; padding: 20px 0px 0px 0px; }
.oracoes .oracao ul li .autor_oracao { display: inline-block; vertical-align: top; width: 100%; height:auto; position:relative; margin: 10px 0px 0px 0px; font-size: 14px; font-family: var(--fonte-padrao); color: var(--cor-primaria); text-align: center; line-height: 18px; font-weight: bold; }
.oracoes .oracao ul li.destacado {  transform: scale(1.0); transition: transform 0.3s ease; z-index: 2; }
.oracoes .oracao #prev { position:absolute; left: 0px; top: 50%; transform: translate(0,-50%); background-image: url(../imagens/seta-esquerda.png); background-repeat: no-repeat; background-position: center; background-size: 90% auto; width: 35px; height: 35px; opacity:0.5; z-index:100; cursor:pointer; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.oracoes .oracao #prev:hover { opacity:1; background-color:#ffffff; }
.oracoes .oracao #next { position:absolute; right: 0px; top: 50%; transform: translate(0,-50%); background-image: url(../imagens/seta-direita.png); background-repeat: no-repeat; background-position: center; background-size: 90% auto; width: 35px; height: 35px; opacity:0.5; z-index:100; cursor:pointer; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.oracoes .oracao #next:hover { opacity:1; background-color:#ffffff; }

#modal_oracao { display: none; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); }
#modal_oracao .conteudo { background: var(--cor-secundaria); padding: 50px; max-width: 600px; margin: 100px auto; border-radius: 30px; position: relative; }
#modal_oracao #mensagem_completa { width: 100%; font-size: 16px; font-family: var(--fonte-padrao); color: #ffffff; text-align: left; line-height: 24px; font-weight: 500; position: relative; display: inline-block; padding: 0px; }
#modal_oracao h2 { display: inline-block; vertical-align: top; 100%; height:auto; position:relative; font-size: 24px; padding-bottom: 10px; font-family: var(--fonte-padrao); color: var(--cor-primaria); text-align: left; line-height: 30px; font-weight: bold; }
#modal_oracao h5 { display: inline-block; vertical-align: top; 100%; height:auto; position:relative; font-size: 14px; padding-top: 10px; font-family: var(--fonte-padrao); color: var(--cor-primaria); text-align: left; line-height: 20px; font-weight: bold; }
#modal_oracao .fechar { position: absolute; top: 30px; right: 35px; cursor: pointer; font-weight: bold; color: #ffffff; font-size: 18px; }

/*QUANTITATIVO*/
.quantitativo { width: 100%; margin: 0px; padding: 0px; height: auto; text-align:center; background: var(--cor-primaria); position:relative; display:inline-block; }
.quantitativo:before { width: 100%; height:150px; left:0px; position:absolute; z-index:1; content:''; background:#ffffff; top:0px; }
.quantitativo .corpo_quantos { width: -moz-calc(96% - 80px); width: -webkit-calc(96% - 80px); width: -o-calc(96% - 80px); width: calc(96% - 80px); margin: 0px 2%; padding: 50px; height: auto; text-align:center; background: #ffffff; position:relative; z-index:2; -webkit-border-radius: 0px 0px 100px 100px; -moz-border-radius: 0px 0px 100px 100px; border-radius: 0px 0px 100px 100px; }
.quantitativo .corpo_quantos .quantos { width: 300px; position:relative; height:auto; margin: 25px; display:inline-block; vertical-align:top;font-family: var(--fonte-padrao); font-weight: bold; font-size:28px; color: var(--cor-secundaria); text-align:left; font-weight:bold; }
.quantitativo .corpo_quantos .quantos .valores { width: 100%; position: relative; height:auto; line-height:auto; font-family: var(--fonte-padrao); font-weight: bold; font-size:62px; color: var(--cor-secundaria); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;  display:inline-block; vertical-align:top; margin: 0px; text-align:left; font-weight:bold; }
.quantitativo .corpo_quantos .quantos .oque { width: 100%; position: relative; height:auto; line-height:auto; letter-spacing: -2px; font-family: var(--fonte-padrao); font-weight: bold; font-size:52px; color: var(--cor-primaria); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;  display:inline-block; vertical-align:top; margin: 0px; text-align:left; font-weight: 800; line-height:40px; }
.quantitativo .corpo_quantos .quero { cursor: pointer; width: auto; position: relative; height:auto; line-height:auto; font-family: var(--fonte-padrao); font-weight: bold; font-size:28px; color: var(--cor-secundaria); -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; padding: 15px 40px; background-color: var(--cor-primaria); display:inline-block; vertical-align:top; margin: 75px 25px; font-weight: 800; }

@media screen and (max-width: 1100px) {
	.entrada_desktop { height: 250px; }

	#modal_oracao .conteudo { padding: 25px; max-width: 300px; margin: 0px auto; width:300px; }

	/*BOX JANELA*/
	.box_janela { width: 96%; margin: 0px; padding: 30px 2%; border-radius: 0px; }
	.box_janela .intro_form { width: 100%; margin: 30px 0px; font-size: 42px; text-align: center; line-height: 40px; }
	.box_janela .intro_form p { width: 100%; font-size: 18px; text-align: center; line-height: 25px; }
	.box_janela .intro_form .icones { text-align:center; margin: 30px 0px 20px 0px; }
	.box_janela .intro_form .icones img { margin: 0px 10px; }
	.box_janela .form { width: 100%; margin: 20px 0px; text-align:center }
	.box_janela .form .titulo_form { text-align: center; }
	.box_janela .form form .linha_aceite { text-align: center; }
	.box_janela .form form input[type=submit] { width: 95%; font-size: 16px; position: relative; text-align: center; padding: 15px 0px; left: initial; bottom: initial; }

	/*SOBRE*/
	.box_texto { width: 96%; height:auto; position:relative; margin: 30px 0px; padding: 30px 2%; }
	.box_texto .sobre { width:100%; text-align:center; }
	.box_texto .sobre p { text-align: center; padding: 20px 0px 0px; }
	.box_texto .simbolo { width: 100%; height: auto; position: relative; margin: 30px 0px; text-align:center; }
	.box_texto .simbolo img { max-height:  100px; }
	.linhas_fundo { width:100%; height:60px; background-size: auto 50px; margin: 0px 0px 30px 0px; }

	/*ORAÇÒES*/
	.oracoes .corpo_oracoes .titulo_ora { width:100%; font-size: 42px; line-height:40px; }
	.oracoes .oracao ul { width: 100%; }
	.oracoes .oracao ul li { width: 300px; transform: scale(1.0); padding: 25px; }

	/*QUANTITATIVO*/
	.quantitativo { background:#ffffff }
	.quantitativo:before { display:none; }
	.quantitativo .corpo_quantos { width: 96%; margin: 0px; padding: 30px 2%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
	.quantitativo .corpo_quantos .quantos { width: 100%; text-align: center; }
	.quantitativo .corpo_quantos .quantos .valores, .quantitativo .corpo_quantos .quantos .oque { text-align: center; margin-left: 0px; margin-right: 0px; }
	.quantitativo .corpo_quantos .quero { cursor: pointer;  font-size: 16px; padding: 15px 20px; margin: 25px 0px; }
}