/* Theme Name: Alma em Vivência Theme URI: https://rootsdocerrado.com.br/ /* (troque se quiser outro link) Author: Roots do Cerrado Media Author URI: https://rootsdocerrado.com.br/ /* (troque se quiser outro link) Description: Tema WordPress “Alma em Vivência” — foco em páginas de vivência/retiros, layout limpo e tipografia confortável, com seções modulares e bom desempenho no mobile. Version: 1.0.0 Requires at least: 6.0 Tested up to: 6.5 Requires PHP: 7.4 License: GNU General Public License v2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Text Domain: alma-em-vivencia Tags: custom-logo, custom-menu, featured-images, flexible-header, one-column, two-columns, right-sidebar, translation-ready */ html { color: #222; font-size: 1em; line-height: 1.4; font-family: "Lato", sans-serif; color: #557153 !important; height: 100%; } body { height: 100%; background-color: #EAEDE8; } * { box-sizing: border-box; } /* * Remove text-shadow in selection highlight: * https://twitter.com/miketaylr/status/12228805301 * * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between audio, canvas, iframes, * images, videos and the bottom of their containers: * https://github.com/h5bp/html5-boilerplate/issues/440 */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } a { color: #0E293D; } .a-verde { color: #5E7153; } /*Ancoras*/ .ancora { width: 1px; height: 1px; position: absolute; left: 1px; top: 1px; } #a-home { top: 0px; } #a-proposito { top: -10px; } #a-equipe { top: -170px; } #a-faq { top: 0px; } #a-depoimento { top: -180px; } #a-sobre-retiro { top: 0px; } #a-local-retiro { top: 0px; } #a-viver { top: 0px; } #a-retiros { top: -60px; } #a-retiros-b { top: -120px; } .mobile { display: none; } .dropshadow { box-shadow: 1px 1px 32px 0px rgba(0, 0, 0, 0.20); -webkit-box-shadow: 1px 1px 32px 0px rgba(0, 0, 0, 0.20); -moz-box-shadow: 1px 1px 32px 0px rgba(0, 0, 0, 0.20); -o-box-shadow: 1px 1px 32px 0px rgba(0, 0, 0, 0.20); -ms-box-shadow: 1px 1px 32px 0px rgba(0, 0, 0, 0.20); } #quem-conduz-caminho-mobile { display: none; } #cta-fixo-inscricao { width: 240px; height: auto; position: fixed; left: 50%; margin-left: -120px; bottom: 40px; padding: 16px 0px; color: #fff; font-size: 18px; background-color: #C66827; border-radius: 45px; text-align: center; z-index: 999; } /*Whatsapp ICN*/ #icn-mobile-whatsapp { display: none; } .toast { background-color: #cb5222; } /* ========================================================================== Inicio LP ========================================================================== */ #faixa-menu-fixo { width: 100%; height: 140px; position: fixed; top: 0px; z-index: 999; } #view-menu-fixo { width: 1500px; height: auto; position: relative; margin: auto; } #logo-menu-fixo { width: 110px; height: 110px; position: relative; float: left; margin-top: -20px; background-color: #5E7153; border-radius: 100%; } #logo-int-menu-fixo { width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -45px; background: url('img/logo-alma-em-vivencia.png'); background-size: 80px; } #bloco-itens-de-menu { width: 760px; height: 70px; position: relative; margin: auto; } #bloco-itens-de-menu-int { width: 760px; height: 70px; position: relative; margin-top: 50px; background-color: #fff; border-radius: 70px; } #bloco-itens-de-menu-int ul li { width: auto; height: auto; position: relative; float: left; margin-top: 22px; margin-left: 50px; font-size: 18px; font-weight: 400; color: #5E7153; font-family: "Lato", sans-serif; cursor: pointer; z-index: 10; /* 🔥 transição suave da Apple */ transition: color 0.45s cubic-bezier(0.22, 0.61, 0.36, 1); } #bloco-itens-de-menu-int ul li:hover { color: #7A916D; } /* ativo com animação suave */ .atv-menu { color: #fff !important; transition: color 0.45s cubic-bezier(0.22, 0.61, 0.36, 1); } #marcador-menu { width: 100px; height: 40px; position: absolute; left: 20px; top: 15px; background-color: #475A3C; border-radius: 135px; /* animação suave estilo Apple */ transition: left 0.45s cubic-bezier(0.22, 0.61, 0.36, 1), width 0.45s cubic-bezier(0.22, 0.61, 0.36, 1); } /*CTA menu fixo*/ #cta-contato-m-fixo { width: auto; height: auto; position: relative; font-size: 17px; color: #FFF6DD; float: right; margin-top: -62px; background-color: #5E7153; font-weight: 300; border-radius: 40px; padding: 17px 28px 17px 70px; cursor: pointer; } #icn-cta-menu-fixo { width: 40px; height: 40px; position: absolute; left: 10px; top: 8px; background-color: #87926D; border-radius: 50%; } #icn-int-cta-menu-fixo { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -17px; background: url('img/ornamento-logo.png'); background-size: 30px; } #cta-contato-m-fixo:hover { background-color: #7A916D; } #cta-contato-m-fixo:hover #icn-cta-menu-fixo { background-color: #B1C08B; } /*Primeira sessão LP*/ #s1-lp { width: 100%; height: 900px; position: relative; float: left; } #view-s1-lp { width: 1500px; height: auto; position: relative; margin: auto; } #faixa-logo-s1-lp { width: 100%; height: auto; position: relative; float: left; margin-top: 250px; } #logo-s1 { width: 300px; height: 300px; position: relative; margin: auto; background: url('img/logo-alma-em-vivencia-verde.png'); background-size: 300px; } #chamada-topo-s1 { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 26px; text-align: center; padding: 0px 440px; font-weight: 300; } #faixa-ornamento-topo { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; } #faixa-ornamento-topo-int { width: 200px; height: auto; position: relative; margin: auto; padding-left: 20px; } .item-participante-topo { width: 90px; height: 90px; position: relative; float: left; margin-left: -30px; background-color: #dadada; border-radius: 50%; overflow: hidden; opacity: 0; } .foto-participante-ornamento { width: 90px; height: 90px; position: absolute; left: 0px; top: 0px; } #faixa-cta-topo { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; } #cta-topo-home { width: 325px; height: auto; position: relative; margin: auto; font-size: 17px; color: #FFF6DD; background-color: #5E7153; font-weight: 300; border-radius: 40px; padding: 17px 28px 17px 70px; cursor: pointer; } #icn-cta-topo-home { width: 40px; height: 40px; position: absolute; left: 10px; top: 8px; background-color: #87926D; border-radius: 50%; } #icn-int-cta-topo-home { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -17px; background: url('img/ornamento-logo.png'); background-size: 30px; } #cta-topo-home:hover { background-color: #7A916D; } #cta-topo-home:hover #icn-cta-menu-fixo { background-color: #B1C08B; } /*inicio faixa depoimentos*/ #faixa-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; overflow: hidden; } #toolbar-faixa-depoimentos { width: 100%; height: auto; position: relative; float: left; } #view-toolbar-faixa-depoinentos { width: 1500px; height: auto; position: relative; margin: auto; } #view-toolbar-faixa-depoinentos h2 { width: 700px; height: auto; position: relative; float: left; font-size: 55px; font-weight: 300; font-family: "Montserrat", sans-serif; } #view-toolbar-faixa-depoinentos span { font-weight: 500; } #controles-toolbar-faixa-depoimentos { width: 300px; height: auto; position: relative; float: right; } .item-controle-depoimento { width: 70px; height: 70px; position: relative; float: right; margin-top: 20px; margin-left: 10px; border-radius: 50%; cursor: pointer; } .item-controle-depoimento:hover { background-color: #C5D1C1; } .seta-controle-e { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-e.png'); background-size: 30px; background-repeat: no-repeat; } .seta-controle-d { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-d.png'); background-size: 30px; background-repeat: no-repeat; } #faixa-depoimentos-int { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; overflow: hidden; } /*item card depoimento a*/ .card-depoimento-a { width: 660px; height: 560px; position: relative; float: left; } .bloco-txt-cdp-a { width: 320px; height: 500px; position: relative; float: left; background-color: #87936D; border-radius: 35px; } .faixa-logo-card-dpa { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; } .logo-card-dpa { width: 90px; height: 90px; position: relative; float: left; margin-left: 30px; margin-bottom: -15px; background: url('img/logo-cdp.png'); background-size: 90px; } .faixa-nome-dpa { width: 100%; height: auto; position: relative; float: left; line-height: 30px; padding-left: 30px; margin-top: 10px; font-size: 26px; color: #FFF6DD; font-weight: 300; } .depoimento-txt-dpa { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding: 0px 30px; font-size: 17px; color: #FFF6DD; font-weight: 300; } .faixa-cta-depoimento { width: 100%; height: auto; position: absolute; bottom: 40px; } .cta-depoimento { width: 180px; height: auto; position: relative; margin: auto; padding: 12px 20px; background-color: #fff; border-radius: 100px; text-align: center; cursor: pointer; } .cta-depoimento:hover { background-color: #5E7252; color: #FFF6DD; } .bloco-foto-dpa { width: 300px; height: 500px; position: relative; float: left; margin-left: 20px; background-color: #dadada; border-radius: 35px; overflow: hidden; } .bloco-foto-dpa-int { width: 300px; height: 500px; position: absolute; left: 0px; top: 0px; background-color: #dadada; border-radius: 35px; overflow: hidden; } /*item card depoimento b*/ .card-depoimento-b { width: 660px; height: 560px; position: relative; float: left; } .bloco-txt-cdp-b { width: 320px; height: 500px; position: relative; float: left; border-radius: 35px; } .bloco-a-dp-int { width: 100%; height: 240px; position: relative; float: left; background-color: #C57F4F; border-radius: 35px; } .faixa-logo-card-dpb { width: 100%; height: auto; position: relative; float: left; margin-top: 28px; } .logo-card-dpb { width: 90px; height: 90px; position: relative; float: left; margin-left: 30px; margin-bottom: -15px; background: url('img/logo-cdp.png'); background-size: 90px; } .faixa-nome-dpb { width: 100%; height: auto; position: relative; float: left; line-height: 30px; padding-left: 30px; margin-top: 10px; font-size: 26px; color: #FFF6DD; font-weight: 300; } .bloco-b-dp-int { width: 100%; height: 240px; position: relative; float: left; margin-top: 20px; background-color: #C66827; border-radius: 35px; } .txt-bloco-b-dp-int { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; padding: 0px 30px; font-size: 17px; color: #FFF6DD; font-weight: 300; } .cta-card-dpb { width: 100%; height: auto; position: absolute; bottom: 40px; z-index: 10; } .cta-int-dpb { width: 180px; height: auto; position: relative; margin: auto; padding: 12px 20px; background-color: #fff; border-radius: 100px; text-align: center; cursor: pointer; } .cta-int-dpb:hover { background-color: #5E7252; color: #FFF6DD; } /*item card depoimento c*/ .bg-cpd-a { background-color: #A9B489 !important; } .bg-cpd-b { background-color: #5E7252 !important; } #faixa-paginacao-depoimento { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; } #paginacao-depoimeinto-int { width: 300px; height: auto; position: relative; margin: auto; } /* Bullets inativos */ #paginacao-depoimeinto-int .swiper-pagination-bullet { background-color: #D1D6C2; opacity: 1; width: 14px; height: 14px; margin: 0 6px !important; } /* Bullet ativo */ #paginacao-depoimeinto-int .swiper-pagination-bullet-active { background-color: #889B83 !important; width: 14px; height: 14px; } /*Inicio resumo Alma em vivência*/ #div-resumo-alma-vivencia { width: 100%; height: 1500px; position: relative; float: left; overflow: hidden; } #bg-resumo-alma-vivencia { width: 100%; height: 1500px; position: absolute; top: 300px; } .parallax-container { height: 1200px; } #view-resumo-alma-vivencia { width: 1500px; height: 900px; position: relative; padding-top: 80px; margin: auto; z-index: 10; } #div-a-resumo-av { width: 50%; height: auto; position: relative; float: left; } #div-a-resumo-av h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 200px; font-size: 50px; font-weight: 300; font-family: "Montserrat", sans-serif; } #div-a-resumo-av span { font-weight: 500; } #div-cta-resumo-av { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; } #cta-resumo-av { width: 325px; height: auto; position: relative; float: left; font-size: 17px; color: #FFF6DD; background-color: #5E7153; font-weight: 300; border-radius: 40px; padding: 17px 28px 17px 70px; cursor: pointer; } #icn-cta-resumo-av { width: 40px; height: 40px; position: absolute; left: 10px; top: 8px; background-color: #87926D; border-radius: 50%; } #icn-int-cta-resumo-av { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -17px; background: url('img/ornamento-logo.png'); background-size: 30px; } #cta-resumo-av:hover { background-color: #7A916D; } #cta-resumo-av:hover #icn-cta-menu-fixo { background-color: #B1C08B; } #div-b-resumo-av { width: 50%; height: auto; position: relative; float: left; margin-top: 60px; } #div-b-resumo-av p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 0px; font-size: 22px; line-height: 35px; font-weight: 400; } #faixa-galeria-de-fotos { width: 100%; height: auto; position: relative; float: left; } .item-galeria-fotos { width: 350px; height: auto; position: relative; float: left; } /*controle galeria*/ #faixa-controle-galeria { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 30px; } #view-controles-galeria { width: 169px; height: auto; position: relative; margin: auto; } .item-controle-galeria { width: 70px; height: 70px; position: relative; float: right; margin-top: 20px; margin-left: 10px; border-radius: 50%; cursor: pointer; } .item-controle-galeria:hover { background-color: #C5D1C1; } .seta-controle-e { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-e.png'); background-size: 30px; background-repeat: no-repeat; } .seta-controle-d { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-d.png'); background-size: 30px; background-repeat: no-repeat; } .fancybox__backdrop { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: var(--fancybox-bg, rgba(67, 71, 67, 0.92)); } /* Área da paginação */ .faixa-paginacao { width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 20px; } /* Container da paginação */ .view-paginacao-galeria { display: flex; justify-content: center; align-items: center; } /* Bullets inativos */ .view-paginacao-galeria .swiper-pagination-bullet { background-color: #D1D6C2; opacity: 1; width: 14px; height: 14px; margin: 0 6px !important; border-radius: 50%; } /* Bullet ativo */ .view-paginacao-galeria .swiper-pagination-bullet-active { background-color: #889B83 !important; width: 14px; height: 14px; } /*Inicio retiros desktop*/ #faixa-retiros-desktop { width: 100%; height: auto; position: relative; float: left; } #view-retiros-desktop { width: 1500px; height: auto; position: relative; margin: auto; } #div-retiros-desktop { width: 35%; height: auto; position: relative; float: left; padding-right: 60px; } #div-retiros-desktop h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 330px; font-size: 50px; font-weight: 300; font-family: "Montserrat", sans-serif; } #div-retiros-desktop p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 25px; font-weight: 300; } #div-retiros-desktop span { font-weight: 500; } #faixa-controles-retiros-desktop { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; } .item-controle-retiros-desktop { width: 70px; height: 70px; position: relative; float: left; margin-top: 20px; margin-left: 10px; border-radius: 50%; cursor: pointer; } .item-controle-retiros-desktop:hover { background-color: #C5D1C1; } .seta-controle-e { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-e.png'); background-size: 30px; background-repeat: no-repeat; } .seta-controle-d { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px; background: url('img/seta-d.png'); background-size: 30px; background-repeat: no-repeat; } #div-retiros-desktop-right { width: 65%; height: auto; position: relative; float: left; margin-top: 100px; } #bloco-cards-retiros-desktop { width: 90%; height: 700px; position: relative; margin: auto; background-color: #dadada; border-radius: 40px; overflow: hidden; } .item-card-retiro-desktop { width: 100%; height: 100%; position: relative; float: left; background-color: #6C7A65; } .bloco-foto-retiro-desktop { width: 45%; height: 100%; position: relative; float: left; overflow: hidden; background-color: #dadada; } .bloco-foto-retiro-desktop-int { width: 400px; height: 720px; position: absolute; left: 50%; top: 50%; margin-left: -200px; margin-top: -360px; } .faixa-cta-card-desktop-retiro { width: 100%; height: 30px; position: absolute; bottom: 80px; z-index: 20; } .cta-card-retiros-ds { width: 200px; height: auto; position: relative; margin: auto; font-size: 17px; color: #fff; background-color: #A55416; font-weight: 300; border-radius: 40px; padding: 17px 28px 17px 70px; cursor: pointer; } .icn-cta-card-retiros-ds { width: 40px; height: 40px; position: absolute; left: 10px; top: 8px; background-color: #C66828; border-radius: 50%; } .icn-int-cta-card-retiros-ds { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -17px; background: url('img/ornamento-logo.png'); background-size: 30px; } .cta-card-retiros-ds:hover { background-color: #884410; } .cta-card-retiros-ds:hover #icn-cta-menu-fixo { background-color: #AE5C24; } .bloco-infos-retiro-desktop { width: 55%; height: auto; position: relative; float: left; padding: 0px 50px; } .titulo-retiro-cd { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; font-size: 28px; font-weight: 400; color: #FFF6DD; } .resumo-retiro-cd { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 20px; color: #FFF6DD; font-weight: 300; } .faixa-local-retiro-cd { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 18px; color: #FFF6DD; padding-left: 30px; font-weight: 300; } .faixa-data-retiro-ds { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; } .data-retiro-ds-int { width: auto; height: auto; position: relative; float: left; padding: 12px 30px; background-color: #9DB295; color: #FFF6DD; font-weight: 400; font-size: 16px; border-radius: 30px; } .resumo-retiro-cd-2 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; } .resumo-retiro-cd-2 p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 0px; font-size: 18px; color: #FFF6DD; font-weight: 300; } /*marcador retiros desktop*/ #faixa-marcador-retiro { width: 100%; height: auto; position: relative; float: left; padding-left: 50px; margin-top: 25px; } /* Bullets inativos */ #faixa-marcador-retiro .swiper-pagination-bullet { background-color: #D1D6C2; opacity: 1; width: 14px; height: 14px; margin: 0 6px !important; border-radius: 50%; } /* Bullet ativo */ #faixa-marcador-retiro .swiper-pagination-bullet-active { background-color: #889B83 !important; width: 14px; height: 14px; } /*Quem conduz o caminho*/ #div-equipe { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; } #view-div-equipe { width: 1500px; height: auto; position: relative; margin: auto; } #view-div-equipe h5 { width: 100%; height: auto; position: relative; float: left; font-size: 50px; font-weight: 300; text-align: center; font-family: "Montserrat", sans-serif; } #view-div-equipe p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 26px; font-weight: 300; text-align: center; padding: 0px 440px; } #view-div-equipe span { font-weight: 500; } #faixa-cards-equipe { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; } /*item-card-palavra*/ .item-card-palavra { width: 19%; height: 380px; position: relative; float: left; margin-right: 1%; background-color: #C57F4F; border-radius: 50px; } .faixa-ornamento-card { width: 100%; height: 0px; position: absolute; bottom: 170px; padding: 0px 30px; } .ornamento-card-equipe { width: 100px; height: 100px; position: relative; float: left; background: url('img/ornamento-logo.png'); background-size: 100px; } .faixa-palavra-card { width: 100%; height: auto; position: absolute; bottom: 40px; padding: 0px 30px; font-size: 32px; font-weight: 300; color: #fff; } .card-bg-equipe { background-color: #5E7153 !important; } /*card membro equipe*/ .faixa-foto-equipe { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; } .bloco-ft-int-equipe { width: 150px; height: 150px; position: relative; background-color: #53624A; margin: auto; border-radius: 100%; overflow: hidden; border: 10px solid #53624A; } .bloco-ft-int-file { width: 150px; height: 150px; position: absolute; left: 50%; top: 50%; margin-left: -75px; margin-top: -75px; } .faixa-infos-perfil-equipe { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; } .faixa-infos-perfil-equipe h6 { width: 100%; height: auto; position: relative; float: left; font-weight: 300; color: #EAEDE8; margin-top: -5px; font-size: 26px; text-align: center; } .faixa-infos-perfil-equipe p { width: 100%; height: auto; position: relative; float: left; font-weight: 300; color: #EAEDE8; margin-top: -7px !important; font-size: 20px !important; text-align: center; padding: 0px 20px !important; } .faixa-cta-card-equipe { width: 100%; height: auto; position: absolute; bottom: 40px; } .cta-card-equipe { width: 200px; height: auto; position: relative; margin: auto; padding: 10px 0px; background-color: #708864; color: #fff; font-size: 18px; text-align: center; border-radius: 50px; } .cta-card-equipe:hover { background-color: #46573C; } /*Inicio FAQ*/ #faixa-faq { width: 100%; height: auto; position: relative; float: left; } #view-faq { width: 1500px; height: auto; position: relative; margin: auto; } #div-chamada-faq { width: 40%; height: auto; position: relative; float: left; } #div-chamada-faq h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 200px; font-size: 55px; font-weight: 300; } #div-chamada-faq p { width: 100%; height: auto; position: relative; float: left; font-size: 26px; margin-top: 0px !important; font-weight: 300; } #faixa-cta-whatsapp-suporte { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; } #box-chamada-suporte-whatsapp { width: 100%; height: 250px; position: relative; float: left; background-color: #5E7153; border-radius: 40px; overflow: hidden; } #chamada-cta-suporte-wpp-int { width: 50%; height: 100%; position: relative; float: left; } #chamada-cta-suporte-wpp-int h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 61px; font-size: 32px; color: #fff; text-align: center; } #chamada-cta-suporte-wpp-int p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px !important; font-size: 20px; color: #fff; text-align: center; } #faixa-cta-card-suporte-wpp { width: 100%; height: auto; position: relative; float: left; margin-top: -8px; } #cta-card-suporte-wpp-int { width: 200px; height: auto; position: relative; margin: auto; padding: 10px 0px; background-color: #93AC84; color: #fff; text-align: center; border-radius: 30px; cursor: pointer; font-weight: 300; } #cta-card-suporte-wpp-int:hover { background-color: #425339; } #box-foto-chamada-suporte-wpp { width: 50%; height: 100%; position: relative; float: left; } #fta-cta-suporte-int { width: 300px; height: 260px; position: absolute; left: 50%; top: 50%; margin-left: -150px; margin-top: -130px; background: url('img/foto-cta-suporte.jpg'); background-size: 300px; } #div-itens-faq { width: 60%; height: 100%; position: relative; float: left; padding-left: 10%; } #tag-faq { width: auto; height: auto; position: relative; float: left; margin-top: 170px; padding: 10px 40px; font-size: 18px; border-radius: 50px; background-color: #C5D1C1; color: #899B83; } #box-itens-faq-int { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; } .collapsible-header { background-color: #EAEDE8 !important; } .collapsible-body { background-color: #EAEDE8 !important; } .collapsible-header:hover { background-color: #EAEDE8 !important; } .collapsible { border-top: 1px solid #ddd; border-right: 0px solid #ddd; border-left: 0px solid #ddd; margin: 0.5rem 0 1rem 0; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 27px; line-height: 1.6 !important; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; color: #C5D1C1; } .collapsible-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-tap-highlight-color: transparent; line-height: 2.5; padding: 1rem; background-color: #fff; border-bottom: 1px solid #ddd; } .collapsible-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-tap-highlight-color: transparent; line-height: 2.2; padding: 1rem; font-size: 18px; background-color: #fff; border-bottom: 1px solid #ddd; } /*Inicio rodape*/ #rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; padding-bottom: 110px; } #view-rodape { width: 1500px; height: auto; position: relative; margin: auto; margin-top: 30px; } #faixa-logo-rodape { width: 100%; height: auto; position: relative; float: left; } #logo-rodape { width: 160px; height: 160px; position: relative; margin: auto; background: url('img/logo-alma-em-vivencia-verde.png'); background-size: 160px; } .sessao-rodape { width: 33%; height: auto; position: relative; float: left; margin-top: 20px; } .cta-termos-de-uso { width: auto; height: auto; position: relative; float: left; cursor: pointer; } .ornamento-cta-termos-uso { width: 40px; height: 40px; position: relative; float: left; background: url('img/ornamento-cta-politica.png'); background-size: 40px; } .txt-cta-termos-de-uso { width: auto; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 6px; font-size: 18px; font-weight: 300; } .chamada-redes-sociais-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 6px; font-size: 18px; text-align: center; font-weight: 300; } .box-itens-redes-sociais { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 120px; } .item-sm-rodape { width: 33%; height: auto; position: relative; float: left; cursor: pointer; opacity: 0.8; } .item-sm-rodape:hover { opacity: 1; } .item-int-sm-rodape { width: 40px; height: 40px; position: relative; margin: auto; } .icn-insta { background-size: 40px; background: url('img/icn-insta.png'); background-size: 40px; } .icn-whatsapp { background-size: 40px; background: url('img/icn-whatsapp.png'); background-size: 40px; } .icn-tiktok { background-size: 40px; background: url('img/icn-tiktok.png'); background-size: 40px; } .cta-voltar-ao-topo-c { width: 40px; height: 40px; position: relative; float: right; margin-top: 20px; background-color: #899B83; border-radius: 50%; overflow: hidden; } .arrow-icn-voltar-topo { width: 35px; height: 35px; position: absolute; left: 50%; top: 50%; margin-left: -17.5px; margin-top: -17.5px; background: url('img/arrow-icn.png'); background-size: 35px; } .txt-cta-voltar-topo { width: auto; height: auto; position: relative; float: right; margin-left: 20px; margin-top: 27px; font-size: 18px; font-weight: 300; } .cta-voltar-tp:hover .cta-voltar-ao-topo-c { background-color: #64775E; } /*Janela lista retiros*/ #janela-lista-retiros { width: 900px; height: auto; position: fixed; left: 50%; top: -2150px; margin-left: -450px; background-color: #fff; border-radius: 40px; opacity: 0; z-index: 99999 !important; } #conteudo-janela-retiros { width: 100%; height: auto; position: relative; float: left; padding: 40px 40px; } #titulo-janela-retiros { width: 100%; height: auto; position: relative; float: left; margin-left: 27px; font-size: 28px; font-weight: 700; font-family: "Montserrat", sans-serif; } #fechar-janela-retiros { width: auto; height: auto; position: relative; font-size: 16px; float: right; margin-top: -44px; margin-right: 20px; padding: 10px 25px; border-radius: 40px; background-color: #C57F4F; color: #fff; cursor: pointer; } #fechar-janela-retiros:hover { background-color: #A35E2F; } /*lista retiros janela*/ #lista-retiro-janelas { width: 100%; height: auto; position: relative; float: left; } /*item retiro lista*/ .item-retiro-lista { width: 100%; height: auto; position: relative; float: left; margin-top: 14px; padding: 15px 30px; border-radius: 50px; cursor: pointer; } .nome-retiro { width: 30%; height: auto; position: relative; float: left; font-size: 18px; font-weight: 300; padding-right: 10px; } .mes-retiro { width: 30%; height: auto; position: relative; float: left; font-size: 18px; font-weight: 300; padding-right: 10px; } .cidade-retiro { width: 30%; height: auto; position: relative; float: left; font-size: 18px; font-weight: 300; padding-right: 10px; } .cta-retiro { width: 10%; height: auto; position: relative; float: left; font-size: 18px; font-weight: 300; color: #fff; } .item-retiro-lista:hover { background-color: #5E7153; color: #fff; } /*Inicio janela depoimento em texto*/ #janela-depoimento { width: 1000px; height: 600px; position: fixed; left: 50%; top: -450%; margin-left: -500px; margin-top: -300px; background-color: #fff; border-radius: 40px; overflow: hidden; z-index: 999; opacity: 0; } #bloco-foto-depoimento { width: 40%; height: 100%; position: relative; float: left; background-color: #dadada; } #foto-int-janela-depoimento { width: 400px; height: 600px; position: absolute; left: 0px; top: 0px; } /*Texto depoimento card*/ #bloco-depoimento-txt { width: 58%; height: 80%; position: relative; float: left; padding: 20px 20px 20px 40px; overflow-y: scroll; } #faixa-titulo-depoimento-janela { width: 100%; height: auto; position: relative; float: left; } #ornamento-logo-janela-dp { width: 80px; height: 80px; position: relative; float: left; background: url('img/ornamento-logo-verde.png'); background-size: 80px; } #nome-depoimento-janela { width: 100%; height: auto; position: relative; float: left; line-height: 30px; margin-top: -2px; font-size: 26px; font-weight: 300; } #bloco-depoimento-txt p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 10px; font-size: 17px; padding: 0px 20px 0px 0px; font-weight: 300; line-height: 24px; } #chamada-scroll-depoimento { width: auto; height: auto; position: absolute; right: 20px; top: 95px; background-color: #C5D1C1; color: #899B83; font-size: 14px; padding: 10px 20px; border-radius: 50px; opacity: 0; } #toolbar-janela-depoimento { width: 60%; height: 60px; position: absolute; right: 0px; bottom: 20px; font-size: 30px; font-family: "Montserrat", sans-serif; } #frase-amv { width: auto; height: auto; position: absolute; left: 35px; font-size: 28px; font-family: "Montserrat", sans-serif; font-weight: 300; } #frase-amv span { font-weight: 500; } #cta-fechar-janela-depoimento { width: auto; height: auto; position: absolute; right: 20px; margin-top: -1px; margin-right: 20px; padding: 10px 25px; border-radius: 40px; font-size: 16px; background-color: #C57F4F; color: #fff; cursor: pointer; font-family: "Lato", sans-serif; } #cta-fechar-janela-depoimento:hover { background-color: #A35E2F; } #janela-player-youtube { width: 700px; height: 760px; position: fixed; left: 50%; top: -450%; margin-left: -350px; margin-top: -390px; background-color: #fff; z-index: 999; border-radius: 40px; overflow: hidden; opacity: 0; } #player-youtube-janela { width: 427px; height: 100%; position: relative; float: left; overflow: hidden; background-color: #dadada; } #janela-video-info { width: 272px; height: 100%; position: relative; float: left; padding: 0px 40px; } #faixa-ornamento-nome-dpj { width: 100%; height: auto; position: relative; float: left; margin-top: 240px; } #ornamento-int-dpj { width: 100px; height: 100px; position: relative; float: left; background: url('img/ornamento-logo-verde.png'); background-size: 100px; } #faixa-nome-depoimento-janela { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 28px; font-weight: 300; } #cta-fechar-janela-video-depoimento { width: auto; height: auto; position: absolute; bottom: 30px; left: unset; right: 10px; margin-top: -1px; margin-right: 20px; padding: 10px 25px; border-radius: 40px; font-size: 16px; background-color: #C57F4F; color: #fff; cursor: pointer; font-family: "Lato", sans-serif; } #cta-fechar-janela-video-depoimento:hover { background-color: #A35E2F; } #janela-fale-conosco { width: 450px; height: 600px; position: fixed; left: 50%; top: -350%; margin-left: -225px; margin-top: -300px; background-color: #fff; border-radius: 30px; z-index: 999; overflow: hidden; opacity: 0; } #esteira-fale-conosco { width: 200%; height: 100%; position: absolute; left: 0px; top: 0px; } .s-fale-conosco { width: 50%; height: 100%; position: relative; float: left; margin-left: 0%; } .s-fale-conosco-b { width: 50%; height: 100%; position: relative; float: left; } #faixa-foto-fale-conosco { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; } #foto-int-fc { width: 110px; height: 110px; position: relative; margin: auto; background-color: #dadada; overflow: hidden; border-radius: 130%; } #foto-int-fc-in { width: 110px; height: 110px; position: absolute; left: 50%; top: 50%; margin-left: -55px; margin-top: -55px; border-radius: 130%; background: url('img/foto-helo.jpg'); background-size: 110px; } #chamada-f-fc { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 27px; text-align: center; font-weight: 300; } #sobre-fale-conosco { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; text-align: center; font-size: 19px; font-weight: 300; padding: 0px 75px; } #faixa-ctas-fale-conosco { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding: 0px 40px; } .item-cta-fale-conosco { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -10px; padding: 18px 30px; font-size: 17px; color: #fff; font-weight: 300; background-color: #5E7153; border-radius: 60px; cursor: pointer; } .icn-cta-fale-conosco { width: 40px; height: 40px; position: absolute; right: 16px; top: 10px; background-color: #87936D; border-radius: 100%; } .item-cta-fale-conosco:hover { background-color: #87936D; } .item-cta-fale-conosco:hover .icn-cta-fale-conosco { background-color: #B1C094; } .seta-ctas-fale-conosco { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; background: url('img/seta-cta-fale-consco.png'); background-size: 20px; } /*toolbar janela formulario*/ #toolbar-janela-formulario { width: 100%; height: 100px; position: absolute; bottom: 0px; z-index: 99; } #logo-janela-fale-sonsco { width: 75px; height: 75px; position: absolute; left: 40px; background: url('img/logo-alma-em-vivencia-verde.png'); background-size: 75px; } #bloco-ctas-janela-fale-conosco { width: 240px; height: auto; position: absolute; right: 20px; top: 20px; } #fechar-janela-contato { width: auto; height: auto; position: relative; font-size: 16px; float: right; margin-top: 10px; margin-right: 20px; padding: 10px 25px; border-radius: 40px; background-color: #C57F4F; color: #fff; cursor: pointer; } #fechar-janela-contato:hover { background-color: #A35E2F; } #voltar-janela-contato { width: auto; height: auto; position: relative; font-size: 16px; float: right; margin-top: 10px; margin-right: 9px; margin-left: 0px; padding: 10px 25px; border-radius: 40px; background-color: #5E7153; color: #fff; cursor: pointer; opacity: 0; } #voltar-janela-contato:hover { background-color: #87926D; } /*Inicio segunda sessao formulario*/ #chamada-f-fc-b { width: 100%; height: auto; position: relative; float: left; margin-top: 38px; font-size: 32px; text-align: center; font-weight: 300; } #sobre-fale-conosco-b { width: 100%; height: auto; position: relative; float: left; margin-top: -4px; text-align: center; font-size: 19px; font-weight: 300; padding: 0px 70px; } #campos-formulario { width: 100%; height: auto; position: relative; float: left; margin-top: -1px; padding: 0px 50px 0px 33px; } .row .col.s12 { width: 100%; margin-left: auto; left: auto; right: auto; margin-bottom: -20px; } #cta-enviar-formulario { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; padding: 0px 50px; } #cta-enviar-formulario-int { width: 100%; height: auto; position: relative; float: left; padding: 15px 25px; background-color: #5E7153; color: #fff; border-radius: 100px; cursor: pointer; } #cta-enviar-formulario-int:hover { background-color: #87936D; } #icn-enviar-msg-form { width: 35px; height: 35px; position: absolute; right: 18px; top: 9px; background-color: #87936D; border-radius: 100%; overflow: hidden; } #cta-enviar-formulario-int:hover #icn-enviar-msg-form { background-color: #B2BF94; } #seta-cta-formulario-enviar { width: 15px; height: 15px; position: absolute; left: 50%; top: 50%; margin-left: -8.5px; margin-top: -8.5px; background: url('img/seta-cta-fale-consco.png'); background-size: 15px; } /* ========================================================================== Inicio LP ========================================================================== */ #superbanner-retiro { width: 100%; height: 100%; min-height: 1250px; margin-bottom: -90px; position: relative; float: left; z-index: 10; } #mascara-banner-retiro { width: 100%; height: 100%; position: absolute; top: 0px; z-index: 11; background-color: #414732; opacity: 0.7; } #conteudo-banner-retiro { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 20; } #vew-conteudo-banner-retiro { width: 1500px; height: 100%; position: relative; margin: auto; } #ornamento-banner-retiro { width: 100%; height: auto; position: relative; float: left; margin-top: 270px; } #bloco-ornamento-banner-retiro { width: 230px; height: 230px; position: relative; margin: auto; background: url('img/ornamento-logo.png'); background-size: 230px; } #vew-conteudo-banner-retiro h2 { width: 100%; height: auto; position: relative; float: left; margin-top: -30px; font-size: 40px; text-align: center; color: #fff; font-weight: 300; } #vew-conteudo-banner-retiro p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; font-size: 23px; color: #fff; text-align: center; font-weight: 300; } #faixa-cta-banner-retiro { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; } /*CTA Banner retiro*/ #cta-sobre-retiro-pg { width: 231px; height: auto; position: relative; font-size: 17px; color: #FFF6DD; margin: auto; background-color: #A55416; font-weight: 300; border-radius: 40px; padding: 17px 0px 17px 70px; cursor: pointer; } #icn-cta-sobre-retiro-pg { width: 40px; height: 40px; position: absolute; left: 10px; top: 8px; background-color: #C66828; border-radius: 50%; } #icn-int-sobre-retiro-pg { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -17px; background: url('img/ornamento-logo.png'); background-size: 30px; } #cta-sobre-retiro-pg:hover { background-color: #C66828; } #cta-sobre-retiro-pg:hover #icn-cta-sobre-retiro-pg { background-color: #E17831; } #faixa-data-banner-retiro { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; font-size: 20px; color: #fff; font-weight: 300; text-align: center; } #localizacao-retiro { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; } #cta-localizacao-retiro { width: 300px; height: auto; position: relative; margin: auto; padding: 12px 20px; color: #fff; font-size: 20px; border: 1px solid #fff; border-radius: 40px; text-align: center; cursor: pointer; } #cta-localizacao-retiro:hover { background-color: #fff; color: #000; } #faixa-tag-vagas { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; } #view-tag-vaga { width: 340px; height: auto; position: relative; margin: auto; } /*Resumo retiro*/ #resumo-retiro { width: 100%; height: auto; position: relative; float: left; margin-bottom: 95px; } #view-resumo-retiro { width: 1500px; height: auto; position: relative; margin: auto; } .bloco-a-sobre-retiro { width: 50%; height: auto; position: relative; float: left; } .bloco-a-sobre-retiro h3 { width: 100%; height: auto; position: relative; float: left; letter-spacing: 2px; font-size: 50px; font-weight: 300; padding: 0px 240px 0px 0px; margin-top: 180px; } .bloco-a-sobre-retiro span { font-weight: 600; } #bloco-foto-sobre-retiro { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; } #foto-retiro-sobre { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; border-radius: 60px; overflow: hidden; } .blococ-sobre-retiro { width: 50%; height: auto; position: relative; float: left; padding: 120px 180px 100px 0px; } .blocob-sobre-retiro { width: 50%; height: auto; position: relative; float: left; padding: 394px 0px 0px 100px; } .blocob-sobre-retiro p { width: 100%; height: auto; position: relative; float: left; font-size: 23px; margin-top: 20px; font-weight: 300; } .blococ-sobre-retiro p { width: 100%; height: auto; position: relative; float: left; font-size: 23px; margin-top: 10px; font-weight: 300; } .blococ-sobre-retiro h3 { width: 100%; height: auto; position: relative; float: left; letter-spacing: 2px; font-size: 50px; font-weight: 300 !important; padding: 0px 240px 0px 0px; margin-top: 80px; } #bloco-para-quem-e { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; } #view-para-quem-e { width: 1500px; height: auto; position: relative; margin: auto; } #div-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; } #view-div-programacao { width: 1500px; height: auto; position: relative; margin: auto; } #view-div-programacao h5 { width: 100%; height: auto; position: relative; float: left; font-size: 50px; font-weight: 300; text-align: center; font-family: "Montserrat", sans-serif; } #view-div-programacao span { font-weight: 600; } #view-div-programacao p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 26px; font-weight: 300; text-align: center; padding: 0px 440px; } /*Inicio faixa destaques programacao*/ #faixa-destaques-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: 68px; } /*bloco item programacao*/ .bloco-item-programacao-ds { width: 21%; height: 540px; position: relative; float: left; margin-right: 2%; margin-left: 2%; margin-bottom: 50px; border-radius: 0px; overflow: hidden; } .bloco-foto-programacao-ds { width: 100%; height: 250px; position: relative; float: left; background-color: green; border-radius: 30px; overflow: hidden; } .bloco-foto-proramacao-ds-int { width: 330px; height: 250px; position: absolute; left: 50%; top: 50%; margin-left: -164px; margin-top: -155px; } .info-destaque-programacao { width: 100%; height: 100%; position: relative; float: right; padding: 0px 20px; } .info-destaque-programacao h4 { width: 90%; height: auto; position: relative; float: left; margin-top: 25px; font-size: 20px; font-weight: 400; line-height: 28px; } .info-destaque-programacao p { width: 100% !important; height: auto !important; position: relative !important; float: left !important; margin-top: -1px !important; margin-bottom: 13px !important; font-size: 18px !important; font-weight: 300 !important; text-align: left !important; padding: 0px 0px !important; } /*Inicio sobre o lugar*/ #div-sobre-lugar { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; background-color: #323b2e; padding: 250px 0px 350px 0px; } #bg-div-sobre-lugar { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; opacity: 0.4; } #conteudo-sobre-lugar { width: 1200px; height: auto; position: relative; margin: auto; } #div-titulo-espaco { width: 50%; height: auto; position: relative; float: left; } #div-titulo-espaco h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 180px; font-size: 68px; color: #fff; font-weight: 300; } #headline-titulo-espaco { width: 70%; height: auto; position: relative; float: left; font-size: 32px; color: #fff; line-height: 36px; font-weight: 300; } #div-sobre-lugar-txt { width: 50%; height: auto; position: relative; float: left; } #div-sobre-lugar-txt h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 55px; color: #fff; font-weight: 300; } #local-headline-lugar { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 24px; color: #fff; font-weight: 300; } #p-sobre-lugar { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; } #p-sobre-lugar p { width: 80%; height: auto; position: relative; float: left; margin-bottom: 0px; font-size: 22px; color: #fff; font-weight: 300; } /*Inicio Detalhes vivência*/ #div-detalhes-vivencia { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; } #view-detalhes-vivencia { width: 1800px; height: auto; position: relative; margin: auto; } #chamada-detalhes-vivencia { width: 100%; height: auto; position: relative; float: left; } #chamada-int-detalhes-vivencia { width: 440px; height: auto; position: relative; float: left; } #chamada-int-detalhes-vivencia h3 { width: 100%; height: auto; position: relative; float: left; font-size: 44px; font-weight: 300; font-family: "Montserrat", sans-serif; } #chamada-int-detalhes-vivencia p { width: 100%; height: auto; position: relative; float: left; font-size: 22px; font-weight: 300; margin-top: 0px; font-family: "Montserrat", sans-serif; } #box-ornamento-perfil-vivencia { width: 200px; height: auto; position: relative; float: left; margin-left: 60px; margin-top: 110px; } #inicio-blocos-informacoes { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; margin-bottom: 0px; } .faixa-bloco-info-int { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; } /*bloco quando*/ .bloco-padrao { height: 300px; position: relative; float: left; background-color: #fff; border-radius: 30px; padding: 0px 40px; } .bloco-padrao h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: 20px; font-size: 28px; font-weight: 300; } .bloco-padrao p { width: 90%; height: auto; position: relative; float: left; margin-top: -7px; font-size: 18px; font-weight: 300; } .bloco-quando { width: 25%; } .bloco-onde { width: 24%; margin-left: 1%; } .bloco-foto { width: 11%; margin-left: 1%; overflow: hidden; background-color: #dadada; } .foto-int-bloco { width: 225px; height: 300px; position: absolute; left: 50%; top: 50%; margin-left: -112px; margin-top: -150px; } .bloco-resumo-pgr { width: 24%; margin-left: 1%; } .cta-bloco-padrao { width: auto; height: auto; position: absolute; left: 40px; bottom: 25px; padding: 8px 30px 10px 30px; border: 1px solid #5E7153; border-radius: 50px; font-size: 16px; cursor: pointer; } .cta-bloco-padrao:hover { background-color: #5E7252; color: #fff; } /*Bloco programacao*/ .bloco-programacao { width: 99%; height: auto; position: relative; float: left; margin-top: -30px; background-color: #fff; border-radius: 40px; padding: 0px 40px 60px 40px; } .bloco-programacao h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: 30px; font-size: 28px; font-weight: 300; } .faixa-item-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: 7px; margin-bottom: 50px; } /*Bloco pagamento*/ .bloco-pagamento { width: 49%; height: auto; margin-top: -30px; margin-left: 1%; min-height: 601px; } .bloco-pagamento h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: 30px; font-size: 28px; font-weight: 300; } .faixa-valores-destaque { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding: 0px 0px; } #faixa-retiros-desktop { width: 100%; height: auto; position: relative; float: left; margin-top: -40px; } /*valor promocional*/ .valor-promocional { width: auto; height: auto !important; position: relative; float: left; margin-right: 1%; margin-bottom: 10px; background-color: #EBF8E3; border-radius: 20px; padding: 20px 25px; font-size: 17px; font-weight: 300; } .valor-promocional span { font-weight: 500; } .valor-dividido { width: auto; height: 90px; position: relative; float: left; margin-right: 1%; margin-bottom: 10px; background-color: #F9FAF8; border-radius: 20px; padding: 20px 25px; font-size: 17px; font-weight: 300; } .valor-dividido span { font-weight: 500; } .avisos-forma-pagamento { width: 90%; height: auto; position: relative; margin-top: 10px; float: left; padding: 22px 20px 0px 20px; border-radius: 15px; border: 1px solid #dadada; font-size: 16px; } .politica-reembolso { width: 100%; height: auto; position: relative; float: left; padding: 0px 0px; } .titulo-politica { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; font-size: 28px; font-weight: 300; } .politica-reembolso p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 16px; font-weight: 300; } /*bloco de programacao*/ .bloco-programacao-int { width: 50%; height: auto; position: relative; float: left; } .marcador-dia { width: auto; height: auto; position: relative; float: left; padding: 15px 30px; background-color: #E9EDE8; color: #5E7252; border-radius: 15px; } /*Bloco txt programacao*/ .bloco-txt-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; padding: 0px 20px; } .bloco-txt-programacao ul li { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; margin-bottom: 10px; font-size: 18px; font-weight: 300; list-style-type: disc; } .bloco-incluso { width: 49%; height: 600px; margin-top: -30px; overflow: hidden; padding: 0px 0px !important; } .bloco-incluso h5 { width: 250px; height: auto; position: relative; float: left; margin-left: 40px; margin-top: 42px; margin-bottom: 30px; font-size: 28px; font-weight: 300; } #seletor-incluso { width: 410px; height: 48px; position: relative; float: left; margin-left: 10px; margin-top: 33px; border: 1px solid #5E7252; border-radius: 50px; } #seletor-int-incluso { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 50; } .item-cta-incluso { width: 50%; height: auto; position: relative; float: left; padding: 11px 0px; font-size: 16px; text-align: center; font-weight: 300; } .atv-cta-incluso { color: #fff; } #marcador-seletor-incluso { width: 50%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: #5E7153; border-radius: 50px; z-index: 5; } /*slides inclusos*/ #esteira-slide-itens-inclusos { width: 200%; height: 460px; position: relative; float: left; margin-top: 30px; } .slide-a-inclusos { width: 50%; height: 100%; position: relative; float: left; } .item-slide-swiper { width: 100%; height: 300px; position: relative; float: left; padding: 0px 40px; } .item-lista-slide-swiper { width: 100%; height: auto; position: relative; float: left; font-weight: 300; border-bottom: 1px solid #E8E8E8; padding-right: 220px; padding-bottom: 20px; margin-bottom: 15px; font-size: 18px; } /*toolbar lista slide*/ .toolbar-slide-itens-retiro { width: 100%; height: auto; position: absolute; bottom: 60px; z-index: 90; } .paginacao-slide-itens-retiro { width: 200px; height: auto; position: absolute; left: 39px !important; bottom: 0px; } .box-controles-cta { width: 160px; height: 70px; position: absolute; right: 40px; bottom: -25px; background-color: #EAEDE8; border-radius: 100px; } .item-ctrl-slide-a-itens-retiro { width: 50px; height: 50px; position: relative; float: left; margin-top: 10px; margin-left: 10px; border-radius: 100%; cursor: pointer; } .item-ctrl-slide-b-itens-retiro { width: 50px; height: 50px; position: relative; float: right; margin-top: 10px; margin-right: 10px; border-radius: 100%; cursor: pointer; } .seta-controle-e-retiro { width: 25px; height: 25px; position: absolute; left: 50%; top: 50%; margin-left: -13px; margin-top: -11px; background: url('img/seta-e.png'); background-size: 25px; background-repeat: no-repeat; } .seta-controle-d-retiro { width: 25px; height: 25px; position: absolute; left: 50%; top: 50%; margin-left: -13px; margin-top: -11px; background: url('img/seta-d.png'); background-size: 25px; background-repeat: no-repeat; } .item-ctrl-slide-a-itens-retiro:hover { background-color: #C5D1C1; } .item-ctrl-slide-b-itens-retiro:hover { background-color: #C5D1C1; } /* Bullets inativos */ .paginacao-slide-itens-retiro .swiper-pagination-bullet { background-color: #D1D6C2; opacity: 1; width: 14px; height: 14px; margin: 0 6px !important; } /* Bullet ativo */ .paginacao-slide-itens-retiro .swiper-pagination-bullet-active { background-color: #889B83 !important; width: 14px; height: 14px; } #marcador-seletor-incluso, #esteira-slide-itens-inclusos { transition: transform 0.6s cubic-bezier(0.22, 0.61, 0.36, 1); } /* Janelas Incrsição */ #janela-inscricao { width: 450px; height: 600px; position: fixed; left: 50%; top: -350%; margin-left: -225px; margin-top: -300px; background-color: #fff; border-radius: 30px; z-index: 999; overflow: hidden; opacity: 0; } #esteira-inscricao { width: 200%; height: 100%; position: absolute; left: 0px; top: 0px; } .s-inscricao { width: 50%; height: 100%; position: relative; float: left; margin-left: 0%; } .s-inscricao-b { width: 50%; height: 100%; position: relative; float: left; } #faixa-foto-inscricao { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; } #foto-int-inscricao { width: 110px; height: 110px; position: relative; margin: auto; background-color: #dadada; overflow: hidden; border-radius: 130%; } #foto-int-inscricao-in { width: 110px; height: 110px; position: absolute; left: 50%; top: 50%; margin-left: -55px; margin-top: -55px; border-radius: 130%; background: url('img/foto-helo.jpg'); background-size: 110px; } #chamada-f-inscricao { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 27px; text-align: center; font-weight: 300; } #sobre-inscricao { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; text-align: center; font-size: 19px; font-weight: 300; padding: 0px 75px; } #faixa-ctas-inscricao { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding: 0px 40px; } .item-cta-inscricao { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -10px; padding: 18px 30px; font-size: 17px; color: #fff; font-weight: 300; background-color: #5E7153; border-radius: 60px; cursor: pointer; } .icn-cta-inscricao { width: 40px; height: 40px; position: absolute; right: 16px; top: 10px; background-color: #87936D; border-radius: 100%; } .item-cta-inscricao:hover { background-color: #87936D; } .item-cta-inscricao:hover .icn-cta-inscricao { background-color: #B1C094; } .seta-ctas-inscricao { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; background: url('img/seta-cta-fale-consco.png'); background-size: 20px; } /*toolbar janela formulario*/ #toolbar-janela-inscricao { width: 100%; height: 100px; position: absolute; bottom: 0px; z-index: 99; } #logo-janela-inscricao { width: 75px; height: 75px; position: absolute; left: 40px; background: url('img/logo-alma-em-vivencia-verde.png'); background-size: 75px; } #bloco-ctas-janela-inscricao { width: 240px; height: auto; position: absolute; right: 20px; top: 20px; } #fechar-janela-inscricao { width: auto; height: auto; position: relative; font-size: 16px; float: right; margin-top: 10px; margin-right: 20px; padding: 10px 25px; border-radius: 40px; background-color: #C57F4F; color: #fff; cursor: pointer; } #fechar-janela-inscricao:hover { background-color: #A35E2F; } #voltar-janela-inscricao { width: auto; height: auto; position: relative; font-size: 16px; float: right; margin-top: 10px; margin-right: 9px; margin-left: 0px; padding: 10px 25px; border-radius: 40px; background-color: #5E7153; color: #fff; cursor: pointer; opacity: 0; } #voltar-janela-inscricao:hover { background-color: #87926D; } /*Destaque da programação*/ @media only screen and (min-width:1580px) and (max-width:1850px) { #view-detalhes-vivencia { width: 1500px; height: auto; position: relative; margin: auto; } .faixa-valores-destaque { width: 100%; height: auto; position: relative; float: left; margin-top: -1px; padding: 0px 0px; } } /*Destaque da programação*/ @media only screen and (min-width:1400px) and (max-width:1580px) { #view-menu-fixo { width: 90%; height: auto; position: relative; margin: auto; } /*Primeira sessão LP*/ #view-s1-lp { width: 1200px; height: auto; position: relative; margin: auto; } #faixa-logo-s1-lp { width: 100%; height: auto; position: relative; float: left; margin-top: 220px; } #chamada-topo-s1 { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 26px; text-align: center; padding: 0px 320px; font-weight: 300; } #view-toolbar-faixa-depoinentos { width: 1200px; height: auto; position: relative; margin: auto; } /*Inicio resumo Alma em vivência*/ #div-resumo-alma-vivencia { width: 100%; height: 1420px; position: relative; float: left; } #bg-resumo-alma-vivencia { width: 100%; height: 1120px; position: absolute; top: 300px; } .parallax-container { height: 1120px; } #view-resumo-alma-vivencia { width: 1200px; height: 900px; position: relative; padding-top: 80px; margin: auto; z-index: 10; } #view-retiros-desktop { width: 90%; height: auto; position: relative; margin: auto; } #div-retiros-desktop { width: 35%; height: auto; position: relative; float: left; padding-right: 30px; } #div-retiros-desktop h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 330px; font-size: 45px; font-weight: 300; font-family: "Montserrat", sans-serif; } #div-retiros-desktop p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 24px; font-weight: 300; } #view-div-equipe { width: 95%; height: auto; position: relative; margin: auto; } #view-div-equipe p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 26px; font-weight: 300; text-align: center; padding: 0px 170px; } /*item-card-palavra*/ .item-card-palavra { width: 19%; height: 340px; position: relative; float: left; margin-right: 1%; background-color: #C57F4F; border-radius: 40px; } .faixa-ornamento-card { width: 100%; height: 0px; position: absolute; bottom: 134px; padding: 0px 30px; } .ornamento-card-equipe { width: 70px; height: 70px; position: relative; float: left; background: url('img/ornamento-logo.png'); background-size: 70px; } .faixa-palavra-card { width: 100%; height: auto; position: absolute; bottom: 40px; padding: 0px 30px; font-size: 22px; font-weight: 300; color: #fff; } /*card membro equipe*/ .faixa-foto-equipe { width: 100%; height: auto; position: relative; float: left; margin-top: 39px; } .bloco-ft-int-equipe { width: 130px; height: 130px; position: relative; background-color: #53624A; margin: auto; border-radius: 100%; overflow: hidden; border: 10px solid #53624A; } .bloco-ft-int-file { width: 130px; height: 130px; position: absolute; left: 50%; top: 50%; margin-left: -65px; margin-top: -65px; } .faixa-infos-perfil-equipe h6 { width: 100%; height: auto; position: relative; float: left; font-weight: 300; color: #EAEDE8; margin-top: -11px; font-size: 22px; text-align: center; } .faixa-infos-perfil-equipe p { width: 100%; height: auto; position: relative; float: left; font-weight: 300; color: #EAEDE8; margin-top: -5px !important; font-size: 17px !important; text-align: center; padding: 0px 20px !important; } .faixa-cta-card-equipe { width: 100%; height: auto; position: absolute; bottom: 40px; } .cta-card-equipe { width: 170px; height: auto; position: relative; margin: auto; padding: 10px 0px; background-color: #708864; color: #fff; font-size: 17px; text-align: center; border-radius: 50px; } #view-faq { width: 90%; height: auto; position: relative; margin: auto; } #div-chamada-faq h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 200px; font-size: 40px; font-weight: 300; } #div-chamada-faq p { width: 100%; height: auto; position: relative; float: left; font-size: 23px; margin-top: 0px !important; font-weight: 300; } #view-rodape { width: 95%; height: auto; position: relative; margin: auto; margin-top: 30px; } /*Whatsapp ICN*/ #icn-mobile-whatsapp { width: 60px; height: 60px; position: fixed; bottom: 20px; right: 20px; background-color: #5E8D53; border-radius: 50%; z-index: 9999; display: none; } #icn-mobile-wpp-int { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/whatsapp-icn.png'); background-size: 40px; } /*Inicio página interna retiro*/ #view-resumo-retiro { width: 1300px; height: auto; position: relative; margin: auto; } .bloco-a-sobre-retiro h3 { width: 100%; height: auto; position: relative; float: left; letter-spacing: 2px; font-size: 42px; font-weight: 300; padding: 0px 220px 0px 0px; margin-top: 100px; } .blocob-sobre-retiro { width: 50%; height: auto; position: relative; float: left; padding: 290px 0px 0px 63px; } .blocob-sobre-retiro p { width: 100%; height: auto; position: relative; float: left; font-size: 20px; margin-top: 10px; font-weight: 300; } #vew-conteudo-banner-retiro { width: 1300px; height: 100%; position: relative; margin: auto; } /*Resumo retiro*/ #resumo-retiro { width: 100%; height: auto; position: relative; float: left; margin-bottom: 95px; overflow: hidden; } .blococ-sobre-retiro { width: 50%; height: auto; position: relative; float: left; padding: 7px 80px 100px 0px; } .blococ-sobre-retiro p { width: 83%; height: auto; position: relative; float: left; font-size: 20px; margin-top: 10px; font-weight: 300; } .blococ-sobre-retiro h3 { width: 100%; height: auto; position: relative; float: left; letter-spacing: 2px; font-size: 42px; font-weight: 300 !important; padding: 0px 240px 0px 0px; margin-top: 110px; } #bloco-para-quem-e { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; overflow: hidden; } #view-para-quem-e { width: 1300px; height: auto; position: relative; margin: auto; } #div-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; overflow: hidden; } #view-div-programacao { width: 1300px; height: auto; position: relative; margin: auto; } #view-div-programacao h5 { width: 100%; height: auto; position: relative; float: left; font-size: 47px; font-weight: 300; text-align: center; font-family: "Montserrat", sans-serif; } #view-div-programacao p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 24px; font-weight: 300; text-align: center; padding: 0px 370px; } /*bloco item programacao*/ .bloco-item-programacao-ds { width: 25%; height: auto; position: relative; float: left; margin-right: 3.5%; margin-left: 4.5%; margin-bottom: 50px; border-radius: 0px; overflow: hidden; } /*Inicio sobre o lugar*/ #div-sobre-lugar { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; background-color: #323b2e; padding: 250px 0px 350px 0px; overflow: hidden; } /*Inicio Detalhes vivência*/ #div-detalhes-vivencia { width: 100%; height: auto; position: relative; float: left; margin-top: 130px; overflow: hidden; } #view-detalhes-vivencia { width: 95%; height: auto; position: relative; margin: auto; } /*bloco quando*/ .bloco-padrao { height: 290px; position: relative; float: left; background-color: #fff; border-radius: 30px; padding: 0px 40px; } .bloco-padrao h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: 20px; font-size: 22px; font-weight: 300; } .bloco-padrao p { width: 90%; height: auto; position: relative; float: left; margin-top: -7px; font-size: 16px; font-weight: 300; } .bloco-programacao h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: 30px; font-size: 24px; font-weight: 300; } /*Bloco pagamento*/ .bloco-pagamento { width: 49%; height: auto; margin-top: -30px; margin-left: 1%; padding-bottom: 64px; min-height: 710px; } .bloco-txt-programacao ul li { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 18px; font-weight: 300; list-style-type: disc; } .bloco-incluso { width: 49%; height: 710px; margin-top: -30px; overflow: hidden; padding: 0px 0px !important; } .bloco-incluso h5 { width: 250px; height: auto; position: relative; float: left; margin-left: 40px; margin-top: 42px; margin-bottom: 30px; font-size: 24px; font-weight: 300; } #seletor-incluso { width: 410px; height: 48px; position: relative; float: left; margin-left: 33px; margin-top: 3px; border: 1px solid #5E7252; border-radius: 50px; } /*slides inclusos*/ #esteira-slide-itens-inclusos { width: 200%; height: 520px; position: relative; float: left; margin-top: 54px; } .item-lista-slide-swiper { width: 100%; height: auto; position: relative; float: left; font-weight: 300; border-bottom: 1px solid #E8E8E8; padding-right: 20px; padding-bottom: 30px; margin-bottom: 15px; font-size: 16px; } /*toolbar lista slide*/ .toolbar-slide-itens-retiro { width: 100%; height: auto; position: absolute; bottom: 67px; z-index: 90; } .paginacao-slide-itens-retiro { width: 200px; height: auto; position: absolute; left: 39px !important; bottom: 0px; /* margin-top: 10px; */ } .box-controles-cta { width: 160px; height: 70px; position: absolute; right: 40px; bottom: -15px; background-color: #EAEDE8; border-radius: 100px; } #div-detalhes-vivencia { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; overflow: hidden; } #superbanner-retiro { width: 100%; height: 100%; min-height: 1250px; margin-bottom: -30px; position: relative; float: left; z-index: 10; } } @media only screen and (min-width:1200px) and (max-width:1400px) { .telas-menores { display: none; } #view-menu-fixo { width: 95%; height: auto; position: relative; margin: auto; } /*CTA menu fixo*/ #cta-contato-m-fixo { width: auto; height: auto; position: relative; font-size: 18px; color: #FFF6DD; float: right; margin-top: -68px; background-color: #5E7153; font-weight: 300; border-radius: 40px; padding: 20px 35px 20px 35px; cursor: pointer; } #icn-cta-menu-fixo { width: 40px; height: 40px; position: absolute; left: 10px; top: 8px; background-color: #87926D; border-radius: 50%; display: none; } #view-s1-lp { width: 1180px; height: auto; position: relative; margin: auto; } #faixa-logo-s1-lp { width: 100%; height: auto; position: relative; float: left; margin-top: 220px; } #chamada-topo-s1 { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 26px; text-align: center; padding: 0px 270px; font-weight: 300; } #view-toolbar-faixa-depoinentos { width: 1140px; height: auto; position: relative; margin: auto; } /*Inicio resumo Alma em vivência*/ #div-resumo-alma-vivencia { width: 100%; height: 1290px; position: relative; float: left; } #bg-resumo-alma-vivencia { width: 100%; height: 1300px; position: absolute; top: 190px; } .parallax-container { height: 1200px; } #view-resumo-alma-vivencia { width: 95%; height: 900px; position: relative; padding-top: 80px; margin: auto; z-index: 10; } #div-a-resumo-av h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 200px; font-size: 44px; font-weight: 300; font-family: "Montserrat", sans-serif; } #view-retiros-desktop { width: 1180px; height: auto; position: relative; margin: auto; } #div-retiros-desktop { width: 30%; height: auto; position: relative; float: left; padding-right: 30px; padding-left: 20px; } #div-retiros-desktop h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 330px; font-size: 33px; font-weight: 300; font-family: "Montserrat", sans-serif; } #div-retiros-desktop p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 20px; font-weight: 300; } #div-retiros-desktop-right { width: 70%; height: auto; position: relative; float: left; margin-top: 100px; } /*Quem conduz o caminho*/ #div-equipe { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; } #view-div-equipe { width: 1180px; height: auto; position: relative; margin: auto; } #view-div-equipe h5 { width: 100%; height: auto; position: relative; float: left; font-size: 45px; font-weight: 300; text-align: center; font-family: "Montserrat", sans-serif; } #view-div-equipe p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 24px; font-weight: 300; text-align: center; padding: 0px 210px; } #view-faq { width: 1180px; height: auto; position: relative; margin: auto; padding: 0px 40px; } #div-chamada-faq h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 200px; font-size: 39px; font-weight: 300; } #div-chamada-faq p { width: 100%; height: auto; position: relative; float: left; font-size: 23px; margin-top: 0px !important; font-weight: 300; } #chamada-cta-suporte-wpp-int { width: 60%; height: 100%; position: relative; float: left; } #chamada-cta-suporte-wpp-int h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 65px; font-size: 28px; color: #fff; text-align: center; } #chamada-cta-suporte-wpp-int p { width: 100%; height: auto; position: relative; float: left; margin-top: 3px !important; font-size: 18px; color: #fff; text-align: center; } #box-foto-chamada-suporte-wpp { width: 40%; height: 100%; position: relative; float: left; overflow: hidden; } #div-itens-faq { width: 57%; height: 100%; position: relative; float: left; padding-left: 8%; } #view-rodape { width: 95%; height: auto; position: relative; margin: auto; margin-top: 30px; } .sessao-rodape { width: 33%; height: auto; position: relative; float: left; margin-top: 20px; } .cta-voltar-ao-topo-c { width: 40px; height: 40px; position: relative; float: right; margin-top: 4px; background-color: #899B83; border-radius: 50%; overflow: hidden; } .txt-cta-voltar-topo { width: auto; height: auto; position: relative; float: right; margin-left: 20px; margin-top: 10px; font-size: 18px; font-weight: 300; } .item-card-palavra { width: 32.3%; height: 480px; position: relative; float: left; margin-left: 0.5%; margin-right: 0.5%; background-color: #C57F4F; border-radius: 50px; } .faixa-foto-equipe { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; } #view-div-equipe { width: 1100px; height: auto; position: relative; margin: auto; } .item-card-palavra { width: 30.3%; height: 410px; position: relative; float: left; margin-left: 1.5%; margin-right: 1.5%; background-color: #C57F4F; border-radius: 50px; } .faixa-foto-equipe { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; } #chamada-cta-suporte-wpp-int h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 61px; margin-bottom: -1px; font-size: 32px; color: #fff; text-align: center; } #view-toolbar-faixa-depoinentos h2 { width: 700px; height: auto; position: relative; float: left; font-size: 45px; font-weight: 300; font-family: "Montserrat", sans-serif; } /*Whatsapp ICN*/ #icn-mobile-whatsapp { width: 60px; height: 60px; position: fixed; bottom: 20px; right: 20px; background-color: #5E8D53; border-radius: 50%; z-index: 9999; display: none; } #icn-mobile-wpp-int { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/whatsapp-icn.png'); background-size: 40px; } /* Página interna de retiro */ #faixa-controle-galeria { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; margin-bottom: 10px; } #vew-conteudo-banner-retiro { width: 1150px; height: 100%; position: relative; margin: auto; } #superbanner-retiro { width: 100%; height: 100%; min-height: 1250px; margin-bottom: 10px; position: relative; float: left; z-index: 10; } /*Resumo retiro*/ #resumo-retiro { width: 100%; height: auto; position: relative; float: left; margin-bottom: -15px; margin-top: -60px; } #view-resumo-retiro { width: 1100px; height: auto; position: relative; margin: auto; } .bloco-a-sobre-retiro h3 { width: 100%; height: auto; position: relative; float: left; letter-spacing: 2px; font-size: 40px; font-weight: 300; padding: 0px 20px 0px 0px; margin-top: 90px; } .blocob-sobre-retiro { width: 50%; height: auto; position: relative; float: left; padding: 282px 0px 0px 45px; } .blocob-sobre-retiro p { width: 100%; height: auto; position: relative; float: left; font-size: 20px; margin-top: 10px; font-weight: 300; } .blococ-sobre-retiro { width: 50%; height: auto; position: relative; float: left; padding: 0px 80px 100px 0px; } .blococ-sobre-retiro p { width: 100%; height: auto; position: relative; float: left; font-size: 20px; margin-top: 10px; font-weight: 300; } .blococ-sobre-retiro h3 { width: 100%; height: auto; position: relative; float: left; letter-spacing: 2px; font-size: 40px; font-weight: 300 !important; padding: 0px 20px 0px 0px; margin-top: 120px; } #bloco-para-quem-e { width: 100%; height: auto; position: relative; float: left; margin-top: -50px; } #view-para-quem-e { width: 1100px; height: auto; position: relative; margin: auto; } #div-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; } #view-div-programacao { width: 1100px; height: auto; position: relative; margin: auto; } #view-div-programacao h5 { width: 100%; height: auto; position: relative; float: left; font-size: 40px; font-weight: 300; text-align: center; font-family: "Montserrat", sans-serif; } #view-div-programacao p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 24px; font-weight: 300; text-align: center; padding: 0px 270px; } /*bloco item programacao*/ .bloco-item-programacao-ds { width: 30%; height: 490px; position: relative; float: left; margin-right: 1.5%; margin-left: 1.5%; margin-bottom: 50px; border-radius: 0px; overflow: hidden; } .info-destaque-programacao { width: 100%; height: 100%; position: relative; float: right; padding: 0px 0px; } /*Inicio sobre o lugar*/ #div-sobre-lugar { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; background-color: #323b2e; padding: 250px 0px 350px 0px; } #conteudo-sobre-lugar { width: 1100px; height: auto; position: relative; margin: auto; } /*Inicio Detalhes vivência*/ #div-detalhes-vivencia { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; } #view-detalhes-vivencia { width: 1100px; height: auto; position: relative; margin: auto; } #chamada-int-detalhes-vivencia h3 { width: 100%; height: auto; position: relative; float: left; font-size: 37px; font-weight: 300; font-family: "Montserrat", sans-serif; } #chamada-int-detalhes-vivencia p { width: 70%; height: auto; position: relative; float: left; font-size: 20px; font-weight: 300; margin-top: 0px; font-family: "Montserrat", sans-serif; } #box-ornamento-perfil-vivencia { width: 200px; height: auto; position: relative; float: left; margin-left: -50px; margin-top: 99px; } /*bloco quando*/ .bloco-padrao { height: 310px; position: relative; float: left; background-color: #fff; border-radius: 30px; padding: 0px 40px; } .bloco-padrao h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; margin-bottom: 22px; font-size: 24px; font-weight: 300; } .bloco-padrao p { width: 90%; height: auto; position: relative; float: left; margin-top: -6px; font-size: 17px; font-weight: 300; } .bloco-quando { width: 30%; } .bloco-onde { width: 30%; margin-left: 1%; } .bloco-foto { width: 11%; margin-left: 1%; overflow: hidden; background-color: #dadada; display: none; } .bloco-resumo-pgr { width: 37%; margin-left: 1%; } .bloco-programacao h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: 30px; font-size: 26px; font-weight: 300; } /*Bloco pagamento*/ .bloco-pagamento { width: 49%; height: auto; margin-top: -30px; margin-left: 1%; padding-bottom: 40px; } .bloco-pagamento h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: 30px; font-size: 24px; font-weight: 300; } .marcador-dia { width: auto; height: auto; position: relative; float: left; padding: 15px 18px; background-color: #E9EDE8; color: #5E7252; border-radius: 15px; } .bloco-txt-programacao ul li { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 17px; font-weight: 300; list-style-type: disc; } .bloco-incluso { width: 49%; height: 730px; margin-top: -30px; overflow: hidden; padding: 0px 0px !important; } .bloco-incluso h5 { width: 250px; height: auto; position: relative; float: left; margin-left: 40px; margin-top: 42px; margin-bottom: 30px; font-size: 24px; font-weight: 300; } #seletor-incluso { width: 410px; height: 48px; position: relative; float: left; margin-left: 34px; margin-top: -7px; border: 1px solid #5E7252; border-radius: 50px; } /*slides inclusos*/ #esteira-slide-itens-inclusos { width: 200%; height: 540px; position: relative; float: left; margin-top: 50px; } .item-slide-swiper { width: 100%; height: 300px; position: relative; float: left; padding: 0px 40px; } .item-lista-slide-swiper { width: 100%; height: auto; position: relative; float: left; font-weight: 300; border-bottom: 1px solid #E8E8E8; padding-right: 20px; padding-bottom: 29px; margin-bottom: 25px; font-size: 16px; } #view-detalhes-vivencia { width: 90%; height: auto; position: relative; margin: auto; } .titulo-politica { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; font-size: 28px; font-weight: 300; margin-bottom: 0px; } .politica-reembolso p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 16px; font-weight: 300; } .valor-promocional { width: 100%; height: 90px; position: relative; float: left; margin-right: 1%; margin-bottom: 10px; background-color: #EBF8E3; border-radius: 20px; padding: 20px 25px; font-size: 17px; font-weight: 300; } .valor-dividido { width: 100%; height: 90px; position: relative; float: left; margin-right: 1%; margin-bottom: 10px; background-color: #F9FAF8; border-radius: 20px; padding: 20px 25px; font-size: 17px; font-weight: 300; } } @media only screen and (min-width:1000px) and (max-width:1200px) { .telas-menores { display: none; } .mobile { display: block; } .mobile-2 { display: none; } #logo-menu-fixo { display: none; } #bloco-itens-de-menu { width: 760px; height: 70px; position: relative; margin: auto; display: none; } /*CTA menu fixo*/ #cta-contato-m-fixo { width: auto; height: auto; position: relative; font-size: 17px; color: #FFF6DD; float: right; margin-top: -62px; background-color: #5E7153; font-weight: 300; border-radius: 40px; padding: 17px 28px 17px 70px; cursor: pointer; display: none; } /*menu telas menores*/ #menu-tablet-mobile { width: 500px; height: 75px; position: fixed; margin-top: 60px; left: 50%; margin-left: -250px; background-color: #E9EDE8; border-radius: 60px; z-index: 999; box-shadow: 0px 0px 52px -19px rgba(0, 0, 0, 0.30); -webkit-box-shadow: 0px 0px 52px -19px rgba(0, 0, 0, 0.30); -moz-box-shadow: 0px 0px 52px -19px rgba(0, 0, 0, 0.30); } #logo-menu-mobile { width: 140px; height: 140px; position: absolute; left: 50%; top: 50%; margin-top: -70px; margin-left: -70px; background-color: #E9EDE8; border-radius: 100%; } #logo-menu-mobile-int { width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -60px; background: url('img/logo-alma-em-vivencia-verde.png'); background-size: 100px; } .cta-menu-mobile { width: auto; height: auto; position: relative; padding: 10px 27px; background-color: #5E7153; color: #FFF6DD; font-size: 17px; border-radius: 30px; cursor: pointer; } .cta-menu-mobile:hover { background-color: #8DA281; } .mb-e { float: left; margin-left: 24px; margin-top: 16px; } .mb-d { position: absolute !important; right: 24px; margin-top: 16px; } /*Primeira sessão LP*/ #s1-lp { width: 100%; height: 740px; position: relative; float: left; } #view-s1-lp { width: 950px; height: auto; position: relative; margin: auto; } #faixa-logo-s1-lp { width: 100%; height: auto; position: relative; float: left; margin-top: 170px; } #logo-s1 { width: 240px; height: 240px; position: relative; margin: auto; background: url('img/logo-alma-em-vivencia-verde.png'); background-size: 240px; } #chamada-topo-s1 { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 24px; text-align: center; padding: 0px 180px; font-weight: 300; } #view-toolbar-faixa-depoinentos { width: 950px; height: auto; position: relative; margin: auto; } #view-toolbar-faixa-depoinentos h2 { width: 500px; height: auto; position: relative; float: left; font-size: 36px; font-weight: 300; font-family: "Montserrat", sans-serif; } #faixa-logo-s1-lp { width: 100%; height: auto; position: relative; float: left; margin-top: 200px; } /*Inicio resumo Alma em vivência*/ #div-resumo-alma-vivencia { width: 100%; height: 1430px; position: relative; float: left; } #bg-resumo-alma-vivencia { width: 100%; height: 1000px; position: absolute; top: 480px; } .parallax-container { height: 1000px; } #view-resumo-alma-vivencia { width: 870px; height: 900px; position: relative; padding-top: 80px; margin: auto; z-index: 10; } #div-a-resumo-av { width: 100%; height: auto; position: relative; float: left; } #div-a-resumo-av h3 { width: 50%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 41px; font-weight: 300; font-family: "Montserrat", sans-serif; } #div-b-resumo-av { width: 90%; height: auto; position: relative; float: left; margin-top: 20px; } #div-b-resumo-av p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 0px; font-size: 21px; line-height: 35px; font-weight: 400; } #view-retiros-desktop { width: 950px; height: auto; position: relative; margin: auto; } #div-retiros-desktop { width: 600px; height: auto; position: relative; float: left; padding-right: 60px; padding-left: 60px; } #div-retiros-desktop h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; font-size: 47px; font-weight: 300; font-family: "Montserrat", sans-serif; } #div-retiros-desktop p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 22px; font-weight: 300; } #div-retiros-desktop-right { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; } /*Quem conduz o caminho*/ #div-equipe { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; } #view-div-equipe { width: 950px; height: auto; position: relative; margin: auto; } #view-div-equipe h5 { width: 100%; height: auto; position: relative; float: left; font-size: 42px; font-weight: 300; text-align: center; font-family: "Montserrat", sans-serif; } #view-div-equipe p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 24px; font-weight: 300; text-align: center; padding: 0px 70px; } .item-card-palavra { width: 30.2%; height: 380px; position: relative; float: left; margin-right: 3%; background-color: #C57F4F; border-radius: 50px; } .faixa-palavra-card { width: 100%; height: auto; position: absolute; bottom: 40px; padding: 0px 30px; font-size: 22px; font-weight: 300; color: #fff; } .ornamento-card-equipe { width: 70px; height: 70px; position: relative; float: left; background: url('img/ornamento-logo.png'); background-size: 70px; } #view-faq { width: 950px; height: auto; position: relative; margin: auto; } #div-chamada-faq h3 { width: 100%; height: auto; position: relative; float: left; margin-top: 251px; font-size: 30px; font-weight: 300; } #div-chamada-faq p { width: 100%; height: auto; position: relative; float: left; font-size: 20px; margin-top: 0px !important; font-weight: 300; } #box-chamada-suporte-whatsapp { width: 100%; height: 220px; position: relative; float: left; background-color: #5E7153; border-radius: 40px; overflow: hidden; } #chamada-cta-suporte-wpp-int { width: 100%; height: 100%; position: relative; float: left; } #chamada-cta-suporte-wpp-int h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 49px; font-size: 29px; color: #fff; text-align: center; } #chamada-cta-suporte-wpp-int p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px !important; font-size: 20px; color: #fff; text-align: center; } #box-foto-chamada-suporte-wpp { width: 50%; height: 100%; position: relative; float: left; display: none; } #div-itens-faq { width: 60%; height: 100%; position: relative; float: left; padding-left: 60px; } #view-rodape { width: 950px; height: auto; position: relative; margin: auto; margin-top: 30px; } .txt-cta-termos-de-uso { width: auto; height: auto; position: relative; float: left; margin-left: 8px; margin-top: 9px; font-size: 15px; font-weight: 300; } .chamada-redes-sociais-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 9px; font-size: 15px; text-align: center; font-weight: 300; } .box-itens-redes-sociais { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 39px; } .cta-voltar-ao-topo-c { width: 40px; height: 40px; position: relative; float: right; margin-top: 4px; background-color: #899B83; border-radius: 50%; overflow: hidden; } .txt-cta-voltar-topo { width: auto; height: auto; position: relative; float: right; margin-left: 20px; margin-top: 13px; font-size: 15px; font-weight: 300; } .mobile-b { display: none !important; } /*Whatsapp ICN*/ #icn-mobile-whatsapp { width: 60px; height: 60px; position: fixed; bottom: 37px; right: 30px; background-color: #5E8D53; border-radius: 50%; z-index: 9999; display: block; } #icn-mobile-wpp-int { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/whatsapp-icn.png'); background-size: 40px; } /*Inicio página interna de retiro*/ #tag-faq { width: auto; height: auto; position: relative; float: left; margin-top: 90px; padding: 10px 40px; font-size: 18px; border-radius: 50px; background-color: #C5D1C1; color: #899B83; } /*Inicio rodape*/ #rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; padding-bottom: 140px; } /* ========================================================================== Inicio LP ========================================================================== */ #superbanner-retiro { width: 100%; height: 70%; min-height: 980px; position: relative; float: left; z-index: 10; margin-bottom: -20px; } #conteudo-banner-retiro { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 20; } #vew-conteudo-banner-retiro { width: 950px; height: 100%; position: relative; margin: auto; } #ornamento-banner-retiro { width: 100%; height: auto; position: relative; float: left; margin-top: 225px; } #bloco-ornamento-banner-retiro { width: 180px; height: 180px; position: relative; margin: auto; background: url('img/ornamento-logo.png'); background-size: 180px; } #vew-conteudo-banner-retiro h2 { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; font-size: 28px; text-align: center; color: #fff; font-weight: 300; } #vew-conteudo-banner-retiro p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; font-size: 22px; color: #fff; text-align: center; font-weight: 300; } #faixa-cta-banner-retiro { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; } #view-resumo-retiro { width: 950px; height: auto; position: relative; margin: auto; } .bloco-a-sobre-retiro { width: 50%; height: auto; position: relative; float: left; } .bloco-a-sobre-retiro h3 { width: 100%; height: auto; position: relative; float: left; letter-spacing: 2px; font-size: 42px; font-weight: 300; padding: 0px 20px 0px 0px; margin-top: 80px; } #foto-retiro-sobre { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; border-radius: 40px; overflow: hidden; } .blocob-sobre-retiro { width: 50%; height: auto; position: relative; float: left; padding: 262px 0px 0px 50px; } .blocob-sobre-retiro p { width: 100%; height: auto; position: relative; float: left; font-size: 17px; margin-top: 20px; font-weight: 300; } .blococ-sobre-retiro { width: 50%; height: auto; position: relative; float: left; padding: 10px 50px 100px 0px; } .blococ-sobre-retiro p { width: 100%; height: auto; position: relative; float: left; font-size: 17px; margin-top: 10px; font-weight: 300; } .blococ-sobre-retiro h3 { width: 100%; height: auto; position: relative; float: left; letter-spacing: 2px; font-size: 50px; font-weight: 300 !important; padding: 0px 20px 0px 0px; margin-top: 90px; } #view-para-quem-e { width: 950px; height: auto; position: relative; margin: auto; } #div-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: -40px; } #view-div-programacao { width: 950px; height: auto; position: relative; margin: auto; } #view-div-programacao h5 { width: 100%; height: auto; position: relative; float: left; font-size: 38px; font-weight: 300; text-align: center; font-family: "Montserrat", sans-serif; } #view-div-programacao p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 22px; font-weight: 300; text-align: center; padding: 0px 220px; } /*Inicio faixa destaques programacao*/ #faixa-destaques-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: 48px; } /*bloco item programacao*/ .bloco-item-programacao-ds { width: 30%; height: 540px; position: relative; float: left; margin-right: 1.5%; margin-left: 1.5%; margin-bottom: 50px; border-radius: 0px; overflow: hidden; } .info-destaque-programacao { width: 100%; height: 100%; position: relative; float: right; padding: 0px 0px; } .info-destaque-programacao h4 { width: 90%; height: auto; position: relative; float: left; margin-top: 25px; font-size: 19px; font-weight: 400; line-height: 28px; } .info-destaque-programacao p { width: 100% !important; height: auto !important; position: relative !important; float: left !important; margin-top: -1px !important; margin-bottom: 13px !important; font-size: 17px !important; font-weight: 300 !important; text-align: left !important; padding: 0px 0px !important; } /*Inicio sobre o lugar*/ #div-sobre-lugar { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; background-color: #323b2e; padding: 250px 0px 350px 0px; } #conteudo-sobre-lugar { width: 900px; height: auto; position: relative; margin: auto; } #div-titulo-espaco h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 60px; color: #fff; font-weight: 300; } #headline-titulo-espaco { width: 70%; height: auto; position: relative; float: left; font-size: 28px; color: #fff; line-height: 30px; font-weight: 300; } #div-sobre-lugar-txt h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 47px; color: #fff; font-weight: 300; } #local-headline-lugar { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 22px; color: #fff; font-weight: 300; } #p-sobre-lugar p { width: 80%; height: auto; position: relative; float: left; margin-bottom: 0px; font-size: 19px; color: #fff; font-weight: 300; } /*Inicio Detalhes vivência*/ #div-detalhes-vivencia { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; } #view-detalhes-vivencia { width: 950px; height: auto; position: relative; margin: auto; } #chamada-int-detalhes-vivencia h3 { width: 100%; height: auto; position: relative; float: left; font-size: 34px; font-weight: 300; font-family: "Montserrat", sans-serif; } #chamada-int-detalhes-vivencia p { width: 80%; height: auto; position: relative; float: left; font-size: 22px; font-weight: 300; margin-top: 0px; font-family: "Montserrat", sans-serif; } #box-ornamento-perfil-vivencia { width: 200px; height: auto; position: relative; float: left; margin-left: -30px; margin-top: 90px; } #inicio-blocos-informacoes { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; margin-bottom: 0px; } /*bloco quando*/ .bloco-padrao { height: 300px; position: relative; float: left; background-color: #fff; border-radius: 30px; padding: 0px 40px 30px 40px; margin-bottom: 10px; } .bloco-quando { width: 100%; height: auto; } .faixa-ornamento-card { width: 100%; height: 0px; position: absolute; bottom: 127px; padding: 0px 30px; } .faixa-palavra-card { width: 100%; height: auto; position: absolute; bottom: 32px; padding: 0px 30px; font-size: 23px; font-weight: 300; color: #fff; } .bloco-onde { width: 49%; margin-left: 0%; padding-bottom: 90px; } .bloco-foto { width: 11%; margin-left: 1%; overflow: hidden; background-color: #dadada; display: none; } .bloco-resumo-pgr { width: 50%; margin-left: 1%; padding-bottom: 101px; } /*Bloco programacao*/ .bloco-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: -47px; background-color: #fff; border-radius: 40px; padding: 0px 40px 60px 40px; } /*Bloco pagamento*/ .bloco-pagamento { width: 100%; height: auto; margin-top: 10px; padding-bottom: 40px; margin-left: 0%; } .bloco-incluso { width: 100%; height: 600px; margin-top: -37px; overflow: hidden; padding: 0px 0px !important; } .bloco-txt-programacao ul li { width: 92%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 18px; font-weight: 300; list-style-type: disc; } #resumo-retiro { width: 100%; height: auto; position: relative; float: left; margin-bottom: 5px; } #cta-fixo-inscricao { width: 240px; height: auto; position: fixed; left: 35px; margin-left: 0px; bottom: 40px; padding: 16px 0px; color: #fff; font-size: 18px; background-color: #C66827; border-radius: 45px; text-align: center; z-index: 999; } } @media only screen and (min-width:750px) and (max-width:1000px) { .telas-menores { display: none; } #faixa-menu-fixo { display: none; } .mobile { display: block; } .mobile-b { display: none !important; } .mobile-2 { display: none; } #cta-fixo-inscricao { width: 240px; height: auto; position: fixed; left: 35px; margin-left: 0px; bottom: 40px; padding: 16px 0px; color: #fff; font-size: 18px; background-color: #C66827; border-radius: 45px; text-align: center; z-index: 999; } #icn-mobile-whatsapp { width: 60px; height: 60px; position: fixed; bottom: 39px; right: 30px; background-color: #5E8D53; border-radius: 50%; z-index: 9999; display: block; } /*menu telas menores*/ #menu-tablet-mobile { width: 500px; height: 75px; position: fixed; margin-top: 60px; left: 50%; margin-left: -250px; background-color: #E9EDE8; border-radius: 60px; z-index: 999; box-shadow: 0px 0px 52px -19px rgba(0, 0, 0, 0.30); -webkit-box-shadow: 0px 0px 52px -19px rgba(0, 0, 0, 0.30); -moz-box-shadow: 0px 0px 52px -19px rgba(0, 0, 0, 0.30); } #logo-menu-mobile { width: 140px; height: 140px; position: absolute; left: 50%; top: 50%; margin-top: -70px; margin-left: -70px; background-color: #E9EDE8; border-radius: 100%; } #logo-menu-mobile-int { width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -60px; background: url('img/logo-alma-em-vivencia-verde.png'); background-size: 100px; } .cta-menu-mobile { width: auto; height: auto; position: relative; padding: 10px 27px; background-color: #5E7153; color: #FFF6DD; font-size: 17px; border-radius: 30px; cursor: pointer; } .cta-menu-mobile:hover { background-color: #8DA281; } .mb-e { float: left; margin-left: 24px; margin-top: 16px; } .mb-d { position: absolute !important; right: 24px; margin-top: 16px; } /*Primeira sessão LP*/ #view-s1-lp { width: 740px; height: auto; position: relative; margin: auto; } #faixa-logo-s1-lp { width: 100%; height: auto; position: relative; float: left; margin-top: 230px; } #logo-s1 { width: 220px; height: 220px; position: relative; margin: auto; background: url('img/logo-alma-em-vivencia-verde.png'); background-size: 220px; } #chamada-topo-s1 { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 22px; text-align: center; padding: 0px 130px; font-weight: 300; } /*inicio faixa depoimentos*/ #faixa-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: -100px; overflow: hidden; } #view-toolbar-faixa-depoinentos { width: 740px; height: auto; position: relative; margin: auto; } #view-toolbar-faixa-depoinentos h2 { width: 470px; height: auto; position: relative; float: left; padding-left: 20px; font-size: 35px; font-weight: 300; font-family: "Montserrat", sans-serif; } #controles-toolbar-faixa-depoimentos { width: 180px; height: auto; position: relative; float: right; margin-right: 40px; } .item-controle-depoimento { width: 70px; height: 70px; position: relative; float: right; margin-top: 13px; margin-left: 10px; border-radius: 50%; cursor: pointer; } /*Inicio resumo Alma em vivência*/ #div-resumo-alma-vivencia { width: 100%; height: 1400px; position: relative; float: left; } #bg-resumo-alma-vivencia { width: 100%; height: 1500px; position: absolute; top: 630px; } .parallax-container { height: 920px; } #view-resumo-alma-vivencia { width: 740px; height: 900px; position: relative; padding-top: 0px; margin: auto; z-index: 10; padding: 0px 40px; } #div-a-resumo-av { width: 100%; height: auto; position: relative; float: left; } #div-a-resumo-av h3 { width: 40%; height: auto; position: relative; float: left; margin-top: 70px; font-size: 40px; font-weight: 300; font-family: "Montserrat", sans-serif; } #div-b-resumo-av { width: 90%; height: auto; position: relative; float: left; margin-top: 20px; } #div-b-resumo-av p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 16px; font-size: 21px; line-height: 35px; font-weight: 400; } #view-retiros-desktop { width: 740px; height: auto; position: relative; margin: auto; } #div-retiros-desktop { width: 100%; height: auto; position: relative; float: left; padding-right: 60px; padding-left: 40px; } #div-retiros-desktop h4 { width: 500px; height: auto; position: relative; float: left; margin-top: 90px; font-size: 46px; font-weight: 300; font-family: "Montserrat", sans-serif; } #div-retiros-desktop p { width: 80%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 23px; font-weight: 300; } #div-retiros-desktop-right { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; } /*Quem conduz o caminho*/ #div-equipe { width: 100%; height: auto; position: relative; float: left; margin-top: 70px; } #view-div-equipe { width: 740px; height: auto; position: relative; margin: auto; } #view-div-equipe h5 { width: 100%; height: auto; position: relative; float: left; font-size: 45px; font-weight: 300; text-align: center; font-family: "Montserrat", sans-serif; } #view-div-equipe p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 24px; font-weight: 300; text-align: center; padding: 0px 80px; } #faixa-cards-equipe { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 20px; } /*item-card-palavra*/ .item-card-palavra { width: 32%; height: 300px; position: relative; float: left; margin-right: 1%; background-color: #C57F4F; border-radius: 30px; } .faixa-ornamento-card { width: 100%; height: 0px; position: absolute; bottom: 108px; padding: 0px 20px; } .ornamento-card-equipe { width: 60px; height: 60px; position: relative; float: left; background: url('img/ornamento-logo.png'); background-size: 60px; } .faixa-palavra-card { width: 100%; height: auto; position: absolute; bottom: 23px; padding: 0px 20px; font-size: 20px; font-weight: 300; color: #fff; } /*card membro equipe*/ .faixa-foto-equipe { width: 100%; height: auto; position: relative; float: left; margin-top: 33px; } .bloco-ft-int-equipe { width: 110px; height: 110px; position: relative; background-color: #53624A; margin: auto; border-radius: 100%; overflow: hidden; border: 6px solid #53624A; } .bloco-ft-int-file { width: 110px; height: 110px; position: absolute; left: 50%; top: 50%; margin-left: -55px; margin-top: -55px; } .faixa-infos-perfil-equipe h6 { width: 100%; height: auto; position: relative; float: left; font-weight: 300; color: #EAEDE8; margin-top: -5px; font-size: 20px; text-align: center; } .faixa-infos-perfil-equipe p { width: 100%; height: auto; position: relative; float: left; font-weight: 300; color: #EAEDE8; margin-top: -7px !important; font-size: 15px !important; text-align: center; padding: 0px 20px !important; } .faixa-cta-card-equipe { width: 100%; height: auto; position: absolute; bottom: 25px; } .cta-card-equipe { width: 170px; height: auto; position: relative; margin: auto; padding: 10px 0px; background-color: #708864; color: #fff; font-size: 17px; text-align: center; border-radius: 50px; } #view-faq { width: 740px; height: auto; position: relative; margin: auto; padding: 0px 30px; } #div-chamada-faq { width: 100%; height: auto; position: relative; float: left; } #div-chamada-faq h3 { width: 70%; height: auto; position: relative; float: left; margin-top: 90px; font-size: 38px; font-weight: 300; } #div-chamada-faq p { width: 100%; height: auto; position: relative; float: left; font-size: 23px; margin-top: 0px !important; font-weight: 300; } #faixa-cta-whatsapp-suporte { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; } #chamada-cta-suporte-wpp-int { width: 61%; height: 100%; position: relative; float: left; } #chamada-cta-suporte-wpp-int h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 68px; font-size: 32px; color: #fff; text-align: center; margin-bottom: 0px; } #box-foto-chamada-suporte-wpp { width: 35%; height: 100%; position: relative; float: left; } #div-itens-faq { width: 100%; height: 100%; position: relative; float: left; padding-left: 10px; padding-right: 10px; } #tag-faq { width: auto; height: auto; position: relative; float: left; margin-top: 70px; padding: 10px 40px; font-size: 18px; border-radius: 50px; background-color: #C5D1C1; color: #899B83; } #view-rodape { width: 740px; height: auto; position: relative; margin: auto; margin-top: 30px; } .sessao-rodape { width: 33%; height: auto; position: relative; float: left; margin-top: 0px; } .ornamento-cta-termos-uso { width: 40px; height: 40px; position: relative; float: unset; margin: auto; background: url('img/ornamento-cta-politica.png'); background-size: 40px; } .txt-cta-termos-de-uso { width: auto; height: auto; position: relative; float: left; margin-left: 0px; margin-top: 6px; font-size: 16px; font-weight: 300; text-align: center; } .box-itens-redes-sociais { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; padding: 0px 30px; } .cta-voltar-ao-topo-c { width: 40px; height: 40px; margin-left: -20px !important; position: relative; float: left; left: 50%; margin: unset; margin-top: -39px; background-color: #899B83; border-radius: 50%; overflow: hidden; } .txt-cta-voltar-topo { width: 100%; height: auto; position: relative; float: right; margin-left: 20px; margin-top: 54px; margin-bottom: -30px; font-size: 18px; font-weight: 300; text-align: center; } /*Inicio janela retiro*/ #janela-lista-retiros { width: 700px; margin-left: -350px; border-radius: 30px; z-index: 100; } #conteudo-janela-retiros { padding: 28px 20px; } #titulo-janela-retiros { margin-left: 0px; padding: 0px 17px; font-size: 24px; } #fechar-janela-retiros { margin-right: 12px; } .item-retiro-lista { padding: 15px 20px; } /*Janela depoimento*/ #janela-depoimento { width: 90%; height: 600px; position: fixed; left: 5%; top: -450%; margin-left: 0px; margin-top: -300px; background-color: #fff; border-radius: 40px; overflow: hidden; z-index: 999; opacity: 0; } #bloco-foto-depoimento { width: 50%; height: 100%; position: relative; float: left; background-color: #dadada; overflow: hidden; max-width: 370px; } #foto-int-janela-depoimento { width: 400px; height: 650px; position: absolute; left: -30px; top: 0px; } #bloco-depoimento-txt { width: 50%; height: 80%; position: relative; float: left; padding: 20px 20px 20px 25px; overflow-y: scroll; } #ornamento-logo-janela-dp { width: 60px; height: 60px; position: relative; float: left; background: url('img/ornamento-logo-verde.png'); background-size: 60px; } #nome-depoimento-janela { width: 100%; height: auto; position: relative; float: left; line-height: 28px; margin-top: -2px; font-size: 22px; font-weight: 300; } #toolbar-janela-depoimento { width: 50%; height: 29px; position: absolute; right: unset; bottom: 20px; left: 50%; font-size: 30px; font-family: "Montserrat", sans-serif; } #frase-amv { width: auto; height: auto; position: absolute; left: 29px; margin-top: 3px; font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 300; display: none; } #cta-fechar-janela-depoimento { width: auto; height: auto; position: absolute; right: 2px; margin-top: -7px; margin-right: 20px; padding: 10px 20px; border-radius: 40px; font-size: 14px; background-color: #C57F4F; color: #fff; cursor: pointer; font-family: "Lato", sans-serif; } #chamada-scroll-depoimento { width: auto; height: auto; position: absolute; right: 20px; top: 19px; background-color: #C5D1C1; color: #899B83; font-size: 14px; padding: 10px 20px; border-radius: 50px; opacity: 0; } /*Whatsapp ICN*/ #icn-mobile-whatsapp { width: 60px; height: 60px; position: fixed; bottom: 20px; right: 20px; background-color: #5E8D53; border-radius: 50%; z-index: 9999; display: block; } #icn-mobile-wpp-int { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/whatsapp-icn.png'); background-size: 40px; } /*controle galeria*/ #faixa-controle-galeria { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; margin-bottom: 30px; } /* ========================================================================== Inicio LP ========================================================================== */ #superbanner-retiro { width: 100%; height: 80%; min-height: 900px; position: relative; float: left; margin-bottom: -10px; z-index: 10; } #vew-conteudo-banner-retiro { width: 740px; height: 100%; position: relative; margin: auto; } #ornamento-banner-retiro { width: 100%; height: auto; position: relative; float: left; margin-top: 260px; } #bloco-ornamento-banner-retiro { width: 140px; height: 140px; position: relative; margin: auto; background: url('img/ornamento-logo.png'); background-size: 140px; } #vew-conteudo-banner-retiro h2 { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 25px; text-align: center; color: #fff; font-weight: 300; } #vew-conteudo-banner-retiro p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; font-size: 22px; color: #fff; text-align: center; font-weight: 300; } #faixa-data-banner-retiro { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; font-size: 17px; color: #fff; font-weight: 300; text-align: center; } #cta-localizacao-retiro { width: 350px; height: auto; position: relative; margin: auto; padding: 12px 10px; color: #fff; font-size: 18px; border: 1px solid #fff; border-radius: 40px; text-align: center; cursor: pointer; } #view-resumo-retiro { width: 660px; height: auto; position: relative; margin: auto; } .bloco-a-sobre-retiro { width: 100%; height: auto; position: relative; float: left; } .bloco-a-sobre-retiro h3 { width: 100%; height: auto; position: relative; float: left; letter-spacing: 2px; font-size: 40px; font-weight: 300; padding: 0px 70px; margin-top: 60px; text-align: center; } #foto-retiro-sobre { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; border-radius: 40px; overflow: hidden; } .blocob-sobre-retiro { width: 100%; height: auto; position: relative; float: left; padding: 50px 0px 20px 0px; } .blocob-sobre-retiro p { width: 100%; height: auto; position: relative; float: left; font-size: 18px; margin-top: 1px; font-weight: 300; } .blococ-sobre-retiro { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px 10px 20px; } .blococ-sobre-retiro p { width: 100%; height: auto; position: relative; float: left; font-size: 18px; margin-top: 1px; font-weight: 300; } .blococ-sobre-retiro h3 { width: 100%; height: auto; position: relative; float: left; letter-spacing: 2px; font-size: 37px; font-weight: 300 !important; padding: 0px 240px 0px 0px; margin-top: 60px; } #view-para-quem-e { width: 710px; height: auto; position: relative; margin: auto; } #div-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: 60px; } #view-div-programacao { width: 740px; height: auto; position: relative; margin: auto; } #view-div-programacao h5 { width: 100%; height: auto; position: relative; float: left; font-size: 35px; font-weight: 300; text-align: center; font-family: "Montserrat", sans-serif; } #view-div-programacao p { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 22px; font-weight: 300; text-align: center; padding: 0px 110px; } /*Inicio faixa destaques programacao*/ #faixa-destaques-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: 28px; } /*bloco item programacao*/ .bloco-item-programacao-ds { width: 41%; height: 500px; position: relative; float: left; margin-right: 0%; margin-left: 5%; margin-bottom: 50px; border-radius: 0px; overflow: hidden; } .info-destaque-programacao { width: 100%; height: 100%; position: relative; float: right; padding: 0px 0px; } /*Inicio sobre o lugar*/ #div-sobre-lugar { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; background-color: #323b2e; padding: 70px 0px 110px 0px; } #conteudo-sobre-lugar { width: 700px; height: auto; position: relative; margin: auto; } #div-titulo-espaco { width: 100%; height: auto; position: relative; float: left; } #div-titulo-espaco h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 40px; color: #fff; font-weight: 300; text-align: center; } #headline-titulo-espaco { width: 100%; height: auto; position: relative; float: left; font-size: 20px; color: #fff; text-align: center; line-height: 36px; font-weight: 300; margin-top: -9px; } #div-sobre-lugar-txt { width: 100%; height: auto; position: relative; float: left; } #div-sobre-lugar-txt h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 31px; font-size: 40px; color: #fff; font-weight: 300; text-align: center; } #local-headline-lugar { width: 100%; height: auto; position: relative; float: left; margin-top: -5px; font-size: 23px; color: #fff; text-align: center; font-weight: 300; } #p-sobre-lugar p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 0px; font-size: 18px; color: #fff; font-weight: 300; text-align: center; padding: 0px 130px; } /*Inicio Detalhes vivência*/ #div-detalhes-vivencia { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; } #view-detalhes-vivencia { width: 680px; height: auto; position: relative; margin: auto; } #chamada-int-detalhes-vivencia h3 { width: 60%; height: auto; position: relative; float: left; font-size: 28px; font-weight: 300; font-family: "Montserrat", sans-serif; } #chamada-int-detalhes-vivencia p { width: 70%; height: auto; position: relative; float: left; font-size: 18px; font-weight: 300; margin-top: -7px; font-family: "Montserrat", sans-serif; } #box-ornamento-perfil-vivencia { width: 200px; height: auto; position: relative; float: right; margin-left: 40px; margin-top: 59px; } #inicio-blocos-informacoes { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; margin-bottom: -30px; } .faixa-bloco-info-int { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; } /*bloco quando*/ .bloco-padrao { height: auto !important; position: relative; float: left; background-color: #fff; border-radius: 30px; padding: 0px 40px 30px 40px; margin-bottom: 10px; } .bloco-padrao h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: 30px; font-size: 24px; font-weight: 300; } .bloco-padrao p { width: 90%; height: auto; position: relative; float: left; margin-top: -7px; font-size: 16px; font-weight: 300; } .bloco-quando { width: 100%; } .bloco-onde { width: 100%; margin-left: 0%; padding-bottom: 80px; } .bloco-foto { width: 11%; margin-left: 1%; overflow: hidden; background-color: #dadada; display: none; } .bloco-resumo-pgr { width: 100%; margin-left: 0%; padding-bottom: 65px; } /*Bloco programacao*/ .bloco-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: -50px; background-color: #fff; border-radius: 30px; padding: 0px 40px 60px 40px; } .bloco-programacao h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: 30px; font-size: 24px; font-weight: 300; } /*Bloco pagamento*/ .bloco-pagamento { width: 100%; height: 600px; margin-top: 2px; margin-left: 0%; } .marcador-dia { width: auto; height: auto; position: relative; float: left; padding: 15px 20px; background-color: #E9EDE8; color: #5E7252; border-radius: 15px; font-size: 16px; } /*Bloco txt programacao*/ .bloco-txt-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: 3px; padding: 0px 20px; } .bloco-txt-programacao ul li { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 16px; font-weight: 300; list-style-type: disc; } .bloco-incluso { width: 100%; height: 640px; margin-top: -40px; overflow: hidden; padding: 0px 0px !important; } .bloco-incluso h5 { width: 250px; height: auto; position: relative; float: left; margin-left: 40px; margin-top: 42px; margin-bottom: 30px; font-size: 23px; font-weight: 300; } #seletor-incluso { width: 410px; height: 48px; position: relative; float: left; margin-left: 37px; margin-top: -7px; border: 1px solid #5E7252; border-radius: 50px; } /*slides inclusos*/ #esteira-slide-itens-inclusos { width: 200%; height: 460px; position: relative; float: left; margin-top: 40px; } .item-lista-slide-swiper { width: 100%; height: auto; position: relative; float: left; font-weight: 300; border-bottom: 1px solid #E8E8E8; padding-right: 20px; padding-bottom: 20px; margin-bottom: 15px; font-size: 16px; } .titulo-politica { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; font-size: 28px; font-weight: 300; margin-bottom: 13px; } } @media only screen and (min-width:395px) and (max-width:750px) { body { height: 100%; background-color: #5E7153; } .telas-menores { display: none; } #faixa-menu-fixo { display: none; } .desktop { display: none; } .mobile { display: block; } #a-sobre-retiro { top: -120px; } #a-local-retiro { top: -80px; } #a-viver { top: -140px; } #cta-fixo-inscricao { width: 240px; height: auto; position: fixed; left: 35px; margin-left: 0px; bottom: 40px; padding: 16px 0px; color: #fff; font-size: 18px; background-color: #C66827; border-radius: 45px; text-align: center; z-index: 999; } #icn-mobile-whatsapp { width: 60px; height: 60px; position: fixed; bottom: 39px; right: 30px; background-color: #5E8D53; border-radius: 50%; z-index: 9999; display: block; } /*menu telas menores*/ #menu-tablet-mobile { width: 320px; height: 70px; position: fixed; margin-top: 50px; left: 50%; margin-left: -160px; background-color: #E9EDE8; border-radius: 60px; z-index: 999; box-shadow: 0px 0px 52px -19px rgba(0, 0, 0, 0.30); -webkit-box-shadow: 0px 0px 52px -19px rgba(0, 0, 0, 0.30); -moz-box-shadow: 0px 0px 52px -19px rgba(0, 0, 0, 0.30); } #logo-menu-mobile { width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin-top: -50px; margin-left: -50px; background-color: #E9EDE8; border-radius: 100%; } #logo-menu-mobile-int { width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -45px; background: url('img/logo-alma-em-vivencia-verde.png'); background-size: 80px; } .cta-menu-mobile { width: auto; height: auto; position: relative; padding: 10px 20px; background-color: #5E7153; color: #FFF6DD; font-size: 14px; border-radius: 30px; cursor: pointer; } .cta-menu-mobile:hover { background-color: #8DA281; } .mb-e { float: left; margin-left: 14px; margin-top: 15px; } .mb-d { position: absolute !important; right: 14px; margin-top: 15px; } #view-s1-lp { width: 390px; height: auto; position: relative; margin: auto; } #faixa-logo-s1-lp { width: 100%; height: auto; position: relative; float: left; margin-top: 160px; } #logo-s1 { width: 160px; height: 160px; position: relative; margin: auto; background: url('img/logo-alma-em-vivencia-branca.png'); background-size: 160px; } /*Primeira sessão LP*/ #s1-lp { width: 100%; height: auto; position: relative; float: left; padding-bottom: 0px; } #chamada-topo-s1 { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 15px; text-align: center; padding: 0px 30px; font-weight: 300; color: #FFF6DD; } #faixa-ornamento-topo-int { width: 200px; height: auto; position: relative; margin: auto; padding-left: 20px; } .item-participante-topo { width: 80px; height: 80px; position: relative; float: left; margin-left: -20px; background-color: #dadada; border-radius: 50%; overflow: hidden; opacity: 0; } #cta-topo-home { width: 325px; height: auto; position: relative; margin: auto; font-size: 16px; color: #FFF6DD; background-color: #5E7153; font-weight: 300; border-radius: 40px; padding: 17px 28px 17px 70px; cursor: pointer; display: none; } #faixa-cta-topo { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; } /*inicio faixa depoimentos*/ #faixa-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; overflow: hidden; display: none; } /*Inicio resumo Alma em vivência*/ #div-resumo-alma-vivencia { width: 100%; height: 415px; position: relative; float: left; } #bg-resumo-alma-vivencia { width: 100%; height: 520px; position: absolute; top: -4px; } .parallax-container { height: 420px; } #bg-vivencia-home-mobile { width: 100%; height: 400px; position: absolute; left: 0; top: -1px; z-index: 1; background: linear-gradient(to bottom, #5E7153 0%, rgba(94, 113, 83, 0) 100%); } #view-resumo-alma-vivencia { width: 390px; height: auto; position: relative; padding-top: 105px; margin: auto; z-index: 10; } #div-a-resumo-av { width: 100%; height: auto; position: relative; float: left; color: #FFF6DD; } #div-a-resumo-av h3 { width: 100%; height: auto; position: relative; float: left; margin-top: -77px; line-height: 29px; font-size: 26px; font-weight: 300; font-family: "Montserrat", sans-serif; text-align: center; padding: 0px 70px; } #div-b-resumo-av { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; color: #FFF6DD; padding: 0px 20px; display: none; } #div-b-resumo-av p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 0px; font-size: 16px; line-height: 35px; font-weight: 400; text-align: center; } #div-c-resumo-av { width: 100%; height: auto; position: relative; float: left; margin-top: 2px; color: #FFF6DD; padding: 0px 40px; } #div-c-resumo-av p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 0px; font-size: 16px; line-height: 25px; font-weight: 400; text-align: center; } #faixa-cta-leia-mais-resumo-mb { width: 100%; height: auto; position: relative; float: left; margin-top: 22px; } #cta-leia-mais-resumo-mb { width: 140px; height: auto; position: relative; margin: auto; padding: 10px 20px; background-color: #fff; color: #5E7153; font-size: 14px; text-align: center; border-radius: 100px; cursor: pointer; } #cta-leia-mais-resumo-mb:hover { background-color: #C5D1C1; } #faixa-ornamento-topo { width: 100%; height: auto; position: relative; float: left; margin-top: 35px; } #faixa-depoimentos-mobile { width: 100%; height: auto; position: relative; float: left; display: block; margin-top: -18px; overflow: hidden; padding-bottom: 55px; } #faixa-depoimentos-mobile h3 { width: 100%; height: auto; position: relative; float: left; color: #FFF6DD; font-size: 24px; text-align: center; font-weight: 300; } #faixa-depoimentos-mobile span { font-weight: 500; } #faixa-slides-depoimento-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; overflow: hidden; } /*item depoimento mobile*/ .item-slide-mobile-depoimento { width: auto; height: auto; position: relative; float: left; margin-left: 0px; } .foto-item-a-mobile-depoimento { width: 100%; height: 210px; position: relative; float: left; overflow: hidden; border-radius: 30px; } .foto-item-a-mobile-dep-int { width: 340px; height: 260px; position: absolute; left: 50%; top: 50%; margin-left: -170px; margin-top: -110px; } .item-slide-mobile-depoimento-txt { width: 100%; height: 260px; position: relative; float: left; margin-top: 15px; background-color: #87926D; border-radius: 30px; } .titulo-card-mobile-depoimento { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding: 0px 20px; } .titulo-card-mobile-depoimento h4 { width: 60%; height: auto; position: relative; float: left; font-size: 22px; color: #FFF6DD; font-weight: 300; } .ornamento-logo-card-dp-mobile { width: 60px; height: 60px; position: relative; float: right; margin-right: 0px; margin-top: 16px; background: url('img/ornamento-logo.png'); background-size: 60px; } .sobre-depoimento-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: -2px; font-size: 14px; font-weight: 300; padding: 0px 20px; color: #FFF6DD; } .faixa-cta-card-a { width: 100%; height: auto; position: absolute; bottom: 20px; padding: 0px 20px; } .cta-continue-lendo-dp-mobile { width: auto; height: auto; position: relative; float: left; padding: 10px 28px; font-size: 15px; background-color: #5E7252; color: #FFF6DD; border-radius: 40px; } .cta-continue-lendo-dp-mobile:hover { background-color: #C5D1C1; } .cta-continue-lendo-dp-mobile:hover { background-color: #4E6243; } .item-slide-mobile-depoimento-txt-b { width: 100%; height: 260px; position: relative; float: left; margin-bottom: 15px; background-color: #C57F4F; border-radius: 30px; } .cta-continue-lendo-dp-mobile-b { width: auto; height: auto; position: relative; float: left; padding: 10px 28px; font-size: 15px; background-color: #C66827; color: #FFF6DD; border-radius: 40px; } .cta-continue-lendo-dp-mobile-b:hover { background-color: #C65321; } /*Faixa paginacao e navegacao*/ #fixa-paginacao-nav-mobile-dp { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; padding: 0px 20px; } #nav-paginacao-mobile-dp { width: 100px; height: auto; position: relative; float: left; margin-top: 40px; } #container-arrow-nav-dp-mobile { width: 130px; height: 60px; position: relative; float: right; margin-top: 10px; padding: 0px 20px; border-radius: 60px; background-color: #EAEDE8; cursor: pointer; } .item-controle-dp-mobile-e { width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; left: 10px; border-radius: 50%; } .item-controle-dp-mobile-d { width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; right: 10px; border-radius: 50%; } #arrow-e-mb { width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; background: url('img/seta-e-2.png'); background-size: 24px; } #arrow-d-mb { width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; background: url('img/seta-d-2.png'); background-size: 24px; } .item-controle-dp-mobile-e:hover { background-color: #C5D1C1; } .item-controle-dp-mobile-d:hover { background-color: #C5D1C1; } /* Bullets inativos */ #nav-paginacao-mobile-dp .swiper-pagination-bullet { background-color: #D1D6C2; opacity: 1; width: 14px; height: 14px; margin: 0 6px !important; } /* Bullet ativo */ #nav-paginacao-mobile-dp .swiper-pagination-bullet-active { background-color: #889B83 !important; width: 14px; height: 14px; } #cta-resumo-av { width: 310px; height: auto; left: 50%; position: relative; float: left; margin-left: -155px; margin-top: -13px; font-size: 16px; color: #FFF6DD; background-color: #4e5e45; font-weight: 300; border-radius: 40px; padding: 17px 28px 17px 70px; cursor: pointer; } #faixa-galeria-de-fotos { width: 100%; height: auto; position: relative; float: left; background-color: #EAEDE8; } /*controle galeria*/ #faixa-controle-galeria { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; margin-bottom: -20px; padding-top: 47px; background-color: #EAEDE8; z-index: 30; } /* Área da paginação */ .faixa-paginacao { width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 0px; padding-top: 17px; background-color: #EAEDE8; } .seta-controle-e { width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -11px; background: url('img/seta-e.png'); background-size: 24px; background-repeat: no-repeat; } .seta-controle-d { width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; background: url('img/seta-d.png'); background-size: 24px; background-repeat: no-repeat; } /* Bullets inativos */ .view-paginacao-galeria .swiper-pagination-bullet { background-color: #D1D6C2; opacity: 1; width: 8px; height: 8px; margin: 0 6px !important; border-radius: 50%; } #view-controles-galeria { width: 100px; height: auto; position: relative; margin: auto; z-index: 30; } .item-controle-depoimento { width: 40px; height: 40px; position: relative; float: right; margin-top: -18px; margin-left: 10px; border-radius: 50%; cursor: pointer; } #bg-controles-paginacao { width: 300px; height: 300px; position: absolute; left: 50%; margin-left: -150px; margin-top: -48px; background-color: #EAEDE8; border-radius: 50%; } /*Inicio retiros desktop*/ #faixa-retiros-desktop { width: 100%; height: auto; position: relative; float: left; display: none; } #view-retiros-desktop { width: 390px; height: auto; position: relative; margin: auto; } /*Lista retiros mobile*/ .faixa-paginacao { display: none; } #div-lista-retiros-mobile { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; z-index: 90; background-color: #EAEDE8; } #view-lista-retiros-mobile { width: 98%; height: auto; position: relative; margin: auto; max-width: 420px; } #chamada-lista-mobile-retiros { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 26px; text-align: center; font-weight: 300; font-family: "Montserrat", sans-serif; } #chamada-lista-mobile-retiros span { font-weight: 700; } #chamada-lista-mobile-retiros p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 18px; } #box-lista-retiros-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; } .card-lista-retiro-mobile { width: 100%; height: auto; position: relative; float: left; margin-bottom: 15px; background-color: #6C7A65; border-radius: 30px; padding: 10px 20px 30px 20px; } .infos-p-card-mobile-retiro { width: 100%; height: auto; position: relative; float: left; } .foto-card-retiro-mobile { width: 130px; height: 150px; position: relative; float: left; margin-top: 10px; background-color: #dadada; border-radius: 20px; overflow: hidden; } .foto-int-card-roteiro-mobile { width: 130px; height: 150px; position: absolute; left: 50%; top: 50%; margin-left: -65px; margin-top: -75px; } .info-topo-card-mobile-retiro { width: 57%; height: auto; position: relative; float: left; margin-top: 14px; padding-left: 20px; } .info-topo-card-mobile-retiro h6 { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #fff; line-height: 25px; } .info-topo-card-mobile-retiro p { width: 100%; height: auto; position: relative; float: left; font-size: 16px; color: #fff; margin-top: 0px; font-weight: 300; } .resumo-retiro-card-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; font-size: 16px; color: #fff; font-weight: 300; } .cta-card-mobile-retiro { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; } .cta-card-retiro { width: 100%; height: auto; position: relative; float: left; font-size: 16px;/* text-align: right; */ color: #FFF6DD; background-color: #576251; font-weight: 300; border-radius: 40px; padding: 15px 28px 15px 70px; cursor: pointer; } .icn-cta-card-retiro { width: 40px; height: 40px; position: absolute; left: 10px; top: 6px; background-color: #87926D; border-radius: 50%; } .icn-int-cta-card-retiro { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -17px; background: url('img/ornamento-logo.png'); background-size: 30px; } .cta-card-retiro:hover { background-color: #7A916D; } .cta-card-retiro:hover #icn-cta-menu-fixo { background-color: #B1C08B; } /*Quem conduz o caminho*/ #div-equipe { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; display: none; } #faixa-cards-equipe { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; display: none; } #quem-conduz-caminho-mobile { width: 100%; height: auto; position: relative; float: left; padding-bottom: 10px; padding: 0px 0px; background-color: #EAEDE8; display: block !important; } #chamada-quem-conduz-caminho-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 5px; font-size: 26px; text-align: center; font-weight: 300; font-family: "Montserrat", sans-serif; } #chamada-quem-conduz-caminho-mobile span { font-weight: 700; } #chamada-quem-conduz-caminho-mobile p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; margin-bottom: 5px; font-size: 18px; padding: 0px 40px; } #faixa-slide-mobile-equipe { width: 100%; height: auto; position: relative; float: left; overflow: hidden; margin-top: 25px; } .item-card-equipe-mobile { width: auto; height: 360px; position: relative; float: left; margin-left: 0px; background-color: #5E7153; border-radius: 40px; } .bloco-ft-int-equipe { width: 130px; height: 130px; position: relative; background-color: #53624A; margin: auto; border-radius: 100%; overflow: hidden; border: 10px solid #53624A; } .bloco-ft-int-file { width: 130px; height: 130px; position: absolute; left: 50%; top: 50%; margin-left: -65px; margin-top: -65px; } .faixa-infos-perfil-equipe h6 { width: 100%; height: auto; position: relative; float: left; font-weight: 300; color: #EAEDE8; margin-top: -5px; font-size: 22px; text-align: center; } .faixa-infos-perfil-equipe p { width: 100%; height: auto; position: relative; float: left; font-weight: 300; color: #EAEDE8; margin-top: -7px !important; font-size: 18px !important; text-align: center; padding: 0px 20px !important; } .cta-card-equipe { width: 200px; height: auto; position: relative; margin: auto; padding: 10px 0px; background-color: #708864; color: #fff; font-size: 17px; text-align: center; border-radius: 50px; } .card-palavra { background-color: #C57F4F !important; } /*Inicio FAQ*/ #faixa-faq { width: 100%; height: auto; position: relative; float: left; background-color: #EAEDE8; z-index: 140; } #view-faq { width: 90%; height: auto; position: relative; margin: auto; } #div-chamada-faq { width: 100%; height: auto; position: relative; float: left; } #div-chamada-faq h3 { width: 180px; height: auto; position: relative; float: left; margin-top: 50px; font-size: 25px; font-weight: 300; } #div-chamada-faq p { width: 100%; height: auto; position: relative; float: left; font-size: 18px; margin-top: -2px !important; font-weight: 300; } #faixa-cta-whatsapp-suporte { width: 100%; height: auto; position: relative; float: left; margin-top: 12px; } #box-chamada-suporte-whatsapp { width: 100%; height: 190px; position: relative; float: left; margin-left: 0%; background-color: #5E7153; border-radius: 30px; overflow: hidden; padding: 0px 20px; } #chamada-cta-suporte-wpp-int { width: 100%; height: 100%; position: relative; float: left; } #chamada-cta-suporte-wpp-int h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 46px; margin-bottom: 3px; font-size: 22px; color: #fff; text-align: center; } #box-foto-chamada-suporte-wpp { width: 50%; height: 100%; position: relative; float: left; display: none; } #div-itens-faq { width: 100%; height: 100%; position: relative; float: left; padding-left: 10px; padding-right: 10px; } #tag-faq { width: auto; height: auto; position: relative; float: left; margin-top: 50px; padding: 10px 25px; font-size: 16px; border-radius: 50px; background-color: #C5D1C1; color: #899B83; } #box-itens-faq-int { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; } .collapsible-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-tap-highlight-color: transparent; line-height: 1.6; padding: 15px 20px 15px 20px; font-size: 15px; margin-top: 1px; background-color: #fff; border-bottom: 1px solid #ddd; } #bloco-foto-mobile { width: 120px; height: 120px; position: absolute; right: 20px; top: 62px; background: url('img/foto-suporte-retiro.jpg'); border-radius: 20px; overflow: hidden; background-size: 120px; } /*Inicio rodape*/ #rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding-bottom: 70px; background-color: #EAEDE8; } #view-rodape { width: 360px; height: auto; position: relative; margin: auto; margin-top: 30px; } #logo-rodape { width: 120px; height: 120px; position: relative; margin: auto; background: url('img/logo-alma-em-vivencia-verde.png'); background-size: 120px; } .sessao-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; } .ornamento-cta-termos-uso { width: 35px; height: 35px; position: relative; float: left; margin-top: -1px; background: url('img/ornamento-cta-politica.png'); background-size: 35px; display: none; } .cta-termos-de-uso { width: 100%; height: auto; position: relative; float: left; cursor: pointer; } .txt-cta-termos-de-uso { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; margin-top: -4px; font-size: 17px; font-weight: 300; text-align: center; padding: 0px 90px; } .chamada-redes-sociais-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 6px; font-size: 17px; text-align: center; font-weight: 300; padding: 0px 88px; } .box-itens-redes-sociais { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-left: -4px; padding: 0px 86px; } .cta-voltar-ao-topo-c { width: 40px; height: 40px; position: relative; float: right; margin-top: 20px; background-color: #899B83; border-radius: 50%; overflow: hidden; display: none; } .txt-cta-voltar-topo { width: auto; height: auto; position: relative; float: right; margin-left: 20px; margin-top: 27px; font-size: 18px; font-weight: 300; display: none; } .icn-insta { background: url('img/icn-insta.png'); background-size: 30px; } .item-int-sm-rodape { width: 30px; height: 30px; position: relative; margin: auto; } .icn-whatsapp { background-size: 30px; background: url('img/icn-whatsapp.png'); background-size: 30px; } .icn-tiktok { background-size: 30px; background: url('img/icn-tiktok.png'); background-size: 30px; } /*Inicio janela retiro*/ #janela-lista-retiros { width: 370px; margin-left: -185px; overflow: hidden; z-index: 1000; } #conteudo-janela-retiros { padding: 40px 20px 38px 20px; overflow: hidden; } #titulo-janela-retiros { margin-left: 0px; font-size: 17px; } #fechar-janela-retiros { font-size: 14px; margin-top: -31px; margin-right: 0px; } .item-retiro-lista { padding: 10px 0px; border-radius: 0px; border-bottom: 0.5px solid #dadada; } .nome-retiro { width: 100%; font-size: 17px; font-weight: 400; } .mes-retiro { width: 43%; font-size: 16px; } .cidade-retiro { width: 43%; font-size: 16px; } .cta-retiro { font-size: 16px; font-weight: 700; color: #5e7153; } #janela-lista-retiros { border-radius: 20px; } .item-retiro-lista:hover { background-color: #fff; color: #5E7153; } /*Janela depoimento*/ #janela-depoimento { width: 95%; height: 480px; position: fixed; left: 2.5%; top: -450%; margin-left: 0px; margin-top: -240px; background-color: #fff; border-radius: 40px; overflow: hidden; z-index: 999; opacity: 0; } #bloco-depoimento-txt { width: 100%; height: 80%; position: relative; float: left; padding: 20px 0px 20px 30px; overflow-y: scroll; } #bloco-depoimento-txt p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 10px; font-size: 15px; padding: 0px 40px 0px 0px; font-weight: 300; line-height: 24px; } #chamada-scroll-depoimento { width: auto; height: auto; position: absolute; right: 20px; top: 25px; background-color: #C5D1C1; color: #899B83; font-size: 14px; padding: 10px 20px; border-radius: 50px; opacity: 0; } #ornamento-logo-janela-dp { width: 70px; height: 70px; position: relative; float: left; background: url('img/ornamento-logo-verde.png'); background-size: 70px; } #nome-depoimento-janela { width: 100%; height: auto; position: relative; float: left; line-height: 30px; margin-top: -2px; font-size: 22px; font-weight: 300; } #toolbar-janela-depoimento { width: 100%; height: 40px; position: absolute; right: 0px; bottom: 20px; font-size: 30px; font-family: "Montserrat", sans-serif; } #frase-amv { width: auto; height: auto; position: absolute; left: 30px; top: 10px; font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 300; } #cta-fechar-janela-depoimento { width: auto; height: auto; position: absolute; right: 20px; margin-top: -1px; margin-right: 3px; padding: 10px 25px; border-radius: 40px; font-size: 16px; background-color: #C57F4F; color: #fff; cursor: pointer; font-family: "Lato", sans-serif; } #bloco-foto-depoimento { width: 40%; height: 100%; position: relative; float: left; background-color: #dadada; display: none; } /*Janela player*/ #janela-player-youtube { width: 390px; height: 693px; position: fixed; left: 50%; top: -450%; margin-left: -195px; margin-top: -346px; background-color: #fff; z-index: 999; border-radius: 30px; overflow: hidden; opacity: 0; } #player-youtube-janela { width: 100%; height: 100%; position: relative; float: left; overflow: hidden; background-color: #dadada; } #janela-video-info { width: 100%; height: 30px; position: absolute; float: unset; padding: 0px 60px; display:; top: 60px; } #cta-fechar-janela-video-depoimento { width: auto; height: auto; position: absolute; bottom: 20px; left: unset; right: 0px; margin-top: 9px; margin-right: 20px; padding: 10px 25px; border-radius: 40px; font-size: 16px; background-color: #A35E2F; color: #fff; cursor: pointer; font-family: "Lato", sans-serif; } #faixa-ornamento-nome-dpj { width: 100%; height: auto; position: relative; float: left; margin-top: 170px; display: none; } #faixa-nome-depoimento-janela { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 28px; font-weight: 300; display: none; } /*Whatsapp ICN*/ #icn-mobile-wpp-int { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/whatsapp-icn.png'); background-size: 40px; } /*Janela formulário contato*/ #janela-fale-conosco { width: 350px; height: 550px; position: fixed; left: 50%; top: -350%; margin-left: -175px; margin-top: -295px; background-color: #fff; border-radius: 30px; z-index: 999; overflow: hidden; opacity: 0; } #faixa-foto-fale-conosco { width: 100%; height: auto; position: relative; float: left; margin-top: 63px; } #chamada-f-fc { width: 100%; height: auto; position: relative; float: left; margin-top: 23px; font-size: 22px; text-align: center; font-weight: 300; } #sobre-fale-conosco { width: 100%; height: auto; position: relative; float: left; margin-top: 3px; text-align: center; font-size: 16px; font-weight: 300; padding: 0px 50px; } #faixa-ctas-fale-conosco { width: 100%; height: auto; position: relative; float: left; margin-top: -2px; padding: 0px 20px; } .item-cta-fale-conosco { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -10px; padding: 16px 25px; font-size: 14px; color: #fff; font-weight: 300; background-color: #5E7153; border-radius: 60px; cursor: pointer; } .icn-cta-fale-conosco { width: 35px; height: 35px; position: absolute; right: 12px; top: 8px; background-color: #87936D; border-radius: 100%; } #chamada-f-fc-b { width: 100%; height: auto; position: relative; float: left; margin-top: 36px; margin-bottom: 7px; font-size: 20px; text-align: center; font-weight: 300; } #sobre-fale-conosco-b { width: 100%; height: auto; position: relative; float: left; margin-top: -7px; text-align: center; font-size: 16px; font-weight: 300; padding: 0px 20px; } #campos-formulario { width: 100%; height: auto; position: relative; float: left; margin-top: -1px; padding: 0px 30px 0px 20px; } .input-field label { color: #9e9e9e; position: absolute; top: 0; left: 0; height: 100%; font-size: 16px; cursor: text; -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; text-align: initial; -webkit-transform: translateY(12px); transform: translateY(12px); pointer-events: none; } .input-field .prefix { position: absolute; width: 3rem; font-size: 27px; -webkit-transition: color .2s; transition: color .2s; } #cta-enviar-formulario { width: 100%; height: auto; position: relative; float: left; margin-top: 1px; padding: 0px 15px 0px 24px; } #cta-enviar-formulario-int { width: 100%; height: auto; position: relative; float: left; padding: 14px 25px; background-color: #5E7153; color: #fff; border-radius: 100px; cursor: pointer; font-size: 15px; } #icn-enviar-msg-form { width: 35px; height: 35px; position: absolute; right: 9px; top: 7px; background-color: #87936D; border-radius: 100%; overflow: hidden; } #toolbar-janela-formulario { width: 100%; height: 79px; position: absolute; bottom: 0px; z-index: 99; } #logo-janela-fale-sonsco { width: 55px; height: 55px; position: absolute; left: 20px; background: url('img/logo-alma-em-vivencia-verde.png'); background-size: 55px; } #bloco-ctas-janela-fale-conosco { width: 240px; height: auto; position: absolute; right: 0px; top: 5px; } /* Janela formulário inscrição */ #janela-inscricao { width: 350px; height: 550px; position: fixed; left: 50%; margin-left: -175px; margin-top: -295px; background-color: #fff; border-radius: 30px; z-index: 999; overflow: hidden; } #faixa-foto-inscricao { width: 100%; height: auto; position: relative; float: left; margin-top: 63px; } #chamada-f-inscricao { width: 100%; height: auto; position: relative; float: left; margin-top: 23px; font-size: 22px; text-align: center; font-weight: 300; } #sobre-inscricao { width: 100%; height: auto; position: relative; float: left; margin-top: 3px; text-align: center; font-size: 16px; font-weight: 300; padding: 0px 50px; } #faixa-ctas-inscricao { width: 100%; height: auto; position: relative; float: left; margin-top: -2px; padding: 0px 20px; } .item-cta-inscricao { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -10px; padding: 16px 25px; font-size: 14px; color: #fff; font-weight: 300; background-color: #5E7153; border-radius: 60px; cursor: pointer; } .icn-cta-inscricao { width: 35px; height: 35px; position: absolute; right: 12px; top: 8px; background-color: #87936D; border-radius: 100%; } /* Slide B */ #chamada-f-inscricao-b { width: 100%; height: auto; position: relative; float: left; margin-top: 36px; margin-bottom: 7px; font-size: 20px; text-align: center; font-weight: 300; } #sobre-inscricao-b { width: 100%; height: auto; position: relative; float: left; margin-top: -7px; text-align: center; font-size: 16px; font-weight: 300; padding: 0px 20px; } #campos-formulario { width: 100%; height: auto; position: relative; float: left; margin-top: -1px; padding: 0px 30px 0px 20px; } /* Materialize */ .input-field label { color: #9e9e9e; position: absolute; top: 0; left: 0; height: 100%; font-size: 16px; cursor: text; transition: transform .2s ease-out; transform-origin: 0% 100%; text-align: initial; transform: translateY(12px); pointer-events: none; } .input-field .prefix { position: absolute; width: 3rem; font-size: 27px; transition: color .2s; } /* CTA enviar */ #cta-enviar-formulario { width: 100%; height: auto; position: relative; float: left; margin-top: 1px; padding: 0px 15px 0px 24px; } #cta-enviar-formulario-int { width: 100%; height: auto; position: relative; float: left; padding: 14px 25px; background-color: #5E7153; color: #fff; border-radius: 100px; cursor: pointer; font-size: 15px; } #icn-enviar-msg-form { width: 35px; height: 35px; position: absolute; right: 9px; top: 7px; background-color: #87936D; border-radius: 100%; overflow: hidden; } /* Toolbar */ #toolbar-janela-inscricao { width: 100%; height: 79px; position: absolute; bottom: 0px; z-index: 99; } #logo-janela-inscricao { width: 55px; height: 55px; position: absolute; left: 20px; background: url('img/logo-alma-em-vivencia-verde.png'); background-size: 55px; } #bloco-ctas-janela-inscricao { width: 240px; height: auto; position: absolute; right: 0px; top: 5px; } /* ========================================================================== Inicio LP ========================================================================== */ #superbanner-retiro { width: 100%; height: 100%; min-height: unset; position: relative; float: left; z-index: 10; margin-bottom: 0px; } #vew-conteudo-banner-retiro { width: 380px; height: 100%; position: relative; margin: auto; } #ornamento-banner-retiro { width: 100%; height: auto; position: relative; float: left; margin-top: 180px; } #bloco-ornamento-banner-retiro { width: 110px; height: 110px; position: relative; margin: auto; background: url('img/ornamento-logo.png'); background-size: 110px; } #vew-conteudo-banner-retiro h2 { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 22px; text-align: center; color: #fff; font-weight: 300; } #vew-conteudo-banner-retiro p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; font-size: 17px; color: #fff; text-align: center; font-weight: 300; } #faixa-cta-banner-retiro { width: 100%; height: auto; position: relative; float: left; margin-top: 3px; } #ornamentos-retiro-a { width: 300px; height: 300px; position: absolute; left: 50%; margin-left: -150px; margin-top: -48px; background-color: #5E7153; border-radius: 50%; } /*CTA Banner retiro*/ #cta-sobre-retiro-pg { width: 231px; height: auto; position: relative; font-size: 16px; color: #FFF6DD; margin: auto; background-color: #A55416; font-weight: 300; border-radius: 40px; padding: 14px 0px 14px 70px; cursor: pointer; } #icn-cta-sobre-retiro-pg { width: 35px; height: 35px; position: absolute; left: 10px; top: 8px; background-color: #C66828; border-radius: 50%; } #faixa-data-banner-retiro { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 16px; color: #fff; font-weight: 300; text-align: center; } #localizacao-retiro { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; } #cta-localizacao-retiro { width: 300px; height: auto; position: relative; margin: auto; padding: 14px 20px; color: #fff; font-size: 16px; border: 1px solid #fff; border-radius: 40px; text-align: center; cursor: pointer; } #view-resumo-retiro { width: 380px; height: auto; position: relative; margin: auto; } .bloco-a-sobre-retiro { width: 100%; height: auto; position: relative; float: left; padding-top: 10px; } .bloco-a-sobre-retiro h3 { width: 40%; height: auto; min-height: 200px; position: relative; float: left; letter-spacing: 2px; font-size: 26px; color: #fff; font-weight: 300; padding: 0px 0px 0px 20px; margin-top: 19px; text-align: left; } #foto-retiro-sobre { width: 52%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 39px; border-radius: 30px; overflow: hidden; /* display: none; */ } .blocob-sobre-retiro { width: 100%; height: auto; position: relative; float: left; padding: 10px 30px 20px 30px; } .blocob-sobre-retiro p { width: 100%; height: auto; position: relative; float: left; font-size: 16px; margin-top: 4px; font-weight: 300; color: #fff; } .blococ-sobre-retiro { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px 20px 20px; } .blococ-sobre-retiro p { width: 100%; height: auto; position: relative; float: left; font-size: 16px; margin-top: 2px; font-weight: 300; padding: 0px 10px; color: #fff; } .blococ-sobre-retiro h3 { width: 100%; height: 20px; position: relative; float: left; letter-spacing: 2px; font-size: 25px; font-weight: 300 !important; padding: 0px 0px 0px 10px; margin-top: 30px; color: #fff; margin-bottom: 28px; /* display: none; */ } .blococ-sobre-retiro span { font-weight: 700; } #bloco-para-quem-e { width: 100%; height: auto; position: relative; float: left; margin-top: -60px; } #view-para-quem-e { width: 380px; height: auto; position: relative; margin: auto; } #foto-retiro-sobre-e { width: 100%; height: auto; position: relative; float: left; margin-left: 0%; margin-top: -1px; margin-bottom: 20px; border-radius: 30px; overflow: hidden; } #div-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; } #view-div-programacao { width: 380px; height: auto; position: relative; margin: auto; } #view-div-programacao h5 { width: 100%; height: auto; position: relative; float: left; font-size: 26px; font-weight: 300; text-align: center; font-family: "Montserrat", sans-serif; color: #fff; } #view-div-programacao p { width: 100%; height: auto; position: relative; float: left; margin-top: -7px; font-size: 16px !important; font-weight: 300; text-align: center; padding: 0px 40px; color: #fff; } /*Inicio faixa destaques programacao*/ #faixa-destaques-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: 18px; padding: 0px 30px; } /*bloco item programacao*/ .bloco-item-programacao-ds { width: 100%; height: auto; position: relative; float: left; margin-right: 0%; margin-left: 0%; margin-bottom: 20px; border-radius: 0px; overflow: hidden; } .bloco-foto-programacao-ds { width: 100%; height: 250px; position: relative; float: left; background-color: green; border-radius: 20px; overflow: hidden; } .bloco-foto-proramacao-ds-int { width: 350px; height: 250px; position: absolute; left: 50%; top: 50%; margin-left: -174px; margin-top: -145px; } .info-destaque-programacao { width: 100%; height: 100%; position: relative; float: right; padding: 0px 0px; } .info-destaque-programacao h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 25px; font-size: 20px; font-weight: 400; color: #fff; } /*Inicio sobre o lugar*/ #div-sobre-lugar { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; background-color: #323b2e; padding: 0px 0px 100px 0px; } #conteudo-sobre-lugar { width: 380px; height: auto; position: relative; margin: auto; } #div-titulo-espaco { width: 100%; height: auto; position: relative; float: left; } #div-titulo-espaco h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; font-size: 36px; color: #fff; font-weight: 300; text-align: center; } #headline-titulo-espaco { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #fff; line-height: 21px; font-weight: 300; padding: 0px 100px; text-align: center; margin-top: -9px; } #div-sobre-lugar-txt { width: 100%; height: auto; position: relative; float: left; } #div-sobre-lugar-txt h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 50px; font-size: 38px; color: #fff; font-weight: 300; text-align: center; } #local-headline-lugar { width: 100%; height: auto; position: relative; float: left; margin-top: -12px; font-size: 24px; color: #fff; font-weight: 300; text-align: center; } #p-sobre-lugar { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; text-align: center; } #p-sobre-lugar p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 0px; font-size: 16px; color: #fff; padding: 0px 20px; font-weight: 300; } /*Inicio Detalhes vivência*/ #div-detalhes-vivencia { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; background-color: #EAEDE8; z-index: 100; } #view-detalhes-vivencia { width: 380px; height: auto; position: relative; margin: auto; } #chamada-int-detalhes-vivencia { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: 20px; } #chamada-int-detalhes-vivencia h3 { width: 100%; height: auto; position: relative; float: left; font-size: 28px; font-weight: 300; font-family: "Montserrat", sans-serif; } #chamada-int-detalhes-vivencia p { width: 100%; height: auto; position: relative; float: left; font-size: 18px; font-weight: 300; margin-top: -9px; font-family: "Montserrat", sans-serif; } #box-ornamento-perfil-vivencia { width: 200px; height: auto; position: relative; float: left; margin-left: 30px; margin-top: 0px; } #inicio-blocos-informacoes { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; margin-bottom: 0px; padding: 0px 10px; } .faixa-bloco-info-int { width: 100%; height: auto; position: relative; float: left; margin-top: 17px; } /*bloco quando*/ .bloco-padrao { height: auto; position: relative; float: left; background-color: #fff; border-radius: 20px; padding: 0px 20px 20px 20px; margin-bottom: 8px; } .bloco-padrao h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; margin-bottom: 20px; font-size: 24px; font-weight: 300; } .bloco-padrao p { width: 90%; height: auto; position: relative; float: left; margin-top: -7px; font-size: 16px; font-weight: 300; } .bloco-quando { width: 100%; } .bloco-onde { width: 100%; margin-left: 0%; padding-bottom: 90px; } .bloco-foto { width: 100%; margin-left: 1%; overflow: hidden; background-color: #dadada; display: none; } .bloco-resumo-pgr { width: 100%; margin-left: 0%; padding-bottom: 70px; margin-bottom: 20px; } .cta-bloco-padrao { width: auto; height: auto; position: absolute; left: 25px; bottom: 25px; padding: 8px 30px 10px 30px; border: 1px solid #5E7153; border-radius: 50px; font-size: 16px; cursor: pointer; } /*Bloco programacao*/ .bloco-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: -29px; background-color: #fff; border-radius: 18px; padding: 0px 30px 10px 30px; } .bloco-programacao h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: 30px; font-size: 24px; font-weight: 300; } .faixa-item-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: 7px; margin-bottom: -20px; } /*Bloco pagamento*/ .bloco-pagamento { width: 100%; height: auto; margin-top: 0px; margin-left: 0%; } .bloco-pagamento h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: 30px; font-size: 23px; font-weight: 300; } .faixa-valores-destaque { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 0px; } /*valor promocional*/ .valor-promocional { width: 100%; height: auto; position: relative; float: left; margin-right: 1%; margin-bottom: 6px; background-color: #EBF8E3; border-radius: 15px; padding: 20px 25px; font-size: 17px; font-weight: 300; } .valor-dividido { width: 100%; height: auto; position: relative; float: left; margin-right: 1%; margin-bottom: 6px; background-color: #F9FAF8; border-radius: 20px; padding: 20px 25px; font-size: 17px; font-weight: 300; } .avisos-forma-pagamento { width: 100%; height: auto; position: relative; margin-top: 15px; float: left; padding: 24px 20px; border-radius: 15px; border: 1px solid #dadada; font-size: 16px; } .titulo-politica { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 24px; font-weight: 300; } .politica-reembolso p { width: 100%; height: auto; position: relative; float: left; margin-top: 7px; font-size: 14px; font-weight: 300; } /*bloco de programacao*/ .bloco-programacao-int { width: 100%; height: auto; position: relative; float: left; margin-bottom: 50px; } .marcador-dia { width: auto; height: auto; position: relative; float: left; padding: 15px 20px; background-color: #E9EDE8; color: #5E7252; border-radius: 14px; font-size: 14px; margin-bottom: -10px; } /*Bloco txt programacao*/ .bloco-txt-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; padding: 0px 20px; } .bloco-txt-programacao ul li { width: 100%; height: auto; position: relative; float: left; margin-top: 11px; font-size: 14px; font-weight: 300; list-style-type: disc; } .bloco-incluso { width: 100%; height: auto; margin-top: -10px; overflow: hidden; padding: 0px 0px !important; } .bloco-incluso h5 { width: 100%; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 32px; margin-bottom: 20px; font-size: 22px; font-weight: 300; } #seletor-incluso { width: 95%; height: 48px; position: relative; float: left; margin-left: 2.5%; margin-top: -7px; border: 1px solid #5E7252; border-radius: 50px; } .item-cta-incluso { width: 50%; height: auto; position: relative; float: left; padding: 13px 0px; font-size: 14px; text-align: center; font-weight: 300; } .item-slide-swiper { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; } .item-lista-slide-swiper { width: 100%; height: auto; position: relative; float: left; font-weight: 300; border-bottom: 1px solid #E8E8E8; padding-right: 0px; padding-bottom: 20px; margin-bottom: 15px; font-size: 13px; } /*toolbar lista slide*/ .toolbar-slide-itens-retiro { width: 100%; height: auto; position: absolute; bottom: 40px; z-index: 90; } .paginacao-slide-itens-retiro { width: 200px; height: auto; position: absolute; left: 14px !important; bottom: 0px; } .box-controles-cta { width: 160px; height: 56px; position: absolute; right: 13px; bottom: -9px; background-color: #EAEDE8; border-radius: 100px; } .item-ctrl-slide-a-itens-retiro { width: 40px; height: 40px; position: relative; float: left; margin-top: 8px; margin-left: 10px; border-radius: 100%; cursor: pointer; } .item-ctrl-slide-b-itens-retiro { width: 40px; height: 40px; position: relative; float: right; margin-top: 8px; margin-right: 10px; border-radius: 100%; cursor: pointer; } .seta-controle-e-retiro { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -8px; background: url('img/seta-e.png'); background-size: 20px; background-repeat: no-repeat; } .seta-controle-d-retiro { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -8px; background: url('img/seta-d.png'); background-size: 20px; background-repeat: no-repeat; } #resumo-retiro { width: 100%; height: auto; position: relative; float: left; margin-bottom: 5px; z-index: 10; } #esteira-slide-itens-inclusos { width: 200%; height: 340px; position: relative; float: left; margin-top: 30px; } .faixa-ornamento-card { width: 100%; height: 0px; position: absolute; bottom: 150px; padding: 0px 30px; } .ornamento-card-equipe { width: 80px; height: 80px; position: relative; float: left; background: url('img/ornamento-logo.png'); background-size: 80px; } .faixa-palavra-card { width: 100%; height: auto; position: absolute; bottom: 42px; padding: 0px 30px; font-size: 25px; font-weight: 300; color: #fff; } #view-tag-vaga { width: 290px; height: auto; position: relative; margin: auto; } } @media only screen and (min-width:220px) and (max-width:395px) { body { height: 100%; background-color: #5E7153; } .telas-menores { display: none; } #faixa-menu-fixo { display: none; } .desktop { display: none; } .mobile { display: block; } #a-sobre-retiro { top: -120px; } #a-local-retiro { top: -80px; } #a-viver { top: -140px; } /*menu telas menores*/ #menu-tablet-mobile { width: 320px; height: 70px; position: fixed; margin-top: 50px; left: 50%; margin-left: -160px; background-color: #E9EDE8; border-radius: 60px; z-index: 999; box-shadow: 0px 0px 52px -19px rgba(0, 0, 0, 0.30); -webkit-box-shadow: 0px 0px 52px -19px rgba(0, 0, 0, 0.30); -moz-box-shadow: 0px 0px 52px -19px rgba(0, 0, 0, 0.30); } #logo-menu-mobile { width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin-top: -50px; margin-left: -50px; background-color: #E9EDE8; border-radius: 100%; } #logo-menu-mobile-int { width: 80px; height: 80px; position: absolute; left: 50%; top: 50%; margin-left: -40px; margin-top: -45px; background: url('img/logo-alma-em-vivencia-verde.png'); background-size: 80px; } .cta-menu-mobile { width: auto; height: auto; position: relative; padding: 10px 20px; background-color: #5E7153; color: #FFF6DD; font-size: 14px; border-radius: 30px; cursor: pointer; } .cta-menu-mobile:hover { background-color: #8DA281; } .mb-e { float: left; margin-left: 14px; margin-top: 15px; } .mb-d { position: absolute !important; right: 14px; margin-top: 15px; } #view-s1-lp { width: 370px; height: auto; position: relative; margin: auto; overflow: hidden; } #faixa-logo-s1-lp { width: 100%; height: auto; position: relative; float: left; margin-top: 160px; } #logo-s1 { width: 160px; height: 160px; position: relative; margin: auto; background: url('img/logo-alma-em-vivencia-branca.png'); background-size: 160px; } /*Primeira sessão LP*/ #s1-lp { width: 100%; height: auto; position: relative; float: left; padding-bottom: 0px; } #chamada-topo-s1 { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; font-size: 15px; text-align: center; padding: 0px 20px; font-weight: 300; color: #FFF6DD; } #faixa-ornamento-topo-int { width: 200px; height: auto; position: relative; margin: auto; padding-left: 20px; } .item-participante-topo { width: 80px; height: 80px; position: relative; float: left; margin-left: -20px; background-color: #dadada; border-radius: 50%; overflow: hidden; opacity: 0; } #cta-topo-home { width: 325px; height: auto; position: relative; margin: auto; font-size: 16px; color: #FFF6DD; background-color: #5E7153; font-weight: 300; border-radius: 40px; padding: 17px 28px 17px 70px; cursor: pointer; display: none; } #faixa-cta-topo { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; /* display: none; */ } /*inicio faixa depoimentos*/ #faixa-depoimentos { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; overflow: hidden; display: none; } /*Inicio resumo Alma em vivência*/ #div-resumo-alma-vivencia { width: 100%; height: 415px; position: relative; float: left; } #bg-resumo-alma-vivencia { width: 100%; height: 520px; position: absolute; top: -4px; } .parallax-container { height: 420px; } #bg-vivencia-home-mobile { width: 100%; height: 400px; position: absolute; left: 0; top: -1px; z-index: 1; background: linear-gradient(to bottom, #5E7153 0%, rgba(94, 113, 83, 0) 100%); } #view-resumo-alma-vivencia { width: 365px; height: auto; position: relative; padding-top: 105px; margin: auto; z-index: 10; } #div-a-resumo-av { width: 100%; height: auto; position: relative; float: left; color: #FFF6DD; } #div-a-resumo-av h3 { width: 100%; height: auto; position: relative; float: left; margin-top: -77px; line-height: 29px; font-size: 26px; font-weight: 300; font-family: "Montserrat", sans-serif; text-align: center; padding: 0px 20px; } #div-b-resumo-av { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; color: #FFF6DD; padding: 0px 20px; display: none; } #div-b-resumo-av p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 0px; font-size: 16px; line-height: 35px; font-weight: 400; text-align: center; } #div-c-resumo-av { width: 100%; height: auto; position: relative; float: left; margin-top: 2px; color: #FFF6DD; padding: 0px 40px; } #div-c-resumo-av p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 0px; font-size: 16px; line-height: 25px; font-weight: 400; text-align: center; } #faixa-cta-leia-mais-resumo-mb { width: 100%; height: auto; position: relative; float: left; margin-top: 22px; } #cta-leia-mais-resumo-mb { width: 140px; height: auto; position: relative; margin: auto; padding: 10px 20px; background-color: #fff; color: #5E7153; font-size: 14px; text-align: center; border-radius: 100px; cursor: pointer; } #cta-leia-mais-resumo-mb:hover { background-color: #C5D1C1; } #faixa-ornamento-topo { width: 100%; height: auto; position: relative; float: left; margin-top: 35px; } #faixa-depoimentos-mobile { width: 100%; height: auto; position: relative; float: left; display: block; margin-top: -18px; overflow: hidden; padding-bottom: 55px; } #faixa-depoimentos-mobile h3 { width: 100%; height: auto; position: relative; float: left; color: #FFF6DD; font-size: 22px; text-align: center; font-weight: 300; } #faixa-depoimentos-mobile span { font-weight: 500; } #faixa-slides-depoimento-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; overflow: hidden; } #bg-controles-paginacao { width: 300px; height: 300px; position: absolute; left: 50%; margin-left: -150px; margin-top: -48px; background-color: #EAEDE8; border-radius: 50%; } /*item depoimento mobile*/ .item-slide-mobile-depoimento { width: auto; height: auto; position: relative; float: left; margin-left: 0px; } .foto-item-a-mobile-depoimento { width: 100%; height: 210px; position: relative; float: left; overflow: hidden; border-radius: 30px; } .foto-item-a-mobile-dep-int { width: 340px; height: 260px; position: absolute; left: 50%; top: 50%; margin-left: -170px; margin-top: -110px; } .item-slide-mobile-depoimento-txt { width: 100%; height: 260px; position: relative; float: left; margin-top: 15px; background-color: #87926D; border-radius: 30px; } .titulo-card-mobile-depoimento { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; padding: 0px 20px; } .titulo-card-mobile-depoimento h4 { width: 60%; height: auto; position: relative; float: left; font-size: 22px; color: #FFF6DD; font-weight: 300; } .ornamento-logo-card-dp-mobile { width: 60px; height: 60px; position: relative; float: right; margin-right: 0px; margin-top: 16px; background: url('img/ornamento-logo.png'); background-size: 60px; } .sobre-depoimento-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: -2px; font-size: 14px; font-weight: 300; padding: 0px 20px; color: #FFF6DD; } .faixa-cta-card-a { width: 100%; height: auto; position: absolute; bottom: 20px; padding: 0px 20px; } .cta-continue-lendo-dp-mobile { width: auto; height: auto; position: relative; float: left; padding: 10px 28px; font-size: 15px; background-color: #5E7252; color: #FFF6DD; border-radius: 40px; } .cta-continue-lendo-dp-mobile:hover { background-color: #C5D1C1; } .cta-continue-lendo-dp-mobile:hover { background-color: #4E6243; } .item-slide-mobile-depoimento-txt-b { width: 100%; height: 260px; position: relative; float: left; margin-bottom: 15px; background-color: #C57F4F; border-radius: 30px; } .cta-continue-lendo-dp-mobile-b { width: auto; height: auto; position: relative; float: left; padding: 10px 28px; font-size: 15px; background-color: #C66827; color: #FFF6DD; border-radius: 40px; } .cta-continue-lendo-dp-mobile-b:hover { background-color: #C65321; } /*Faixa paginacao e navegacao*/ #fixa-paginacao-nav-mobile-dp { width: 100%; height: auto; position: relative; float: left; margin-top: 15px; padding: 0px 20px; } #nav-paginacao-mobile-dp { width: 100px; height: auto; position: relative; float: left; margin-top: 31px; } #container-arrow-nav-dp-mobile { width: 130px; height: 50px; position: relative; float: right; margin-top: 10px; padding: 0px 20px; border-radius: 60px; background-color: #EAEDE8; cursor: pointer; } .item-controle-dp-mobile-e { width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; left: 10px; border-radius: 50%; } .item-controle-dp-mobile-d { width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; right: 10px; border-radius: 50%; } #arrow-e-mb { width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; background: url('img/seta-e-2.png'); background-size: 24px; } #arrow-d-mb { width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; background: url('img/seta-d-2.png'); background-size: 24px; } .item-controle-dp-mobile-e:hover { background-color: #C5D1C1; } .item-controle-dp-mobile-d:hover { background-color: #C5D1C1; } /* Bullets inativos */ #nav-paginacao-mobile-dp .swiper-pagination-bullet { background-color: #D1D6C2; opacity: 1; width: 10px; height: 10px; margin: 0 6px !important; } /* Bullet ativo */ #nav-paginacao-mobile-dp .swiper-pagination-bullet-active { background-color: #889B83 !important; width: 10px; height: 10px; } #cta-resumo-av { width: 310px; height: auto; left: 50%; position: relative; float: left; margin-left: -155px; margin-top: -13px; font-size: 16px; color: #FFF6DD; background-color: #4e5e45; font-weight: 300; border-radius: 40px; padding: 17px 28px 17px 70px; cursor: pointer; } #faixa-galeria-de-fotos { width: 100%; height: auto; position: relative; float: left; background-color: #EAEDE8; } /*controle galeria*/ #faixa-controle-galeria { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; margin-bottom: 0px; padding-top: 7px; background-color: #EAEDE8; z-index: 40; } /* Área da paginação */ .faixa-paginacao { width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 0px; padding-top: 17px; background-color: #EAEDE8; } .seta-controle-e { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; background: url('img/seta-e.png'); background-size: 20px; background-repeat: no-repeat; } .seta-controle-d { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; background: url('img/seta-d.png'); background-size: 20px; background-repeat: no-repeat; } /* Bullets inativos */ .view-paginacao-galeria .swiper-pagination-bullet { background-color: #D1D6C2; opacity: 1; width: 8px; height: 8px; margin: 0 6px !important; border-radius: 50%; } #view-controles-galeria { width: 100px; height: auto; position: relative; margin: auto; z-index: 10; } .item-controle-depoimento { width: 35px; height: 35px; position: relative; float: right; margin-top: -27px; margin-left: 10px; border-radius: 50%; cursor: pointer; } /*Inicio retiros desktop*/ #faixa-retiros-desktop { width: 100%; height: auto; position: relative; float: left; display: none; } #view-retiros-desktop { width: 390px; height: auto; position: relative; margin: auto; } /*Lista retiros mobile*/ .faixa-paginacao { display: none; } #div-lista-retiros-mobile { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px 15px 20px; z-index: 90; background-color: #EAEDE8; margin-bottom: -30px; } #view-lista-retiros-mobile { width: 98%; height: auto; position: relative; margin: auto; max-width: 420px; } #chamada-lista-mobile-retiros { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 26px; text-align: center; font-weight: 300; font-family: "Montserrat", sans-serif; } #chamada-lista-mobile-retiros span { font-weight: 700; } #chamada-lista-mobile-retiros p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; font-size: 18px; } #box-lista-retiros-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; } .card-lista-retiro-mobile { width: 100%; height: auto; position: relative; float: left; margin-bottom: 15px; background-color: #6C7A65; border-radius: 30px; padding: 10px 20px 30px 20px; } .infos-p-card-mobile-retiro { width: 100%; height: auto; position: relative; float: left; } .foto-card-retiro-mobile { width: 130px; height: 150px; position: relative; float: left; margin-top: 10px; background-color: #dadada; border-radius: 20px; overflow: hidden; } .foto-int-card-roteiro-mobile { width: 130px; height: 150px; position: absolute; left: 50%; top: 50%; margin-left: -65px; margin-top: -75px; } .info-topo-card-mobile-retiro { width: 50%; height: auto; position: relative; float: left; margin-top: 14px; padding-left: 20px; } .info-topo-card-mobile-retiro h6 { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #fff; line-height: 25px; } .info-topo-card-mobile-retiro p { width: 100%; height: auto; position: relative; float: left; font-size: 16px; color: #fff; margin-top: 0px; font-weight: 300; } .resumo-retiro-card-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 18px; font-size: 16px; color: #fff; font-weight: 300; } .cta-card-mobile-retiro { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; } .cta-card-retiro { width: 100%; height: auto; position: relative; float: left; font-size: 16px;/* text-align: right; */ color: #FFF6DD; background-color: #576251; font-weight: 300; border-radius: 40px; padding: 15px 28px 15px 70px; cursor: pointer; } .icn-cta-card-retiro { width: 40px; height: 40px; position: absolute; left: 10px; top: 6px; background-color: #87926D; border-radius: 50%; } .icn-int-cta-card-retiro { width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -17px; background: url('img/ornamento-logo.png'); background-size: 30px; } .cta-card-retiro:hover { background-color: #7A916D; } .cta-card-retiro:hover #icn-cta-menu-fixo { background-color: #B1C08B; } /*Quem conduz o caminho*/ #div-equipe { width: 100%; height: auto; position: relative; float: left; margin-top: 120px; display: none; } #faixa-cards-equipe { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; display: none; } #quem-conduz-caminho-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding-bottom: 10px; max-width: 420px; padding: 20px 0px 0px 0px; background-color: #EAEDE8; display: block !important; } #chamada-quem-conduz-caminho-mobile { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: 5px; font-size: 26px; text-align: center; font-weight: 300; font-family: "Montserrat", sans-serif; } #chamada-quem-conduz-caminho-mobile span { font-weight: 700; } #chamada-quem-conduz-caminho-mobile p { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; margin-bottom: 5px; font-size: 18px; padding: 0px 40px; } #faixa-slide-mobile-equipe { width: 100%; height: auto; position: relative; float: left; overflow: hidden; margin-top: 25px; } .item-card-equipe-mobile { width: auto; height: 360px; position: relative; float: left; margin-left: 0px; background-color: #5E7153; border-radius: 40px; } .bloco-ft-int-equipe { width: 130px; height: 130px; position: relative; background-color: #53624A; margin: auto; border-radius: 100%; overflow: hidden; border: 10px solid #53624A; } .bloco-ft-int-file { width: 130px; height: 130px; position: absolute; left: 50%; top: 50%; margin-left: -65px; margin-top: -65px; } .faixa-infos-perfil-equipe h6 { width: 100%; height: auto; position: relative; float: left; font-weight: 300; color: #EAEDE8; margin-top: -5px; font-size: 22px; text-align: center; } .faixa-infos-perfil-equipe p { width: 100%; height: auto; position: relative; float: left; font-weight: 300; color: #EAEDE8; margin-top: -7px !important; font-size: 18px !important; text-align: center; padding: 0px 20px !important; } .cta-card-equipe { width: 200px; height: auto; position: relative; margin: auto; padding: 10px 0px; background-color: #708864; color: #fff; font-size: 17px; text-align: center; border-radius: 50px; } .card-palavra { background-color: #C57F4F !important; } /*Inicio FAQ*/ #faixa-faq { width: 100%; height: auto; position: relative; float: left; background-color: #EAEDE8; } #view-faq { width: 90%; height: auto; position: relative; margin: auto; } #div-chamada-faq { width: 100%; height: auto; position: relative; float: left; } #div-chamada-faq h3 { width: 180px; height: auto; position: relative; float: left; margin-top: 50px; font-size: 25px; font-weight: 300; } #div-chamada-faq p { width: 100%; height: auto; position: relative; float: left; font-size: 18px; margin-top: -2px !important; font-weight: 300; } #faixa-cta-whatsapp-suporte { width: 100%; height: auto; position: relative; float: left; margin-top: 12px; } #box-chamada-suporte-whatsapp { width: 100%; height: 190px; position: relative; float: left; margin-left: 0%; background-color: #5E7153; border-radius: 30px; overflow: hidden; padding: 0px 20px; } #chamada-cta-suporte-wpp-int { width: 100%; height: 100%; position: relative; float: left; } #chamada-cta-suporte-wpp-int h2 { width: 100%; height: auto; position: relative; float: left; margin-top: 46px; margin-bottom: 3px; font-size: 22px; color: #fff; text-align: center; } #box-foto-chamada-suporte-wpp { width: 50%; height: 100%; position: relative; float: left; display: none; } #div-itens-faq { width: 100%; height: 100%; position: relative; float: left; padding-left: 10px; padding-right: 10px; } #tag-faq { width: auto; height: auto; position: relative; float: left; margin-top: 50px; padding: 10px 25px; font-size: 16px; border-radius: 50px; background-color: #C5D1C1; color: #899B83; } #box-itens-faq-int { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; } .collapsible-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-tap-highlight-color: transparent; line-height: 1.6; padding: 15px 20px 15px 20px; font-size: 15px; margin-top: 1px; background-color: #fff; border-bottom: 1px solid #ddd; } #bloco-foto-mobile { width: 120px; height: 120px; position: absolute; right: 20px; top: 62px; background: url('img/foto-suporte-retiro.jpg'); border-radius: 20px; overflow: hidden; background-size: 120px; } /*Inicio rodape*/ #rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding-bottom: 110px; background-color: #EAEDE8; } #view-rodape { width: 360px; height: auto; position: relative; margin: auto; margin-top: 30px; } #logo-rodape { width: 120px; height: 120px; position: relative; margin: auto; background: url('img/logo-alma-em-vivencia-verde.png'); background-size: 120px; } .sessao-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; } .ornamento-cta-termos-uso { width: 35px; height: 35px; position: relative; float: left; margin-top: -1px; background: url('img/ornamento-cta-politica.png'); background-size: 35px; display: none; } .cta-termos-de-uso { width: 100%; height: auto; position: relative; float: left; cursor: pointer; } .txt-cta-termos-de-uso { width: 100%; height: auto; position: relative; float: left; margin-left: 0px; margin-top: -4px; font-size: 17px; font-weight: 300; text-align: center; padding: 0px 90px; } .chamada-redes-sociais-rodape { width: 100%; height: auto; position: relative; float: left; margin-top: 6px; font-size: 17px; text-align: center; font-weight: 300; padding: 0px 88px; } .box-itens-redes-sociais { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-left: -4px; padding: 0px 86px; } .cta-voltar-ao-topo-c { width: 40px; height: 40px; position: relative; float: right; margin-top: 20px; background-color: #899B83; border-radius: 50%; overflow: hidden; display: none; } .txt-cta-voltar-topo { width: auto; height: auto; position: relative; float: right; margin-left: 20px; margin-top: 27px; font-size: 18px; font-weight: 300; display: none; } .icn-insta { background: url('img/icn-insta.png'); background-size: 30px; } .item-int-sm-rodape { width: 30px; height: 30px; position: relative; margin: auto; } .icn-whatsapp { background-size: 30px; background: url('img/icn-whatsapp.png'); background-size: 30px; } .icn-tiktok { background-size: 30px; background: url('img/icn-tiktok.png'); background-size: 30px; } /*Inicio janela retiro*/ #janela-lista-retiros { width: 360px; margin-left: -180px; border-radius: 20px; overflow: hidden; } #conteudo-janela-retiros { padding: 40px 20px 38px 20px; overflow: hidden; } #titulo-janela-retiros { margin-left: 0px; font-size: 18px; } #fechar-janela-retiros { padding: 7px 18px; font-size: 14px; margin-top: -31px; margin-right: 0px; } .item-retiro-lista { padding: 10px 0px; border-radius: 0px; border-bottom: 0px solid #dadada; } .nome-retiro { width: 100%; font-size: 15px; font-weight: 400; margin-bottom: 5px; } .mes-retiro { width: 43%; font-size: 14px; } .cidade-retiro { width: 43%; font-size: 14px; } .cta-retiro { font-size: 14px; font-weight: 700; color: #5e7153; } #janela-lista-retiros { border-radius: 20px; } .item-retiro-lista:hover { background-color: #fff; color: #5E7153; } #ornamentos-retiro-a { width: 300px; height: 300px; position: absolute; left: 50%; margin-left: -150px; margin-top: -48px; background-color: #5E7153; border-radius: 50%; } /*Janela depoimento*/ #janela-depoimento { width: 95%; height: 480px; position: fixed; left: 2.5%; top: -450%; margin-left: 0px; margin-top: -240px; background-color: #fff; border-radius: 40px; overflow: hidden; z-index: 999; opacity: 0; } #bloco-depoimento-txt { width: 100%; height: 80%; position: relative; float: left; padding: 20px 0px 20px 30px; overflow-y: scroll; } #bloco-depoimento-txt p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 10px; font-size: 15px; padding: 0px 40px 0px 0px; font-weight: 300; line-height: 24px; } #chamada-scroll-depoimento { width: auto; height: auto; position: absolute; right: 20px; top: 25px; background-color: #C5D1C1; color: #899B83; font-size: 14px; padding: 10px 20px; border-radius: 50px; opacity: 0; } #ornamento-logo-janela-dp { width: 70px; height: 70px; position: relative; float: left; background: url('img/ornamento-logo-verde.png'); background-size: 70px; } #nome-depoimento-janela { width: 100%; height: auto; position: relative; float: left; line-height: 30px; margin-top: -2px; font-size: 22px; font-weight: 300; } #toolbar-janela-depoimento { width: 100%; height: 40px; position: absolute; right: 0px; bottom: 20px; font-size: 30px; font-family: "Montserrat", sans-serif; } #frase-amv { width: auto; height: auto; position: absolute; left: 30px; top: 10px; font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 300; } #cta-fechar-janela-depoimento { width: auto; height: auto; position: absolute; right: 20px; margin-top: -1px; margin-right: 3px; padding: 10px 25px; border-radius: 40px; font-size: 16px; background-color: #C57F4F; color: #fff; cursor: pointer; font-family: "Lato", sans-serif; } #bloco-foto-depoimento { width: 40%; height: 100%; position: relative; float: left; background-color: #dadada; display: none; } /*Janela player*/ #janela-player-youtube { width: 360px; height: 640px; position: fixed; left: 50%; top: -450%; margin-left: -180px; margin-top: -320px; background-color: #fff; z-index: 999; border-radius: 30px; overflow: hidden; opacity: 0; } #player-youtube-janela { width: 100%; height: 100%; position: relative; float: left; overflow: hidden; background-color: #dadada; } #janela-video-info { width: 100%; height: 30px; position: absolute; float: unset; padding: 0px 60px; display:; top: 60px; } #cta-fechar-janela-video-depoimento { width: auto; height: auto; position: absolute; bottom: 20px; left: unset; right: 0px; margin-top: 9px; margin-right: 20px; padding: 10px 25px; border-radius: 40px; font-size: 16px; background-color: #A35E2F; color: #fff; cursor: pointer; font-family: "Lato", sans-serif; } #faixa-ornamento-nome-dpj { width: 100%; height: auto; position: relative; float: left; margin-top: 170px; display: none; } #faixa-nome-depoimento-janela { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 28px; font-weight: 300; display: none; } /*Whatsapp ICN*/ #cta-fixo-inscricao { width: 240px; height: auto; position: fixed; left: 20px; margin-left: 0px; bottom: 40px; padding: 16px 0px; color: #fff; font-size: 18px; background-color: #C66827; border-radius: 45px; text-align: center; z-index: 999; } #icn-mobile-whatsapp { width: 60px; height: 60px; position: fixed; bottom: 39px; right: 20px; background-color: #5E8D53; border-radius: 50%; z-index: 9999; display: block; } #icn-mobile-wpp-int { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url('img/whatsapp-icn.png'); background-size: 40px; } /*Janela formulário contato*/ #janela-fale-conosco { width: 350px; height: 550px; position: fixed; left: 50%; top: -350%; margin-left: -175px; margin-top: -295px; background-color: #fff; border-radius: 30px; z-index: 999; overflow: hidden; opacity: 0; } #faixa-foto-fale-conosco { width: 100%; height: auto; position: relative; float: left; margin-top: 63px; } #chamada-f-fc { width: 100%; height: auto; position: relative; float: left; margin-top: 23px; font-size: 22px; text-align: center; font-weight: 300; } #sobre-fale-conosco { width: 100%; height: auto; position: relative; float: left; margin-top: 3px; text-align: center; font-size: 16px; font-weight: 300; padding: 0px 50px; } #faixa-ctas-fale-conosco { width: 100%; height: auto; position: relative; float: left; margin-top: -2px; padding: 0px 20px; } .item-cta-fale-conosco { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -10px; padding: 16px 25px; font-size: 14px; color: #fff; font-weight: 300; background-color: #5E7153; border-radius: 60px; cursor: pointer; } .icn-cta-fale-conosco { width: 35px; height: 35px; position: absolute; right: 12px; top: 8px; background-color: #87936D; border-radius: 100%; } #chamada-f-fc-b { width: 100%; height: auto; position: relative; float: left; margin-top: 36px; margin-bottom: 7px; font-size: 20px; text-align: center; font-weight: 300; } #sobre-fale-conosco-b { width: 100%; height: auto; position: relative; float: left; margin-top: -7px; text-align: center; font-size: 16px; font-weight: 300; padding: 0px 20px; } #campos-formulario { width: 100%; height: auto; position: relative; float: left; margin-top: -1px; padding: 0px 30px 0px 20px; } .input-field label { color: #9e9e9e; position: absolute; top: 0; left: 0; height: 100%; font-size: 16px; cursor: text; -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; -webkit-transform-origin: 0% 100%; transform-origin: 0% 100%; text-align: initial; -webkit-transform: translateY(12px); transform: translateY(12px); pointer-events: none; } .input-field .prefix { position: absolute; width: 3rem; font-size: 27px; -webkit-transition: color .2s; transition: color .2s; } #cta-enviar-formulario { width: 100%; height: auto; position: relative; float: left; margin-top: 1px; padding: 0px 15px 0px 24px; } #cta-enviar-formulario-int { width: 100%; height: auto; position: relative; float: left; padding: 14px 25px; background-color: #5E7153; color: #fff; border-radius: 100px; cursor: pointer; font-size: 15px; } #icn-enviar-msg-form { width: 35px; height: 35px; position: absolute; right: 9px; top: 7px; background-color: #87936D; border-radius: 100%; overflow: hidden; } #toolbar-janela-formulario { width: 100%; height: 79px; position: absolute; bottom: 0px; z-index: 99; } #logo-janela-fale-sonsco { width: 55px; height: 55px; position: absolute; left: 20px; background: url('img/logo-alma-em-vivencia-verde.png'); background-size: 55px; } #bloco-ctas-janela-fale-conosco { width: 240px; height: auto; position: absolute; right: 0px; top: 5px; } /* Janela formulário inscrição */ #janela-inscricao { width: 350px; height: 550px; position: fixed; left: 50%; margin-left: -175px; margin-top: -295px; background-color: #fff; border-radius: 30px; z-index: 999; overflow: hidden; } #faixa-foto-inscricao { width: 100%; height: auto; position: relative; float: left; margin-top: 63px; } #chamada-f-inscricao { width: 100%; height: auto; position: relative; float: left; margin-top: 23px; font-size: 22px; text-align: center; font-weight: 300; } #sobre-inscricao { width: 100%; height: auto; position: relative; float: left; margin-top: 3px; text-align: center; font-size: 16px; font-weight: 300; padding: 0px 50px; } #faixa-ctas-inscricao { width: 100%; height: auto; position: relative; float: left; margin-top: -2px; padding: 0px 20px; } .item-cta-inscricao { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; margin-bottom: -10px; padding: 16px 25px; font-size: 14px; color: #fff; font-weight: 300; background-color: #5E7153; border-radius: 60px; cursor: pointer; } .icn-cta-inscricao { width: 35px; height: 35px; position: absolute; right: 12px; top: 8px; background-color: #87936D; border-radius: 100%; } /* ========================================================================== Inicio LP ========================================================================== */ #superbanner-retiro { width: 100%; height: 100%; min-height: unset; position: relative; float: left; z-index: 10; margin-bottom: 0px; } #vew-conteudo-banner-retiro { width: 370px; height: 100%; position: relative; margin: auto; } #ornamento-banner-retiro { width: 100%; height: auto; position: relative; float: left; margin-top: 180px; } #bloco-ornamento-banner-retiro { width: 110px; height: 110px; position: relative; margin: auto; background: url('img/ornamento-logo.png'); background-size: 110px; } #vew-conteudo-banner-retiro h2 { width: 100%; height: auto; position: relative; float: left; margin-top: -10px; font-size: 22px; text-align: center; color: #fff; font-weight: 300; } #vew-conteudo-banner-retiro p { width: 100%; height: auto; position: relative; float: left; margin-top: -20px; font-size: 17px; color: #fff; text-align: center; font-weight: 300; } #faixa-cta-banner-retiro { width: 100%; height: auto; position: relative; float: left; margin-top: 3px; } /*CTA Banner retiro*/ #cta-sobre-retiro-pg { width: 231px; height: auto; position: relative; font-size: 16px; color: #FFF6DD; margin: auto; background-color: #A55416; font-weight: 300; border-radius: 40px; padding: 14px 0px 14px 70px; cursor: pointer; } #icn-cta-sobre-retiro-pg { width: 35px; height: 35px; position: absolute; left: 10px; top: 8px; background-color: #C66828; border-radius: 50%; } #faixa-data-banner-retiro { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 16px; color: #fff; font-weight: 300; text-align: center; } #localizacao-retiro { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; } #cta-localizacao-retiro { width: 300px; height: auto; position: relative; margin: auto; padding: 14px 20px; color: #fff; font-size: 16px; border: 1px solid #fff; border-radius: 40px; text-align: center; cursor: pointer; } #view-resumo-retiro { width: 370px; height: auto; position: relative; margin: auto; } .bloco-a-sobre-retiro { width: 100%; height: auto; position: relative; float: left; padding-top: 10px; } .bloco-a-sobre-retiro h3 { width: 40%; height: auto; position: relative; float: left; min-height: 200px; letter-spacing: 2px; font-size: 26px; color: #fff; font-weight: 300; padding: 0px 0px 0px 20px; margin-top: 9px; text-align: left; } #foto-retiro-sobre { width: 52%; height: auto; position: relative; float: left; margin-left: 5%; margin-top: 39px; border-radius: 30px; overflow: hidden; /* display: none; */ } .blocob-sobre-retiro { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px 20px 20px; } .blocob-sobre-retiro p { width: 100%; height: auto; position: relative; float: left; font-size: 16px; margin-top: 4px; font-weight: 300; color: #fff; } .blococ-sobre-retiro { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px 20px 20px; } .blococ-sobre-retiro p { width: 100%; height: auto; position: relative; float: left; font-size: 16px; margin-top: 2px; font-weight: 300; padding: 0px 10px; color: #fff; } .blococ-sobre-retiro h3 { width: 100%; height: 20px; position: relative; float: left; letter-spacing: 2px; font-size: 25px; font-weight: 300 !important; padding: 0px 0px 0px 10px; margin-top: 30px; color: #fff; margin-bottom: 28px; /* display: none; */ } .blococ-sobre-retiro span { font-weight: 700; } #bloco-para-quem-e { width: 100%; height: auto; position: relative; float: left; margin-top: -60px; } #view-para-quem-e { width: 370px; height: auto; position: relative; margin: auto; } #foto-retiro-sobre-e { width: 100%; height: auto; position: relative; float: left; margin-left: 0%; margin-top: -1px; margin-bottom: 20px; border-radius: 30px; overflow: hidden; } #div-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; } #view-div-programacao { width: 370px; height: auto; position: relative; margin: auto; } #view-div-programacao h5 { width: 100%; height: auto; position: relative; float: left; font-size: 26px; font-weight: 300; text-align: center; font-family: "Montserrat", sans-serif; color: #fff; } #view-div-programacao p { width: 100%; height: auto; position: relative; float: left; margin-top: -7px; font-size: 16px !important; font-weight: 300; text-align: center; padding: 0px 40px; color: #fff; } /*Inicio faixa destaques programacao*/ #faixa-destaques-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: 18px; padding: 0px 30px; } /*bloco item programacao*/ .bloco-item-programacao-ds { width: 100%; height: auto; position: relative; float: left; margin-right: 0%; margin-left: 0%; margin-bottom: 20px; border-radius: 0px; overflow: hidden; } .bloco-foto-programacao-ds { width: 100%; height: 250px; position: relative; float: left; background-color: green; border-radius: 20px; overflow: hidden; } .bloco-foto-proramacao-ds-int { width: 350px; height: 250px; position: absolute; left: 50%; top: 50%; margin-left: -174px; margin-top: -145px; } .info-destaque-programacao { width: 100%; height: 100%; position: relative; float: right; padding: 0px 0px; } .info-destaque-programacao h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 25px; font-size: 20px; font-weight: 400; color: #fff; } /*Inicio sobre o lugar*/ #div-sobre-lugar { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; background-color: #323b2e; padding: 0px 0px 100px 0px; } #conteudo-sobre-lugar { width: 370px; height: auto; position: relative; margin: auto; } #div-titulo-espaco { width: 100%; height: auto; position: relative; float: left; } #div-titulo-espaco h4 { width: 100%; height: auto; position: relative; float: left; margin-top: 90px; font-size: 28px; color: #fff; font-weight: 300; text-align: center; } #headline-titulo-espaco { width: 100%; height: auto; position: relative; float: left; font-size: 18px; color: #fff; line-height: 21px; font-weight: 300; padding: 0px 20px; text-align: center; margin-top: -9px; } #div-sobre-lugar-txt { width: 100%; height: auto; position: relative; float: left; } #div-sobre-lugar-txt h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 22px; color: #fff; font-weight: 300; text-align: center; padding: 0px 20px; } #local-headline-lugar { width: 100%; height: auto; position: relative; float: left; margin-top: -12px; font-size: 20px; color: #fff; font-weight: 300; text-align: center; padding: 0px 20px; } #p-sobre-lugar { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; text-align: center; } #p-sobre-lugar p { width: 100%; height: auto; position: relative; float: left; margin-bottom: 0px; font-size: 16px; color: #fff; padding: 0px 20px; font-weight: 300; } /*Inicio Detalhes vivência*/ #div-detalhes-vivencia { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; background-color: #EAEDE8; } #view-detalhes-vivencia { width: 370px; height: auto; position: relative; margin: auto; } #chamada-int-detalhes-vivencia { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; margin-top: 20px; } #chamada-int-detalhes-vivencia h3 { width: 100%; height: auto; position: relative; float: left; font-size: 28px; font-weight: 300; font-family: "Montserrat", sans-serif; } #chamada-int-detalhes-vivencia p { width: 100%; height: auto; position: relative; float: left; font-size: 18px; font-weight: 300; margin-top: -9px; font-family: "Montserrat", sans-serif; } #box-ornamento-perfil-vivencia { width: 200px; height: auto; position: relative; float: left; margin-left: 30px; margin-top: 0px; } #inicio-blocos-informacoes { width: 100%; height: auto; position: relative; float: left; margin-top: 10px; margin-bottom: 0px; padding: 0px 10px; } .faixa-bloco-info-int { width: 100%; height: auto; position: relative; float: left; margin-top: 17px; } /*bloco quando*/ .bloco-padrao { height: auto; position: relative; float: left; background-color: #fff; border-radius: 20px; padding: 0px 20px 20px 20px; margin-bottom: 8px; } .bloco-padrao h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 30px; margin-bottom: 20px; font-size: 24px; font-weight: 300; } .bloco-padrao p { width: 90%; height: auto; position: relative; float: left; margin-top: -7px; font-size: 16px; font-weight: 300; } .bloco-quando { width: 100%; } .bloco-onde { width: 100%; margin-left: 0%; padding-bottom: 90px; } .bloco-foto { width: 100%; margin-left: 1%; overflow: hidden; background-color: #dadada; display: none; } .bloco-resumo-pgr { width: 100%; margin-left: 0%; padding-bottom: 70px; margin-bottom: 20px; } .cta-bloco-padrao { width: auto; height: auto; position: absolute; left: 25px; bottom: 25px; padding: 8px 30px 10px 30px; border: 1px solid #5E7153; border-radius: 50px; font-size: 16px; cursor: pointer; } /*Bloco programacao*/ .bloco-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: -29px; background-color: #fff; border-radius: 18px; padding: 0px 30px 10px 30px; } .bloco-programacao h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: 30px; font-size: 24px; font-weight: 300; } .faixa-item-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: 7px; margin-bottom: -20px; } /*Bloco pagamento*/ .bloco-pagamento { width: 100%; height: auto; margin-top: 0px; margin-left: 0%; } .bloco-pagamento h5 { width: 100%; height: auto; position: relative; float: left; margin-top: 40px; margin-bottom: 30px; font-size: 23px; font-weight: 300; } .faixa-valores-destaque { width: 100%; height: auto; position: relative; float: left; margin-top: 0px; padding: 0px 0px; } /*valor promocional*/ .valor-promocional { width: 100%; height: auto; position: relative; float: left; margin-right: 1%; margin-bottom: 6px; background-color: #EBF8E3; border-radius: 15px; padding: 20px 25px; font-size: 17px; font-weight: 300; } .valor-dividido { width: 100%; height: auto; position: relative; float: left; margin-right: 1%; margin-bottom: 6px; background-color: #F9FAF8; border-radius: 20px; padding: 20px 25px; font-size: 17px; font-weight: 300; } .avisos-forma-pagamento { width: 100%; height: auto; position: relative; margin-top: 15px; float: left; padding: 24px 20px; border-radius: 15px; border: 1px solid #dadada; font-size: 16px; } .titulo-politica { width: 100%; height: auto; position: relative; float: left; margin-top: 20px; font-size: 24px; font-weight: 300; } .politica-reembolso p { width: 100%; height: auto; position: relative; float: left; margin-top: 7px; font-size: 14px; font-weight: 300; } /*bloco de programacao*/ .bloco-programacao-int { width: 100%; height: auto; position: relative; float: left; margin-bottom: 50px; } .marcador-dia { width: auto; height: auto; position: relative; float: left; padding: 15px 20px; background-color: #E9EDE8; color: #5E7252; border-radius: 14px; font-size: 14px; margin-bottom: -10px; } /*Bloco txt programacao*/ .bloco-txt-programacao { width: 100%; height: auto; position: relative; float: left; margin-top: 5px; padding: 0px 20px; } .bloco-txt-programacao ul li { width: 100%; height: auto; position: relative; float: left; margin-top: 11px; font-size: 14px; font-weight: 300; list-style-type: disc; } .bloco-incluso { width: 100%; height: auto; margin-top: -10px; overflow: hidden; padding: 0px 0px !important; } .bloco-incluso h5 { width: 100%; height: auto; position: relative; float: left; margin-left: 20px; margin-top: 32px; margin-bottom: 20px; font-size: 22px; font-weight: 300; } #seletor-incluso { width: 95%; height: 48px; position: relative; float: left; margin-left: 2.5%; margin-top: -7px; border: 1px solid #5E7252; border-radius: 50px; } .item-cta-incluso { width: 50%; height: auto; position: relative; float: left; padding: 13px 0px; font-size: 14px; text-align: center; font-weight: 300; } .item-slide-swiper { width: 100%; height: auto; position: relative; float: left; padding: 0px 20px; } .item-lista-slide-swiper { width: 100%; height: auto; position: relative; float: left; font-weight: 300; border-bottom: 1px solid #E8E8E8; padding-right: 0px; padding-bottom: 20px; margin-bottom: 15px; font-size: 13px; } /*toolbar lista slide*/ .toolbar-slide-itens-retiro { width: 100%; height: auto; position: absolute; bottom: 40px; z-index: 90; } .paginacao-slide-itens-retiro { width: 200px; height: auto; position: absolute; left: 14px !important; bottom: 0px; } .box-controles-cta { width: 160px; height: 56px; position: absolute; right: 13px; bottom: -9px; background-color: #EAEDE8; border-radius: 100px; } .item-ctrl-slide-a-itens-retiro { width: 40px; height: 40px; position: relative; float: left; margin-top: 8px; margin-left: 10px; border-radius: 100%; cursor: pointer; } .item-ctrl-slide-b-itens-retiro { width: 40px; height: 40px; position: relative; float: right; margin-top: 8px; margin-right: 10px; border-radius: 100%; cursor: pointer; } .seta-controle-e-retiro { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -8px; background: url('img/seta-e.png'); background-size: 20px; background-repeat: no-repeat; } .seta-controle-d-retiro { width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -8px; background: url('img/seta-d.png'); background-size: 20px; background-repeat: no-repeat; } #resumo-retiro { width: 100%; height: auto; position: relative; float: left; margin-bottom: 5px; } #resumo-retiro { z-index: 10; } #div-detalhes-vivencia { z-index: 60; } #esteira-slide-itens-inclusos { width: 200%; height: 340px; position: relative; float: left; margin-top: 30px; } .faixa-ornamento-card { width: 100%; height: 0px; position: absolute; bottom: 133px; padding: 0px 30px; } .ornamento-card-equipe { width: 70px; height: 70px; position: relative; float: left; background: url('img/ornamento-logo.png'); background-size: 70px; } .faixa-palavra-card { width: 100%; height: auto; position: absolute; bottom: 40px; padding: 0px 30px; font-size: 24px; font-weight: 300; color: #fff; } #view-tag-vaga { width: 290px; height: auto; position: relative; margin: auto; } } /* ========================================================================== Helper classes ========================================================================== */ /* * Hide visually and from screen readers */ .hidden, [hidden] { display: none !important; } /* * Hide only visually, but have it available for screen readers: * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility * * 1. For long content, line feeds are not interpreted as spaces and small width * causes content to wrap 1 word per line: * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe */ .visually-hidden { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; /* 1 */ } /* * Extends the .visually-hidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visually-hidden.focusable:active, .visually-hidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; white-space: inherit; width: auto; } /* * Hide visually and from screen readers, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * The use of `table` rather than `block` is only necessary if using * `::before` to contain the top-margins of child elements. */ .clearfix::before, .clearfix::after { content: ""; display: table; } .clearfix::after { clear: both; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width:35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-webkit-min-device-pixel-ratio:1.25), (min-resolution:1.25dppx), (min-resolution:120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: https://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { *, *::before, *::after { background: #fff !important; color: #000 !important; /* Black prints faster */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]::after { content: " ("attr(href) ")"; } abbr[title]::after { content: " ("attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]::after, a[href^="javascript:"]::after { content: ""; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }