*, body { font-family:'Helvetica Neue Regular', Arial, Helvetica, sans-serif; } body { background:url(../img/fundo_rodape.png) no-repeat center bottom; } .loading { width:100vw; height:100vh; background:#fff; position:fixed; z-index:1000; display:flex; align-items:center; justify-content:center; font-family:Arial; font-size:12px; } .menu-desktop a { color:#009ab2; text-transform:uppercase; font-family:'Helvetica Neue Condensed Regular', Arial, Helvetica, sans-serif; font-weight:500; font-size:15px; text-decoration:none; display:inline-block; padding:20px 10px; transition:all 300ms ease-in-out; border-bottom:2px solid transparent; } .menu-desktop a:hover { border-bottom:2px solid #009ab2; } .menu-desktop a.selected { border-bottom:2px solid #009ab2; } .menu-desktop .submenu { display: inline-block; position: relative; } .menu-desktop .submenu span { color:#009ab2; text-transform:uppercase; font-family:'Helvetica Neue Condensed Regular', Arial, Helvetica, sans-serif; font-weight:500; font-size:15px; text-decoration:none; display:inline-block; padding:20px 10px; transition:all 300ms ease-in-out; border-bottom:2px solid transparent; cursor: default; } .menu-desktop .submenu span:hover { border-bottom:2px solid #009ab2; } .menu-desktop .submenu span.selected { border-bottom:2px solid #009ab2; } .menu-desktop .submenu div { position:absolute; display:none; z-index: 999; background:#fff; min-width:100%; } .menu-desktop .submenu:hover div { display: block; } .menu-desktop .submenu div:hover { display: block; } .menu-desktop .submenu a { width:100%; padding:10px 20px; text-align: center; } header .logo { max-width:80%; } .menu-mobile .menu-toggle { font-size:2rem; color:#009ab2; padding:0 10px; cursor:pointer; } .menu-mobile .menu { z-index: 100000; position: fixed; left:0; top:95px; width:100%; height:calc(100vh - 95px); background:#eee; transform:translate(100%, 0%); transition:all 200ms ease-in; opacity:0; } .menu-mobile .menu.active { transform: translate(0%, 0%); opacity:1; } .menu-mobile a { color:#009ab2; text-transform:uppercase; font-family:'Helvetica Neue Condensed Regular', Arial, Helvetica, sans-serif; font-weight:500; font-size:15px; text-decoration:none; display:block; padding:20px 20px; transition:all 300ms ease-in-out; border-top:1px solid #009ab2; text-align:center; } .menu-mobile a:hover { background-color: #fafafa; } header .idiomas a { font-family: 'Helvetica Neue Thin'; color:#333; text-decoration: none; text-transform: uppercase; line-height: 35px; width:35px; height:35px; text-align: center; font-size:14px; display:inline-block; padding:0 5px; vertical-align: middle; border:1px solid #999; border-radius: 25px; } header .idiomas a.selected { color:#fff; background:#333; } #banner-topo.banner { position: relative; } #banner-topo.banner h1 { font-size:82px; width:50%; } #banner-topo.banner p { color:#fff;font-size:32px } #banner-topo.banner .item { background-size:cover; } #banner-topo.banner .item { position:relative; } #banner-topo.banner .item img { width:100%; } #banner-topo.banner .item .container { position: absolute; bottom:20px; left:20px; } #banner-topo.banner .owl-controls { position: absolute; top:40%; z-index: 99999; width:100%; } #banner-topo.banner .owl-theme .custom-nav { position: absolute; top:0; left: 0; right: 0; } #banner-topo.banner .owl-theme .custom-nav .owl-prev, #banner-topo.banner .owl-theme .custom-nav .owl-next { position: absolute; height: 100px; color: inherit; background: none; border: none; z-index: 100; } #banner-topo.banner .owl-theme .custom-nav .owl-prev i, #banner-topo.banner .owl-theme .custom-nav .owl-next i { font-size: 2.5rem; color: #cecece; } #banner-topo.banner .owl-theme .custom-nav .owl-prev { left: 0; } #banner-topo.banner .owl-theme .custom-nav .owl-next { right: 0; } #banner-topo.banner a { text-decoration: none; } /* Home */ #home .manifesto { color:#6f7072; } #home .manifesto p { margin:0; } #home .manifesto a { color:#6f7072; text-decoration: none; font-size:14px; padding:10px 0; display:inline-block; transition: all 200ms ease-in; border-bottom:2px solid transparent; } #home .manifesto a:hover { border-bottom:2px solid #6f7072; } #home .quem-faz { background:#009ab2; } #home .quem-faz img { box-shadow: 5px 5px 32px 0px rgba(0,0,0,0.75); } #home .depoimentos { background:#000001; } #home .quem-faz, #home .depoimentos { padding:40px 25px 15px; font-family: 'Helvetica Neue Thin'; } #home .quem-faz h1, #home .depoimentos h1 { color:#fff; font-size:44px; text-align:center; font-family: 'Helvetica Neue Thin'; } #home .quem-faz p, #home .depoimentos p { color:#fff; text-align:center; padding:30px 0 10px; font-size:27px; font-family: 'Helvetica Neue Thin'; } #home .quem-faz span, #home .depoimentos span { color:#fff; text-align:center; margin-bottom:20px; font-size:17px; font-family: 'Helvetica Neue Thin'; } #home .quem-faz a, #home .depoimentos a { color:#fff; font-size:16px; display:inline-block; padding:10px 0; font-family: 'Helvetica Neue Thin'; text-align:right; border-bottom:2px solid transparent; text-decoration: none; transition: all 200ms ease-in; } #home .quem-faz a:hover, #home .depoimentos a:hover { border-bottom:2px solid #fff; } #home .pessoas { height:430px; background:url(../img/pessoas.jpg) no-repeat center center; background-size:cover; } #home .pessoas h1 { font-size:80px; color:#fff; font-weight:bold; } #home .chamada { color:#000001; text-align: left; } #home .chamada h2 { font-size:32px; padding:20px 0 0; } #home .chamada p { font-size:24px; padding:0; } #home .home2 { position: relative; } #home .home2 a { position: absolute; position:absolute; right:15px; bottom:0px; color:#6f7072; text-decoration: none; font-size:14px; padding:10px 0; display:inline-block; transition: all 200ms ease-in; border-bottom:2px solid transparent; } #home .home2 a:hover { border-bottom:2px solid #6f7072; } /* Manifesto */ #manifesto h1 { font-size:42px; padding:20px 0 0; font-family: 'Helvetica Neue Thin'; } #manifesto .banner { background:#3fd6da; height:250px; overflow: hidden; } #manifesto .banner img { height:250px; } #manifesto .banner h2 { font-size:36px; font-family: 'Helvetica Neue Bold'; color:#fff; line-height: 38px; font-style: italic; } #manifesto p { font-family: 'Helvetica Neue Regular'; font-size:18px; color:#000001; } #manifesto h3 { font-size:38px; font-family: 'Helvetica Neue Thin'; color:#000001; line-height: 52px; font-style: italic; } #manifesto h4 { font-size:26px; font-family: 'Helvetica Neue Thin'; color:#000001; line-height: 32px; } #manifesto a { color:#6f7072; text-decoration: none; font-size:14px; padding:10px 0; display:inline-block; transition: all 200ms ease-in; border-bottom:2px solid transparent; } #manifesto a:hover { border-bottom:2px solid #6f7072; } /* Depoimentos */ #depoimentos h1 { font-size:42px; padding:20px 0 0; font-family: 'Helvetica Neue Thin'; } #depoimentos .lista p { font-family: 'Helvetica Neue Regular'; font-size:14px; color:#000001; } #depoimentos .lista h3 { font-size:20px; font-family: 'Helvetica Neue Bold'; color:#000001; line-height: 26px; } #depoimentos h4 { font-size:26px; font-family: 'Helvetica Neue Bold'; color:#009ab2; line-height: 32px; text-align:center } #depoimentos a { color:#6f7072; text-decoration: none; font-size:14px; padding:10px 0; display:inline-block; transition: all 200ms ease-in; border-bottom:2px solid transparent; } #depoimentos a:hover { border-bottom:2px solid #6f7072; } #depoimentos .item .assinatura { font-size:12px; line-height:15px !important;} #depoimentos .nav a, #depoimentos .nav span { color:#6f7072; font-size:14px; padding:10px 5px; display:inline-block; border-bottom:2px solid transparent; } #depoimentos .nav a:hover { border-bottom:2px solid #6f7072; text-decoration:none; } /* O que fazemos */ /* #fazemos .banner { height:640px; background:url(../img/pessoas2.png) no-repeat; background-size:cover; background-position:bottom center; } #fazemos .banner h1 { font-weight:bold; font-size:52px; color:#fff; } #fazemos .banner p { font-size:32px; color:#fff; } */ #fazemos .chamada h2 { color:#000001; text-align: left; font-size:42px; padding:20px 0 0; font-family: 'Helvetica Neue Thin'; } #fazemos .chamada p { color:#000001; font-size:18px; padding:0; font-family: 'Helvetica Neue Regular'; } #fazemos .chamada .item { height:400px; padding:25px; color:#fff; background:#000001 url(../img/detalhe-card.png) no-repeat 20px center; box-shadow: 0px 3px 10px 1px rgba(168,168,168,1); } #fazemos .chamada .item h1 { font-size:30px; } #fazemos p { font-family: 'Helvetica Neue Regular'; font-size:18px; color:#000001; } #fazemos .cartao { width:350px; } #fazemos span { font-family: 'Helvetica Neue Regular'; } #fazemos .nav a, #fazemos .nav span { color:#6f7072; font-size:14px; padding:10px 5px; display:inline-block; border-bottom:2px solid transparent; } #fazemos .nav a:hover { border-bottom:2px solid #6f7072; text-decoration:none; } /* Quem faz */ #quem .chamada h2 { color:#000001; text-align: left; font-size:42px; padding:20px 0 0; font-family: 'Helvetica Neue Thin'; } #quem .chamada h3 { color:#000001; text-align: left; font-size:22px; font-family: 'Helvetica Neue Thin'; } #quem .chamada h4 { color:#000001; text-align: left; font-size:16px; font-family: 'Helvetica Neue Thin'; font-weight:600; } #quem .chamada h5 { color:#000001; font-family: 'Helvetica Neue Thin'; font-weight:600; } #quem .chamada p { color:#000001; font-size:18px; padding:0; font-family: 'Helvetica Neue Regular'; } #quem .chamada .item { height:400px; padding:25px; color:#fff; background:#000001 url(../img/detalhe-card.png) no-repeat 20px center; box-shadow: 0px 3px 10px 1px rgba(168,168,168,1); } #quem .chamada .item h1 { font-size:30px; } #quem .chamada a { color:#6f7072; font-size:14px; padding:0; display:inline-block; border-bottom:2px solid transparent; } #quem .chamada a:hover { border-bottom:2px solid #6f7072; text-decoration:none; } #quem .nav a, #quem .nav span { color:#6f7072; font-size:14px; padding:10px 5px; display:inline-block; border-bottom:2px solid transparent; } #quem .nav a:hover { border-bottom:2px solid #6f7072; text-decoration:none; } /* Workshops */ /* #workshops .banner { position: relative; } #workshops .banner .item .container { height:640px; } #workshops .banner .owl-controls { position: absolute; top:40%; z-index: 99999; width:100%; } #workshops .banner .owl-theme .custom-nav { position: absolute; top:0; left: 0; right: 0; } #workshops .banner .owl-theme .custom-nav .owl-prev, #workshops .banner .owl-theme .custom-nav .owl-next { position: absolute; height: 100px; color: inherit; background: none; border: none; z-index: 100; } #workshops .banner .owl-theme .custom-nav .owl-prev i, #workshops .banner .owl-theme .custom-nav .owl-next i { font-size: 2.5rem; color: #cecece; } #workshops .banner .owl-theme .custom-nav .owl-prev { left: 0; } #workshops .banner .owl-theme .custom-nav .owl-next { right: 0; } */ #workshops .chamada h2 { color:#000001; text-align: left; font-size:42px; padding:20px 0 0; font-family: 'Helvetica Neue Thin'; } #workshops .chamada p { color:#000001; font-size:18px; padding:0; font-family: 'Helvetica Neue Regular'; } #workshops .chamada .item { height:400px; padding:25px; color:#fff; background:#000001 url(../img/detalhe-card.png) no-repeat 20px center; box-shadow: 0px 3px 10px 1px rgba(168,168,168,1); } #workshops .chamada .item h1 { font-size:30px; } #workshops .chamada a { color:#6f7072; font-size:14px; padding:0; display:inline-block; border-bottom:2px solid transparent; } #workshops .chamada a:hover { border-bottom:2px solid #6f7072; text-decoration:none; } #workshops .filtro { color:#000001 !important; border:3px solid #009bb4; } #workshops .lista h2 { font-size:20px; } #workshops .lista a { color:#000001; text-decoration:none; } #workshops .lista a:hover { border-bottom:2px solid #000001; text-decoration:none; } #workshops .busca { color:#000001 !important; border:3px solid #009bb4; } #workshops .busca input, #workshops .busca button { background:transparent; border:none; outline:none; color:#000001; } #workshops .nav a, #workshops .nav span { color:#6f7072; font-size:14px; padding:10px 5px; display:inline-block; border-bottom:2px solid transparent; } #workshops .nav a:hover { border-bottom:2px solid #6f7072; text-decoration:none; } #workshops .voltar { color:#000001 !important; border:3px solid #009bb4; display: block; width: 100%; padding:10px; text-align: center; } /* Contato */ #contato .chamada { color:#000001; text-align: left; } #contato .chamada h2 { font-size:42px; padding:20px 0 0; font-family: 'Helvetica Neue Thin'; } #contato .chamada p { font-size:18px; padding:0; font-family: 'Helvetica Neue Regular'; } #contato .redes { margin-top:200px; margin-bottom:30px; } #contato .redes p { font-size:18px; font-family: 'Helvetica Neue Regular'; } #contato .redes a { background-color:#333; color:#fff; border-radius:7px; display:inline-block; width:55px; height:55px; margin:0 5px; vertical-align: middle; text-align: center; line-height: 55px !important; padding:0; font-size:22px; } #contato .redes a:hover { background:#fff; color:#009ab2; } /* Política de privacidade */ #politica .chamada h2 { color:#000001; text-align: left; font-size:42px; padding:20px 0 0; font-family: 'Helvetica Neue Thin'; } #politica .chamada h3 { color:#000001; text-align: left; font-size:22px; font-family: 'Helvetica Neue Thin'; } #politica .chamada h4 { color:#000001; text-align: left; font-size:16px; font-family: 'Helvetica Neue Thin'; font-weight:600; } #politica .chamada h5 { color:#000001; font-family: 'Helvetica Neue Thin'; font-weight:600; } #politica .chamada p { color:#000001; font-size:18px; padding:0; font-family: 'Helvetica Neue Regular'; } #politica .chamada .item { height:400px; padding:25px; color:#fff; background:#000001 url(../img/detalhe-card.png) no-repeat 20px center; box-shadow: 0px 3px 10px 1px rgba(168,168,168,1); } #politica .chamada .item h1 { font-size:30px; } #politica .chamada a { color:#6f7072; font-size:14px; padding:0; display:inline-block; border-bottom:2px solid transparent; } #politica .chamada a:hover { border-bottom:2px solid #6f7072; text-decoration:none; } #politica .nav a, #politica .nav span { color:#6f7072; font-size:14px; padding:10px 5px; display:inline-block; border-bottom:2px solid transparent; } #politica .nav a:hover { border-bottom:2px solid #6f7072; text-decoration:none; } /* Blocos */ #bloco-quem-faz h1 { font-size:42px; padding:20px 0 0; font-family: 'Helvetica Neue Thin'; } #bloco-quem-faz p { font-family: 'Helvetica Neue Regular'; font-size:42px; color:#000001; text-align:center; } #bloco-quem-faz h3 { font-size:38px; font-family: 'Helvetica Neue Thin'; color:#000001; line-height: 52px; font-style: italic; } #bloco-quem-faz h4 { font-size:26px; font-family: 'Helvetica Neue Thin'; color:#000001; line-height: 32px; } #bloco-quem-faz a { color:#6f7072; text-decoration: none; font-size:14px; padding:10px 0; display:inline-block; transition: all 200ms ease-in; border-bottom:2px solid transparent; } #bloco-quem-faz a:hover { border-bottom:2px solid #6f7072; } #bloco-depoimentos h1 { font-size:42px; padding:20px 0 0; font-family: 'Helvetica Neue Thin'; } #bloco-depoimentos p { font-family: 'Helvetica Neue Regular'; font-size:18px; color:#000001; text-align:center; font-weight:500; } #bloco-depoimentos h4 { font-size:26px; font-family: 'Helvetica Neue Thin'; color:#000001; line-height: 32px; } #bloco-depoimentos a { color:#6f7072; text-decoration: none; font-size:14px; padding:10px 0; display:inline-block; transition: all 200ms ease-in; border-bottom:2px solid transparent; } #bloco-depoimentos a:hover { border-bottom:2px solid #6f7072; } #bloco-contato h3 { color:#009ab2; font-size:32px; padding:20px 0 0; text-transform: uppercase; margin-bottom:45px; text-align:center; font-weight:bold; } #bloco-contato .chamada h2 { color:#000001; text-align: left; font-size:42px; padding:20px 0 0; font-family: 'Helvetica Neue Thin'; } #bloco-contato .chamada p { color:#000001; font-size:18px; padding:0; font-family: 'Helvetica Neue Regular'; } #bloco-fazemos .item { height:400px; padding:25px; color:#fff; background:#000001 url(../img/detalhe-card.png) no-repeat 20px center; box-shadow: 0px 3px 10px 1px rgba(168,168,168,1); } #bloco-fazemos .item h1 { font-size:30px; } #bloco-fazemos .item a { color:#fff; font-size:16px; display:inline-block; padding:10px 0; font-family: 'Helvetica Neue Thin'; text-align:right; border-bottom:2px solid transparent; text-decoration: none; transition: all 200ms ease-in; } #bloco-fazemos .item a:hover { border-bottom:2px solid #fff; } #bloco-manifesto h1 { font-size:42px; padding:20px 0 0; font-family: 'Helvetica Neue Thin'; } #bloco-manifesto .banner { background:#3fd6da; height:250px; overflow: hidden; } #bloco-manifesto .banner img { height:250px; } #bloco-manifesto .banner h2 { font-size:36px; font-family: 'Helvetica Neue Bold'; color:#fff; line-height: 38px; font-style: italic; } #bloco-manifesto p { font-family: 'Helvetica Neue Regular'; font-size:18px; color:#000001; } #bloco-manifesto h3 { font-size:38px; font-family: 'Helvetica Neue Thin'; color:#000001; line-height: 52px; font-style: italic; } #bloco-manifesto h4 { font-size:26px; font-family: 'Helvetica Neue Thin'; color:#000001; line-height: 32px; } #bloco-manifesto a { color:#fff !important; text-decoration: none; font-size:14px; padding:10px 0; display:inline-block; transition: all 200ms ease-in; border-bottom:2px solid transparent; } #bloco-manifesto a:hover { border-bottom:2px solid #fff !important; } #aceite-cookies { display:none; background:#fff; position:fixed; left:calc(50% - 250px); z-index:999; bottom:20px; width:100%; max-width:500px; -webkit-box-shadow: 2px 5px 15px 0px #333; box-shadow: 2px 5px 15px 0px #333; padding:10px 15px; } #aceite-cookies button { margin-top:8px; margin-bottom:0; } #aceite-cookies a { color:#6f7072; text-decoration: none; font-size:14px; padding:10px 0; display:inline-block; transition: all 200ms ease-in; border-bottom:2px solid transparent; } #aceite-cookies a:hover { border-bottom:2px solid #6f7072; } .form-contato { color:#000001; } .form-contato p { font-size:24px; padding:0; } .form-contato input[type=text], .form-contato input[type=email] { resize:none; box-shadow: 0px 3px 10px 1px rgba(120,120,120,1); margin-bottom:25px; } .form-contato textarea { resize:none; box-shadow: 0px 3px 10px 1px rgba(120,120,120,1); margin-bottom:25px; } .form-contato .btn { background:#fff; color:#009ab2; font-size:18px; font-weight: bold; padding:5px 50px; text-transform: uppercase; box-shadow: 0px 3px 10px 1px rgba(120,120,120,1); } .form-contato .form-check label {font-size:13px; } footer { color:#fff; text-align:center; } footer a { color:#fff; display:inline-block; padding:0 0 10px; border-bottom:2px solid transparent; transition: all 200ms ease-in; font-weight: bold; } footer a:hover { border-bottom:2px solid #fff; color:#fff; text-decoration: none; } footer .redes { margin-top:200px; margin-bottom:30px; } footer .redes a { border:1px solid #fff; border-radius:30px; display:inline-block; width:42px; height:42px; margin:0 5px; vertical-align: middle; line-height: 41px; padding:0; font-size:22px; } footer .redes a:hover { background:#fff; color:#009ab2; } .floating { color:#fff; position: fixed; width: 60px; height: 60px; bottom: 40px; right: 40px; background-color: #25d366; color: #fff; border-radius: 50px; text-align: center; font-size: 30px; z-index: 100; } .floating:hover { color:#fff; zoom:1.1; } .fab-icon { margin-top: 16px; } @media (max-width: 768px) { header .idiomas { margin-top:10px; } header .idiomas a { margin:0 5px; } #home .banner h1 { font-size:22px; width:100%; } #home .banner p { font-size:18px; width:100%; } /* #home .banner .item .container { height:240px; } */ #banner-topo.banner .owl-controls { top:20%; } #home .quem-faz p, #home .depoimentos p { font-size:17px; } #home .pessoas { height:230px; } #home .pessoas h1 { font-size:40px; } #fazemos .banner h1 { font-size:32px; } #fazemos .cartao { width:100%; } #manifesto .banner h2 { font-size:18px; } #manifesto .banner { min-height:250px; background-position: center bottom; background-size:auto 50%; } #bloco-manifesto .banner h2 { font-size:18px; } #bloco-manifesto .banner { min-height:250px; background-position: center bottom; background-size:auto 50%; } #banner-topo.banner .item .container { bottom:0; } #banner-topo.banner h1 { font-size:22px; width:50%; } #banner-topo.banner p { width:50%; font-size:16px; margin-bottom:0.5rem; } #aceite-cookies { left:calc(50% - 150px); max-width:300px; } }