/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

body {background-color: #0e1743; text-transform: uppercase; color: white; background: url('../img/fundo_default.png'); font-family: 'Roboto Condensed', sans-serif; font-size: 16px;}

.red-text {color: #ed1c24;}
.gray-text {color: #808285;}
.blue-title {color: #0e1844;}
.container-espaco {padding-top: 137px;}
.container-azul {padding-top: 65px;}

/* MENU */
/* .container-menu {min-height: 145px;} */
.logo-connect-menu {background: url('../img/logo_mobile.png') center center no-repeat; width: 120px; font-size: 0px!important;}
.menu-topo-ul li a{color: white; font-size: 15px; font-weight: 700;}
.menu-topo-ul li a:hover, .menu-topo-ul li a:focus {background-color: transparent;}
#blog .menu_item.active a, #principal a.active, #blog .menu_item:hover a, #principal a:hover {color: #ed1c24;}
.navbar-connect {margin-top: 40px;}
.navbar-connect .navbar-toggle {border-color: #ddd;}
.navbar-connect .navbar-toggle .icon-bar {background-color: #888;}

/* LEVEL NAVIGATION */

#home-nav {display: none;}



/* HOME */


/* #fundo_servico { margin-left: calc(((100vw - 1170px) / 2)  * -1); margin-right: calc(((100vw - 1170px) / 2)  * -1);} */
#banner_home .item { height: 100vh; background-repeat: no-repeat; background-position: center center; background-size: cover;}
#banner_home .item.active, #banner_home .item.next { display: flex; justify-content: center; align-items: center;}
#banner_home .item p {font-weight: 300; text-align: center;}
#banner_home .item p em {color: #ed1c24; font-weight: 700; font-style: normal;}
#banner_home .item p strong {font-weight: 700}



/* BLOG */
.bloco.blog .recentes {display: none;}
.blog-caixa {border: 1px solid white; height: 75vh; width: 100%; align-items: center; justify-content: center; display: flex;}
.blog-caixa h2 {font-weight: 700}

.titulo-conteudo {font-size: 28px; font-weight: 700; margin-bottom: 60px;}

.blog-img {display: flex;}
.blog-img a {background: url('../img/blog-img.png') left center no-repeat; height: 100px; font-size: 0px!important; display: flex; width: 230px; color: white; justify-content: flex-end;}
.blog-img a h2 {font-size: 34px;}
.blog-img a h2 span {font-size: 50px;}
.bloco.blog  .dados span.categoria {font-size: 26px; font-weight: 700; padding-right: 15px;}
.bloco.blog .dados p {font-size: 18px;}
.bloco.blog .dados {display: flex; flex-direction: row; justify-content: flex-start;}
.bloco.blog .recentes a {color: white;}
.bloco.blog .recentes h4 {font-size: 20px;}
.bloco.blog .recentes span {font-size: 14px; font-weight: 700; padding-right: 10px;}
.bloco.blog .recentes .usuario, .bloco.blog .recentes .date {font-size: 14px; text-transform: uppercase; padding-left: 10px; background: url(../img/data_vermelho.png) center left no-repeat;}
.bloco.blog .recentes .date {padding-right: 10px;}

/* SERVIÇO */
.servico-bloco {min-height: 100vh; background-repeat: no-repeat; background-position: center center; background-size: cover; padding-top: 100px; display: flex; align-items: center;}
.servico-fundo-texto {background-color: rgba(10, 15, 41, 0.72); padding: 60px 50px}
.servico {display: none}
.servico a {color: #fff!important}
.servico a:focus, .servico a:hover {text-decoration: none;}
.servico.selecionado, .servico:hover { opacity: 1; font-weight: 700; display: block}
.connect-servico {font-size: 18px;}
.servico-categoria {font-size: 36px; margin-top: -10px;}
.servico-content p {text-transform: none;}
.servico-content a {color: white; border: 1px solid white; padding: 5px 50px; font-size: 15px; display: block; min-width: 100%; text-align: center; margin-top: 40px;}

/* QUEM SOMOS */
.pagina.quem_somos {padding-top: 0px;}
.container-azul-quemsomos>h1>small {font-size: 23px;}
.pagina.quem_somos small {display: block; color: #ed1c24;}
.pagina.quem_somos h1 {font-weight: 700; margin-bottom: 60px;}
.quem-somos-minicurriculos {font-size: 23px;}
.border-quemsomos {border: 1px solid #6e748f; height: 100%; padding: 50px 55px;}
.border-quemsomos h3 {font-weight: 700;}
.border-quemsomos small {font-size: 16px;}
.border-quemsomos p {text-transform: none; font-weight: 300;}
.container-azul-quemsomos .row>div {margin-top: 20px;}

/* CONTATO */
#fundo_contato {background-image: url('../img/fundo_azul.png'); width: 100vw; min-height: calc(100vh - 136px); background-repeat: no-repeat; background-position: center center; background-size: cover;}

.bloco.contato {padding-top: 0px;}
.contato-form {background-color: rgba(255,255,255,0); color: white; border-top: none; border-left: none; border-right: none; border-radius: 0;}
.contato-form-box, .contato-form::placeholder {color: #fff; opacity: 1}
.contato-form-box {background-color: rgba(255,255,255,0); border-radius: 0;}
.contato-botao {width: 100%;}
.label-contato {color: #4d5575; font-size: 12px;}
.wrap-contato-info {width: 280px;}
.list-contato, .wrap-contato-info h3 {margin-top: 40px; margin-bottom: 10px; font-weight: 700; background: url('../img/contato_vermelho.png') top left no-repeat; padding-top: 14px;}
.wrap-contato-info h3:first-child {margin-top: 0px;}
.wrap-contato-info p {font-weight: 300;}
.contato-info p {text-transform: none;}
.list-contato { padding-top: 0px; background-position: 5px top;}
.list-contato li a {height: 25px; width: 25px; font-size: 0px!important; display: block;}
.facebook-contato a {background: url('../img/facebook.png') center center no-repeat;}
.linkedin-contato a {background: url('../img/linkedin.png') center center no-repeat;}
.instagram-contato a {background: url('../img/instagram.png') center center no-repeat;}
.formulario-contato .contato-form {padding: 6px 0px;}

/* BLOG TOPO */
.topo-blog {padding-bottom: 70px; border-bottom: 4px solid #ed1c24;}
.template-blog-img {display: flex; flex-direction: row; justify-content: center; color: white}
.template-blog-img a {background: url('../img/blog-img.png') left center no-repeat; height: 100px; background-position-y: 25px; font-size: 0px!important; display: block; width: 225px; color: white;}
.template-blog-img h2 {font-weight: 700; font-size: 32px; float: right;}
.template-blog-img h2 span {font-size: 48px}

/* BLOG CONTEUDO */
.pagina.blog-content {background-color: white; color: black;}
.pagina.blog-content span.categoria {font-size: 26px; font-weight: 700; padding-right: 15px;}
.pagina.blog-content p {font-size: 18px;}
.pagina.blog-content .dados {display: block;}
.pagina.blog-content .dados .data {padding-right: 15px;}
.pagina.blog-content .dados .usuario,.pagina.blog-content .dados .data {text-transform: uppercase; padding-top: 8px; padding-left: 15px; background: url('../img/data_vermelho.png') center left no-repeat; background-position-y: 11px; background-position-x: left;}
.noticia {padding-top: 113px;}
.noticia .imagem {height: 300px; background-position: center;}
.noticia h2 {font-size: 28px; color: #0e1743; font-weight: 700; margin-bottom: 40px;}
.pesquisa {padding-top: 130px;}
.pesquisa ul.nav-pills {border-bottom: 3px solid #ed1c24}
.pesquisa li a:focus, .pesquisa li a:hover, .pesquisa li a {color: #ed1c24}
.pesquisa li a {border-radius: 0px;}
.pesquisa li.active a.categoria {background-color: white; color: #ed1c24!important; font-weight: 700; border: 1px solid #ed1c24;}
#PesquisaDisplayForm label {display: none;}
#PesquisaDisplayForm input#PesquisaQ {padding: 20px 50px 20px 50px; background-color: #ed1c24; color: white; border: 0px; width: 100%; text-transform: uppercase; font-weight: 700;}
#PesquisaDisplayForm input#PesquisaQ::placeholder {color: white;}
#PesquisaDisplayForm input.hidden {display: none;}

/* PAGINATOR */
.caixa-conteudo .pagination li.disabled a, .pagina.blog-content .pagination li.disabled a {color: #777}
.caixa-conteudo .pagination li.active a, .pagina.blog-content .pagination li.active a{background-color: #bdbdbd; border-color: #bdbdbd}
.caixa-conteudo .pagination li a , .pagina.blog-content .pagination li a {color: #ed1c24;}


/* BLOG VIEW */
.caixa-conteudo {background-color: white; color: #0e1859;}
.caixa-conteudo .post-title {height: 345px; background-position: center;}
.caixa-conteudo span.categoria {font-size: 26px; font-weight: 700; padding-right: 15px;}
.caixa-conteudo .dados {display: block;}
.caixa-conteudo .dados .data {padding-right: 15px;}
.caixa-conteudo .dados .usuario, .caixa-conteudo .dados .data {text-transform: uppercase; padding-top: 8px; padding-left: 15px; background: url('../img/data_vermelho.png') center left no-repeat; background-position-y: 11px; background-position-x: left;}
.caixa-conteudo h2 {font-size: 28px; color: #0e1743; font-weight: 700; margin-bottom: 20px;}
.caixa-conteudo p {text-transform: none; font-size: 16px;}
.caixa-conteudo section.conteudo {margin: 0px 10px 0px 10px}
.caixa-conteudo div.texto {padding-top: 55px;}

/* PESQUISA */
#pesquisa_conteudo div.noticia {padding-top: 20px;}
section.posts .noticia h3 {font-weight: 700}
section.posts .dados span.categoria {font-size: 18px; background: url('../img/data_cinza.png') center left no-repeat; padding-left: 15px; background-position-y: 4px;}
section.posts .dados p.date {background: transparent!important; font-weight: 700; padding: 0px; padding-right: 15px; margin-bottom: 0px;}

.ajax-loader {position: absolute; height: 100%; width: 100%; background-color: rgba(14, 23, 67, 0.1); z-index: 2;}
.ajax-loader-anime {background: url('../img/loading_post.gif') center center no-repeat; height: 100%;}