body { font-family: 'Roboto Slab', serif !important; } h1 { margin-top: 0px; margin-bottom: 0px; font-size: 35px; font-weight: 700; } h2 { margin-top: 0px; margin-bottom: 0px; font-size: 30px; font-weight: 700; } h3 { margin-top: 0px; margin-bottom: 0px; font-size: 25px; font-weight: 700; } h4 { margin-top: 0px; margin-bottom: 0px; font-size: 16px; } a { text-decoration: none !important; } p { margin: 0px; font-size: 16px; font-weight: 400; } a, a:hover, a:active, a:visited, a:focus button, button:hover, button:active, button:visited, button:focus { text-decoration: none !important; outline: none !important; } ::-webkit-input-placeholder { color: #FFF; opacity: 1; filter: alpha(opacity=100); } :-moz-placeholder { color: #FFF; opacity: 1; filter: alpha(opacity=100); } ::-moz-placeholder { color: #FFF; opacity: 1; filter: alpha(opacity=100); } :-ms-input-placeholder { color: #FFF; opacity: 1; filter: alpha(opacity=100); } /* #00 - Pré-loading ========================================================================== */ /*.loading-dissapear { opacity: 0; transition-delay: 1s; transition-duration: 0.3s; transition-property: all; visibility: hidden; }*/ /*.loading { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; float: left; text-align: center; background: #fff none repeat scroll 0 0; overflow: hidden; z-index: 9999; }*/ /*.loading .loader-content { width: 100%; float: left; animation: 0.2s linear 0s normal none 1 running fadeInUp; }*/ /*.loading .loader-content img { margin-top: 20%; margin-bottom: 20px; }*/ /* #01 - Botão voltar ao topo ========================================================================== */ /*.scrollToTop i { width: 70px; height: 50px; padding: 0px 13px; position: fixed; right: 48%; bottom: 40px; font-size: 42px; color: #FFF; background: #008A80; z-index: 10000; }*/ /* ========================================================================== CSS - Página ======================================================================= */ /* #02 - Sections ->Menu ========================================================================== */ #menu {} #menu .navbar { height: 130px; padding-top: 0px; padding-bottom: 0px; background: rgba(248, 248, 248, 0); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .navbar a {display: block;} #menu .navbar .navbar-header {} #menu .navbar .navbar-header a.navbar-brand { margin-left: 0px; display: block; height: 100%; padding: 4px;} #menu .navbar .navbar-header a.navbar-brand img { height: 120px; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; padding: 10px;} #menu .navbar .navbar-collapse {} #menu .navbar .navbar-collapse ul.navbar-nav { width: 80%; margin-top: 40px; float: right; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } #linkarea{ position:absolute; top:5px; right: 30px; } #menu .navbar .navbar-collapse ul.navbar-nav li { text-align: center; } #menu .navbar .navbar-collapse ul.navbar-nav li .linha { margin-left: 25px; margin-right: 25px; } #menu .navbar .navbar-collapse ul.navbar-nav li .linha a { padding: 15px 5px 0px 5px; font-size: 25px; font-weight: 400; color: #050030; } #menu .navbar .navbar-collapse ul.navbar-nav li .linha a:hover { font-weight: 700; color: #949492; border-bottom: 2px solid #949492; } #menu .navbar.top-nav-collapse { height: 80px; background: rgba(248, 248, 248, 0.7); border-bottom: 1px solid #FFF; -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.075); -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.075); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.075); } #menu .top-nav-collapse .navbar-header { height: 80px; } #menu .top-nav-collapse .navbar-header a.navbar-brand { height: 100%; } #menu .navbar.top-nav-collapse .navbar-header a.navbar-brand img { height: 70px; padding: 5px;} #menu .top-nav-collapse .navbar-collapse ul.navbar-nav { margin-top: 15px; } #menu .top-nav-collapse .navbar-collapse ul.navbar-nav li .linha a { font-size: 20px; } /* #03 - Sections ->Banner ========================================================================== */ #banner { position: relative; } #banner .arearestrita { width: 405px; height: 265px; position: absolute; bottom: 40%; right: 20%; background: #050030; } #banner .arearestrita .icone { width: 67px; height: 67px; margin: -40px auto 0px; padding-left: 11px; padding-right: 11px; background: #919190; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } #banner .arearestrita .icone i::before { display: block; font-family: 'Flaticon'; font-size: 45px; color: #FFF; } #banner .arearestrita .titulo { margin-top: 20px; text-align: center; } #banner .arearestrita .titulo h3 { color: #FFF; } #banner .arearestrita .formLogin { margin-top: 30px; } #banner .arearestrita .formLogin input { display: inline-block; width: 80%; height: 40px; margin: 0px 10% 10px; padding: 4px 10px; color: #919190; background: none; border: 1px solid #FFF; } #banner .arearestrita .formLogin button { display: block; width: 42px; height: 42px; margin-right: 40px; padding: 0px; float: right; background: #919190; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; } #banner .arearestrita .formLogin button i::before { display: block; font-family: 'Flaticon'; font-size: 25px; font-weight: 700; color: #FFF; } /* #04 - Sections ->Empresa ========================================================================== */ #empresa { padding-top: 100px; padding-bottom: 150px; background: url('../img/bg-empresa.jpg') no-repeat top center / cover; } #empresa .linhaTitulo { margin-bottom: 100px; text-align: center; } #empresa .linhaTitulo img { margin-bottom: 5px; } #empresa .linhaTitulo h1 { color: #FFF; } #empresa .imgEmpresa {} #empresa .imgEmpresa img {} #empresa .textoEmpresa {} #empresa .textoEmpresa p { font-weight: 400; color: #FFF; line-height: 24px; } /* #05 - Sections ->Serviços ========================================================================== */ #servicos { padding-top: 100px; padding-bottom: 150px; background: url('../img/bg-servicos.jpg') no-repeat top center / cover; } #servicos .linhaTitulo { margin-bottom: 100px; text-align: center; } #servicos .linhaTitulo img { margin-bottom: 5px; } #servicos .linhaTitulo h1 {} #servicos .contabilidade {} #servicos .contabilidade img { display: block; width: 112px; height: 112px; margin: 0 auto; } #servicos .contabilidade .linha { width: 80%; margin: 35px 10% 0px 10%; padding-bottom: 5px; text-align: center; border-bottom: 1px solid #050030; } #servicos .contabilidade .linha h4 {} #servicos .contabilidade p { padding-top: 30px; } #servicos .agendaContabil {} #servicos .agendaContabil .circuloIcone { width: 85px; height: 85px; margin: 0 auto; padding: 12px 22px; position: relative; background: #919190; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; z-index: 10; } #servicos .agendaContabil i::before { font-family: 'Flaticon'; font-size: 40px; color: #FFF; } #servicos .agendaContabil {} #servicos .agendaContabil .agenda { width: 526px; height: 460px; margin: -35px auto 0px auto; position: relative; background: #050030; z-index: 9; } #servicos .agendaContabil .agenda h3 { margin-bottom: 10px; padding-top: 55px; text-align: center; color: #FFF; } #servicos .agendaContabil .agenda p.anoAtual { margin-bottom: 25px; text-align: center; color: #FFF; } #servicos .agendaContabil .agenda .panel { background: none; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #servicos .agendaContabil .agenda .panel .panel-heading { width: 25%; margin-left: 7.5%; padding: 0px; float: left; background: none; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #servicos .agendaContabil .agenda .panel .panel-heading ul.nav-tabs { border-bottom: none; } #servicos .agendaContabil .agenda .panel .panel-heading ul.nav-tabs li { float: initial; border-right: 1px solid #FFF; } #servicos .agendaContabil .agenda .panel .panel-heading ul.nav-tabs li a { padding: 15px 10px 15px 0px; text-align: right; font-size: 20px; color: #BABABA; background: none; } #servicos .agendaContabil .agenda .panel .panel-heading ul.nav-tabs li.active { border: 1px solid #FFF; border-right: none; } #servicos .agendaContabil .agenda .panel .panel-heading ul.nav-tabs li.active a { color: #FFF; background: none; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } #servicos .agendaContabil .agenda .panel .panel-heading ul.nav-tabs li a:hover { color: #BABABA; background: none; border: 1px solid transparent; text-decoration: underline !important; -moz-text-decoration-color: #BABABA; text-decoration-color: #BABABA; } #servicos .agendaContabil .agenda .panel .panel-heading ul.nav-tabs li.active a { border: none; } #servicos .agendaContabil .agenda .panel .panel-heading ul.nav-tabs li.active a:hover { color: #FFF; text-decoration: none !important; } #servicos .agendaContabil .agenda .panel .panel-body { width: 67.5%; float: left; } #servicos .agendaContabil .agenda .panel .panel-body .tab-content {} #servicos .agendaContabil .agenda .panel .panel-body .tab-content .tab-pane {} #servicos .agendaContabil .agenda .panel .panel-body .tab-content .tab-pane.active {} #servicos .agendaContabil .agenda .panel .panel-body .tab-content .tab-pane .evento { margin-bottom: 10px; color: #FFF; } #servicos .agendaContabil .agenda .panel .panel-body .tab-content .tab-pane .evento p.data { display: inline; font-weight: 700; } #servicos .agendaContabil .agenda .panel .panel-body .tab-content .tab-pane .evento span { display: inline; } #servicos .agendaContabil .agenda .panel .panel-body .tab-content .tab-pane .evento p.nome { display: inline; font-weight: 400; } /* #06 - Sections ->Clientes e Parceiros ========================================================================== */ #clientesParceiros { padding-top: 100px; padding-bottom: 150px; } #clientesParceiros .linhaTitulo { margin-bottom: 100px; text-align: center; } #clientesParceiros .linhaTitulo img { margin-bottom: 5px; } #clientesParceiros .linhaTitulo h1 {} #clientesParceiros .sliderClientesParceiros {} #clientesParceiros .sliderClientesParceiros .bx-wrapper {} #clientesParceiros .sliderClientesParceiros .bx-wrapper .bx-viewport { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #clientesParceiros .sliderClientesParceiros .bx-wrapper .bx-viewport ul.bxsliderClientesParceiros {} #clientesParceiros .sliderClientesParceiros .bx-wrapper .bx-viewport ul.bxsliderClientesParceiros li { border: 1px solid #E4E4E4; } #clientesParceiros .sliderClientesParceiros .bx-wrapper .bx-viewport ul.bxsliderClientesParceiros li img {} #clientesParceiros .sliderClientesParceiros .outside {} #clientesParceiros .sliderClientesParceiros .outside #sliderClientesParceiros-prev { position: absolute; top: 30%; left: -40px; } #clientesParceiros .sliderClientesParceiros .outside #sliderClientesParceiros-next { position: absolute; top: 30%; right: -40px; } #clientesParceiros .sliderClientesParceiros .outside #sliderClientesParceiros-prev a.bx-prev {} #clientesParceiros .sliderClientesParceiros .outside #sliderClientesParceiros-prev a.bx-next {} #clientesParceiros .sliderClientesParceiros .outside #sliderClientesParceiros-prev i::before, #clientesParceiros .sliderClientesParceiros .outside #sliderClientesParceiros-next i::before { font-family: 'Booweb'; font-size: 40px; color: #050030; } /* #07 - Sections ->Blog ========================================================================== */ #blog { padding-top: 100px; padding-bottom: 150px; background: #EAEAEA; } #blog .linhaTitulo { margin-bottom: 100px; text-align: center; } #blog .linhaTitulo img { margin-bottom: 5px; } #blog .linhaTitulo h1 {} #blog .sliderBlog {} #blog .sliderBlog .bx-wrapper {} #blog .sliderBlog .bx-wrapper .bx-viewport { background: none; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #blog .sliderBlog .bx-wrapper .bx-viewport ul.bxsliderBlog {} #blog .sliderBlog .bx-wrapper .bx-viewport ul.bxsliderBlog li {} #blog .sliderBlog .bx-wrapper .bx-viewport ul.bxsliderBlog li a.linkBlog {} #blog .sliderBlog .bx-wrapper .bx-viewport ul.bxsliderBlog li a.linkBlog .imgHover {} #blog .sliderBlog .bx-wrapper .bx-viewport ul.bxsliderBlog li a.linkBlog .imgHover img { position: relative; } #blog .sliderBlog .bx-wrapper .bx-viewport ul.bxsliderBlog li a.linkBlog .imgHover p { display: none; width: 260px; height: 260px; padding-top: 40%; padding-bottom: 40%; position: absolute; top: 0px; left: 0px; right: 0px; text-align: center; font-weight: 300; color: #FFF; background: rgba(5, 0, 48, 0.7); } #blog .sliderBlog .bx-wrapper .bx-viewport ul.bxsliderBlog li a.linkBlog:hover .imgHover p { display: block; } #blog .sliderBlog .bx-wrapper .bx-viewport ul.bxsliderBlog li a.linkBlog .imgHover p i::before { display: block; text-align: center; font-size: 24px; color: #FFF; } #blog .sliderBlog .bx-wrapper .bx-viewport ul.bxsliderBlog li a.linkBlog .conteudoBlog { padding: 10px 20px 0px; color: #050030; background: #FFF; } #blog .sliderBlog .bx-wrapper .bx-viewport ul.bxsliderBlog li a.linkBlog:hover .conteudoBlog { color: #FFF; background: #050030; } #blog .sliderBlog .bx-wrapper .bx-viewport ul.bxsliderBlog li a.linkBlog .conteudoBlog .linha { padding-top: 20px; border-top: 1px solid #050030; } #blog .sliderBlog .bx-wrapper .bx-viewport ul.bxsliderBlog li a.linkBlog:hover .conteudoBlog .linha { border-top: 1px solid #FFF; } #blog .sliderBlog .bx-wrapper .bx-viewport ul.bxsliderBlog li a.linkBlog .conteudoBlog .linha h4 { font-weight: 700; } #blog .sliderBlog .bx-wrapper .bx-viewport ul.bxsliderBlog li a.linkBlog .conteudoBlog .linha p { margin-top: 10px; padding-bottom: 30px; font-weight: 400; } #blog .sliderBlog .outside {} #blog .sliderBlog .outside #sliderBlog-prev { position: absolute; top: 30%; left: 0px; } #blog .sliderBlog .outside #sliderBlog-next { position: absolute; top: 30%; right: 0px; } #blog .sliderBlog .outside #sliderBlog-prev a.bx-prev {} #blog .sliderBlog .outside #sliderBlog-prev a.bx-next {} #blog .sliderBlog .outside #sliderBlog-prev i::before, #blog .sliderBlog .outside #sliderBlog-next i::before { font-family: 'Booweb'; font-size: 40px; color: #050030; } #blog .btnTodasNoticias { margin-top: 30px; } #blog .btnTodasNoticias .linkNoticias { text-align: center; } #blog .btnTodasNoticias .linkNoticias a { display: block; width: 250px; height: 45px; margin: 0 auto; padding-top: 8px; padding-bottom: 8px; text-align: center; font-size: 20px; font-weight: 700; color: #FFF; background: #050030; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75); } #blog .btnTodasNoticias .linkNoticias a:hover { color: #050030; background: #EAEAEA; border: 1px solid #050030; } /* #08 - Sections ->Contato ========================================================================== */ #contato { padding-top: 100px; padding-bottom: 150px; background: url('../img/bg-contato.jpg') no-repeat top center / cover; } #contato .linhaTitulo { margin-bottom: 100px; text-align: center; } #contato .linhaTitulo img { margin-bottom: 5px; } #contato .linhaTitulo h1 { color: #FFF; } #contato .circuloIcone { width: 68px; height: 68px; margin: 0 auto 25px auto; padding: 12px 19px; background: #CCCCCC; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } #contato .circuloIcone i::before { font-family: 'Booweb'; font-size: 30px; color: #050030; } #contato p { text-align: center; font-size: 15px; color: #FFF; } #contato .endereco {} #contato .endereco p {} #contato .endereco button.botaoMapa { display: block; margin: 0 auto; font-size: 15px; font-weight: 700; color: #FFF; background: none; border: none; text-decoration: underline; line-height: 30px; } #contato .telefone {} #contato .telefone p {} #contato .email {} #contato .email p {} #contato .facebook {} #contato .facebook a { text-decoration: underline #FFF !important; } #contato .facebook a p {} /* #09 - Sections ->Rodapé ========================================================================== */ #rodape {} #rodape .copyright { padding-top: 10px; padding-bottom: 10px; } #rodape .booweb { padding-top: 10px; padding-bottom: 10px; } /* #10 - Sections ->Janela Modal ========================================================================== */ #mapaModal .modal .modal-content .modalConteudo { background: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #mapaModal .modal .modal-content .modalConteudo button.close { opacity: 1; filter: alpha(opacity=100); } #mapaModal .modal .modal-content .modalConteudo button.close span { display: block; margin-top: -10px; margin-right: -8px; font-size: 50px; color: #050030; } #mapaModal .modal .modal-content .modalConteudo iframe { display: block; margin: 40px auto; } /* ========================================================================== CSS - Páginas internas ======================================================================= */ /* #11 - Sections ->Blogs ========================================================================== */ #internoBlogs { padding-top: 200px; padding-bottom: 85px; } #internoBlogs .background { margin-bottom: 100px; background: url('../img/bg-blogs.jpg') no-repeat top center / cover; } #internoBlogs .background .linhaTitulo { margin-top: 75px; margin-bottom: 75px; text-align: center; } #internoBlogs .background .linhaTitulo img { margin-bottom: 5px; } #internoBlogs .background .linhaTitulo h1 { color: #FFF; } #internoBlogs .blogs { margin-bottom: 30px; } #internoBlogs .blogs a.linkBlog {} #internoBlogs .blogs a.linkBlog .imgHover {} #internoBlogs .blogs a.linkBlog .imgHover img { position: relative; } #internoBlogs .blogs a.linkBlog .imgHover p { display: none; width: 90%; height: 90%; margin: 0 auto; padding-top: 40%; padding-bottom: 40%; position: absolute; top: 0px; left: 0px; right: 0px; text-align: center; font-weight: 300; color: #FFF; background: rgba(5, 0, 48, 0.7); z-index: 5; } #internoBlogs .blogs a.linkBlog:hover .imgHover p { display: block; } #internoBlogs .blogs a.linkBlog .imgHover p i::before { display: block; text-align: center; font-size: 24px; color: #FFF; } #internoBlogs .blogs a.linkBlog .conteudoBlog { padding: 10px 20px 0px; position: relative; color: #050030; background: #FFF; z-index: 10; } #internoBlogs .blogs a.linkBlog:hover .conteudoBlog { color: #FFF; background: #050030; } #internoBlogs .blogs a.linkBlog .conteudoBlog .linha { padding-top: 20px; border-top: 1px solid #050030; } #internoBlogs .blogs a.linkBlog:hover .conteudoBlog .linha { border-top: 1px solid #FFF; } #internoBlogs .blogs a.linkBlog .conteudoBlog .linha h4 { font-weight: 700; } #internoBlogs .blogs a.linkBlog .conteudoBlog .linha p { margin-top: 10px; padding-bottom: 30px; font-weight: 400; } #internoBlogs ul.pagination {} #internoBlogs ul.pagination li {} #internoBlogs ul.pagination li a { font-family: 'Roboto Slab', serif; font-size: 16px; color: #050030; background: #FFF; border-color: #050030; } #internoBlogs ul.pagination li a:hover { color: #050030; background: #F8F8F8; } #internoBlogs ul.pagination li.active a { color: #FFF; background: #050030; border-color: #050030; } #internoBlogs .button { margin-top: 40px; } #internoBlogs .button .botao { width: 250px; height: 45px; margin: 0 auto; padding-top: 5px; padding-bottom: 5px; text-align: center; color: #050030; background: #EAEAEA; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75); } #internoBlogs .button .botao a { font-size: 20px; font-weight: 700; color: #050030; } #internoBlogs .button .botao a i::before { margin-right: 20px; font-family: 'Flaticon'; font-size: 24px; color: #050030; } #internoBlogs .button .botao:hover { border: 1px solid #050030; } /* #12 - Sections ->Blog(Notícia) ========================================================================== */ #internoBlog { padding-top: 200px; padding-bottom: 85px; } #internoBlog .background { margin-bottom: 100px; background: url('../img/bg-blogs.jpg') no-repeat top center / cover; } #internoBlog .background .linhaTitulo { margin-top: 75px; margin-bottom: 75px; text-align: center; } #internoBlog .background .linhaTitulo img { margin-bottom: 5px; } #internoBlog .background .linhaTitulo h1 { color: #FFF; } #internoBlog .blognoticia {} #internoBlog .blognoticia img { margin-right: 20px; } #internoBlog .blognoticia h2 { padding-bottom: 10px; } #internoBlog .blognoticia p {} #internoBlog .button { margin-top: 40px; } #internoBlog .button .botao { width: 170px; height: 45px; margin: 0 auto; padding-top: 5px; padding-bottom: 5px; text-align: center; color: #050030; background: #EAEAEA; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75); } #internoBlog .button .botao a { font-size: 20px; font-weight: 700; color: #050030; } #internoBlog .button .botao a i::before { margin-right: 20px; font-family: 'Flaticon'; font-size: 24px; color: #050030; } #internoBlog .button .botao:hover { border: 1px solid #050030; } /* #13 - Sections ========================================================================== */ #vejaMais { padding-top: 100px; padding-bottom: 115px; background: #EAEAEA; } #vejaMais .linhaTitulo { margin-bottom: 100px; text-align: center; } #vejaMais .linhaTitulo img { margin-bottom: 5px; } #vejaMais .linhaTitulo h1 { color: #050030; } #vejaMais .outraNoticia {} #vejaMais .outraNoticia a.linkBlog {} #vejaMais .outraNoticia a.linkBlog .imgHover {} #vejaMais .outraNoticia a.linkBlog .imgHover img { position: relative; } #vejaMais .outraNoticia a.linkBlog .imgHover p { display: none; width: 90%; height: 90%; margin: 0 auto; padding-top: 40%; padding-bottom: 40%; position: absolute; top: 0px; left: 0px; right: 0px; text-align: center; font-weight: 300; color: #FFF; background: rgba(5, 0, 48, 0.7); z-index: 5; } #vejaMais .outraNoticia a.linkBlog:hover .imgHover p { display: block; } #vejaMais .outraNoticia a.linkBlog .imgHover p i::before { display: block; text-align: center; font-size: 24px; color: #FFF; } #vejaMais .outraNoticia a.linkBlog .conteudoBlog { padding: 10px 20px 0px; position: relative; color: #050030; background: #FFF; z-index: 10; } #vejaMais .outraNoticia a.linkBlog:hover .conteudoBlog { color: #FFF; background: #050030; } #vejaMais .outraNoticia a.linkBlog .conteudoBlog .linha { padding-top: 20px; border-top: 1px solid #050030; } #vejaMais .outraNoticia a.linkBlog:hover .conteudoBlog .linha { border-top: 1px solid #FFF; } #vejaMais .outraNoticia a.linkBlog .conteudoBlog .linha h4 { text-align: center; font-weight: 700; } #vejaMais .outraNoticia a.linkBlog .conteudoBlog .linha p { text-align: center; margin-top: 20px; padding-bottom: 30px; font-weight: 400; } /* ========================================================================== CSS - Responsivo ======================================================================= */ @media screen and (min-width: 992px) and (max-width: 1199px) { #menu .navbar .navbar-header a.navbar-brand img { height: 110px; } #menu .top-nav-collapse .navbar-collapse ul.navbar-nav { margin-top: 30px; } #empresa { padding-top: 50px; padding-bottom: 50px; } #empresa .linhaTitulo { margin-bottom: 50px; } #servicos { padding-top: 50px; padding-bottom: 50px; } #servicos .linhaTitulo { margin-bottom: 50px; } #clientesParceiros { padding-top: 50px; padding-bottom: 50px; } #clientesParceiros .linhaTitulo { margin-bottom: 50px; } #clientesParceiros .sliderClientesParceiros .outside #sliderClientesParceiros-prev { top: 33%; left: -21px; } #clientesParceiros .sliderClientesParceiros .outside #sliderClientesParceiros-next { top: 33%; right: -11px; } #blog { padding-top: 50px; padding-bottom: 50px; } #blog .linhaTitulo { margin-bottom: 50px; } #blog .sliderBlog .bx-wrapper .bx-viewport ul.bxsliderBlog li a.linkBlog .conteudoBlog .linha h4 { height: 70px; } #contato { padding-top: 50px; padding-bottom: 50px; } #contato .linhaTitulo { margin-bottom: 50px; } #internoBlogs { padding-top: 140px; } #internoBlogs .background { margin-bottom: 50px; } #internoBlogs .background .linhaTitulo { margin-top: 50px; margin-bottom: 50px; } #internoBlogs .blogs a.linkBlog .imgHover p { width: auto; margin: 0px 15px; } #internoBlog { padding-top: 140px; } #internoBlog .background { margin-bottom: 50px; } #internoBlog .background .linhaTitulo { margin-top: 50px; margin-bottom: 50px; } #vejaMais { padding-top: 50px; padding-bottom: 50px; } #vejaMais .linhaTitulo { margin-bottom: 50px; } #vejaMais .outraNoticia a.linkBlog .imgHover p { width: auto; margin: 0 15px; } } @media screen and (min-width: 768px) and (max-width: 991px) { h2 { font-size: 25px; } p { font-size: 14px; } #menu .navbar { height: 140px; } #menu .navbar .navbar-header a.navbar-brand img { height: 110px; } #menu .navbar .navbar-collapse ul.navbar-nav { margin-top: 18px; } #menu .top-nav-collapse .navbar-collapse ul.navbar-nav { margin-top: 30px; } #menu .navbar .navbar-collapse ul.navbar-nav li .linha { margin-left: 10px; margin-right: 10px; } #menu .navbar .navbar-collapse ul.navbar-nav li .linha a { font-size: 20px; } #empresa { padding-top: 50px; padding-bottom: 50px; } #empresa .linhaTitulo { margin-bottom: 50px; } #servicos { padding-top: 50px; padding-bottom: 50px; } #servicos .linhaTitulo { margin-bottom: 50px; } #servicos .contabilidade img { width: 60px; height: 60px; } #servicos .agendaContabil .circuloIcone { width: 60px; height: 60px; padding: 10px 16px; } #servicos .agendaContabil i::before { font-size: 30px; } #servicos .agendaContabil .agenda { width: 100%; } #servicos .agendaContabil .agenda .panel .panel-heading { width: 25%; margin-left: 5.5%; } #servicos .agendaContabil .agenda .panel .panel-heading ul.nav-tabs li a { font-size: 16px; } #clientesParceiros { padding-top: 50px; padding-bottom: 50px; } #clientesParceiros .linhaTitulo { margin-bottom: 50px; } #clientesParceiros .sliderClientesParceiros .outside #sliderClientesParceiros-prev { top: 33%; left: -21px; } #clientesParceiros .sliderClientesParceiros .outside #sliderClientesParceiros-next { top: 33%; right: -11px; } #clientesParceiros .outside { display: none; } #blog { padding-top: 50px; padding-bottom: 50px; } #blog .linhaTitulo { margin-bottom: 50px; } #blog .sliderBlog .bx-wrapper .bx-viewport ul.bxsliderBlog li { width: 200px !important; } #blog .sliderBlog .bx-wrapper .bx-viewport ul.bxsliderBlog li a.linkBlog .imgHover p { width: auto; height: auto; } #blog .sliderBlog .bx-wrapper .bx-viewport ul.bxsliderBlog li a.linkBlog .conteudoBlog .linha h4 { height: 105px; } #blog .outside { display: none; } #contato { padding-top: 50px; padding-bottom: 20px; } #contato .linhaTitulo { margin-bottom: 50px; } #contato .endereco, #contato .telefone, #contato .facebook, #contato .email { height: 190px; margin-bottom: 30px; } #internoBlogs { padding-top: 140px; } #internoBlogs .background { margin-bottom: 50px; } #internoBlogs .background .linhaTitulo { margin-top: 50px; margin-bottom: 50px; } #internoBlogs .blogs a.linkBlog .imgHover p { width: auto; height: auto; margin: 0px 15px; padding-top: 28%; padding-bottom: 28%; } #internoBlogs .blogs a.linkBlog .conteudoBlog { height: 230px; } #internoBlogs .blogs a.linkBlog .conteudoBlog .linha h4 { height: 90px; } #internoBlog { padding-top: 140px; } #internoBlog .background { margin-bottom: 50px; } #internoBlog .background .linhaTitulo { margin-top: 50px; margin-bottom: 50px; } #internoBlog .blognoticia img { width: 40%; } #vejaMais { padding-top: 50px; padding-bottom: 50px; } #vejaMais .linhaTitulo { margin-bottom: 50px; } #vejaMais .outraNoticia a.linkBlog .imgHover p { width: auto; height: auto; margin: 0 15px; padding-top: 28%; padding-bottom: 28%; } } @media screen and (min-width: 640px) and (max-width: 767px) { #menu .navbar { height: 140px; } #menu .navbar .navbar-header { height: 140px; } #menu .navbar { height: 140px; } #menu .navbar.top-nav-collapse { height: 140px; } #menu .navbar.top-nav-collapse .navbar-header { height: 140px; } #menu .navbar .navbar-header button.navbar-toggle { margin-top: 53px; color: #050030; background: none; border: 1px solid #050030; } #menu .navbar .navbar-header button.navbar-toggle span { background: #050030; } #menu .navbar .navbar-header a { height: auto; } #menu .navbar .navbar-header a.navbar-brand img { height: 100px !important; } #menu .navbar .navbar-collapse ul.navbar-nav { width: 100%; margin-top: 18px; float: left; } #menu .navbar .navbar-collapse { background: #F8F8F8; } #menu .navbar .navbar-collapse ul.navbar-nav li { float: left; text-align: center; } #menu .navbar .navbar-collapse ul.navbar-nav li .linha { margin-left: 10px; margin-right: 10px; } #menu .navbar .navbar-collapse ul.navbar-nav li .linha a { font-size: 20px; } #empresa .linhaTitulo { margin-bottom: 50px; } #empresa { padding-top: 50px; padding-bottom: 100px; } #empresa .imgEmpresa img { display: block; margin: 0 auto; } #empresa .imgEmpresa { margin-bottom: 20px; } #servicos { padding-top: 50px; padding-bottom: 100px; } #servicos .linhaTitulo { margin-bottom: 50px; } #servicos .contabilidade { margin-bottom: 50px; } #clientesParceiros { padding-top: 50px; padding-bottom: 100px; } #clientesParceiros .linhaTitulo { margin-bottom: 50px; } #clientesParceiros .sliderClientesParceiros .outside { display: none; } #blog { padding-top: 50px; padding-bottom: 100px; } #blog .linhaTitulo { margin-bottom: 50px; } #blog .sliderBlog .outside { display: none; } #contato { padding-top: 50px; padding-bottom: 0px; } #contato .linhaTitulo { margin-bottom: 50px; } #contato .endereco, #contato .telefone, #contato .email, #contato .facebook { width: 50%; height: 190px; margin-bottom: 20px; } #rodape .copyright { width: 70%; } #rodape .booweb { width: 30%; text-align: right; } #internoBlogs { padding-top: 140px; padding-bottom: 50px; } #internoBlogs .background { margin-bottom: 50px; } #internoBlogs .background .linhaTitulo { margin-top: 50px; margin-bottom: 50px; } #internoBlogs .blogs { width: 50%; } #internoBlogs .blogs a.linkBlog .imgHover p { width: auto; margin-left: 15px; margin-right: 15px; } #internoBlog { padding-top: 140px; padding-bottom: 50px; } #internoBlog .background { margin-bottom: 50px; } #internoBlog .background .linhaTitulo { margin-top: 50px; margin-bottom: 50px; } #internoBlog .blognoticia img { width: 40%; } #vejaMais { padding-top: 50px; padding-bottom: 50px; } #vejaMais .linhaTitulo { margin-bottom: 50px; } #vejaMais .outraNoticia { width: 50%; margin-bottom: 30px; } #vejaMais .outraNoticia a.linkBlog .imgHover p { width: auto; margin-left: 15px; margin-right: 15px; } } @media screen and (min-width: 320px) and (max-width: 639px) { h2 { font-size: 25px; } p { font-size: 14px; } #menu .navbar { height: 80px; } #menu .navbar .navbar-header { height: 80px; } #menu .navbar { height: 80px; } #menu .navbar.top-nav-collapse { height: 80px; } #menu .navbar.top-nav-collapse .navbar-header { height: 80px; } #menu .navbar .navbar-header button.navbar-toggle { margin-top: 22px; color: #050030; background: none; border: 1px solid #050030; } #menu .navbar .navbar-header button.navbar-toggle span { background: #050030; } #menu .navbar .navbar-header a { height: auto; } #menu .navbar .navbar-header a.navbar-brand img { height: 50px !important; } #menu .navbar .navbar-collapse ul.navbar-nav { width: 100%; margin: 18px auto; float: initial; } #menu .navbar .navbar-collapse { background: #F8F8F8; } #menu .navbar .navbar-collapse ul.navbar-nav li { float: initial; text-align: center; } #menu .navbar .navbar-collapse ul.navbar-nav li .linha { margin-left: 0px; margin-right: 0px; } #menu .navbar .navbar-collapse ul.navbar-nav li .linha a { font-size: 20px; } #empresa .linhaTitulo { margin-bottom: 50px; } #empresa { padding-top: 50px; padding-bottom: 100px; } #empresa .imgEmpresa img { display: block; margin: 0 auto; } #empresa .imgEmpresa { margin-bottom: 20px; } #servicos { padding-top: 50px; padding-bottom: 100px; } #servicos .linhaTitulo { margin-bottom: 50px; } #servicos .contabilidade { margin-bottom: 50px; } #servicos .agendaContabil .agenda { width: 100%; } #servicos .agendaContabil .agenda .panel .panel-heading ul.nav-tabs li a { font-size: 14px; } #servicos .agendaContabil .agenda .panel .panel-body .tab-content .tab-pane .evento p { font-size: 14px; } #clientesParceiros { padding-top: 50px; padding-bottom: 100px; } #clientesParceiros .linhaTitulo { margin-bottom: 50px; } #clientesParceiros .sliderClientesParceiros .outside { display: none; } #blog { padding-top: 50px; padding-bottom: 100px; } #blog .linhaTitulo { margin-bottom: 50px; } #blog .sliderBlog .outside { display: none; } #contato { padding-top: 50px; padding-bottom: 0px; } #contato .linhaTitulo { margin-bottom: 50px; } #contato .endereco, #contato .telefone, #contato .email, #contato .facebook { height: auto; margin-bottom: 20px; } #rodape .copyright, #rodape .booweb { text-align: center; } #internoBlogs { padding-top: 90px; padding-bottom: 50px; } #internoBlogs .background { margin-bottom: 50px; } #internoBlogs .background .linhaTitulo { margin-top: 50px; margin-bottom: 50px; } #internoBlogs .blogs a.linkBlog .imgHover p { width: auto; margin-left: 15px; margin-right: 15px; } #internoBlog { padding-top: 90px; padding-bottom: 50px; } #internoBlog .background { margin-bottom: 50px; } #internoBlog .background .linhaTitulo { margin-top: 50px; margin-bottom: 50px; } #internoBlog .blognoticia img { width: 100%; margin-bottom: 20px; } #vejaMais { padding-top: 50px; padding-bottom: 50px; } #vejaMais .linhaTitulo { margin-bottom: 50px; } #vejaMais .outraNoticia { margin-bottom: 30px; } #vejaMais .outraNoticia a.linkBlog .imgHover p { width: auto; margin-left: 15px; margin-right: 15px; } } /* * Bloco de comentário de grupo * Ideal para explicações em múltiplas linhas e documentação. */ /* Comentário básico */