/* ---------- SUMÁRIO ----------*/

/*========== RESET ==========*/
/*========== CONTAINER ===========*/
/*========== BG COLORS ===========*/
/*========== HELPERS ===========*/
/*========== MIGRADOS PARA CÁ ==========*/


/*========== RESET ==========*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');
* {margin: 0; padding: 0; font-size: 100%; border: none; outline: none; font-weight: 100; box-sizing: border-box; font-family: Georgia, "Times New Roman", Times, serif; color: #222;}
body {background-image: url("../img/bg.jpg"); background-attachment: fixed; background-size: contain;}
a {text-decoration: none;}
ul {list-style: none;}
img {max-width: 100%;}
.titulo {font-family: 'Dosis', sans-serif; text-align: center; padding-top: 10px; padding-bottom: 20px; font-size: 40px; line-height: 40px; font-weight: 700; color: #000;}
.subtitulo {font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; font-weight: bold; text-align: center; padding-bottom: 20px;}

/*========== CONTAINER ===========*/
.container {width: 100%; float: left; padding: 3% 4%; text-align: center;}
.esverdeado-logo {color: #003030;}
.avermelhado-logo {color: #780000;}
.vermelho {font-weight: 400; color: #b00;}
.negrito {font-weight: 700;}
.italico {font-style: italic;}
.sublinhado {text-decoration: underline;}
.ni {font-style: italic; font-weight: 400;}
.georgia {font-family: Georgia, "Times New Roman", Times, serif;}
.dosis {font-family: 'Dosis', sans-serif;}
.centralizado {text-align: center;}
.esquerdo {text-align: left;}
.subtema {font-family: 'Roboto Condensed', sans-serif; font-size: 24px;}
.recursos-margem .fa {color: #3366ff;}
.divisao {position: relative; float: left; width: 100%; height: 1px; background: #000;}
.fonte-menor {font-size: 15px; line-height: 30px;}

/*========== BG COLORS ===========*/
.bg-gradient {background: linear-gradient(to right,#20286b,#50c0da);}
.bg-gradient-menu {background: linear-gradient(to right,#004444,#990000);}
.bg-gradient-menu-close {background: linear-gradient(to right,#fff,#ccc);}
.bg-black {background-color: #130400;}
.bg-white {background-color: #fff;}

/*========== HELPERS ===========*/
.radius {border-radius: 7px;}

/* CABEÇALHO */
.topo-fixo {position: fixed; width: 100%; height: 130px; background-color: rgba(0,7,36,1); z-index: 9999;}
.topo-margem {position: relative; float: left; width: 100%;}
.logo {position: relative; float: left; width: 80%; height: 75px; margin: 15px 0; background: url(../img/logo-mista.png) center center/100% no-repeat !important; transition: 0.1s ease-out; display: inline-block;}
.logo:hover {background: url(../img/logo-branca.png) center center/100% no-repeat !important;}

/* MENU FIXO */
.menu-fixo {position: absolute; width: 320px; left: 50%; margin-left: -160px; margin-top: 95px; display: block;}
.menu-fixo a {position: relative; float: left; font-size: 10px; font-weight: 500; padding: 5px; color: #fff; font-family: Roboto, arial, sans-serif;}
.menu-fixo a:hover {color: rgba(255,255,255,0.7);}

/* BANNER */
.slider {position: relative; float: left; width: 100%; height: 637px; overflow: hidden;}
.slides {width: 600%; height: 637px; display: flex;}
.slides input {display: none;}
.slide {width: 16.67%; position: relative; transition: 1s;}
.img1 {background: url(../img/banner1-1.jpg); background-size: cover; background-attachment: fixed; background-position: center;}
.img2 {background: url(../img/banner2.jpg); background-size: cover; background-attachment: fixed; background-position: center;}
.img3 {background: url(../img/banner3.jpg); background-size: cover; background-attachment: fixed; background-position: center;}
.manual-navigation {position: absolute; width: 100%; margin-top: -40px; display: flex; justify-content: center;}
.manual-btn {border: 2px solid #fff; padding: 5px; border-radius: 10px; cursor: pointer; transition: .05s;}
.manual-btn:not(:last-child) {margin-right: 30px;}
.manual-btn:hover {background-color: #fff;}
#radio1:checked ~ .first {margin-left: 0;}
#radio2:checked ~ .first {margin-left: -16.67%;}
#radio3:checked ~ .first {margin-left: -33.34%;}
.navigation-auto div {border: 2px solid #fff; padding: 5px; border-radius: 10px; cursor: pointer; transition: .05s;}
.navigation-auto {position: absolute; width: 100%; margin-top: 597px; display: flex; justify-content: center;}
.navigation-auto div:not(:last-child) {margin-right: 30px;}
#radio1:checked ~ .navigation-auto .auto-btn1 {background-color: #fff;}
#radio2:checked ~ .navigation-auto .auto-btn2 {background-color: #fff;}
#radio3:checked ~ .navigation-auto .auto-btn3 {background-color: #fff;}
.titulo-banner ,.titulo-banner a {width: 100%; margin-top: 200px; padding: 5px; font-family: Arial,sans-serif; font-weight: 900 !important; font-size: 42px; font-weight: bold; text-align: center; color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,.6);}
.botao-banner {width: 170px; padding: 15px; margin: 50px auto; text-align: center; font-size: 16px; font-weight: bold; background-color: #fff; border-radius: 10px; color: #4b4750; transition: 0.2s ease-out; box-shadow: 1px 1px 1px rgba(0,0,0,.3);}
.botao-banner:hover {background-color: #03052b; color: #fff; text-shadow: 2px 2px 2px rgba(0,0,0,.0);}

/* ACESSO RÁPIDO */
.acesso-rapido {position: relative; float: left; width: 100%; text-align: center; padding: 50px 20px 30px 20px; background-color: #fff;}
.acesso-rapido-margem {position: relative; float: left; width: 100%; line-height: 28px;}
.acesso-caixa {position: relative; float: left; width: 100%; padding: 30px 5px; background-color: #e8e8e8;}
.caixa-invisivel {position: relative; width: 100%;}
.acesso-rapido h1 {position: relative; float: left; width: 100%; font-family: Arial,sans-serif; font-weight: 900 !important; font-size: 23px; color: #333; text-align: center; margin-bottom: 15px;}
.acesso-rapido h2 {position: relative; float: left; width: 100%; font-family: Arial,sans-serif; font-weight: 700 !important; font-size: 16px; color: #333; text-align: center; margin-bottom: 20px;}
.acesso-rapido h3 {position: relative; float: left; width: 100%; font-size: 15px; color: #333; font-weight: 700 !important; text-align: center; margin-bottom: 20px;}
.acesso-rapido a {font-size: 18px; color: #193ca5;}
.acesso-rapido {font-size: 18px; color: #03052b;}
.acesso-rapido a:hover {text-decoration: underline;}
.acesso-rapido-coluna1, .acesso-rapido-coluna2, .acesso-rapido-coluna3 {position: relative; float: left; width: 100%;}

.aviso-home {position: relative; float: left; width: 100%; text-align: center; margin-top: 30px;}
.aviso-principal {position: relative; float: left; width: 100%; font-family: Arial,sans-serif; font-weight: 700 !important; font-size: 16px; color: #333;}
.aviso-referencias {position: relative; float: left; width: 100%; font-size: 16px;}
.aviso-referencias-menor {font-size: 14px;}

/* PLANO DE LEITURA */
.plano-de-leitura {position: relative; float: left; width: 100%; text-align: center; padding: 50px 20px; background-color: #e8e8e8;}
.plano-de-leitura-margem {position: relative; float: left; width: 100%;}
.plano-de-leitura h1 {position: relative; float: left; width: 100%; font-family: Arial,sans-serif; font-weight: 900 !important; font-size: 34px; font-weight: bold;}
.plano-de-leitura-jesus {font-size: 20px; font-family: Arial,sans-serif; font-weight: 900 !important;}
.botao-plano-de-leitura {position: relative; border: 2px solid #03052b; float: left; width: 200px; left: 50%; margin-left: -100px; margin-top: 20px; padding: 15px; text-align: center; font-size: 16px; font-weight: bold; background-color: #03052b; border-radius: 10px; color: #fff; transition: 0.2s ease-out; box-shadow: 1px 1px 1px rgba(0,0,0,.3);}
.botao-plano-de-leitura:hover {background-color: #fff; color: #03052b; text-shadow: 2px 2px 2px rgba(0,0,0,.0);}

/* BOTÃO PRINCÍPIOS */
.botao-principios {position: relative; border: 2px solid #03052b; float: left; width: 200px; left: 50%; margin-left: -100px; margin-top: 20px; padding: 15px; text-align: center; font-size: 16px; font-weight: bold; background-color: #03052b; border-radius: 10px; color: #fff; transition: 0.2s ease-out; box-shadow: 1px 1px 1px rgba(0,0,0,.3);}
.botao-principios:hover {background-color: #fff; color: #03052b; text-shadow: 2px 2px 2px rgba(0,0,0,.0);}

/* PLANOS DE LEITURA */
.planos-de-leitura {position: relative; float: left; width: 100%;}
.plano-trimestre {position: relative; float: left; width: 100%;}

/* MENU */
.close {width: 100%; height: 110px;}
.menu {display: none; width: 100%; height: 100%; position: fixed; overflow: auto; background-color: rgba(0,0,0,0.9); top: 0; left: 0; z-index: 9999;}
.menu-margem {position: relative; float: left; width: 100%}
.btn-menu {position: absolute; animation: pulse 0.7s infinite; animation-direction: alternate; -webkit-animation-name: pulse; animation-name: pulse; top: 25px; right: 15px; width: 45px; height: 45px; font-size: 17px; text-align: center; color: #4b4750; border-radius: 56px; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,.4); transition: 0.1s ease-out;}
.btn-close {position: absolute; top: 25px; right: 15px; width: 45px; height: 45px; font-size: 25px; text-align: center; color: #4b4750; border-radius: 56px; cursor: pointer; transition: 0.1s ease-out;}
.menu ul {position: relative; float: left; width: 100%; margin: 0; text-align: center; padding-bottom: 30px;}
.menu li {padding: 5px;}
.menu li a, .menu li {font-size: 16px; color: #fff; padding: 5px 0px; transition: 0.1s ease-out; font-family: Roboto, arial, sans-serif;}
.menu li a:hover {font-style: italic; color: #b2a9f0 !important;}
.cor-menu {color: #033 !important;}
.cor-menu:hover {color: #fff !important;}
.titulo-menu {font-weight: bold; margin-bottom: 10px;}

@-webkit-keyframes pulse {0% {-webkit-transform: scale(1);} 100% {-webkit-transform: scale(1.06);}}
@keyframes pulse {0% {transform: scale(1);} 100% {transform: scale(1.06);}}

/* VÍDEO CONGREGAÇÃO */
.video-congregacao {position: relative; margin: 0 auto; width: 300px; height: 168px;}

/* PROPOSTA */
.icone-pratica {position: relative; float: left; width: 7%;}
.texto-pratica {position: relative; float: left; width: 93%; font-weight: 300;}

/* ICONES */
.icones {position: relative; float: left; width: 100%;}
.icones-box {position: relative; float: left; width: 80%; margin-left: 10%;}
.icone {position: relative; float: left; width: 100%; margin: 2% 0; border-radius: 10px; transition: 0.2s ease-out; text-align: center;}
.imagem-icone {position: relative; float: left; width: 50%; padding: 1%; left: 50%; margin-left: -25%; transition: 0.2s ease-out;}
.titulo-icone {position: relative; float: left; width: 100%; padding: 0; font-size: 20px; font-weight: bold; color: #4b4750; transition: 0.2s ease-out;}
.descricao-icone {position: relative; float: left; width: 100%; padding: 4%; transition: 0.2s ease-out;}
.icones a {text-decoration: none; color: #4b4750;}
.icones a:hover {color: #003333;}
.whatsapp-icone {position: relative; width: 30px; height: 30px; background-size: contain; background-image: url(../img/whatsapp-icone.png); left: 50%; margin-left: -15px;}

/* ARTIGOS */
.artigo {width: 100%; text-align: left; margin-bottom: 3%;}
.artigo img {border-radius: 7px 7px 0 0;}
.inner {padding: 7%;}
.inner a {font-size: 1.2em; color: #130400; font-weight: 700;}

/* MISSIONÁRIOS */
.missionarios {position: relative; width: 100%;}
.missionarios h2 {font-size: 1.4em; font-weight: 700;}
.niger, .indonesia {width: 100%; height: 100px;}
.niger {background-color: #3C0;}
.indonesia {background-color: #069;}

/* NOSSA PROPOSTA */
.texto-lado-direito {font-family: Georgia, "Times New Roman", Times, serif; text-align: right;}
.margem-direita-lato {margin-top: 10px; margin-left: 3%; font-weight: 500;}

/* PERGUNTAS */
.margem-direita {margin-left: 5%; margin-right: 5%;}
.titulo-pergunta {font-size: 26px; font-weight: bold; font-family: myriad, "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; text-align: center; padding-top: 10px; padding-bottom: 20px; line-height: 40px;}

/* VÍDEOS */
.categoria-canal {position: relative; float: left; width: 100%; margin-bottom: 20px; transition: 0.2s ease-out;}
.bloco-canal {position: relative; float: left; width: 100%; margin-bottom: 20px; transition: 0.2s ease-out;}
.bloco-canal a img {position: relative; float: left; width: 88px; left: 50%; margin-left: -44px; border-radius: 88px;}
.bloco-canal a {position: relative; float: left; width: 100%; text-align: center;}

/* CANAIS NO YOUTUBE */
.botao-yt-ibc {width: 40px; height: 40px; border-radius: 40px; margin: 5px auto; background: url(../img/botao-yt-ibc.jpg) center center/40px no-repeat; display: inline-block;}
.botao-yt-pac {width: 40px; height: 40px; border-radius: 40px; margin: 5px auto; background: url(../img/botao-yt-pac.jpg) center center/40px no-repeat; display: inline-block;}
.botao-yt-pim {width: 40px; height: 40px; border-radius: 40px; margin: 5px auto; background: url(../img/botao-yt-pim.jpg) center center/40px no-repeat; display: inline-block;}
.botao-yt-aek {width: 40px; height: 40px; border-radius: 40px; margin: 5px auto; background: url(../img/botao-yt-aek.jpg) center center/40px no-repeat; display: inline-block;}

/* LOCALIZAÇÃO */
.localizacao {width: 100%; float: left; margin-top: 110px; padding: 3% 4%; font-weight: 500; text-align: center; font-size: 22px; background-color: #FFF;}
.mapa {width: 100%; min-width: 15em;}
.boxMapa {position: relative; padding-top: 25px; padding-bottom: 56.25%; height: 0; margin-bottom: 3%; background-color: #4b4750;}
.boxMapa iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*CONTEÚDO GERAL*/
.conteudo {position: relative; float: left; width: 100%; margin-top: 160px; margin-bottom: 30px; padding: 40px 30px; font-weight: 100; font-size: 18px; line-height: 30px; border-radius: 20px; box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); transition: 0.2s ease-out; background: #fffae8;}
.titulo-conteudo {font-size: 20px; font-weight: bold; line-height: 32px; text-align: center;}
.fonte-maior {font-size: 20px; font-weight: 400;}
.fonte20 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 26px; font-weight: bold;}
.fonte14 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px;}
.paragrafo {font-family: Georgia, "Times New Roman", Times, serif; margin-left: 4%;}
.separado {line-height: 48px;}

/* CONGREGAÇÕES */
.congregacoes {position: relative; float: left; width: 100%; margin-top: 100px; padding: 40px 20px; font-weight: 500; font-size: 18px; line-height: 30px; text-align: center;}
.texto-topo-congregacoes {position: relative; float: left; width: 100%; padding: 10px 0; border-bottom: 1px solid #4b4750;}
.texto-baixo-congregacoes {position: relative; float: left; width: 100%; padding: 10px 0; border-top: 1px solid #4b4750;}
.regioes {position: relative; float: left; width: 100%; margin: 20px 0 0 0; transition: 0.2s ease-out;}
.regiao {position: relative; float: left; width: 100%; transition: 0.2s ease-out;}
.regiao-meio {position: relative; float: left; width: 100%; transition: 0.2s ease-out;}
.titulo-e-imagem-regiao {position: relative; float: left; width: 100%;}
.titulo-regiao {position: relative; float: left; width: 100%; padding: 10px; font-size: 24px; font-weight: bold;}
.imagem-regiao {position: relative; float: left; width: 100%;}
.estados-regiao {position: relative; float: left; width: 100%; padding: 10px;}
.titulo-cidade {font-size: 30px; font-weight: bold;}

/*PAISES*/
.paises {position: relative; float: left; width: 100%; margin: 20px 0 0 0; transition: 0.2s ease-out;}
.pais {position: relative; float: left; width: 100%; margin-bottom: 30px; transition: 0.2s ease-out;}
.titulo-e-imagem-pais {position: relative; float: left; width: 100%;}
.titulo-pais {position: relative; float: left; width: 100%; padding: 10px; font-size: 24px; font-weight: bold;}
.imagem-pais {position: relative; float: left; width: 100%;}

/* RECURSOS */
.recursos {width: 100%; height: auto;}
.recursos-caixa {width: 120px; padding: 6px; margin: 30px auto; border: 3px solid #780000; text-align: center; font-size: 15px; font-weight: bold; color: #780000; transition: 0.2s ease-out;}
.recursos-caixa:hover {background-color: #780000; color: #fff;}
.recursos-margem {position: relative; float: left; width: 80%; margin-left: 10%;}
.recursos-divisao {position: relative; float: left; width: 100%; height: 1px; margin: -20px auto; background-color: #4b4750;}
.recursos-esquerdo {position: relative; float: left; width: 100%; margin-top: 40px;}

.recursos-fonte-maior {font-weight: bold; font-size: 22px;}
.recursos-fonte-menor {font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px;}
.ver-ou-baixar {width: 120px; padding: 6px; margin: 10px auto; border: 3px solid #780000; text-align: center; font-size: 15px; font-weight: bold; color: #780000; transition: 0.2s ease-out;}
.ver-ou-baixar:hover {background-color: #780000; color: #fff;}

/* JUNTE-SE A NÓS */
.borda {padding: 15px; border: 3px solid #780000;}
.link-quadrado {width: 220px; padding: 6px; margin: 10px auto; border: 3px solid #003030; text-align: center; font-size: 15px; font-weight: bold; color: #003030; transition: 0.2s ease-out;}
.link-quadrado:hover {background-color: #003030; color: #fff;}

/* ARTIGOS */
titulo-artigo {font-size: 30px; font-weight: bold;}
#evangelismo, #evangelicos, #jovem, #polemicos, #reflexao, #teologia {color: #780000; cursor: pointer;}
#dropdownEvangelismo, #dropdownEvangelicos, #dropdownJovem, #dropdownPolemicos, #dropdownReflexao, #dropdownTeologia {position: relative; display: none; padding: 5px; margin: 0 auto;}
.margem-dos-lados {margin: 0 5% 0 5%;}

/* PROJETO QUERO CONGREGAR */
.midia-quero-congregar {position: relative; width: 100%;}
.img-quero-congregar {position: relative; width: 70%; margin: 0 auto;}
.video-quero-congregar {position: relative; width: 90%; margin: 0 auto;}

/* ESTUDOS */
.estudos {width: 100%; float: left; margin-top: 110px; padding: 6% 4%; text-align: center; font-size: 18px; font-weight: bold; background-color: #fff;}
titulo-estudo {font-size: 30px; font-weight: bold;}
#doutrinasCristas, #apologetica, #suportePastoral {color: #780000; cursor: pointer;}
#dropdownDoutrinasCristas, #dropdownApologetica, #dropdownSuportePastoral {position: relative; display: none; padding: 5px; margin: 0 auto;}

/* PRINCÍPIOS */
.principio {position: relative; float: left; width: 100%; margin-bottom: 50px; transition: 0.2s ease-out; font-size: 18px;}
.principio-dupla {position: relative; float: left; width: 100%;}
.principio-numero {position: relative; float: left; width: 90px; height: 90px; margin-bottom: 20px; background-color: rgba(0,0,0,0.1); border-radius: 100%; transition: 0.2s ease-out; text-align: center; font-size: 60px; line-height: 90px; font-weight: bold; color: #fff; box-shadow: 1px 1px 1px rgba(0,0,0,.3);}
.principio-titulo {position: relative; float: left; width: 100%; transition: 0.2s ease-out; font-weight: bold; font-size: 22px;}
.principio-descricao {position: relative; float: left; width: 100%; transition: 0.2s ease-out;}
.c1 {background-color: #f5df78;}
.c2 {background-color: #ce593d;}
.c3 {background-color: #7eda69;}
.c4 {background-color: #57aa9f;}

/* RODAPÉ */
.rodape {width: 100%; float: left; padding: 20px; text-align: center; font-size: 16px; transition: 0.1s ease-out; background-color: #000724;}
.rodape .social-icons a img {width: 30px;}
.rodape .social-icons a {margin: 0 3px; opacity: 1; transition: 0.2s ease-out;}
.rodape .social-icons a:hover {opacity: 0.8;}
.copyright {margin: 10px; color: #fff;}
.email-rodape {color: #fff; margin-bottom: 20px;}
.a-Deus-toda-gloria {font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 900; margin: 10px; color: #fff; transition: 0.1s ease-out;}
a.linkcopyright:link, a.linkcopyright:visited {color: #fff; transition: 0.2s ease-out;}
a.linkcopyright:hover {color: #005b80;}
a.igrejas {font-size: 24px;}
a.igrejas:link, a.igrejas:visited {font-weight: bold; color: #161a2f;}
a.igrejas:hover {color: #333e77;}
a.vermelho:link, a.vermelho:visited, a.vermelho:hover {color: #a00;}
a.azul:link, a.azul:visited, a.azul:hover {color: #551a8b;}
a.link-azul:link, a.link-azul:visited, a.link-azul:hover {color: #3366ff;}
a.verde:link, a.verde:visited, a.verde:hover {color: #00cc00;}
a.link-verde:link, a.link-verde:visited, a.link-verde:hover {color: #00cc00;}
a.linkGeorgia:link, a.linkGeorgia:visited {font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; color: #3366ff;}
a.linkGeorgia:hover {color: #3366ff;}
a.preto {color: #4b4750;}

/*========== MOBILE FIRST ===========*/
/* SMALL DEVICES - SMARTPHONES */
@media screen and (min-width: 480px) {
.logo {width: 350px; height: 100px; margin: 0; background: url(../img/logo-branca.png) center center/100% no-repeat;}
.menu li a, .menu li {font-size: 20px;}

.menu-fixo {width: 430px; margin-left: -215px;}
.menu-fixo a {font-size: 13px; padding: 8px;}

.banner h1, .banner2 h1, a.link-banner {font-size: 50px;}

.icone {width: 80%; margin: 2% 0 2% 10%;}
.imagem-icone {width: 40%; left: 50%; margin-left: -20%}
.titulo-icone {font-size: 30px;}
.descricao-icone {font-size: 20px;}
.inner a {font-size: 1.5em;}
.artigos, .estudos {font-size: 20px;}
.video {width: 400px; height: 241px; margin: 0 auto;}
.conteudo {width: 420px; left: 50%; margin-left: -210px;}
.subtema {font-size: 26px;}
.titulo {font-size: 42px; font-weight: bold; text-align: center;}
.subtitulo {font-size: 24px;}
.niger, .indonesia {height: 150px;}
.recursos-fonte-maior {font-size: 26px;}
.recursos-fonte-menor {font-size: 18px;}
.fonte-maior {font-size: 20px;}
.whatsapp-icone {width: 35px; height: 35px; margin-left: -17px;}
a.igrejas {font-size: 28px;}

.planos-de-leitura {width: 400px; left: 50%; margin-left: -200px;}

.icone-pratica {width: 6%;}
.texto-pratica {width: 94%;}

.recurso-folheto {position: relative; float: left; width: 80%; margin: 0 0 0 10%;}
.recurso-folheto .link {position: relative; float: left; width: 100%; text-align: center !important; font-size: 16px;}

.divisao {width: 300px; left: 50%; margin-left: -150px;}
}

/* SMALL DEVICES - TABLETS */
@media screen and (min-width: 768px) {
.topo-fixo {height: 140px;}

.topo-margem, .plano-de-leitura-margem, .menu-margem {width: 700px; left: 50%; margin-left: -350px;}
.menu li a, .menu li {font-size: 16px;}
.menu ul {text-align: left; margin: 0;}

.menu-fixo {width: 530px; margin-left: -275px;}
.menu-fixo a {font-size: 16px; padding: 10px;}

.conheca-nos ul {width: 30%;}
.edifique-se ul {width: 25%;}
.envolva-se ul {width: 20%;}
.conheca-nos {margin-left: 15%;}
.icones-box {width: 700px; left: 50%; margin-left: -350px;}
.icone {width: 31.3%; margin: 1%;}
.titulo-icone {font-size: 20px;}
.descricao-icone {font-size: 16px;}
.mapa {width: 80%; margin-left: 10%;}
.artigo {width: 49%; float: left; margin-right: 2%;}
.artigo:nth-child(2) { margin-right: 0;}
.artigos, .estudos {font-size: 30px;}
.video {width: 600px; height: 361px; margin: 0 auto;}
.titulo {font-size: 48px; font-weight: bold; padding-bottom: 30px; line-height: 60px;}
.titulo-artigo, .titulo-estudo {font-size: 34px; font-weight: bold;}
.titulo-pergunta {font-size: 36px; padding-bottom: 30px; line-height: 50px;}
.subtitulo {padding-bottom: 30px; font-size: 30px;}
.niger, .indonesia {height: 220px;}
.conteudo {width: 700px; margin-left: -350px; margin-top: 170px; padding: 50px; font-size: 20px;}
.titulo-conteudo {font-size: 24px; line-height: 36px;}
.recursos-fonte-maior {font-size: 28px;}
.recursos-fonte-menor {font-size: 20px;}
.fonte20 {font-size: 28px;}
.fonte14 {font-size: 16px;}
.fonte-maior {font-size: 22px;}
.whatsapp-icone {width: 45px; height: 45px; margin-left: -22px;}
a.igrejas {font-size: 32px;}
.regiao {width: 50%;}
.titulo-e-imagem-regiao {width: 50%;}
.estados-regiao {width: 50%; text-align: left;}
.sul {margin-right: 50%;}
.principio {width: 49%; margin-bottom: 50px; margin-left: 1%;}
.principio-numero {margin-left: 5%;}
.principio-titulo {width: 90%; margin-left: 5%;}
.principio-descricao {width: 90%; margin-left: 5%;}
.img-quero-congregar {width: 50%;}
.video-quero-congregar {width: 50%;}

.pais {width: 33.3%; margin-bottom: 20px; transition: 0.2s ease-out;}

.video-congregacao {width: 560px; height: 315px;}

.icone-pratica {width: 5%;}
.texto-pratica {width: 95%;}

.recurso-folheto {width: 48%; margin: 1%;}

.bloco-canal {width: 50%;}
.bloco-canal a {font-size: 17px;}

.divisao {width: 600px; margin-left: -300px;}
.fonte-menor {font-size: 16px;}
}

/* MEDIUM DEVICES - TABLETS & DESKTOPS */
@media screen and (min-width: 960px) {
.topo-fixo {height: 100px;}

.logo {width: 280px;}

.topo-margem, .plano-de-leitura-margem, .menu-margem {width: 900px; margin-left: -450px;}
.menu-fixo {width: 525px; left: 0; margin-left: 300px; margin-top: 30px;}

.menu li a, .menu li {font-size: 20px;}

.titulo-banner ,.titulo-banner a {font-size: 62px;}
.botao-banner {width: 180px; padding: 20px; margin: 60px auto; font-size: 18px;}

.plano-de-leitura h1 {width: 650px; left:0; margin-left: 0; font-size: 34px; text-align: left;}
.botao-plano-de-leitura {float: right; width: 230px; padding: 20px; left: 0; margin-left: 0; font-size: 18px;}
.plano-de-leitura-jesus {font-size: 30px;}

.botao-principios {float: right; width: 230px; padding: 20px; left: 0; margin-left: 0; margin-top: 50px; font-size: 18px;}

.acesso-caixa, .caixa-invisivel {width: 900px; left: 50%; margin-left: -450px; padding: 30px 20px;}
.acesso-rapido-margem {width: 900px; left: 50%; margin-left: -450px;}
.acesso-rapido h1 {font-size: 28px; margin-bottom: 30px;}
.acesso-rapido h2 {font-size: 16px;}
.acesso-rapido-coluna1 {width: 28%;}
.acesso-rapido-coluna2 {width: 42%;}
.acesso-rapido-coluna3 {width: 30%;}
.acesso-rapido {text-align: left;}
.aviso-principal, .aviso-referencias, .acesso-rapido h3 {font-size: 18px;}
.aviso-referencias-menor {font-size: 16px;}
.aviso-home {width: 90%; margin-left: 5%;}

.icones-box {width: 900px; margin-left: -450px;}
.titulo-icone {font-size: 25px;}
.descricao-icone {font-size: 20px;}
.title h3 {font-size: 2em; padding-left: 8%;}
.artigo {width: 32%;}
.artigo:nth-child(2) { margin-right: 2%;}
.artigo:nth-child(3) { margin-right: 0;}
.margem-pc {width: 70%; margin: 0 15% 0 15%;}
.niger, .indonesia {width: 863px; height: 250px; margin: 0 auto;}
.conteudo {width: 900px; margin-left: -450px; margin-top: 130px; padding: 60px 80px; text-align:justify;}
.fonte20 {font-size: 30px;}
.fonte14 {font-size: 18px;}
.fonte-maior {font-size: 24px;}
a.igrejas {font-size: 36px;}
.ver-ou-baixar {width: 150px; font-size: 18px;}
.recursos {position: relative; width: 620px; left: 50%; margin-left: -310px;}
.recursos-caixa {position: relative; float: left; width: 280px; padding: 25px; margin: 15px; font-size: 18px;}
.recursos-margem {width: 60%; margin-left: 20%;}	
.link-quadrado {width: 250px; font-size: 18px;}
.titulo, .subtitulo {padding-bottom: 40px;}
.social-icons a .fa-youtube {font-size: 44px;}
.congregacoes {width: 900px; left: 50%; margin-left: -450px;}
.regiao {width: 33.3%; height: 290px;}
.regiao:nth-child(1), .regiao:nth-child(2), .regiao:nth-child(3) {height: 300px;}
.regiao-meio {width: 16.6%; height: 290px;}
.titulo-e-imagem-regiao-meio {width: 100%;}
.titulo-regiao {padding: 10px 0; font-size: 18px;}
.estados-regiao {font-size: 16px; padding: 10px 0;}
.titulo-e-imagem-regiao {width: 45%;}
.estados-regiao {width: 55%;}
.subtitulomargem {margin-left: 10%; margin-right: 10%;}
.midia-quero-congregar {position: relative; width: 800px; height: 280px; margin: 0 auto;}
.img-quero-congregar {width: 270px; margin-left: 20px; position: relative; float: left;}
.video-quero-congregar {width: 460px; margin-left: 20px; margin-top: 20px; position: relative; float: left;}

.planos-de-leitura {width: 800px; margin-left: -400px;}
.plano-trimestre {width: 360px; margin: 20px;}

.icone-pratica {width: 4%;}
.texto-pratica {width: 96%;}

.recurso-folheto {width: 31%; margin: 0 1.1% 0 1.1%;}

.bloco-canal {width: 33.3%;}

.divisao {width: 800px; margin-left: -400px;}
}

/* LARGE DEVICES - WIDE SCREENS */
@media screen and (min-width: 1280px) {
.logo {width: 350px;}

.topo-margem, .plano-de-leitura-margem, .menu-margem {width: 1200px; margin-left: -600px;}
.plano-de-leitura-margem {width: 1000px; margin-left: -500px;}
.menu-fixo {width: 610px; margin-left: 500px; margin-top: 25px;}
.menu-fixo a {font-size: 18px; padding: 12px;}

.plano-de-leitura h1 {width: 700px; font-size: 54px;}
.botao-plano-de-leitura {margin-top: 50px;}

.botao-principios {margin-top: 90px;}

.acesso-caixa, .caixa-invisivel {width: 1200px; margin-left: -600px;}
.acesso-rapido-margem {width: 1280px; margin-left: -640px;}
.acesso-rapido h1 {font-size: 32px;}
.acesso-rapido h2 {font-size: 18px;}
.acesso-rapido-coluna1 {width: 27%; margin-left: 7%;}
.acesso-rapido-coluna2 {width: 35%;}
.acesso-rapido-coluna3 {width: 31%;}
.acesso-rapido a, .acesso-rapido {font-size: 19px;}
.botao-plano-de-leitura {margin-top: 90px;}
.aviso-home {width: 77%; margin-left: 11.5%;}

.menu li a, .menu li {font-size: 24px;}
.menu {margin-right: 50px;}
.icones-box {width: 1200px; margin-left: -600px;}
.margem-pc {width: 60%; margin: 0 20% 0 20%;}
.link-quadrado {width: 300px; font-size: 20px;}

.rodape {font-size: 20px;}
.copyright {margin: 20px;}
.rodape .social-icons a {margin: 0 5px;}
.rodape .social-icons a img {width: 40px;}
.a-Deus-toda-gloria {margin: 20px; font-size: 26px;}

.congregacoes {width: 1100px; left: 50%; margin-left: -550px;}
.estados-regiao {font-size: 18px; padding: 10px;}
.regiao:nth-child(1), .regiao:nth-child(2), .regiao:nth-child(3) {height: 300px;}
.titulo-regiao {font-size: 20px;}

.planos-de-leitura {width: 1100px; margin-left: -550px;}
.plano-trimestre {width: 510px;}

.icone-pratica {width: 3%;}
.texto-pratica {width: 97%;}

.bloco-canal {width: 25%;}
}

/* UXGA */
@media screen and (min-width: 1600px) {
.topo-margem, .menu-margem {width: 1500px; margin-left: -750px;}
.icones-box, .conteudo {width: 1300px; margin-left: -650px;}
.imagem-icone {width: 36%; margin-left: -18%}
.menu-fixo {margin-left: 800px;}
}







/*========== MIGRADOS PARA CÁ ==========*/
/* Códigos que estavam em <style> nas páginas html e trouxe para o arquivo CSS */


.menu-fixo {
    width: 230px;
    margin-left: -115px;
}

.acesso-rapido {
    text-align: left;
}

.acesso-rapido-coluna1,
.acesso-rapido-coluna2,
.acesso-rapido-coluna3 {
    padding: 0 15px 0 30px;
}

.acesso-rapido-coluna1de2,
.acesso-rapido-coluna2de2 {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 15px 0 30px;
    font-family: Roboto, arial, sans-serif !important;
    font-weight: 400;
    line-height: 32px;
}

.titulo-icone,
.descricao-icone,
.botao-plano-de-leitura,
.botao-banner,
.botao-principios {
    font-family: Roboto, arial, sans-serif;
}

.titulo-icone {
    font-size: 24px;
}

.plano-de-leitura h1 {
    font-size: 28px;
}

.mapa-congregacoes {
    width: 100%;
    height: 480px;
    margin-top: 30px;
}

.plano-de-leitura h1,
.plano-de-leitura span {
    color: #333;
}

.acesso-rapido h2 {
    font-family: Roboto, arial, sans-serif !important;
    font-size: 18px;
    font-weight: bold;
}

.acesso-rapido h3 {
    font-family: Roboto, arial, sans-serif !important;
    font-size: 16px;
    font-weight: 400 !important;
}

.acesso-caixa a,
.acesso-rapido-coluna1,
.acesso-rapido-coluna2,
.acesso-rapido-coluna3 {
    font-family: Roboto, arial, sans-serif !important;
    font-weight: 400;
    line-height: 32px;
}

.botoes-final {
    position: relative;
    float: left;
    width: 200px;
    left: 50%;
    margin-left: -100px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.botao-final {
    position: relative;
    float: left;
    width: 200px;
    margin-top: 20px;
    padding: 15px;
    font-family: Roboto, arial, sans-serif;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    background-color: #03052b;
    border-radius: 10px;
    border: 2px solid #03052b;
    color: #fff;
    transition: 0.2s ease-out;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
}

.botao-final:hover {
    background-color: #fff;
    color: #03052b;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .0);
}









/* ----- SLIDE ----- */
.slider2 {
    position: relative;
    float: left;
    width: 100%;
    margin-top: 100px;
}

.myslide {
    height: 270px;
    display: none;
    overflow: hidden;
}

.prev,
.next {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 35px;
    padding: 15px;
    cursor: pointer;
    color: #fff;
    transition: 0.1s;
    user-select: none;
    opacity: .4;
    z-index: 2;
}

.prev:hover,
.next:hover {
    opacity: 1;
}

.next {
    right: 0;
}

.playpause {
    position: absolute;
    top: 75%;
    left: 50%;
    margin-left: -34px;
    padding: 15px;
    cursor: pointer;
    color: #fff;
    transition: 0.1s;
    user-select: none;
    opacity: .4;
    z-index: 2;
}

.playpause:hover {
    opacity: 1;
}

.playpause .icon {
    font-size: 38px;
    color: #fff;
}

.dotsbox {
    position: absolute;
    display: none;
    left: 50%;
    transform: translate(-50%);
    bottom: 20px;
    cursor: pointer;
}

.dot {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 3px solid #fff;
    border-radius: 50%;
    margin: 0 10px;
    cursor: pointer;
}

.active,
.dot:hover {
    border-color: #00a7ff;
}

.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 2s;
    animation-name: fade;
    animation-duration: 2s;
}

@-webkit-keyframes fade {
    from {
        opacity: 0.8
    }
    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: 0.8
    }
    to {
        opacity: 1
    }
}

.txt {
    position: absolute;
    width: 100%;
    text-align: center;
    line-height: 25px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-animation-name: posi2;
    -webkit-animation-duration: 2s;
    animation-name: posi2;
    animation-duration: 2s;
    z-index: 1;
}

@-webkit-keyframes posi2 {
    from {
        top: 43%;
        opacity: 0.4;
    }
    to {
        top: 50%;
        opacity: 1;
    }
}

@keyframes posi2 {
    from {
        top: 43%;
        opacity: 0.4;
    }
    to {
        top: 50%;
        opacity: 1;
    }
}

.txt h1 {
    font-family: Arial, sans-serif;
    font-weight: 900;
    color: #fff;
    font-size: 16px;
    margin-bottom: 12px;
    text-shadow: 4px 4px 3px rgba(0, 0, 0, 1);
}

.txt h1.fonte-maior {
    color: #fff;
    font-size: 19px;
    margin-bottom: 12px;
}

.txt p {
    font-family: Arial, sans-serif;
    font-weight: 900;
    color: #fff;
    font-size: 14px;
    text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);
}

img.animacao {
    transform: scale(1.5, 1.5);
    -webkit-animation-name: zoomin;
    -webkit-animation-duration: 40s;
    animation-name: zoomin;
    animation-duration: 40s;
}

@-webkit-keyframes zoomin {
    from {
        transform: scale(1, 1);
    }
    to {
        transform: scale(1.5, 1.5);
    }
}

@keyframes zoomin {
    from {
        transform: scale(1, 1);
    }
    to {
        transform: scale(1.5, 1.5);
    }
}

			
@media screen and (min-width: 480px) {
    .menu-fixo {
        width: 310px;
        margin-left: -155px;
    }
}

@media screen and (min-width: 768px) {
    .menu-fixo {
        width: 386px;
        margin-left: -178px;
    }
    
    .botoes-final {
        width: 700px;
        margin-left: -350px;
    }

    .botao-final {
        width: 130px;
        margin: 5px;
        padding: 15px;
        font-size: 15px;
    }

    .mapa-congregacoes {
        height: 880px;
    }
}

@media screen and (min-width: 960px) {
    .menu-fixo {
        width: 385px;
        left: 0;
        margin-left: 440px;
        margin-top: 30px;
    }
    
    .slider2 {
        width: 900px;
        height: 370px;
        left: 50%;
        margin-left: -450px;
        margin-bottom: 30px;
    }
    
    .myslide {
        height: 370px;
    }
    
    .prev,
    .next {
        font-size: 50px;
    }
    
    .playpause {
        top: 75%;
        margin-left: -37px;
    }
    
    .playpause .icon {
        font-size: 45px;
    }
    
    .txt {
        line-height: 32px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-animation-name: posi;
        -webkit-animation-duration: 2s;
        animation-name: posi;
        animation-duration: 2s;
    }

    @-webkit-keyframes posi {
        from {
            left: 52%;
            opacity: 0.4;
        }
        to {
            left: 50%;
            opacity: 1;
        }
    }

    @keyframes posi {
        from {
            left: 52%;
            opacity: 0.4;
        }
        to {
            left: 50%;
            opacity: 1;
        }
    }
    
    .txt h1 {
        font-size: 26px;
    }
    
    .txt h1.fonte-maior {
        font-size: 30px;
    }
    
    .txt p {
        font-size: 18px;
    }
    
    .titulo-icone {
        font-size: 28px;
    }
    
    .acesso-rapido-coluna1,
    .acesso-rapido-coluna2,
    .acesso-rapido-coluna3 {
        padding: 0;
    }
    
    .acesso-rapido-coluna1 {
        width: 34%;
    }
    
    .acesso-rapido-coluna2 {
        width: 36%;
    }
    
    .acesso-rapido-coluna3 {
        width: 30%;
    }
    
    .acesso-rapido-coluna1de2 {
        width: 35%;
        margin-left: 20%;
    }
    
    .acesso-rapido-coluna2de2 {
        width: 45%;
        margin-left: 0%;
    }
}
		
@media screen and (min-width: 1280px) {
    .menu-fixo {
        width: 440px;
        margin-left: 670px;
        margin-top: 25px;
    }
    
    .slider2 {
        width: 100vw; 
        height: 600px; 
        position: relative; 
        overflow: hidden; 
        margin: 0; 
        left: 50%; 
        transform: translateX(-50%);
        padding-top: 90px;
    }
    
    
    
    .myslide {
        height: 450px;
    }
    
    .txt {
        line-height: 40px;
    }
    
    .txt h1 {
        font-size: 32px;
    }
    
    .txt h1.fonte-maior {
        font-size: 36px;
    }
    
    .txt p {
        font-size: 22px;
    }
    
    .botoes-final {
        width: 750px;
        margin-left: -375px;
    }
    
    .botao-final {
        width: 140px;
    }
    
    .plano-de-leitura h1 {
        font-size: 51px;
    }
    
    .acesso-rapido h2 {
        font-size: 22px;
    }
    
    .acesso-rapido h3 {
        font-size: 18px;
    }
    
    .acesso-rapido-coluna1 {
        width: 30%;
    }
    
    .acesso-rapido-coluna2 {
        width: 33%;
    }
    
    .acesso-rapido-coluna3 {
        width: 30%;
    }
    
    .acesso-rapido-coluna1de2 {
        width: 30%;
        margin-left: 25%;
    }
    
    .acesso-rapido-coluna2de2 {
        width: 45%;
        margin-left: 0%;
    }
    
    .aviso-home {
        width: 85%;
        margin-left: 7.5%;
    }
}

@media screen and (min-width: 1600px) {
    .menu-fixo {
        margin-left: 960px;
    }
}
/* ----- FIM SLIDE ----- */



/* ----- NOTA/OBSERVACAO ----- */
.area-observacao {
	padding: 50px;
}

.titulo-observacao {
	color: #fff !important;
	background-color: #8B0000;
	padding: 15px;
	border-radius: 8px 8px 0 0;
}

.modulo-observacao {
    border: 3px solid #8B0000; /* Vermelho escuro */
    border-radius: 10px;
    background: linear-gradient(135deg, #fff 70%, #f8d7da);
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin: 20px auto;
    font-family: 'Arial', sans-serif;
    color: #333;
}

.cabecalho-observacao h2 {
    font-size: 1.5em;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.conteudo-observacao p {
    font-size: 1.1em;
    line-height: 1.6;
    margin: 10px 0;
    text-align: justify;
}

.conteudo-observacao a {
    color: #8B0000; 
}

.conteudo-observacao strong {
    font-weight: 700; 
}

.conteudo-observacao {
    padding: 15px;
    background: #fff;
    border-radius: 0 0 8px 8px;
}

@media (max-width: 1024px) {
    .area-observacao {
        padding: 30px;
    }
    .modulo-observacao {
        padding: 15px;
        margin: 15px auto;
    }
    .cabecalho-observacao h2 {
        font-size: 1.3em;
    }
    .conteudo-observacao p {
        font-size: 1em;
    }
}

@media (max-width: 768px) {
    .area-observacao {
        padding: 20px;
    }
    .modulo-observacao {
        padding: 10px;
    }
    .cabecalho-observacao h2 {
        font-size: 1.2em;
    }
    .conteudo-observacao p {
        font-size: 0.95em;
    }
}

@media (max-width: 480px) {
    .area-observacao {
        padding: 10px;
    }
    .modulo-observacao {
        padding: 8px;
        border-width: 2px;
    }
    .cabecalho-observacao h2 {
        font-size: 1em;
        padding: 10px;
    }
    .conteudo-observacao p {
        font-size: 0.9em;
    }
    .conteudo-observacao {
        padding: 10px;
    }
}
/* ----- FIM NOTA/OBSERVACAO ----- */